/* CSS Document -----------------
------------------------------ */

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}
	
html {
	/**/
	background-color: #F9E7C4;
	background-image: url(../grafx/backgroundHorizon.jpg);
	
	background-position: top center;
	background-repeat: repeat-x;
	
	}
	
body {
	
	background-color: transparent;
	background-image: url(../grafx/backgroundBody.jpg);
	background-position: 50% 200px;
	background-repeat: repeat-x;
	/*
	background-color: #F9E7C4;
	background-image: url(../grafx/backgroundHorizon.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	*/
	}
	
/* ------------------------------
------------------------------ */

.clearFloat {
	position: relative;
	clear: both;
	font-size: 0.01em;
	/*
	border: 1px solid red;
	*/
	}

/* ------------------------------
------------------------------ */

#backWingsHolder {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 650px;
	overflow: hidden;
	
	background-image: url(../grafx/backgroundHorizon.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-attachment: scroll;
	}
	
#leftWing, #rightWing {
	position: absolute;
	width: 180px;
	height: 650px;
	background-position: top center;
	background-repeat: no-repeat;
	/*
	border: 1px solid red;
	*/
	}

#leftWing {
	left: 50%;
	margin-left: -590px;
	background-image: url(../grafx/leftWing.jpg);
	}
	
#rightWing {
	right: 50%;
	margin-right: -590px;
	background-image: url(../grafx/rightWing.jpg);
	}
	
/* ------------------------------
------------------------------ */

#animated_Schornstein,
#animated_Bulle,
#animated_Kuh {
	z-index: 200;
	position: absolute;
	top: 0px;
	width: 75px;
	height: 150px;
	background-position: center;
	background-repeat: no-repeat;
	}

#animated_Schornstein {
	width: 100px;
	height: 50px;
	left: 260px;
	background-image: url(../grafx/ani_schornstein.gif);
	}
	
#animated_Bulle {
	left: 460px;
	background-image: url(../grafx/ani_bulle.gif);
	}
	
#animated_Kuh {
	right: -50px;
	background-image: url(../grafx/ani_kuh.gif);
	}
	
/* ------------------------------
------------------------------ */

#mainSkinBody {
	z-index: 10;
	position: relative;
	width: 840px;
	margin: 0 auto;
	padding: 0;
	
	/*
	left: 50%;
	margin-left: -420px;
	*/
	
	/*height: 100%;*/
	min-height: 100% !important;
	
	/*
	border-left: 1px solid red;
	border-right: 1px solid red;
	*/
	
	background-image: url(../grafx/backgroundContextImg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	}
	
/* ------------------------------
------------------------------ */

#headerSkinBody {
	position: relative;
	z-index: 100;
	width: 840px;
	height: 250px;
	
	background-image: url(../grafx/backgroundHeaderImg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
#headerImageMap {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	width: 840px;
	height: 250px;
	}
	
/* ------------------------------
------------------------------ */

#headerNavigationBody {
	position: relative;
	z-index: 150;
	padding: 0.50em 25px;
	}

#leftHeaderNavigation {
	position: relative;
	z-index: 160;
	float: left;
	}
	
 #rightHeaderNavigation {
	position: relative;
	z-index: 170;
	float: right;
	}

/* ------------------------------
------------------------------ */

#contextSkinBody {
	position: relative;
	width: 840px;
	/*
	margin-top: -30px;
	background-position: 0 30px;
	*/
	min-height: 400px;
	
	background-image: url(../grafx/backgroundContextTopImg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
/* ------------------------------
------------------------------ */

#contextColBody {
	position: relative;
	margin: 0 20px;
	}

/* ------------------------------
------------------------------ */

#leftContentCol {
	position: relative;
	float: left;
	width: 200px;
	/*
	height: 250px;
	border: 1px solid green;
	*/
	}

/* ------------------------------
------------------------------ */

#mainContentCol {
	position: relative;
	/*
	width: 200px;
	*/
	margin: 0 15px 0 215px;
	/*
	height: 250px;
	border: 1px solid blue;
	*/
	}

.contentText {
	display: inline-block;
	width: 100%;
	/*
	border: 1px solid #ffffff;
	*/
	}
	
/* ------------------------------
------------------------------ */

#chalkBoardBody {
	position: relative;
	width: 192px;
	margin: 0 7px;
	/*
	border: 1px solid red;
	*/
	
	}
	
#chalkBoardTop {
	position: relative;
	width: 192px;
	height: 30px;
	background-image: url(../grafx/chalkBoardTop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
#chalkBoardMiddle {
	position: relative;
	width: 192px;
	background-image: url(../grafx/chalkBoardMiddle.jpg);
	background-position: center;
	background-repeat: repeat-y;
	
	}
	
#chalkBoardBottom {
	position: relative;
	width: 192px;
	height: 15px;
	background-image: url(../grafx/chalkBoardBottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	}
	
/* Right Chalkboard */

#rightChalkBoardBody {
	z-index: 500;
	position: absolute;
	width: 234px;
	
	top: 199px;
	
	right: 50%;
	margin-right: -638px;
	
	display: none;
	}
	
#rightChalkBoardTop {
	position: relative;
	width: 234px;
	/*
	height: 30px;
	*/
	background-image: url(../grafx/rightChalkBoardMiddle.jpg);
	background-position: center;
	background-repeat: repeat-y;
	}
	
#rightChalkBoardMiddle {
	z-index: 10;
	position: relative;
	width: 234px;
	padding: 30px 0 0 0;
	background-image: url(../grafx/rightChalkBoardTop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
#rightChalkBoardBottom {
	z-index: 15;
	position: relative;
	width: 234px;
	height: 15px;
	background-image: url(../grafx/rightChalkBoardBottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	/*
	border: 1px solid red;
	*/
	}
	
/* Right Chalkboard Small*/

#rightChalkBoardBody {
	top: 199px;
	left: 806px;
	left: 826px;
	display: none;
	}
	
#rightChalkBoardBody,
#rightChalkBoardTop,
#rightChalkBoardMiddle,
#rightChalkBoardBottom {
	width: 194px;
	}
	
#rightChalkBoardTop {
	background-image: url(../grafx/rightSmallChalkBoardMiddle.jpg);
	background-image: url(../grafx/rightSmallChalkBoardMiddle2.jpg);
	}
	
#rightChalkBoardMiddle {
	background-image: url(../grafx/rightSmallChalkBoardTop.jpg);
	background-image: url(../grafx/rightSmallChalkBoardTop2.jpg);
	padding-top: 85px;
	}
	
#rightChalkBoardBottom {
	background-image: url(../grafx/rightSmallChalkBoardBottom.jpg);
	background-image: url(../grafx/rightSmallChalkBoardBottom2.jpg);
	}
	
/* Right Chalkboard Small
	
#rightChalkBoardBody {
	display: block;
	}
	
#chalkBoardBody {
	display: none;
	}
	
html,
#backWingsHolder {
	background-image: url(../grafx/backgroundHorizon_versatz80.jpg);
	}
	
#mainSkinBody {
	left: 50%;
	margin-left: -500px;
	}
	
#leftWing {
	margin-left: -500px;
	}
	
#rightWing {
	margin-right: -510px;
	}
	
*/