/* ==== CSS © friebel.it - Internetdienstleistungen & eBusiness, Germany 2009 http://www.friebel.it ==== */


/* =Basis
===============================================*/
html, body {height: 100%; padding-bottom: 1px}/*erzwingt im FF vertikalen Scrollbalken*/

body {
	position: relative;
	background: url(bg_body.jpg) top left repeat-x #fff;
	color: #767676;
	font: 100.01% 'lucida grande', verdana, sans-serif;
	text-align: center;/*fuer IE_quirks*/
	}

* {
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 1em; 
	font-weight: normal;
	}

	
/*===============================================*/


/* =Struktur
===============================================*/
#logo{
width:800px; height:114px; background: url(logo.png) no-repeat left top;
text-align: left;
}

* html #logo {
width:800px; height:114px; background: url(logo.jpg) no-repeat left top;
text-align: left;
}/*IE-Hack, bg_wrapper unten abschliesst*/

#wrapper {
	position:relative;
	width: 830px;
	min-height: 100%;
	background-color: #fff;
	clear: both;
	}
	
* html #wrapper {height: 100%}/*IE-Hack, bg_wrapper unten abschliesst*/


#header {
	position:relative;
	width:800px; height:175px; 
	top: 15px
}
 .headbasis{background: url(header_basis.jpg) no-repeat center top;}
 .headbaeder{background: url(header_baeder.jpg) no-repeat center top;}
 .headheizung{background: url(header_heizung.jpg) no-repeat center top;}
 .headenergie{background: url(header_energie.jpg) no-repeat center top;}
  
#navi {
	position:relative;
	width: 800px;
	height: 50px;
	background: url(bg_nav.jpg) top left repeat-x #fff;
	}
/*===============================================*/



/* =Navigation
===============================================*/
#navi ul{list-style-type: none; list-style-image: none;}
#navi li {display: block; float: left; height: 50px; background: url(nav_break.jpg) top right no-repeat transparent; padding: 0 15px}

#navi a {display: block; float: left; font-size: 13px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0C2A91; font-weight: bold; text-decoration: none; margin-top: 22px; cursor:pointer;} 

#navi a:link  		{color: #0C2A91; background: transparent;}
#navi a:visited	{color: #0C2A91; background: transparent;}
#navi a:hover 		{color: #C10017; background: transparent;}
#navi a:active		{color: #C10017; background: transparent;}
#navi a:focus 		{color: #C10017; background: transparent;}

/*===============================================*/


/* =content
===============================================*/
#youarehere{
position: relative;	
margin-top: 25px;
padding-left: 15px;
width: 800px;
text-align: left; 
font-size: 70%
}

#youarehere p				{color: #767676; background: #fff; }
#youarehere a        	{color: #767676; background: #fff; text-decoration: none; cursor:pointer;}

#youarehere a:link,		    
#youarehere a:visited	{color: #767676; background: #fff; border-bottom: solid; border-bottom-color: #767676; border-bottom-width: 1px;} 

#youarehere a:hover,		
#youarehere a:active,		 
#youarehere a:focus		{color: #767676; background: #fff; border-bottom-width: 0;} 


#contentcontainer { 
	position: relative;	
	margin-top: 20px;
	padding-bottom:25px;
	background: url(bg_content.gif) repeat-y scroll #fff left top;
	color: #767676; 
	width: 800px;
	text-align: left; /*Aufheben von IE_quirks im BODY*/ 
	min-height: 100%;
	}
	
	
	#cntleft {
		position: relative;
		float: left;
		/*height: auto;*/ 
		width:210px;
		/*background: green;*/
		}
	
	
	#rightbox {
		position: relative; 
		margin: 0 0 0 225px;
		/*float: right;*/
		/*height: auto;*/ 
		/*background: red*/
		}
		
		#content {
			position: relative; 
			/*padding: 0 0 0 30px;*/
			}



/*===============================================*/


/* =Fontstyle 
===============================================*/
#navi p{padding-right: 7px;}

