html, body {
	margin:0;
	padding:0;
	height:100%;
	background-color: #FFFF99;
}

#page{
	postition:relative;
	min-height:100%;

}

#headoben {
	font-family: Arial, Helvetica, sans-serif;
	height: 36px;
	width: 100%;
	border-bottom:3px solid white; padding-bottom:4px; margin:0px;
}
#headobenrechts {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	top:10px;
	left:500px;
	color:#FFFFFF;
}

#headobenrechts a{
	color:#FFFFFF;

}

#headunten {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFCC33;
	height: 76px;
	width: 100%;
	white-space:nowrap;
}

#headbildoben{
	position:absolute;
	top:3px;
	left:15px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	
}

.headbild{
	position:absolute;
	top:60px;
	left:450px;
}

.kapitelbild{
	position:absolute;
	left:219px;
}

.headtext{
	position:absolute;
	top:60px;
	left:20px;
}

.figuren{
	position:absolute;
	top:70px;
	left:900px;
}
	

#breadcrumb {
	position:absolute;
	top:133px;
	left:230px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
}

#breadcrumb a {
	color: #555555;
}

#inhalt {
	width:100%;
	padding:20px 0 50px 0;
	border-top:3px solid white; margin:0px;
}

#navi {
	position:relative;
	width:219px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	z-index:2;	
}

#navi1 {
	position:relative;
	border-left:7px solid #CC3333;
	border-bottom: 3px solid white; padding-bottom:4px; margin:1px;
	float:left;
	width: 180px;
	padding-left: 10px;
}

#navi2 {
	position:relative;
	border-left:7px solid #336699;
	border-bottom: 3px solid white; padding-bottom:4px; margin:1px;
	float:left;
	width: 180px;
	padding-left: 10px;
}

#navi3 {
	position:relative;
	border-left:7px solid #009933;
	border-bottom: 3px solid white; padding-bottom:4px; margin:1px;
	float:left;
	width: 180px;
	padding-left: 10px;
}

#navi4 {
	position:relative;
	border-left:7px solid #FFCC00;
	border-bottom: 3px solid white; padding-bottom:4px; margin:1px;
	float:left;
	width: 180px;
	padding-left: 10px;
}

#navi5 {
	position:relative;
	border-left:7px solid #99CCFF;
	border-bottom: 3px solid white; padding-bottom:4px; margin:1px;
	float:left;
	width: 180px;
	padding-left: 10px;
}

#navi6 {
	position:relative;
	border-left:7px solid #CC6633;
	border-bottom: 3px solid white; padding-bottom:4px; margin:1px;
	float:left;
	width: 180px;
	padding-left: 10px;
}

#navi7 {
	position:relative;
	border-left:7px solid #666699;
	border-bottom: 3px solid white; padding-bottom:4px; margin:1px;
	float:left;
	width: 180px;
	padding-left: 10px;
}

#mitte {
	position:relative;
	min-height: 500px;
	padding: 50px 50px 50px 30px;
	border-right: 2px solid black;
	border-right-style:dotted;
	border-left: 2px solid black;
	border-left-style:dotted;
}

#mitte li {
	list-style-image:url(bilder/zeichen_aufzaehlung.gif);
}



#rechts {
	position:relative;
	width:150px;
	float:right;
}

#logos {
	position:absolute;
	top:10px;
	left:20px;
	width: 143px;
	height: 431px;
	text-align:center;
	background-color:#FFFFFF;
	z-index:1;
}

#chessy {
	position:absolute;
	top:350px;
	left:20px;
	width: 143px;
	height: 431px;
	text-align:center;
	z-index:2;
}

#impressum {
	position:fixed;
	bottom:0px;
	height:24px;
	width:100%;
	border-top:3px solid white; padding-top:4px; margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left:30px;
}

ul.navi{
	list-style-type:none;
	color: black;
	text-decoration:none;
}

a:link {color:grey; text-decoration:underline; }
a:visited {color:grey; text-decoration:underline; }
a:focus {color:grey; text-decoration:underline; }
a:hover { font-weight:bold; color:grey; text-decoration:underline; }
a:active { font-weight:bold; color:grey; text-decoration:underline; }