* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}

body, font, input, textarea, select, table, td, th, p {
		font-family : Helvetica, Arial, Verdana, sans-serif; 
		font-size : 12px; 
		line-height: 20px;
		color: #333333; }

body	{
		background-color:#f5f4ee;
		text-align: center; /* Für IE 5.01 & 5.5, um die Box  horizontal zu zentrieren */
		padding:0;
		margin:0;
		}

div 	{
		text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
		}

p		{
		color:#333333;
		font-size:12px;
		line-height:20px;
		padding-bottom:15px;
		}



h1		{
		color:#666;
		font-size:16px;
		line-height:21px;
		padding-bottom:10px;
		margin-bottom:3px;
		text-transform: uppercase;
		background-image:url(../Icons/h1_trenner.gif);
		background-repeat:no-repeat;
		background-position: bottom left;
		

		}
		
		
h2		{
		color:#333333;
		font-size:12px;
		line-height:20px;
		padding-bottom:15px;
		font-weight:bold;
		text-transform: uppercase;
		}

h3		{
		color:#333333;
		font-size:12px;
		line-height:20px;
		padding-bottom:0px;
		font-weight:bold;
		width:362px;
		background-image:url(../Icons/trennerlinie.gif);
		background-repeat:repeat-x;
		background-position:0px 18px;
		}
		

		
.zitat	{	
		font-size: 14px;
		font-family: "Times New Roman", Times, serif;
		font-weight: bold;
		font-style: italic;
		}



/* GRUNDLAYOUT */
	
#zentriert	{
			text-align:center;
			margin: 0 auto;
			padding:0px;
			width:785px;
			background-image:url(../Icons/bg_inhalt.gif);
			background-repeat:repeat-y;
			min-height: 105%;
			height: auto !important;
			height: 105%;
			padding-bottom: 0px;
			}
		

			


#inhalt {
			position:relative;
			width:780px;
			margin:0;
			padding-left:0px;
			min-height: 100%;
			height: auto !important;
			height: 100%;
			background-image:url(../Icons/Ein_Unternehmen.gif);
			background-repeat:no-repeat;
			background-position:0px 0px;
}

#inhalt2 {
			position:left;
			width:550px;
			margin:0;
			padding-left:0px;
			min-height: 100%;
			height: auto !important;
			height: 100%;
			background-repeat:no-repeat;
			background-position:0px 0px;
}
#impressum	{
			position: relative;
			float:left;
			width:350px;
			height:100%;
			top:15px;
			left:30px;
			margin: 0px;
			padding:0px;
			border:0;
			}	
			

#logo {
position:relative;
top:15px;
text-align:right;
margin-right:-5px;
}

#logo img {
border:0;
}

#zentriert img {
border:0;
}


#themenbild {
height:190px;
width:780px;
border:1px solid #f5f4ee;
background-image:url(../Icons/Linie_Trenner_Bild.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#grau {
position:relative;
width:780px;
background-color:#d8d8d8;
top:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
margin:0;
margin-bottom:0px;
background-image:url(../Icons/Grau_Hintergrund.gif);
background-repeat:x-repeat;
background-position:0px 0px;
}


#text {
float:left;
width:525px;
position:relative;
padding:0px;
padding-top:31px;
padding-left:30px;
padding-bottom:15px;
margin:0px;
}


text2 {
float:left;
width:450px;
position:left;
padding:0px;
padding-top:31px;
padding-left:30px;
padding-bottom:15px;
margin:0px;
}


table	{
width:530px;
padding:0;
margin:0;
border:0;
margin-bottom:25px;
border-spacing:1px;
border-collapse: separate;
		}
		
tr		{
padding:0px;
margin:0;
		}

td		{
padding:2px;
padding-left:5px;
vertical-align:middle;

		}

.weiss	{
background-color:#fff;
		}
		
		
#partnertabelle #trenner	{
						width:362px;
						height:2px;
						background-image:url(../Icons/h1_trenner.gif);
						background-repeat:repeat-x;
						margin:0;
						padding:0;
						padding-bottom:10px;
						
						}
		
#partnertabelle table	{
width:362px;
padding:0;
margin:0;
border:0;
margin-bottom:5px;
border-spacing:1px;
		}
		
#partnertabelle tr		{
padding:0px;
margin:0;
border:0px solid #e9e9e9;
		}

#partnertabelle td		{
padding:5px;
padding-left:0px;
vertical-align:top;

		}
		

#bild {
position:relative;
top:3px;
padding:0px;
margin:0px;
padding-bottom:10px;
}


#fuss {
height:61px;
width:780px;
position:relative;
text-align:right;
padding:0px;
margin:0px;
left:0px;
background-image:url(../Icons/Fuss.gif);
background-repeat:no-repeat;

}

#nach_oben {
position:relative;
float:left;
text-align:left;
padding:0px;
margin:0px;
padding-top:33px;
left:5px;

}



/* Bildgalerielayout
-----------------------------------------------------------------------------*/

