body, html{
  margin: 0px;
  padding: 0px; 
  background-color:#d7d3c9;
  font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
  margin-top:20px;
  margin-bottom:20px;
  color:#626166;
  font-size:11px;
  line-height: 16px;
}


/* links */
a:link { color: #626166; text-decoration:none; }
a:visited { color: #626166; text-decoration:none; }
a:hover { color: #000000; text-decoration:none; }
a:active { color: #000000; text-decoration:none; }

a.subnavi:link { color: #000000; text-decoration:none; }
a.subnavi:visited { color: #000000; text-decoration:none; }
a.subnavi:hover { color: #626166; text-decoration:none; font-style:italic; }
a.subnavi:active { color: #626166; text-decoration:none; font-style:italic; }
	
a.red:link { color: #626166; text-decoration:underline; }
a.red:visited { color: #626166; text-decoration:underline; }
a.red:hover { color: #E70014; text-decoration:underline; }
a.red:active { color: #E70014; text-decoration:underline; }

a.green:link { color: #626166; text-decoration:underline; }
a.green:visited { color: #626166; text-decoration:underline; }
a.green:hover { color: #97C00E; text-decoration:underline; }
a.green:active { color: #97C00E; text-decoration:underline; }

a.blue:link { color: #626166; text-decoration:underline; }
a.blue:visited { color: #626166; text-decoration:underline; }
a.blue:hover { color: #0B72B5; text-decoration:underline; }
a.blue:active { color: #0B72B5; text-decoration:underline; }

a.yellow:link { color: #626166; text-decoration:underline; }
a.yellow:visited { color: #626166; text-decoration:underline; }
a.yellow:hover { color: #f9d901; text-decoration:underline; }
a.yellow:active { color: #f9d901; text-decoration:underline; }

#wrapper{
  margin: auto;
  width:739px;
  background-repeat: repeat-y;
  background-image: url(../img/wrapper.jpg);
}

#horizon-menue{
    width: 729px;
    height: 15px;
	padding-left: 10px;
	padding-top: 0px;
	font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
	color:#000000;
 	font-size:11px;
	background-color: #d7d3c9;
	} 
	
#home{
width: 34px;
float: left;
}	

#uns{
float: left;
}	

#service{
float: left;
}	

#kontakt {
  float:right;
} 

#anfahrt {
  float:right;
}

#impressum {
width: 65px;
  float:right;
  padding-right: 8px;
} 	
	
#header{
  width:739px;
  height: 183px;
  padding-left: 0px;
  padding-bottom: 0px;
  text-align:left;  
  position:relative;
  background-image: url(../img/header.jpg);
}

#header-heizung{
  width:739px;
  height: 183px;
  padding-left: 0px;
  padding-bottom: 0px;
  text-align:left;  
  position:relative;
  background-image: url(../img/header-heizung4.jpg);
}

#header-energie{
  width:739px;
  height: 183px;
  padding-left: 0px;
  padding-bottom: 0px;
  text-align:left;  
  position:relative;
  background-image: url(../img/head-energie5.jpg);
}

#header-sanitaer{
  width:739px;
  height: 183px;
  padding-left: 0px;
  padding-bottom: 0px;
  text-align:left;  
  position:relative;
  background-image: url(../img/header-sanitaer4.jpg);
}

#header-sonstige{
  width:739px;
  height: 183px;
  padding-left: 0px;
  padding-bottom: 0px;
  text-align:left;  
  position:relative;
  top: -1px;
}

#title{
	position:absolute;
	width: 733px;
	text-align:right;
	margin-top: 118px;
	font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
	color:#ffffff;
	filter: alpha(opacity=40); /*IE*/
	-moz-opacity: 0.40; /* Mozilla */
	opacity: 0.40; /* Opera */
 	font-size: 70px;
	line-height: 80px;
	z-index: 89;
	}
	
#long-title{
	position:absolute;
	width: 733px;
	text-align:right;
	margin-top: 40px;
	font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
	color:#ffffff;
	filter: alpha(opacity=40); /*IE*/
	-moz-opacity: 0.40; /* Mozilla */
	opacity: 0.40; /* Opera */
 	font-size: 70px;
	line-height: 80px;
	z-index: 79;
	}	

#logo{
	position:absolute;
    width: 320px;
    height: 150px;
	margin-left: -80px;
	padding-top: 18px;
	z-index: 99;
	} 
			
#linke-spalte{
  width:149px;
  height: 490px;
  padding-left: 8px;
  margin-top: 8px;
  float:left;
}

#menu-on {
margin-top: -9px;
margin-left: 3px;
}

ul#heizung {
margin-top: 0px;
margin-left: 3px;
width: 136px;
padding: 0px;
}
ul#heizung li {
width: 136px;
margin-top: 2px;
padding-left: 10px;
list-style: none;
background-position:left;
background-repeat:no-repeat;
background-image:  url(../img/pfeil_off.jpg);
}
ul#heizung li:hover {
color: #000000;
font-weight:bold;
background-position:left;
background-repeat:no-repeat;
background-image:  url(../img/pfeil1_on.jpg);
}


ul#sanitaer {
margin-top: 0px;
margin-left: 3px;
width: 136px;
padding: 0px;
}

ul#sanitaer li {
width: 136px;
margin-top: 2px;
padding-left: 10px;
list-style: none;
background-position:left;
background-repeat:no-repeat;
background-image:  url(../img/pfeil_off.jpg);
}
ul#sanitaer li:hover {
color: #000000;
font-weight:bold;
background-position:left;
background-repeat:no-repeat;
background-image:  url(../img/pfeil2_on.jpg);
}

