html, body {
	height: 100%;
	overflow: hidden;
	}
	
body {
   	font: 100% Verdana, Arial, Helvetica, sans-serif;
   	background: #2f4b7f;
	color:#000;
	margin: 0 auto;
	padding: 0;
	width:900px;

	scrollbar-face-color:#070594;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;

	}
	
#header {
	position: absolute;
	text-align:left;
	height: 150px;
	width: 900px;
	background: #0000cc;
	margin:0;
	}

#sidebar1 {
	overflow:auto;
	position: absolute;
	text-align:left;
	height: 220px;
	left:0;
	top:40px;
    width: 180px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
/*	background: #e5e5fa; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    padding: 5px 0px 0px 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    }

#sidebar2 {
	overflow:auto;
	position: absolute;
	text-align:left;
	right:0;
	height: 100%;
   	width: 162px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
/* 	background: #f1d89b; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
   	padding: 5px 0px 0px 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    }

#main {
	color:#FFF;
	background:#15bae5 url(../images/main.jpg)  no-repeat fixed;
	background-position:center 150px;	
	position: absolute;
	top: 150px;
	bottom: 0px;
	width:900px;
	height:100%;	
}

/* für den IE 6 */
* html #main {
	color:#FFF;
	background:#15bae5 url(../images/main.jpg)  no-repeat fixed;
	position: absolute;
	top: 150px;
	bottom: 0px;
	width:900px;
	height:100%;	
}

/* für den IE 7 */
*:first-child+html #main {
	color:#FFF;
	background:#15bae5 url(../images/main.jpg) no-repeat fixed;
	background-position:center 150px;
	position:relative;
	top: 150px;

	width:900px;

}
		
#content {
   	font: 80% Verdana, Arial, Helvetica, sans-serif
	text-align:left;
	width: 670px;
	position: absolute;
	top: 30px;
	bottom: 0px;
	overflow: auto;
	margin-left:0px;
	padding-left: 200px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	}

/* für den IE 7 */
*:first-child+html #content {
   	font: 80% Verdana, Arial, Helvetica, sans-serif
	text-align:left;
	width: 670px;
	height: expression(document.body.clientHeight - 200);
	position: absolute;
	top: 30px;
	bottom: 0px;
	overflow: auto;
	margin-left:0px;
	padding-left: 200px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	}


#content a {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
	}
		
#footer {
	text-align:left;
	height: 30px;
	width: 900px;
	position: absolute;
	bottom: 0;
   	font: 70% Tahoma, Verdana, Arial, Helvetica, sans-serif;
   	background:#6666a6;
	color:#FFFFFF;
	margin:0;
	padding: 5px 5px 5px 5px;
	}

#footer a {
	color: #fff;
	text-decoration:none;
	}

td {
	padding: 2px;
	}
	
#copyright {
	text-align:left;
	height: 22px;
	right:5px;
	position: absolute;
	bottom: 0;
	color:#FFFFFF;
	margin:0;
	padding: 5px 5px 5px 5px;
	}

#copyright a {
	color: #fff;
	text-decoration:none;
	}	
	
#navigation {
	background:url(../images/bg_navi.jpg) no-repeat; 
	text-align:left;
	width:588px;
	height: 41px;
	right:25px;
	position: absolute;
	bottom: 0;
	color:#FFFFFF;
	margin:0;
	padding: 5px 5px 5px 5px;
}
	