#galerie li
{
list-style-type: none;
float: left;
margin: 0 8px 8px 0;
text-align: left;
background-color:#d2d2d2;
}

#galeriebilder                {
                        margin-left: 0px; padding-left: 0px;
                        margin-top:15px; margin-bottom:15px;
                        }

#galerie img
{
width: 112px;
display: block;
}


/* HYPERLINKS 
-----------------------------------------------------------------------------*/
#text a {
	color:#666;
	font-weight:bold;
	border-bottom:1px dotted #666;
	text-decoration:none;
}
#text a:hover {
	color:#333;
	font-weight:bold;
	text-decoration:none;
	border-bottom:0px solid #ff9900;
	background-color:#f9b200;
}


#text .button {
	color:#333;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	border-bottom:0px solid #f9b200;
	background-color:#f9b200;
	padding:2px;

}

#text .button:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	border-bottom:0px solid #f9b200;
	background-color:#f9b200;
	padding:2px;

}

#impressum a {
	color:#00a7ed;
	font-weight:bold;
	border-bottom:1px solid #00a7ed;
	text-decoration:none;
}
#impressum a:hover {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	border-bottom:0px solid #00a7ed;
}


#impressum .button {
	color:#00a7ed;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	border-bottom:0px solid #00a7ed;

}


 
/* NAVIGATION  */


#navigation {
margin-top:45px;
position:relative;
height:23px;
padding-top:18px;
padding-left:0px;
background-image:url(../Icons/Navi_Hintergrund.gif);
background-repeat:no-repeat;
}


#naviliste {
	width:790px; 
	margin:0; 
	padding:0; 
	padding-left:13px;
}



#naviliste li {
	text-transform: uppercase;
	float:left; 
	margin:0; 
	padding:0; 
	list-style:none; 
	margin-right:15px;
}


/* Hover Ausklappmenue */

#naviliste li ul {
  position: absolute; 
  margin-top:23px;
  left: -999em;
  width:200px;
  margin-left:0px;
  padding-left:0;
  }
  


#naviliste li:hover ul, #naviliste li.sfhover ul {
	left: auto;
}



/* Navigation zweite Ebene unsichtbar */

#naviliste li ul li {
 	background-image:url(../Icons/hover_navi_trenner.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	background-color:#f9b200;
	width:200px;
	padding-bottom:0px;
	padding-top:2px;
	margin-left:4px;
	padding-left:5px;
	padding-right:5px;
  }

#naviliste li ul li.rand {
 	background-image:url(../Icons/hover_navi_trenner.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	background-color:#f9b200;
	width:160px;
	padding-bottom:0px;
	padding-top:2px;
	margin-left:4px;
	padding-left:5px;
	padding-right:5px;
  }
  
 #naviliste li ul li a {
 	color:#333;
 	font-size:10px;
 	font-weight:bold;
 	width:200px;
 	display: block;
  }
 
  #naviliste li ul li a:hover {
 	color:#fff;
 	font-weight:bold;
 	display: block;
  }






/* Hover Ausklappmenue Ende */

#subnavi {
position:relative;
top:55px;
width:200px;
float:left;
z-index:500;
}


#subnaviliste {
	margin:0; 
	padding:0; 
	padding-left:5px;
	width:210px;
}

#subnaviliste li {
	text-transform: uppercase;
	margin:0px; 
	padding-top:2px;
	text-align:left;
	list-style:none; 
	background-image:url(../Icons/subnavi_trenner.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
}



#subnaviliste li a:hover {
	text-transform: uppercase;
	text-align:left;
	list-style:none; 
	color:#fff;
	padding-left:2px;
}


#subnavi a {
	font-size:10px;
	color:#333333;
	padding-top:6px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:0px;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	vertical-align:middle;
}


#subnavi li .aktiv {
	font-size:10px;
	color:#fff;
	background-color:#f9b200;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	vertical-align:top;
	padding-top:2px;
	padding-bottom:1px;
	padding-right:3px;
	padding-left:2px;

}



/* Internet Explorer Hack, Achtung! funktioniert nur mit einem Navigationspunkt*/
* html#naviliste li:hover ul, #naviliste li.sfhover ul {
  left: auto;
  margin-left:-80px;
}




/*  Hauptnavigation Liste, Dwyer-Methode 

#naviliste li span {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}
*/

#naviliste a {
	float: left;
	padding: 0px 0px;
	text-decoration: none;
	color:#fff;
	font-size:0px;
}

#naviliste a:hover {
	font-weight: normal;
}

<!-- /* Anfang Haupt-Navigation Einzelgrafiken  */

