html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #001e3d; /*blau*/
font-size: 14px;
}

a  {
color:#001e3d; /*blau*/
}

a img {
border: 0px;
}

p {
margin: 0;
}

h1 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
	margin: 0;
}


ul {
list-style-type: none;
padding:0;
}

h1 a {
color: #ffffff;
}

input, textarea {
color: #001e3d; /*blau*/
font-weight: bold;
border: 0;
padding: 4px 0 0 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

input {
height: 18px;
}

textarea {
height: 68px;
}

#hinten { 
width:100%; 
height:100%; 
background-color: #001e3d; /*blau*/
background-image: url(../img/floral.gif);
background-repeat: no-repeat;
} 

#flash {
z-index: 5;
}

#inhalt { 
width:1024px; 
height:630px;
background-image:url(../img/schatten.png);
background-repeat:no-repeat;
position:absolute;
left: 50%;
top: 50%;
margin-top: -315px;
margin-left: -512px; 
z-index: 10; 
} 

#links {
background-color:#fff;
height: 583px;
width: 715px;
float: left;
margin: 21px auto auto 21px;
}

#rechts {
height: 583px;
width: 250px;
float: left;
margin-top: 21px;
background-color:#FFFFFF;
background-image:url(../img/kachel_rechts.jpg);
background-repeat:repeat-y;
}

#logo {
position: absolute;
left: 705px;
top: 21px;
}

#stoerer {
	z-index: 10;
	position: relative;
	top: 20px;
	left: -70px;
}

.orange {
background-color:#ff9900 !important; /*orange*/
}

.hellorange {
background-color: #f8ba5d !important;
	
}

.blau {
color:#001e3d !important; /*blau*/
}

.pas {
	color: #ff9900 !important;
}


#texte h1 {
    font-size: 42px;
    line-height: 52px;
    padding: 108px 50px 75px 30px;
}

#texte p {
    color: #FFFFFF;
    font-size: 18px;
    padding: 0 50px 12px 30px;
    width: 600px;
}

#werbung #texte h1, #web #texte h1 {
    padding: 55px 50px 75px 30px;


}

#kontor #texte p {
	font-size: 14px;
}

#texte a {
	color: #FFF;
}



/*Hauotnavigation*/


#rechts ul  {
font-size: 20px;
font-weight: normal;
line-height: 32px;
padding: 0;
margin: 230px 0 0 20px;
}

#rechts ul a {
color: #ff9900;
text-decoration: none;
}

#rechts ul a:hover {
color: #001e3d !important;
text-decoration: none;
}


#rechts p {
font-size: 10px;
position: absolute;
top: 570px;
margin-left: 20px;
}

#rechts p a {
	text-transform: uppercase;
	text-decoration:none;
	}

#editorial .ed, #corporate .co, #werbung .wer, #web .we, #kontor .ko, #mehr .me, #logodesign .lo, #referenzen .re {
color: #001e3d;
}

/*Sub Navi*/

#subnavi {
position: absolute;
top: 564px; left: 26px;
float: left;
}

#zurueck, #vor, #counter {
height: 23px;
margin-left: 2px;
background-color: #FFF;
padding-top: 5px;
float: left;
}

#beschreibung {
height: 23px;
margin-left: 10px;
width: 554px;
padding-left: 8px;
padding-top: 5px;
background-color: #FFF;
float: left;
}

#counter {
width: 70px;
text-align: center;
}

#vor, #zurueck {
text-align: center;
text-decoration: none;
width: 23px; height: 26px;
font-size: 17px;
padding: 2px 0 0 0;
}

#vor:visited, #zurueck:visited {
text-decoration: none;
}

#vor:hover, #zurueck:hover {
color: #ff9900;
text-decoration: none;
}



/*mehr*/

#mehr #links, #kontor #links, #impressum #links, #versendet #links, #referenzen #links, #partner #links {
background-color:#ff9900; /*orange*/
}


#broschuere {
margin: 70px 0 0 53px;
width: 400px;
float: left;
}

#mehr #links img {
margin-top: 40px;
float: left;
}


#mehr #liniewaage {
background-repeat: repeat-x;
width: 633px;
height: 10px;
clear: left;
position: relative;
left: 44px;
top: 5px;
}


#formular01 {
height: 340px;
width: 415px;
position: absolute;
top: 220px;
padding-right: 30px;
}

#formular01 h1 {
    margin-left: 60px;
    padding-bottom: 18px;
    text-align: left;
}

#formular01 input, #formular01 textarea {
float: right;
width: 350px;
margin: 0;
}

#formular01 textarea {
height: 70px;
}


#formular01 p {
clear: right;
padding: 4px 0 7px 60px;
z-index: 10;
}


#formular01 h1 {
	color: #001E3D;
}


#formular02 {
height: 340px;
width: 240px;
position: absolute;
top: 280px;
left: 488px;
}

#formular02 input {
float: left;
}

#formular02 p {
padding: 4px 0 8px 8px;
float: left;
}

.eingabe {
margin: 0 0 10px 26px;
width: 150px;
}

.ende {
clear: left;
}

#formular02 a {
background-color: #ffdba6; /*hellgelb*/
width: 85px; height: 15px;
display: block;
text-align: center;
text-decoration: none;
margin-left: 26px;
padding: 5px 0;
position: relative;
top: 12px;
}



.senden {
margin: 15px 0 0 26px;
padding: 8px;
height: 31px;
background-color: #001e3d;
color: #fff;
}

#versendet #links h1 {
	margin: 270px 0 0 120px;
}


/*Kontor/Impressum*/

.kontorbild {
float: left;
margin: 0;
padding: 16px 0 0 16px;
}

.umflossen {
float: left;
padding: 4px 12px 4px 0;
}




#impressum h1, #partner h1, #referenzen h1 {
margin: 0;
padding-bottom: 12px;
width: 250px;
clear: left;
}

.disclaimer, .partner  {
position: absolute;
top: 153px; left: 60px;

}

.referenzen {
position: absolute;
top: 153px; 
left: 60px;
height: 450px;
}

.disclaimer p {
width: 330px;
}

.partner p {
float: left;
width: 250px !important;
line-height: 20px;
}

.referenzen p {
float: left;
width: auto;
padding-right: 25px;
line-height: 20px;
}



#kontor #links ul, #kontor #links p,
#impressum #links ul, #impressum #links p {
margin: 0;
}

#kontor #links p, 
#impressum #links p  {
padding: 0 18px 12px 36px;
width: 370px;
}

#kontor #links ul, #impressum #links p {
padding: 0; 
}

#kontor #links img {
	margin: 0;
	padding: 17px 0 0 20px;
}

#randspalte01 {
width: 240px;
position: absolute;
left: 460px; top: 45px;
}

#randspalte02 {
width: 240px;
position: absolute;
left: 460px; top: 255px;
}

#randspalte03 {
position:absolute;
top: 188px; left: 480px;
}

#randspalte01 li, #randspalte02 li, #randspalte03 li  {
padding: 0 0 8px 10px;
color: #001E3D;
}