/* >>>>> Inhalt Styles Guepa<<<<< */

* {
	margin:0;
	padding:0;
	}

body  { text-align:center; /* horizontal zentrieren für IE 5 */
			}
			
body { background-color: #ffffff;
				}

/* >>>>> Text Guepa<<<<< */				
				
a:link {font-family: Arial, sans-serif;font-size: 12px;display:inline;line-height: 1.4em;color: #a8b3cc;text-decoration: none;}
a:visited {font-family: Arial, sans-serif;font-size: 12px;display:inline;line-height: 1.4em;color: #a8b3cc;text-decoration: none;}
a:hover {font-family: Arial, sans-serif;font-size: 12px;display:inline;line-height: 1.4em;color: #00386b;text-decoration: none;}

h1 {
  	font-family: Arial, sans-serif;
  	font-size: 14px;
	font-weight: bold;
	line-height: 0.8em;
	color: #00386b;
	padding: 20px 0px 20px 0px;
	}

h4 {
  	font-family: Arial, sans-serif;
  	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	color: #00386b;
	padding: 10px 0px 10px 0px;
	}	
	
p, td {	font-family: Arial, sans-serif;
font-size: 11px;
line-height: 1.4em;
color: #00386b;
margin: 0; 
padding: 0px 10px 11px 0px;
 	}	
	
ul {	font-family: Arial, sans-serif;
font-size: 12px;
line-height: 1.4em;
color: #000; 
padding: 0px 0px 20px 20px;
 	}	
	
pre {font-family: Helvetica, sans-serif;
font-size: 80%;
font-weight: strong;
color: #00386b;
margin: 0px; 
padding: 0px 0px 0px 20px;
 	}	

/* >>>>> Div Guepa<<<<< */	
				
#rahmen { text-align:left;
			width:925px;
			margin:0px auto;
			color:black;
			z-index:1;
			}
			
#header 	{ text-align:left;
			width:925px;
			height: 128px;
			margin:0px;
			background: url(../img/kopf_start_dt_2.jpg) left no-repeat;
			color:#00386b;
			}		

#top 	{   padding:10px 0 0 370px;
			
			}				
			
#navStart {  background: url(../img/nav_start_2.png) no-repeat;
			width:179px;
			min-height: 410px;
			z-index:5;
			float:left;
			padding: 0px 0px 0px 0px;
			}		
			
			
#contentStart { margin:0px;
				width: 925px;
			}
			
#contentImpressum { margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/impressum.jpg) no-repeat;
			}
			
#contentDownload { margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/download.jpg) no-repeat;
			}
			
#contentKontakt { margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/kontakt.jpg) no-repeat;
			}	
			
#contentAdressen { margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/adressen.jpg) no-repeat;
			}	
			
#contentProdukt { margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/produkte.jpg) no-repeat;
			}					

#contentBeratung { margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/s_beratung.jpg) no-repeat;
			}
			
#contentEinkauf { margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/s_einkauf.jpg) no-repeat;
			}	
			
#contentRealisation	{ margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/s_realisation.jpg) no-repeat;
			}		
			
#contentUnternehmen	{ margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/unternehmen.jpg) no-repeat;
			}	

#text {margin-left: 42px; padding-top: 64px; width:210px;}			
#textSpalte1 {float:left; margin-left: 42px; padding-top: 84px; width:210px;}
#textSpalte2 {float: right; padding-top: 84px; margin-right: 455px; width:210px; }	
#textSpalte0 {float: left; padding-top: 84px;  width:210px; }		
#textSpalte3 {float:left; margin-left: 10px; padding-top: 240px; width:210px;}
#textSpalte4 {float: left; padding-top: 240px; width:210px; }		

#clear {clear:right;}
			
#contentStandort	{ margin:0px;
				width: 925px;
				height: 466px;
				background: url(../img/map_dt.jpg) no-repeat;
			}								
			
#content { margin-left:200px;
			width: 455px;
			}

#footer { clear:left;
			background: url(../img/footer.jpg) no-repeat;
				z-index:10;
				color:#a8b3cc;
				text-align:right;
				font-family: Arial, sans-serif;
				font-size: 12px;
			}
.footerLink a {font-family: Arial, sans-serif;font-size: 12px;color: #a8b3cc;text-decoration: none;}
.footerLink a:visited {font-family: Arial, sans-serif;font-size: 12px;color: #a8b3cc;text-decoration: none;}
.footerLink a:hover {font-family: Arial, sans-serif;font-size: 12px;color: #00386b;text-decoration: none;}
				
#header {		 
				color:white;
				padding:0;
				}				


#pictureRight { float: right;
				display:inline;
			}


/* >>>>> Formular Guepa<<<<< */	
form { width:460px;
  background: #ffffff;
  margin-left: 42px;
  font-family: Arial, sans-serif;
font-size: 13px;
line-height: 1.4em;
padding-top: 16px;
color: #00386b;
}

label, input, select, textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 220px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: 100px;
}

.submitbtn {width:123px; background:#a8b3cc; border:1px solid; border-color:#999 #333 #333 #999; color:#fff; cursor:pointer; padding:0; margin:0;}
.submitbtn:hover {background:#00386b; color:#fff; border:1px solid; border-color:#999 #333 #333 #999;}

label {
 text-align: left;  
 padding: 4px 0px 14px 0px;
}
.left {width:65%; float:left; white-space:nowrap;}
textarea {width:220px; }