/* Stylesheet der Homepage Elektrotechnik Heier*
Stand: Juni09
Datei: style.css
Autor: Jana Jung */

@charset "UTF-8";

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h1, h4, h2, h3, p, ul, ol, tabelle { margin-bottom: 3px; }  
ol ul { margin-bottom: 0;} 
li { margin-left: 1em; margin-bottom: 0.25em; } 
#leistungen h1 { margin: 0px; } 
#leistungen p  { margin-bottom: 0px; } 



/* Allgemeine Selektoren */
html, body {
	height: 100%;
	width: 100%;
	background-color:white;
	color:#00529a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style: normal;
	font-stretch:semi-expanded;
	line-height: 15px;
	font-variant: normal;
	font-weight: normal;
	}


#distance {
	width: 1px;
	height: 50%;
	margin-bottom: -291.5px;
	float: left;
	background-color: white;
	}	

h1 {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #00b4ff;
	text-transform: uppercase;
	}
	
h4 {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #00b4ff;
	}

h2 {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	}

h3 {
	font-size: 11px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	}

a 	{
	text-decoration: none;
	outline: none;
	}
	
	
/* Styles für die  Layoutbereiche */
#wrapper { 
	border:1px solid white;
	margin: 0 auto;
	position: relative;
	height: 581px;
	width: 952px;
	clear: left;  
	}
	
#kopfbereich {
	width:952px;
	height:155px;
	background-color: #00529a;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	 }
	 
#kopfbereich2 {
	width:952px;
	height:155px;
	background-color: #00529a;
	background-image: url(images/header2.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	 }
	 
	 
#kopfbereich3 {
	width:952px;
	height:155px;
	background-color: #00529a;
	background-image: url(images/header3.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	 }
	 
#kopfbereich4 {
	width:952px;
	height:155px;
	background-color: #00529a;
	background-image: url(images/header4.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	 }
	 
#contentbereich {
	width: 948px;
	height:341px;
	background-color: #fff;
	padding: 0px;
	margin-top: 0px;
	border-right: 2px solid #00529a; 
	border-left: 2px solid #00529a;
	 }	

#navi {
	height: 45px;
	background-color: #00529a;
	text-align: left;
	margin-top:0px;
	clear: both;
		} 

	#navi ul
			{
			margin: 0 0 0 13px;
			padding: 0;
			list-style-type: none;
			}
			
			#navi li
			{
			float: left;
			margin-left: 10px;
			}
			
			#navi a
			{
			display: block;
			}	
			
			/* Navi Buttons */
			
			a.button1:link, a.button1:visited
				{ 
				background-image: url(images/home.jpg);
				width: 51px;
				height: 45px;
				}
			
			a.button1:hover, a.button1:active, #home a.button1:link, #home a.button1:visited
				{
				background-image: url(images/home_rollover.jpg);
				width: 51px;
				height: 45px;
				}
			
			a.button2:link, a.button2:visited
				{
				background-image: url(images/leistungen.jpg);
				width: 82px;
				height: 45px;
				}
			
			a.button2:hover, a.button2:active, #leistungen a.button2:link, #leistungen a.button2:visited
				{
				background-image: url(images/leistungen_rollover.jpg);
				width: 82px;
				height: 45px;
				} 
			
			a.button3:link, a.button3:visited
				{
				background-image: url(images/produkte.jpg);
				width: 71px;
				height: 45px;
				}
			
			a.button3:hover, a.button3:active, #produkte a.button:link, #produkte a.button3:visited
				{
				background-image: url(images/produkte_rollover.jpg);
				width: 71px;
				height: 45px;
				} 
			
			a.button4:link, a.button4:visited
				{
				background-image: url(images/referenzen.jpg);
				width: 84px;
				height: 45px;
				}
			
			a.button4:hover, a.button4:active, #referenzen a.button4:link, #referenzen a.button4:visited
				{
				background-image: url(images/referenzen_rollover.jpg);
				width: 84px;
				height: 45px;
				border-bottom: 1px solid #fff;
				} 
				
			a.button5:link, a.button5:visited
				{
				background-image: url(images/kontakt.jpg);
				width: 64px;
				height: 45px;
				}
			
			a.button5:hover, a.button5:active, #kontakt a.button5:link, #kontakt a.button5:visited
				{
				background-image: url(images/kontakt_rollover.jpg);
				width: 64px;
				height: 45px;
				} 
			
			a.button6:link, a.button6:visited
				{
				background-image: url(images/anfahrt.jpg);
				width: 63px;
				height: 45px;
				}
			
			a.button6:hover, a.button6:active, #anfahrt a.button6:link, #anfahrt a.button6:visited
				{
				background-image: url(images/anfahrt_rollover.jpg);
				width: 63px;
				height: 45px;
				} 
			
			a.button7:link, a.button7:visited
				{
				background-image: url(images/impressum.jpg);
				width: 67px;
				height: 45px;
				}
			
			a.button7:hover, a.button7:active, #impressum a.button7:link, #impressum a.button7:visited
				{
				background-image: url(images/impressum_rollover.jpg);
				width:67px;
				height: 45px;
				} 
	 
 #fussbereich {
	height:40px;
	margin-top: 0px;
	border-right: 2px solid #00529a; 
	border-bottom: 2px solid #00529a; 
	border-left: 2px solid #00529a;
	}	  