ul#energie {
margin-top: 0px;
margin-left: 3px;
width: 136px;
padding: 0px;
}
ul#energie li {
width: 136px;
margin-top: 2px;
padding-left: 10px;
list-style: none;
background-position:left;
background-repeat:no-repeat;
background-image:  url(../img/pfeil_off.jpg);
}
ul#energie li:hover {
color: #000000;
font-weight:bold;
background-position:left;
background-repeat:no-repeat;
background-image:  url(../img/pfeil3_on.jpg);
}

ul#sonstiges {
margin-top: 0px;
margin-left: 3px;
width: 136px;
padding: 0px;
}
ul#sonstiges li {
width: 136px;
margin-top: 2px;
padding-left: 10px;
list-style: none;
background-position:left;
background-repeat:no-repeat;
background-image:  url(../img/pfeil_off.jpg);
}
ul#sonstiges li:hover {
color: #000000;
font-weight:bold;
background-position:left;
background-repeat:no-repeat;
background-image:  url(../img/pfeil4_on.jpg);
}

#rechte-spalte{
	width: 574px;
	float: left;
	margin-left: 0px;
	}

#rootline{
padding-left: 20px;
padding-top: 5px;
font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color:#9f9f9f;
}

#inhalt{
  width: 530px;
  min-height: 150px;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 20px;
  font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  /*background-color:#CCCCCC;*/
}

* HTML #inhalt{
  width:530px;
  height:150px;
}

#layer-sonne{
	width:530px;
}	

#sonnenschein-de{
float:right;
margin-top: -240px;
	width: 180px;
	height: 262px;
}

#pellets{
float:left;
margin-top: 0px;
	width: 180px;
	height: 136px;
	margin-right: 10px;
}

#sonnenschein-text{
overflow:visible;
	width: 530px;
}

#solarthermie{
float:right;
margin-top: -175px;
	width: 200px;
	height: 166px;
}

#diagramm{
float:right;
margin-top: -145px;
	width: 270px;
	height: 150px;
}

#footer-grau{
  width: 739px;
  height: 35px;
  clear:both;
  background-image:url(../img/footer_grey2.jpg)
}

#footer-rot{
  width: 739px;
  height: 35px;
  clear:both;
  background-image:url(../img/footer_red2.jpg)
}

#footer-blau{
  width: 739px;
  height: 35px;
  clear:both;
  background-image:url(../img/footer_blue2.jpg)
}

#footer-gruen{
  width: 739px;
  height: 35px;
  clear:both;
  background-image:url(../img/footer_green2.jpg)
}

#adresse{
position:absolute;
font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;
  margin-top: 10px;   
  padding-left: 15px;
  color:#ffffff;
  font-size:10px;
  line-height: 12px;
  }
  
#submenue{
  font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;
  font-size:10px;
  }