h1 {font-size: 1.0em; color: #C10017; background: #fff; font-weight: bold; letter-spacing:0.05em; padding: 0 0 1em 0;}	
h2 {font-size: 0.8em; color: #0C2A91; background: #fff; font-weight: bold; padding: 1em 0 0.2em 0; }
h3 {font-size: 0.8em; color: #9F8D5D; background: #fff; font-weight: bold; padding: 1.5em 0 0.2em 0;}


/* --- Navigation links ---------------------------------------------------------------- */
#cntleft ul							{margin:0 0 0 0; list-style-type: none; text-align: left; padding-left:5px}
#cntleft ul li a.eb1, 
#cntleft ul li a.eb1:visited	{color: #0C2A91; background: #fff url(../layout/mainnav.gif) left center no-repeat; padding-left: 18px; text-align: left; font-size: 0.70em; text-decoration: none; border-bottom: 0; line-height: 160%; cursor:pointer}
#cntleft ul li a.eb1:hover		{color: #C10017; background: #fff url(../layout/mainnav.gif) left center no-repeat; text-decoration: none; border-bottom: 0;}
#cntleft ul li a.eb1#current	{color: #0C2A91; background: #fff url(../layout/mainnav_current.gif) left center no-repeat;}

#cntleft ul ul						{margin:0 0 0 0; list-style-type: none; text-align: left; padding-left:20px}
#cntleft ul li a.eb2, 
#cntleft ul li a.eb2:visited	{color: #0C2A91; background: #fff url(../layout/mainnav.gif) left center no-repeat; padding-left: 18px; text-align: left; font-size: 0.70em; text-decoration: none; border-bottom: 0; line-height: 160%; cursor:pointer}
#cntleft ul li a.eb2:hover		{color: #C10017; background: #fff url(../layout/mainnav.gif) left center no-repeat; text-decoration: none; border-bottom: 0;}
#cntleft ul li a.eb2#current2	{color: #C10017; background: #fff url(../layout/mainnav_hover.gif) left center no-repeat;}


	
#cntleft p {
	width: 190px;
	line-height:140%; 
	font-size:0.70em; 
	margin: 0 0 10px 0;
	padding-left:5px
	}



#cntleft h1 {
	width: 190px;
	font-size: 0.70em; font-weight: bold; color: #0C2A91; 
	border-bottom: 1px solid #B9B6A2; 
	margin: 0 0 7px 0;
	padding-left:5px
	} 

#cntleft h2 {
	width: 190px;
	font-size: 0.70em; font-weight: bold; color: #0C2A91; 
	border-top: 1px solid #B9B6A2; 
	border-bottom: 1px solid #B9B6A2; 
	margin: 7px 0 7px 0;
	padding-top: 45px;
	padding-left:5px
	} 

#cntleft a      		{color: #C10017; background: #fff; text-decoration: none; cursor:pointer;}
#cntleft a:link,  		
#cntleft a:visited	{color: #C10017; background: #fff; text-decoration: none;}
#cntleft a:hover, 	
#cntleft a:active,
#cntleft a:focus 		{color: #C10017; background: #fff; text-decoration: none; border-bottom: 1px solid #C10017;}
	
#content a      		{color: #C10017; background: #fff; text-decoration: none; cursor:pointer;}
#content a:link,  	
#content a:visited	{color: #C10017; background: #fff; text-decoration: none;}
#content a:hover,
#content a:active,
#content a:focus 		{color: #C10017; background: #fff; text-decoration: none; border-bottom: 1px solid #C10017;}

#content p 				{line-height:140%; font-size:0.8em; margin-bottom: 0.6em;} 
#content ul 			{line-height:140%; padding-bottom: 0.6em;}
#content ul ul			{line-height:140%; padding-bottom: 0;}
#content li 			{line-height:140%; list-style-image: url(../layout/list.gif); font-size:0.8em; margin: 0 0 0.9em 2.5em; }
#content li li			{font-size:100%;}


/*=============================================*/



/* =JumpToTop
===============================================*/
#cntleft p.top 				{background: url(jumptop.gif) no-repeat 100% 0; font-size: 0.7em; text-align: right; margin-right: 10px; padding-right: 13px; padding-bottom: 3px;}
#cntleft p.top a      		{color: #D34B55; background: #E3E7DF; text-decoration: none; cursor:pointer;}
#cntleft p.top a:link  		{color: #D34B55; background: #E3E7DF; text-decoration: none; border-bottom: 0px;}
#cntleft p.top a:visited	{color: #D34B55; background: #E3E7DF; text-decoration: none; border-bottom: 0px;}
#cntleft p.top a:hover 		{color: #B0BAA6; background: #E3E7DF; text-decoration: none; border-bottom: 0px;}
#cntleft p.top a:active		{color: #B0BAA6; background: #E3E7DF; text-decoration: none; border-bottom: 0px;}
#cntleft p.top a:focus 		{color: #B0BAA6; background: #E3E7DF; text-decoration: none; border-bottom: 0px;}

/*===============================================*/


/* =Footer
===============================================*/
#footer				{font-size: 70%; background: #E3E2DC;}

#footer p			{color: #B0BAA6; background: #E3E2DC; padding: 15px 0 40px 0;}
#footer a         {color: #B0BAA6; background: #E3E2DC; text-decoration: none; cursor:pointer;}
#footer a:link		{color: #B0BAA6; background: #E3E2DC; border-bottom: solid; border-bottom-color: #B0BAA6; border-bottom-width: 1px;}    
#footer a:visited	{color: #B0BAA6; background: #E3E2DC; border-bottom: solid; border-bottom-color: #B0BAA6; border-bottom-width: 1px;} 
#footer a:hover	{color: #B0BAA6; background: #E3E2DC; border-bottom-width: 0;}
#footer a:active	{color: #B0BAA6; background: #E3E2DC; border-bottom-width: 0;}    
#footer a:focus	{color: #B0BAA6; background: #E3E2DC; border-bottom-width: 0;}  

/*===============================================*/


/* --- ( Xtraklassen ) ---------------------------------------------------------------- */
.noneFloatClear {float: none; clear: both; display: block; overflow: hidden; height: 1px; font-size: 1px; line-height: 1px;}
#content .small	{font-size: 70%;}
#content .bold	{font-weight: bold;}
#content .center	{text-align: center}