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

HTML {overflow:-moz-scrollbars-vertical;}

body,table     	{ 
			margin: 0px; padding: 0px; 
           	background:  url(img/white.gif) repeat;
			color:black;
		   	font: normal 12px arial,sans-serif;
		   	text-align:center;
		 	}

#navi1 a		{color:white;text-decoration:none;}
#navi1 a:hover{color:gray;text-decoration:none;}

#navi1_architektur a		{color:white;text-decoration:none;}
#navi1_architektur a:hover{color:gray;text-decoration:none;}

#navi1_architektur_aktiv a		{color:fab400;text-decoration:none;}
#navi1_architektur_aktiv a:hover{color:gray;text-decoration:none;}

#navi1_energieberatung a		{color:white;text-decoration:none;}
#navi1_energieberatung a:hover{color:gray;text-decoration:none;}

#navi1_energieberatung_aktiv a		{color:fab400;text-decoration:none;}
#navi1_energieberatung_aktiv a:hover{color:gray;text-decoration:none;}

#navi1_profil a		{color:white;text-decoration:none;}
#navi1_profil a:hover{color:gray;text-decoration:none;}

#navi1_profil_aktiv a		{color:fab400;text-decoration:none;}
#navi1_profil_aktiv a:hover{color:gray;text-decoration:none;}

#navi1_kontakt a		{color:white;text-decoration:none;}
#navi1_kontakt a:hover{color:gray;text-decoration:none;}

#navi1_kontakt_aktiv a		{color:fab400;text-decoration:none;}
#navi1_kontakt_aktiv a:hover{color:gray;text-decoration:none;}

#footer a {color:white; text-decoration:none;}
#footer a:hover {color:gray;text-decoration:none;}		

#rahmen {width:100%; height:100%;border-collapse: collapse;}
#rahmen .middle {background:white;} 

#overall 	{	
			width:1000px; 
			height:100%;
			}

#header		{
			position:relative;
			width:970px;
			height:178px;
			margin-bottom:60px;
			margin-left:auto;margin-right:auto;
			background:url(img/header_bg.jpg) repeat-x 0px 15px; 
			text-align:left;
			}

#logo		{
			float:right;
			margin-top:16px;
			}

#navi1		{
	position:absolute;
	top:138px;
	left:15px;
	color:white;
	font: normal 14px arial,sans-serif;
	letter-spacing: 1px;
			}
			
#navi1_architektur		{
			position:absolute; top:138px; left:156px;
				color:white;
				font: normal 14px arial,sans-serif;
				letter-spacing: 1px;
			}
#navi1_architektur_aktiv{
			position:absolute; top:152px; left:15px;
			color:fab400;
			font: normal 14px arial,sans-serif;
			letter-spacing: 1px;
			}
			
#navi1_energieberatung		{
			position:absolute; top:138px; left:340px;
				color:white;
				font: normal 14px arial,sans-serif;
				letter-spacing: 1px;
			}
#navi1_energieberatung_aktiv{
			position:absolute; top:152px; left:156px;
			color:fab400;
			font: normal 14px arial,sans-serif;
			letter-spacing: 1px;
			}

#navi1_profil		{
			position:absolute; top:138px; left:430px;
				color:white;
				font: normal 14px arial,sans-serif;
				letter-spacing: 1px;
			}
#navi1_profil_aktiv{
			position:absolute; top:152px; left:340px;
			color:fab400;
			font: normal 14px arial,sans-serif;
			letter-spacing: 1px;
			}

#navi1_kontakt_aktiv{
			position:absolute; top:152px; left:430px;
			color:fab400;
			font: normal 14px arial,sans-serif;
			letter-spacing: 1px;
			}

#footer		{
			clear:left;
			width:970px;
			height:31px;
			background:#fab400;
			color:white;
			margin-bottom:15px;
			margin-left:auto;
			margin-right:auto;
			text-align:left;
			padding-top:30px;
			font: normal 14px arial,sans-serif;
			border-top:40px solid white;
			}

#left_colum {
			float:left;
			text-align:left;
			width:215px;
			margin-left:15px;
			position:relative;
			}
			
#navi2 { list-style-type: none; /* weg mit den Punkten */
		   width:150px;
		   overflow:hidden;
           margin: 0px 0px 0px 0px;
           padding: 0px;          /* kein Padding, width */
	        }
#navi2 li { display: block;/* horizontale Ausrichtung */
           padding: 0px;  /* weg wegen Firefox */
           margin: 0px 0px 3px 0px;
		   padding:0px;
		   width:215px;
		   
	      }
		 
#navi2 li a { display: block;/* Damit ist im IE die gesamte Fläche sensitiv */
			 color:white;
			 text-decoration:none;	
			 font-weight:normal;
			 font-size:14px;
			 padding:4px 0px 0px 10px; 
			 background:#fab400;/*129px*/
			 height:13px;
		   }		
		   
#navi2 li a:hover{background:#717171;}/*129px*/
#navi2 li a.active {background:#717171;}	/*129px*/
	

#navi2 #navi3 {list-style-type: none; /* weg mit den Punkten */
		   	 margin: 0px;
          	 padding: 0px;
		     }

#navi2 #navi3 li { display: block;/* horizontale Ausrichtung */
           padding: 0px;  /* weg wegen Firefox */
           margin: 2px 0px 2px 0px;
		   width:215px;
		   
	      }
			 
#navi2 #navi3 li a { 
			 color:#f8b000;
			 font-weight:normal;
			 font-size:12px; 
			 background:white;
		   }
#navi2 #navi3 li.last { 
			 margin-bottom:15px;
		   }
		   
#navi2 #navi3 li a:hover {color:#717171;background:white;}
#navi2 #navi3 li a.active {color:#717171;background:white;}
			
			
#left_colum p {
	position:absolute;
	top:266px;
	left:11px;
	font: normal 11px arial,sans-serif;
	width: 149px;
}	
#left_colum p.bild { position:absolute; top:160px; left:0px;font: normal 11px arial,sans-serif;}


#right_colum {
	margin-left:4px;
	float:left;
	width:750px;
	text-align:left;
	position: relative;
	}

#right_colum p{width:600px;line-height:16px;}
			
#right_colum a {
			 color:#717171;
			 text-decoration:underline;
			}
			
#right_colum a:hover {
			 color:#f8b000;
			 text-decoration:none;
			}
			
.black {color:black;}

#right_colum h1 {
			color:f8b000;
		   	font: normal 24px arial,sans-serif;
			padding:0px;
			margin:0px 0px 30px 0px;
			width:600px;
			
			}
#right_colum h2{
			color:f8b000;
		   	font: normal 16px arial,sans-serif;
			padding:0px;
			margin:30px 0px 15px 0px;
			width:600px;
			}
			
#right_colum h3{
			color:f8b000;
		   	font: normal 12px arial,sans-serif;
			padding:0px;
			margin:10px 0px 0px 0px;
			width:600px;
			}
			
			
#right_colum img{
				border:0px;
				margin-left:0px;
				margin-right:-3px;
				margin-bottom:3px;
				}

#right_colum img.content{
				border:0px;
				margin-left:0px;
				margin-right:-3px;
				margin-bottom:3px;
				}