/* Sonstige Styles */
#textbox1 {
	float:left;
	margin-top: 60px;
	margin-right: 0;
	margin-left: 117px;
	width: 520px;
	}
	
	#textbox1 a:link { color: #00529a; }
	#textbox1 a:visited { color: #00529a; }
	#textbox1 a:hover { color: #00b4ff; border-bottom: 1px solid #00b4ff; }
	#textbox1 a:active { color: #00b4ff; }

#textbox2 {
	float:left;
	width:370px;
	margin-top: 30px;
	margin-left: 119px;
	}
	
	#textbox2 a:link { color: #00529a; }
	#textbox2 a:visited { color: #00529a; }
	#textbox2 a:hover { color: #00b4ff; border-bottom: 1px solid #00b4ff; }
	#textbox2 a:active { color: #00b4ff; }


#textbox3 {
	float:right;
	width:360px;
	margin-top: 30px;
	margin-right: 37px;
	}
	
	#textbox3 a:link { color: #00529a; }
	#textbox3 a:visited { color: #00529a; }
	#textbox3 a:hover { color: #00b4ff; border-bottom: 1px solid #00b4ff; }
	#textbox3 a:active { color: #00b4ff; }

#textbox4 {
	float:left;
	width:800px;
	margin-top: 35px;
	margin-left: 119px;
	}
	
	#textbox4 a:link { color: #00529a; }
	#textbox4 a:visited { color: #00529a; }
	#textbox4 a:hover { color: #00b4ff; border-bottom: 1px solid #00b4ff; }
	#textbox4 a:active { color: #00b4ff; }
	

#textbox5 {
	float:left;
	width:390px;
	margin-top: 35px;
	margin-left: 75px;
	}
	

#textbox6 {
	float:left;
	width:800px;
	text-align:left;
	margin-top: 60px;
	margin-left: 115px;
	}
	
#logobox {
	float:right;
	width:370px;
	height:80px;
	background-image: url(images/logos_index.jpg);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-right: 50px;
	}
	
	#textbox3 a:link { color: #00529a; }
	#textbox3 a:visited { color: #00529a; }
	#textbox3 a:hover { color: #00b4ff; border-bottom: 1px solid #00b4ff; }
	#textbox3 a:active { color: #00b4ff; }
	
#logobox2 {
	float:right;
	width:370px;
	height:80px;
	background-image: url(images/logos_index.jpg);
	background-repeat: no-repeat;
	margin-top: 84px;
	margin-right: 50px;
	}
	
	#textbox3 a:link { color: #00529a; }
	#textbox3 a:visited { color: #00529a; }
	#textbox3 a:hover { color: #00b4ff; border-bottom: 1px solid #00b4ff; }
	#textbox3 a:active { color: #00b4ff; }
	
#logobox3 {
	float:right;
	width:140px;
	height:80px;
	background-image: url(images/euronics.jpg);
	background-repeat: no-repeat;
	margin-top:  84px;
	margin-right: 50px;
	}
	
	#textbox3 a:link { color: #00529a; }
	#textbox3 a:visited { color: #00529a; }
	#textbox3 a:hover { color: #00b4ff; border-bottom: 1px solid #00b4ff; }
	#textbox3 a:active { color: #00b4ff; }
	
#logobox4 {
	float:right;
	width:370px;
	height:80px;
	background-image: url(images/logos_index.jpg);
	background-repeat: no-repeat;
	margin-top:18px;
	margin-right: 50px;
	}
	
#logobox5 {
	float:right;
	width:370px;
	height:80px;
	background-image: url(images/logos_index.jpg);
	background-repeat: no-repeat;
	margin-top:32px;
	margin-right: 50px;
	}
	
#linkbox {
	float:right;
	width:200px;
	margin-top: 35px;
	margin-right: 3px;
	}
		
	
/* Scrollbereich */	
#scroll {
	height: 306px;
	width: 829px;
	overflow: auto;
	border: 0;
	background-color: white;
	padding: 35px 0 0 0;
	margin: 0 0 0 119px;
	}

/* Preload für Grafiken */	
.hidepics {
	width:0px; 
	height:0px; 
	display:none; 
	}
	

/* Floats beenden */		
.clearing {
	clear: both;
	}	
	
/* Tabelle Referenzseite */	
#referenzen table {
	width: 760px;
	line-height: 1.5em;
	border: 0;
	background-color: white;
	padding: 0;
	margin: 0px;
	}
	
	#referenzen table td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 40px;
	}
	
	#referenzen table img {
	border: 1px solid #00529a;
	}

/* erzwungene Abstände */		
#spacer { 
	width:10px;
	height:10px;
 		}
		
#spacer02 { 
	width:10px;
	height:3px;
 		}


				   
</style>