@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../images/layout-bg.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0068b2;
}
#container{
	width:980px;
	margin:auto;
	background-image:url(../images/layout-innerbg.png);
}

#empty1{
	width:980px;
	height:11px;
	background-image:url(../images/layout-bg.png);
}
#header{
	width:980px;
	height:318px;
	background-image:url(../images/slideshow/slide1.jpg);
	position:relative;
}

#slideshow{
	width:980px;
	height:318px;
	 z-index:0;
}
#slideshow img { display: none; 
	border:0px;}
#slideshow img.first { display: block; }

h1.branding a{
	width:212px;
	height:318px;
	display:block;
	text-indent:-10000px;
}
h1.branding{
	width:212px;
	height:318px;
	position:absolute;
	background-image:url(../images/layout-logo.png);
	z-index:5;}
#sectionLine{
	width:980px;
	height:9px;
	background-image:url(../images/layout-sectionline.png);
}
#content-container{
	width:980px;
}
#navigation{
	width:290px;
	float:left;
	}
ul#navi{
	width:199px;
	list-style: none; 
	margin:2px 0 0 10px;
}
ul#navi a{
	text-indent:-10000px;
}
ul#navi li, ul#navi a{
	width:199px;
	height:31px;
	display:block;
	overflow:hidden;
	margin:0px;
}
ul#navi li{
	background-position: 0 0;
	list-style-type:none;
}
ul#navi a:hover{ background-position: 0 -31px;}
ul#navi a.active{  background-position: 0 -62px;}
ul#navi a.active:hover{ background-position: 0 -93px;}

li#ueber-uns,li#ueber-uns a:hover,li#ueber-uns a.active,li#ueber-uns a.active:hover{
	background-image:url(../images/navi-ueber-uns.png);
}
li#firmengeschichte, li#firmengeschichte a:hover,li#firmengeschichte a.active,li#firmengeschichte a.active:hover{
	background-image:url(../images/navi-ueber-uns-firmengeschichte.png);
}
li#philosophie, li#philosophie a:hover,li#philosophie a.active,li#philosophie a.active:hover{
	background-image:url(../images/navi-ueber-uns-philosophie.png);
}
li#unser-team, li#unser-team a:hover,li#unser-team a.active,li#unser-team a.active:hover{
	background-image:url(../images/navi-ueber-uns-unser-team.png);
}
li#leistungen, li#leistungen a:hover,li#leistungen a.active,li#leistungen a.active:hover{
	background-image:url(../images/navi-leistungen.png);
}
li#heizung, li#heizung a:hover,li#heizung a.active,li#heizung a.active:hover{
	background-image:url(../images/navi-leistungen-heizung.png);
}
li#pelletsheizung, li#pelletsheizung a:hover,li#pelletsheizung a.active,li#pelletsheizung a.active:hover{
	background-image:url(../images/navi-leistungen-heizung-pellets.png);
}
li#hackgutheizung, li#hackgutheizung a:hover,li#hackgutheizung a.active,li#hackgutheizung a.active:hover{
	background-image:url(../images/navi-leistungen-heizung-hackgut.png);
}
li#stueckholzheizung, li#stueckholzheizung a:hover,li#stueckholzheizung a.active,li#stueckholzheizung a.active:hover{
	background-image:url(../images/navi-leistungen-heizung-stueckholz.png);
}
li#mikronetze, li#mikronetze a:hover,li#mikronetze a.active,li#mikronetze a.active:hover{
	background-image:url(../images/navi-leistungen-heizung-mikronetze.png);
}
li#waermepumpen, li#waermepumpen a:hover,li#waermepumpen a.active,li#waermepumpen a.active:hover{
	background-image:url(../images/navi-leistungen-heizung-waerme.png);
}
li#solar, li#solar a:hover,li#solar a.active,li#solar a.active:hover{
	background-image:url(../images/navi-leistungen-heizung-solar.png);
}
li#bad, li#bad a:hover,li#bad a.active,li#bad a.active:hover{
	background-image:url(../images/navi-leistungen-bad.png);
}
li#privatbad, li#privatbad a:hover,li#privatbad a.active,li#privatbad a.active:hover{
	background-image:url(../images/navi-leistungen-bad-privat.png);
}
li#hotelbad, li#hotelbad a:hover,li#hotelbad a.active,li#hotelbad a.active:hover{
	background-image:url(../images/navi-leistungen-bad-hotel.png);
}
li#barrierefrei, li#barrierefrei a:hover,li#barrierefrei a.active,li#barrierefrei a.active:hover{
	background-image:url(../images/navi-leistungen-bad-barriere.png);
}
li#spenglerei, li#spenglerei a:hover,li#spenglerei a.active,li#spenglerei a.active:hover{
	background-image:url(../images/navi-leistungen-spenglerei.png);
}
li#badrenovierung, li#badrenovierung a:hover,li#badrenovierung a.active,li#badrenovierung a.active:hover{
	background-image:url(../images/navi-leistungen-badrenovierung.png);
}
li#notruf, li#notruf a:hover,li#notruf a.active,li#notruf a.active:hover{
	background-image:url(../images/navi-notruf.png);
}
li#aktuelles, li#aktuelles a:hover,li#aktuelles a.active,li#aktuelles a.active:hover{
	background-image:url(../images/navi-aktuelles.png);
}
li#oeko-news, li#oeko-news a:hover,li#oeko-news a.active,li#oeko-news a.active:hover{
	background-image:url(../images/navi-oeko-news.png);
}
li#presse, li#presse a:hover,li#presse a.active,li#presse a.active:hover{
	background-image:url(../images/navi-presse.png);
}
#navi-borderline{
	background-image:url(../images/navi-borderline.png);
	width:199px;
	height:1px;
	margin:0 0 0 10px;
}
#watermark{
	width:357px;
	height:108px;
	margin-left:290px;
	background-image:url(../images/layout-wasserzeichen.png);
	position:absolute;
	border:0px solid #ff0000;
}	
#empty3{
	width:590px;
	height:60px;
	float:left;
	}
