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

html { height: 100%; margin: 0px; padding: 0px; }

body { height: 100%; margin: 0px; padding: 0px; }

#header{ 
	position:absolute; left: 0px; top: 0px;
	width: 100%; height: 105px;
	margin: 0px; padding: 0px; 
	background: url("../img/layout/header_bg_blau.jpg") repeat-x;
	z-index:20;
	}
html>body #header {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  	

#verlauf {
	width: 100%; height: 65px;
	background: url("../img/layout/header_bg_verlauf.jpg") no-repeat;	
}
	
#logo 
	{ 
	position: absolute;	top: 8px; left: 28px; 
	}
	
#slogan 
	{
	position: absolute; top: 18px; right: 20px;
	text-align:right; 	 
	}
	
#ecke{
	position: absolute; top: 65px; left: 0px;
	width:160px; height:40px; 
	background:url("../img/layout/navbar_bg_ecke2.gif") no-repeat;
	z-index:40; 
}

#quicklinks {
	position: absolute; top: 65px; right: 160px; 
	margin: 0px; padding: 0px; 
	height: 40px; width: 100%; 
	background: white; 
	z-index:30;
			}
		
#navbar{ 
	z-index:10; 
    position:absolute; left: 0px; top: 105px;
	width: 160px; height: 100%; 
	margin: 0px; padding: 0px;
	background-color:#124384;
	background: url("../img/layout/navbar_bg.gif") repeat-y;
	overflow:auto; 
}
html>body #navbar {  /* nur fuer moderne Browser! */
    position: fixed;
  }


  
#main{
	/* definiert scrollbaren Bereiche und 100% Höhe */
	margin: 0px 0px 0px 160px; /* keine Width-Angabe, deswegen kein Problem mit IE-Boxmodel */
	padding: 0px;  
	background: url("../img/layout/rightpane_bg.gif") right repeat-y; /* border-right: 1px dashed black; */
	min-height:100%;  /* nur der äußere Container bekommt die Höhe */ 
	background-color:white;
}
/*nur für IE*/      
* html #main {/* IEMac aussperren \*/ 
      height:100%; 
/* damit IEMac den Kommentar wieder schließt */}  


	
#main-content { 
	margin: 0px 160px 0px 0px; /* Rand oben führt zu Scrollbalken in Firefox und Opera */ 
	padding: 105px 30px 0px 30px;  /* ohne main-qucklinks: 85px oben  */
	background-color: white;
	}
	
#partner-logos { display:block; margin-top: 50px; width: 100%; text-align:center }
#partner-logos div.left { width: 36% ; float: left; text-align:left; padding-top: 20px; }
#partner-logos div.right { width: 30% ; float: right; text-align: right; padding-top: 20px; }

#rightpane { width: 160px; float: right; padding-top: 93px; }

#rightpane-content { padding-left: 15px; }

.clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }