@charset "utf-8";



#container  {
	width: 900px;
	margin: -321px 0px 0px -450px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	height: 642px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #FEE5AF;

    } 
#header  {
	background: #DDDDDD;
	padding: 0;
	background-image: url(../pics/bg/oben.jpg);
	height: 150px;
	width: 900px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
    } 
#sidebar1  {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 210px; /* 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: #EBEBEB; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0px 0px 0px 0px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	height: 420px;
	background-image: url(../pics/bg/navi-li.jpg);
	position: absolute;
	left: 0px;
	top: 150px;
    }
#sidebar2  {
	width: 100px; /* 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: #EBEBEB; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	height: 420px;
	background-image: url(../pics/bg/navi-re.jpg);
	margin-left: 0px;
	margin-right: 0px;
	float: right;
	padding-top: 0px;
	padding-left: 0px;
	left: 800px;
	position: absolute;
	top: 150px;
	visibility: visible;
    }
#mainContent {
	background-color: #FEE5AF;
	clear: none;
	padding-top: 0px;
	height: 365px;
	min-height: 350px;
	max-height: 350px;
	overflow: auto;
	left: 210px;
	position: absolute;
	top: 206px;
	width: 530px;
	margin-left: 40px;
	margin-right: 40px;
	padding-right: 20px;
}

#content-navi {
	background-color: #FEE5AF;
	clear: none;
	padding-top: 0px;
	height: 25px;
	left: 210px;
	position: absolute;
	top: 181px;
	width: 590px;
}
#content-headline {
	background-color: #FEE5AF;
	clear: none;
	padding-top: 0px;
	height: 31px;
	min-height: 31px;
	max-height: 31px;
	overflow: hidden;
	left: 210px;
	position: absolute;
	top: 150px;
	width: 590px;
}

#photos {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 48px;
	bottom: 5px;
	background-color: #FEE5AF;
	max-width: 555px;
}




#footer  {
	padding: 0px 0px 0px 0px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#DDDDDD;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../pics/bg/unten.jpg);
	height: 72px;
	width: 900px;
	position: absolute;
	left: 0px;
	top: 570px;
    }