/* positioniert die gesamte Seite mittig im Screen */


#main {
	position: absolute;
	top:0px;
	left: 50%;
	width: 850px;
	height:100%;
	margin-left: -425px;	/* = Hälft der Gesamtbreite */

}

#containerTop {
	display: block;
	width:850px;
	height: 310px;
	margin:0;
	background-image: url(../_pix/background-header.jpg);
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
	top:40px;
	left: 40px;
	width: 262px;
	height: 49px;
	text-align: left;
}

#metaNavi {
	position: absolute;
	top:95px;
	right: 0px;
	margin-right:40px;
	width: 500px;
	height: 18px;
	text-align: right;
	
}

#mood {
	position: absolute;
	left:22px;
	top:114px;
	width: 804px;
	height:197px;
	text-align: left;
	z-index: 9;
}

#moodAbdeckung {
	position: absolute;
	left:22px;
	top:114px;
	width: 806px;
	height:197px;
	text-align: left;
	z-index: 10;
	/*background-image: url(../_pix/header_overlay.png);*/	 
}

#moodPrint {
	display: none;
}

#navigationTop {
	position:absolute;
	width:500px;
	left:24px;
	bottom:2px;
	height: 160px;
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	
}

#login {
	float:left;
	width: 194px;
	background-color: #ddd000;
}
/* Das ist der Platz für die Navigation  */
#navigation {
	background-color: #000aaa;
}

/* Das ist der Platz für den eigentlichen Content inna Mitte */
#containerContent {
	display: block;
	padding-top:45px;
	background-image: url(../_pix/background-content-verlauf.jpg);
	background-repeat: no-repeat;
	background-position: 22px 0;
	
}

/* Das ist der Platz für die linke Spalte */
#leftColumn {
	position: absolute;
	left:0;
	width: 225px;
	margin: 0;
	padding:0;
	margin-left:55px;
	overflow: hidden;
	z-index: 0;
	
}

/* Das ist der Platz für die mittlere Spalte */
#contentColumn {
	width: 470px;
	margin: 0 40px 0 300px;
	text-align: left;
	z-index: 10;
	
}

/* Das ist der Platz für die rechte Spalte */
#rightColumn {
	float: right;
	width: 226px;
	text-align: left;
	background-color: #ccc000;
}

#containerFooter {
	display: block;
	width:500px;
	margin-top:20px;
	right: 0px;
	margin-right:40px;
	height: 18px;
	text-align: right;
	float: right;
	

}

#containerCopyright {

	margin-top:15px;
	margin-left: 24px;
	height: 18px;
	text-align: left;
	
}
/* Das sind allgemein nützliche Zuweisungen */
.floatright{
	float:right;
}

.floatleft{
	float:left;
}

.innenabstand {
	padding:0 8px 0 8px;
}