#content{
	width:590px;
	height:auto;
	float:left;
	z-index:20;}

#empty4{
	width:590px;
	height:60px;
	float:left;
	}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer{
	width:980px;
	height:190px;
}
#bottomLine{
	width:980px;
	height:28px;
	background-image:url(../images/layout-bottom-line.png);
}
#naviAdd{
	width:980px;
	height:24px;
	overflow:hidden;
}

#naviAdd_empty1{
	width:28px;
	height:24px;
	background-image:url(../images/naviAdd_empty1.png);
	float:left;
}
ul#navilist2{
	width:164px;
	list-style: none; 
	margin:0px;
	float:left;
	overflow:hidden;
}
ul#navilist2 a{
	text-indent:-10000px;
}
ul#navilist2 li, ul#navilist2 a{
	height:24px;
	display:block;
	overflow:hidden;
}
ul#navilist2 li{
	background-image:url(../images/naviAdd.png);
	list-style-type:none;
	float:left;
	overflow:hidden;
}
ul#navilist2 a:hover, ul#navilist2 a.active { background-image:url(../images/naviAdd.png);
}

li#kontakt{	width: 51px;
	background-position:0px 0px;}
li#anfahrt{	width: 51px;
	background-position:-51px 0px;}
li#impressum{	width: 62px;
	background-position:-102px 0px;}

li#kontakt a:hover{	background-position:0px -24px;}
li#anfahrt a:hover{	background-position:-51px -24px;}
li#impressum a:hover{	background-position:-102px -24px;}

li#kontakt a.active{	background-position:0px -48px;}
li#anfahrt a.active{	background-position:-51px -48px;}
li#impressum a.active{	background-position:-102px -48px;}

#naviAdd_empty2{
	width:17px;
	height:24px;
	background-image:url(../images/naviAdd_empty2.png);
	float:left;
}
#emptyBottom{
	width:771px;
	height:24px;
	background-image:url(../images/layout-bottom-navi-leer.png);
	float:right;
}
#adress{
	width:285px;
	height: 138px;
	background-image:url(../images/layout-bg.png);
	float:left;
}
#adress a{ color:#648bb2;}
#adress p, #times p{
	font-size:11px;
	color:#648bb2;
	line-height:14px;
	margin-bottom:13px;
}
#adress p{
	margin-left:32px;
}
#times p{
	margin-right:27px;
	text-align:right;
}
div#times p.abstand{
	margin-bottom:7px;
}
div#adress p.abstand, div#times p.abstand{
	margin-top:15px;
}
#timestitle{
	margin-bottom:10px;
}
#times p#zeiten{
	margin-bottom:19px;
}
#sponsoren1{
	width:210px;
	height: 138px;
	float:left;
}
ul#navilist3{
	margin:0px;
	width:210px;
	height:138px;
	list-style: none; 
	overflow:hidden;
}
ul#navilist3 a{
	text-indent:-10000px;
}
ul#navilist3 li, ul#navilist3 a{
	display:block;
	overflow:hidden;
}

