/***********************************************/
/* Page-Layout (Makro-Layout) - Fluid          */
/***********************************************/ 
/* Breite fixes Layout: 985px + 10px optischer Puffer bei Slogan */

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

body { height: 100%; margin: 0px; padding: 0px; 
       background:  url("pics/bg_body.gif") repeat-y; }

#masthead{ 
	position:absolute; left: 0px; top: 0px;
	width: 100%; height: 70px;
	margin: 0px; padding: 0px; 
	background:  url("pics/bg_masthead.gif") repeat-x;
	}

#logo {
	position: absolute;	top: 0px; left: 0px; 
	width: 570px; height: 70px;
	background: url("pics/bg_logo.jpg") no-repeat;
} 
	
#slogan {
	padding-top: 24px; 
	padding-right:20px;   
	width: 995px;
	text-align:right;  
}

#navbar{ 
	z-index:200; /* damit der Stempel immer hinter der Navigation landet */
    position:absolute; left: 0px; top: 70px;
	width: 170px; height: 400px; 
	margin: 0px; padding: 0px;
	background: url(pics/maennchen.jpg) no-repeat; 
}

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

#content { 
	margin: 0px; /* Rand oben führt zu Scrollbalken in Firefox und Opera */ 
	padding: 80px 25px 0px 30px;
	background: url("pics/bg_content.jpg") no-repeat 0px 70px; 
	
 		}
		
#rightpane{
	position:absolute; left:790px; top: 70px; 
	width: 210px;
	margin: 0px; padding: 0px; 
	background-color:white; 
}

#footer { position: absolute; bottom: 5px; left: 14px; }