html, body {
	margin:		0;
	padding:	0;
	background:	#BCC9CA;
	height:		100%; /* Das will der IE. */
	scrollbar-face-color: #E0E1DF;
	scrollbar-highlight-color: #E0E1DF;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #E0E1DF;
	scrollbar-shadow-color: #E0E1DF;
	scrollbar-arrow-color: #486264;
	scrollbar-track-color: #BCC9CA;
}
html>body {
	/* Das will der Rest. Safari kann kein min-height, daher wird hier
	 * eventuell etwas abgeschnitten, wenn die zentrierte Box größer
	 * als das Fenster ist */
	height:		auto;
	min-height:	612px;
	min-width:	1000px;
}
a {
text-decoration:none;
color: #486264;
}
a:link {
text-decoration:none;
color: #486264;
}
a:visited {
text-decoration:none;
color: #486264;
}	
a:hover   {
text-decoration:underline;
color: #486264;
}
a:active  {
text-decoration:none;
color: #486264;
}
a.impressum{color:#486264;}
a.impressum:link{color:#486264;}
a.impressum:visited{color:#486264;}
a.impressum:hover{color:#000000;}
a.impressum:active{color:#486264;}
#container {
	margin:		0;
	padding:0;
	width:		1000px;
	background-image:url(../gfx/background.jpg);
	background-color: #F4F3EB;
	background-repeat: no-repeat;
	height:612px;
	/* Jetzt wird sie zentriert. */
	border: 1px black solid;
	position:	absolute;
	top:		50%;
	left:		50%;
	/* Jetzt steht die linke obere Ecke genau am Mittelpunkt. Noch. */
	margin-top:	-306px;  /* == halbe Zeilenhöhe. */
	margin-left: -500px; /* == halbe Breite.     */
    text-align:left; 
}
#content
{
	position:absolute;
	top:192px;
	left:6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	width: 480px;
	height:380px;
	overflow:auto;
	padding-right:10px;
	padding-bottom:30px;
	z-index:20;
}

#teaser
{
	position:absolute;
	top:592px;
	left:256px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	width: 480px;
	height:380px;
	overflow:auto;
	padding-right:10px;
	padding-bottom:30px;
	z-index:20;
}
html>body #content {
	width: 454px;
	height:343px;
}
.fliesstext {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.bilderrahmen {
border: 1px black solid;
margin-right: 5px;
}
.bilderrahmen_white {
border: 1px white solid;
margin-right: 5px;
}
#menue{
	position:absolute;
	top:48px;
	left:7px;
	height: 44px;
	width: 425px;
	z-index:1;
	text-align:left;
}
#head{
	position:absolute;
	z-index:0;
}
#logo{
	position:absolute;
	top:17px;
	left:431px;
	width:300px;
	height:90px;
}
#player{
	position:absolute;
	top:140px;
	left:494px;
	width:260px;
	height:460px;
}
#footer{
	position:absolute;
	top:595px;
	left:12px;
	width: 400px;
	height: 10px;
}
.impressum {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#486264;
	}
#subhead{
	position:absolute;
	top:146px;
	left:0px;
	width:180px;
	height: 30px;
	text-align:right;
}
#submenue{
	position:absolute;
	top:151px;
	left:190px;
	width:290px;
	height: 30px;
	text-align:right;
}
.ueberschrift{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#486264;
	font-weight:bold;
	}
.ueberschrift_hell{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C52903;
	font-weight:bold;
	}
#teaser
{
	position:absolute;
	top:112px;
	left:516px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	width: 210px;
	height:30px;
}
div.menu {
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #000000 #000000 #000000 #000000;
	font-size: 12px;
	left: 0;
	margin: 0;
	padding: 1px;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 160px;
	z-index: 500;
}