ul#navilist3 li{
	list-style-type:none;
	overflow:hidden;
}
li#sponsor-remaill a{
	width:210px;
	height:56px;
}
li#sponsor-remaill{	
	width: 210px;
	height: 56px;
	background-image:url(../images/layout-sponsor-remaill.png);
	background-position:0px 0px;
}
	
li#sponsor-magic a{
	width:105px;
	height:82px;}
li#sponsor-magic{	width: 105px;
	height:82px;
	float:left;
	background-image:url(../images/layout-sponsor-magic.png);
	background-position:0px 0px;}
li#sponsor-meisterstrasse a{
	width:105px;
	height:82px;}
li#sponsor-meisterstrasse{	width: 105px;
	height:82px;
	float:right;
	background-image:url(../images/layout-sponsor-meister.png);
	background-position:0px 0px;}

li#sponsor-remaill a:hover{
	background-image:url(../images/layout-sponsor-remaill.png);
	background-position:0px -56px;}
li#sponsor-magic a:hover{	
	background-image:url(../images/layout-sponsor-magic.png);
	background-position:0px -82px;}
li#sponsor-meisterstrasse a:hover{	
	background-image:url(../images/layout-sponsor-meister.png);
	background-position:0px -82px;}


#sponsoren2{
	width:200px;
	height: 138px;
	float:left;
}

ul#navilist4{
	margin:0px;
	width:200px;
	height:138px;
	list-style: none; 
	overflow:hidden;
}
ul#navilist4 a{
	text-indent:-10000px;
}
ul#navilist4 li, ul#navilist4 a{
	height:138px;
	display:block;
	overflow:hidden;
}

ul#navilist4 li{
	list-style-type:none;
	overflow:hidden;
	float:left;
}
li#sponsor-energie a{
	width:80px;}
li#sponsor-energie{
	width:80px;
	background-image:url(../images/layout-sponsor-energie.png);
	background-position:0px 0px;}
li#sponsor-biomasse a{
	width:120px;}
li#sponsor-biomasse{
	width:120px;
	background-image:url(../images/layout-sponsor-biomasse.png);
	background-position:0px 0px;}

li#sponsor-energie a:hover{
	background-image:url(../images/layout-sponsor-energie.png);
	background-position:0px -138px;}
li#sponsor-biomasse a:hover{
	background-image:url(../images/layout-sponsor-biomasse.png);
	background-position:0px -138px;}
	
#times{
	width:285px;
	height: 138px;
	background-image:url(../images/layout-bg.png);
	float:right;
}
#bottomSpace{
	width:980px;
	height:30px;
	background-image:url(../images/layout-bg.png);
	background-repeat:repeat;
}
	

h2,h3,h4,h5{
font-weight:bold;
color:#9e3988;
font-family:Arial, Helvetica, sans-serif;}

h2{
	font-size:20px;
	line-height:30px;
	margin-bottom:30px;
}

h3{
	font-size:15px;
	line-height:30px;
	margin:15px 0 10px 0;
	}
h4{
	font-size:13px;
	line-height:30px;
	margin:15px 0 7px 0;
	font-weight:bold;	
	}

p{
font-size:12px;
text-align:justify;
line-height:20px;
margin-bottom:15px;}



a, a:active{
	color:#9e3988;
	font-weight:bold;
	text-decoration:none;}
a:hover{
	text-decoration:underline;}

img{	border:1px solid #648bb2;
	}

ul{
	line-height:18px;
	list-style-type:circle;
	margin:0 0 5px 20px;
	}


/* 3 COLUMNS IN LAYOUT */

.myrow{
	width:590px;
	margin-bottom:20px;
	padding:0px;}
	
.myrow img{}
	
.myrow a img:hover{
	border:1px solid #a3bfda;
	}
.myrow .ewcms_edit_img:hover{
	border:0px;
	}
	

.column1 p, .column2 p, .column3 p{
	font-size:11px;
	text-align:left;
	line-height:18px;
	}
	
.column1,.column2,.column3{
	width:187px;
	float:left;
	margin-right:14px;
	}
.column3{
	margin:0px;}
	
p.groupfancy{
	padding:0px;
	margin:0 0 5px 0;}
.rechts{text-align:right;}
.pdficon{
	float:left;
	border:0px;
	margin-right:10px;
 }
 .noborder{
 border:0px;
 }
ul.oeko-news-links li{
	margin-bottom:12px;}