#naviliste li .home	{
						margin:0;
						background-image:url(../Icons/home_0.gif);
						background-repeat: no-repeat;
						width:38px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .home:hover	{
						margin:0;
						background-image:url(../Icons/home_hover.gif);
						background-repeat: no-repeat;
						width:38px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .home_aktiv	{
						margin:0;
						background-image:url(../Icons/home_1.gif);
						background-repeat: no-repeat;
						width:38px;
						height:23px;
						text-indent: -999em;
						}


#naviliste li .unternehmen	{
						margin:0;
						background-image:url(../Icons/unternehmen_0.gif);
						background-repeat: no-repeat;
						width:92px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .unternehmen:hover	{
						margin:0;
						background-image:url(../Icons/unternehmen_hover.gif);
						background-repeat: no-repeat;
						width:92px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .unternehmen_aktiv	{
						margin:0;
						background-image:url(../Icons/unternehmen_1.gif);
						background-repeat: no-repeat;
						width:92px;
						height:23px;
						text-indent: -999em;
						}



#naviliste li .leistungen	{
						margin:0;
						background-image:url(../Icons/leistungen_0.gif);
						background-repeat: no-repeat;
						width:75px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .leistungen:hover	{
						margin:0;
						background-image:url(../Icons/leistungen_hover.gif);
						background-repeat: no-repeat;
						width:75px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .leistungen_aktiv	{
						margin:0;
						background-image:url(../Icons/leistungen_1.gif);
						background-repeat: no-repeat;
						width:75px;
						height:23px;
						text-indent: -999em;
						}
						



#naviliste li .photovoltaik	{
						margin:0;
						background-image:url(../Icons/photovoltaik_0.gif);
						background-repeat: no-repeat;
						width:89px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .photovoltaik:hover	{
						margin:0;
						background-image:url(../Icons/photovoltaik_hover.gif);
						background-repeat: no-repeat;
						width:89px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .photovoltaik_aktiv	{
						margin:0;
						background-image:url(../Icons/photovoltaik_1.gif);
						background-repeat: no-repeat;
						width:89px;
						height:23px;
						text-indent: -999em;
						}

#naviliste li .referenzen	{
						margin:0;
						background-image:url(../Icons/referenzen_0.gif);
						background-repeat: no-repeat;
						width:78px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .referenzen:hover	{
						margin:0;
						background-image:url(../Icons/referenzen_hover.gif);
						background-repeat: no-repeat;
						width:78px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .referenzen_aktiv	{
						margin:0;
						background-image:url(../Icons/referenzen_1.gif);
						background-repeat: no-repeat;
						width:78px;
						height:23px;
						text-indent: -999em;
								}

#naviliste li .partner	{
						margin:0;
						background-image:url(../Icons/partner_0.gif);
						background-repeat: no-repeat;
						width:57px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .partner:hover	{
						margin:0;
						background-image:url(../Icons/partner_hover.gif);
						background-repeat: no-repeat;
						width:57px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .partner_aktiv	{
						margin:0;
						background-image:url(../Icons/partner_1.gif);
						background-repeat: no-repeat;
						width:57px;
						height:23px;
						text-indent: -999em;
								}
								
								
#naviliste li .kontakt	{
						margin:0;
						background-image:url(../Icons/kontakt_0.gif);
						background-repeat: no-repeat;
						width:57px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .kontakt:hover	{
						margin:0;
						background-image:url(../Icons/kontakt_hover.gif);
						background-repeat: no-repeat;
						width:57px;
						height:23px;;
						text-indent: -999em;
						}
						
#naviliste li .kontakt_aktiv	{
						margin:0;
						background-image:url(../Icons/kontakt_1.gif);
						background-repeat: no-repeat;
						width:57px;
						height:23px;
						text-indent: -999em;
						}
						
								
#naviliste li .flaechen	{
						margin:0;
						background-image:url(../Icons/flaechen_0.gif);
						background-repeat: no-repeat;
						width:169px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .flaechen:hover	{
						margin:0;
						background-image:url(../Icons/flaechen_hover.gif);
						background-repeat: no-repeat;
						width:169px;
						height:23px;
						text-indent: -999em;
						}
						
#naviliste li .flaechen_aktiv	{
						margin:0;
						background-image:url(../Icons/flaechen_1.gif);
						background-repeat: no-repeat;
						width:169px;
						height:23px;
						text-indent: -999em;}


<!-- /* Anfang Navigation im Fuß */



#fussliste {
	margin:0; 
	padding:0; 
	text-align:right;
	padding-left:625px;
	padding-top:34px;
}

#fussliste li {
	text-transform: uppercase;
	float:left; 
	margin:0; 
	padding:0;
	list-style:none; 
}


#fussliste li span {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}

#fussliste a {
	float: left;
	padding: 0px 0px;
	text-decoration: none;
}
#fussliste a:hover {
	font-weight: normal;
}



#fussliste li .presse	{
						margin:0;
						background-image:url(../Icons/fuss_presse.gif);
						background-repeat: no-repeat;
						width:41px;
						height:14px;
						text-indent: -999em;
						}
						


#fussliste li .kontakt	{
						margin:0;
						background-image:url(../Icons/fuss_kontakt.gif);
						background-repeat: no-repeat;
						width:49px;
						height:14px;
						text-indent: -999em;
						}



#fussliste li .impressum	{
						margin:0;
						background-image:url(../Icons/fuss_impressum.gif);
						background-repeat: no-repeat;
						width:59px;
						height:14px;
						text-indent: -999em;
						}
						

						
						




/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */