@charset "utf-8";
/* www.elektro-foerster-gmbh.de */

/* Body */

* {
margin: 0;
padding: 0;
}

body {
background: #fff;
font: 13px Georgia, "Times New Roman", Times, serif;
color: #323232;
line-height: 1.6em;
}

p {
margin: 0 0 15px 0;
}

/* Headline */

h1 {
text-indent: -5000px;
font-size: 0.1em;
}

h2 {
text-indent: -5000px;
font-size: 0.1em;
}

h3 {
font-size: 1.0em;
font-weight: bold;
}

h4 {
font-weight: nold;
color: #72bc00;
font-size: 14px;
margin-bottom: 15px;
}

/* Class */

a {
color: #008cba;
text-decoration: underline;
outline: none;
}

a:hover {
text-decoration: none;
}

ul.liste {
list-style-type: none;
margin-bottom: 15px;
}
					
ul.liste li {
background: url(../images/layout/liste.gif) 0 5px no-repeat;
padding-left: 20px;
}

.clear {
float: none;
clear: both;
}

hr {
height:1px;
border:0;
color:#fff;
background:#fff;
margin:20px auto;
border-top:1px dashed #ccc;
width:100% !important;
}

#content:after {
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden;
}

#player {
height:292px;
width:478px;
float:left;
background:#efefef;
margin-bottom: 30px;
border: 1px solid #ccc;
}

#getAdobeFlash {
margin:0 auto;
width:112px;
padding-top:130px;
}

/* Top */

#top {
background: url(../images/layout/top.jpg) no-repeat;
width: 958px;
height: 163px;
margin: 0 auto auto 0;
}

	.aktuelles {
	background: url(../images/layout/navi/aktuelles_link.jpg) no-repeat;
	width: 101px;
	height: 70px;
	display: block;
	outline: none;
	margin: 0 auto auto 0;
	float: left;
	text-decoration: none;
	cursor: pointer;
	}
			
	.aktuelles:hover {
	background: url(../images/layout/navi/aktuelles_hover.jpg) no-repeat;
	}
	
	.logo {
	width: 143px;
	height: 121px;
	float: left;
	margin-top: 35px;
	margin-left: 40px;
	cursor: pointer;
	display: block;
	}
	
	#subnavi ul {
	list-style: none;
	padding: 38px 0 0 586px;
	}
	
	#subnavi ul li {
	float: left;
	}
	
	#subnavi ul li a {
	color: #666;
	text-decoration: none;
	display: block;
	padding-right: 12px;
	font-size: 11px;
	}
	
	#subnavi ul li a:hover, #subnavi ul li a.active {
	color: #a4cb49;
	}
	
/* Navi */

#navi {
width: 958px;
height: 35px;
margin: 0 auto auto 0;
}

#navi ul {
list-style: none;
margin-left: 19px;
}

#navi ul li {
float: left;
}

#navi ul li a {
float: left;
display: block;
color: #92D700;
font-size: 0.1em;
overflow: hidden;
outline: none;
}

#navi ul li a:hover {
color: #01A0C8;
}

	#navi a.leistungen {
	background: url(../images/layout/navi/leistungen.jpg) no-repeat;
	width: 313px;
	height: 35px;
	}
	
		#navi a.leistungen:hover, #navi a.leistungenActive {
		background: url(../images/layout/navi/leistungen.jpg) 0 -35px no-repeat;
		width: 313px;
		height: 35px;
		color: #01A0C8;
		}
		
	#navi a.erneuerbare-energien {
	background: url(../images/layout/navi/erneuerbare-energien.jpg) no-repeat;
	width: 313px;
	height: 35px;
	}
	
		#navi a.erneuerbare-energien:hover, #navi a.erneuerbare-energienActive {
		background: url(../images/layout/navi/erneuerbare-energien.jpg) 0 -35px no-repeat;
		width: 313px;
		height: 35px;
		color: #01A0C8;
		}
		
	#navi a.firmengeschichte {
	background: url(../images/layout/navi/firmengeschichte.jpg) no-repeat;
	width: 313px;
	height: 35px;
	}
	
		#navi a.firmengeschichte:hover, #navi a.firmengeschichteActive {
		background: url(../images/layout/navi/firmengeschichte.jpg) 0 -35px no-repeat;
		width: 313px;
		height: 35px;
		color: #01A0C8;
		}
		
/* Navigation Sub */

#navi ul li ul {
list-style: none;
padding: 0;
float: none;
display: none;
}

#navi ul ul li a {
display: block;
text-decoration: none;
padding: 10px 0 5px 70px;
}	

#navi ul ul li a:hover,
#navi ul ul li.active a {
display: block;
border: 0;
font-weight: bold;
}

	/* Navi Leistungen */
	
	#navi ul.sub_leistungen {
	margin: 35px 0 0 0px;
	position: absolute;
	background-color: #F3F3F3;
	width: 160px;
	}
	
	#navi ul.sub_leistungen a {
	width: 237px;
	border-bottom: 1px solid #90B3AC !important;
	color: #7d7d7d;
	font-size: 11px;
	background-color: #F3F3F3;
	}

	li#navi-leistungen:hover ul {
	display: block;
	}
	
	/* Navi Fachmarkt */
	
	#navi ul.sub_energie {
	margin: 35px 0 0 0px;
	position: absolute;
	background-color: #F3F3F3;
	width: 160px;
	}
	
	#navi ul.sub_energie a {
	width: 237px;
	border-bottom: 1px solid #90B3AC !important;
	color: #7d7d7d;
	font-size: 11px;
	background-color: #F3F3F3;
	}

	li#navi-energie:hover ul {
	display: block;
	}
	
/* Header */

#info {
background: url(../images/layout/infobild.jpg) no-repeat;
width: 639px;
height: 207px;
float: left;
margin: 0 auto auto 0;
}

#oeffnungszeiten {
background: url(../images/layout/oeffnungszeiten.gif) no-repeat;
width: 319px;
height: 207px !important;
float: left;
margin: 0 auto auto 0;
}

	#oeffnungszeiten .inhalt {
	padding: 66px 0 0 53px;
	color: #fff;
	}
		#oeffnungszeiten dl.inhalt {
		width:220px;
	}
	
	#oeffnungszeiten .termine {
	padding: 0 0 0 53px;
	color: #fff;
	margin-top:15px;
	}
	
	#oeffnungszeiten dt {
	width: 80px;
	float:left;
	}
	
	#oeffnungszeiten dd {
	width: 140px;
	float:left;
	}
	
	#oeffnungszeiten .pfeil {
	background: url(../images/layout/pfeil_termin.gif) no-repeat;
	width: 11px;
	height: 9px;
	float: left;
	margin: 5px 5px 0 0;
	}
	
	.shop {
	background: url(../images/layout/navi/shop_link.jpg) no-repeat;
	width: 307px;
	height: 30px;
	display: block;
	outline: none;
	float: left;
	text-decoration: none;
	margin: 10px 0 0 6px;
	}
			
	.shop:hover {
	background: url(../images/layout/navi/shop_hover.jpg) no-repeat;
	}
	
/* Content */

#container {
background: url(../images/layout/container.gif) repeat-y;
width: 639px;
float: left;
margin: 0 auto auto 0;
}

	#content {
	background: url(../images/layout/content.gif) no-repeat;
	width: 639px;
	float: left;
	}
	
	#content_inhalt {
	float: left;
	margin: 0 0 0 70px;
	width: 500px;
	}
	#content_inhalt ul {
list-style-type: none;
margin-bottom: 15px;
}
					
#content_inhalt ul li {
background: url(../images/layout/liste.gif) 0 5px no-repeat;
padding-left: 20px;
}
	.thumbs {
	background-color: #e3eacc;
	padding: 4px;
	margin: 0 15px 10px 0;
	float: left;
	border: none;
	}
#content_inhalt img{
	background-color: #e3eacc;
	padding: 4px;
	margin: 0 10px 10px 0;
	float: left;
	border: none;
	}
	.thumbs_cms {
	background-color: #e3eacc;
	padding: 4px;
	margin: 0 10px 10px 0;
	float: left;
	border: none;
	}
/*----------------Accordion----------------------------*/
.clear {clear:both;float:none;}
.accToggle {cursor:pointer;}
.accContent {width:480px; float:left;}

#content_inhalt .accContent table{
margin-bottom: 30px; float:left;}

#content_inhalt .img {float:left; margin: 0 5px 0 0;}

#content_inhalt .accContent table td{
padding: 5px;}

#content_inhalt h3.accToggle { font-size: 16px; color: #000; padding: 13px 0 5px 20px; background:url(../images/layout/liste.gif) 0px 19px no-repeat; }

	
	#content_footer {
	background: url(../images/layout/footer.gif) no-repeat;
	width: 639px;
	height: 30px;
	float: left;
	}
	
	

		.seitenanfang {
		background: url(../images/layout/navi/seitenanfang_link.gif) no-repeat;
		width: 142px;
		height: 30px;
		display: block;
		outline: none;
		float: left;
		text-decoration: none;
		margin: 0px 0 0 460px;
		}
				
		.seitenanfang:hover {
		background: url(../images/layout/navi/seitenanfang_hover.gif) no-repeat;
		}
		
	#infospalte {
	background: url(../images/layout/infospalte.gif) no-repeat;
	width: 319px;
	height: 578px;
	float: left;
	}
	
		#aktuelles {
		width: 245px;
		height: 130px;
		margin: 80px 0 0 38px;
		}
		
		#newsletterbox {
		width: 245px;
		height: 120px;
		margin: 95px 0 0 38px;
		}
		
		#kontaktbox {
		width: 245px;
		height: 60px;
		margin: 95px 0 0 38px;
		font-size: 12px;
		}
		
			.grey {
			color: #a0a0a0;
			}
			
			#kontaktbox a {
			color: #77b72c;
			text-decoration: underline;
			font-weight: normal;
			outline: none;
			}
			
			#kontaktbox a:hover {
			text-decoration: none;
			}
		
/* Headline */

#h_willkommen {
background: url(../images/layout/headline/willkommen.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_newsletter {
background: url(../images/layout/headline/newsletter.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_aktuelles {
background: url(../images/layout/headline/aktuelles.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_photovoltaik {
background: url(../images/layout/headline/photovoltaik.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_dachs {
background: url(../images/layout/headline/dachs.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_elektrotechnik {
background: url(../images/layout/headline/elektrotechnik.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}
#h_solarthermie {
background: url(../images/layout/headline/solarthermie.jpg) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}
#h_kraft-waermekopplung {
background: url(../images/layout/headline/kraft-waermetechnik.jpg) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_waermepumpensysteme {
background: url(../images/layout/headline/waermepumpensysteme.jpg) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}
#h_gebaeudedaemmung {
background: url(../images/layout/headline/gebaeudedaemmung.jpg) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}
#h_hausgeraete-kundendienst {
background: url(../images/layout/headline/hausgeraete-kundendienst.jpg) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_elektroinstallationsmaterial {
background: url(../images/layout/headline/elektroinstallationsmaterial.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_dpd {
background: url(../images/layout/headline/dpd.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_firmengeschichte {
background: url(../images/layout/headline/firmengeschichte.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_kontakt {
background: url(../images/layout/headline/kontakt.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_danke {
background: url(../images/layout/headline/danke.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_anfahrt {
background: url(../images/layout/headline/anfahrt.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_impressum {
background: url(../images/layout/headline/impressum.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_industrieanlagen {
background: url(../images/layout/headline/industrieanlagen.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

#h_haushaltsgeraete {
background: url(../images/layout/headline/haushaltsgeraete.gif) no-repeat;
width: 639px;
height: 102px;
margin-bottom: 20px;
}

/* Bottom */

#bottom {
background: url(../images/layout/bottom.gif) no-repeat;
width: 958px;
height: 41px;
margin: 0 auto auto 0;
clear: both;
float: none;
}

#navi_footer {
float: right;
margin-top: 5px;
}

#navi_footer ul {
list-style: none;
}

#navi_footer ul li {
float: left;
}

#navi_footer a {
color: #444343;
text-align: right;
text-decoration: none;
padding: 0 15px 0 0;
font-size: 11px;
}

#navi_footer a:hover {
color: #7CCD00;
}

/* Routenplaner */
	
#berechnen input {
border: none;
border: 1px solid #7CCD00;
color: #323232;
background-color: #fff;
margin: 3px;
}

#berechnen input.hidden {
border: none;
}

input#submitRoute {
	width:172px;
	height:19px;
	background: url(../images/layout/route.gif) no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-5000px;
	cursor:pointer;
	border:none;
	margin-left: 20px;
}

#berechnen input, #link2map24 label {
display: block;
float: left;
width: 150px;
}
	
#link2map24 label {							
text-align: left;		
width: 60px;						
}

fieldset {						
border: none;
padding: 0;
}

#ziel {
padding: 0 0 0 58px;
}

input.wech  {
display: none!important;
}
	
#berechnen br {
clear: both;
}

/* Pixaround */

#pixaround {
background: url(../images/layout/pixelline.gif) 0 0 no-repeat;
height: 170px;
width: 460px;
padding: 5px;
}

#pixaroundinner {
width: 450px;
padding: 5px;
}


