body {
        background: #F5F5DC;
        margin:0 auto; /* main-Box zentrieren in IE 5 und hoeher */
        text-align:center; /* main-Box zentrieren in IE 5 und hoeher */
		  color:#000;
		  font:0.8em/1.2em verdana, arial, "times new roman",serif;
}
#alles {
        background: #536397;
        border: 1px solid #B62F2C;
        width: 760px;
		  height: 100%;
        margin: 10px auto;/*Abstand im Browserrahmen und wird zentriert*/
        text-align:center;/*Zentriert für den 5IE aufwärts*/
}	
#mitte {
        background:#C5DBE6;
        margin:0 0 0 13em; 
		  height:100%;
		  padding: 1.5em 1em 1em 1em;	
		  text-align:left;	
}

#impress {
      padding: 5px;
		margin : 0 auto;
		background: #C5DBE6;
		border:0px solid #000;
		width:300px;
		text-align:left;
		min-height: 25em;
	}
	
#top { background: #FFF;
       height: 110px;
     	 width: 102%;
       voice-family: "\"}\"";
       voice-family:inherit;
       width: 100%;
		 border:0;
             }

html>body #top {
                       width: 100%;
                       }
	  
/* ab hier wird's interessant */

/* vertikale Abstände zunächst ausschalten */
li {
margin-top: 0;
margin-bottom: 0;
}

ul {
margin-top: 0;
margin-bottom: 0;
}
/* Ankerelemente (Links) mit Pseudoklassen versehen -
Reihenfolge beachten wegen Spezifität! */
a:link {
background: transparent;
color: #000;
}
a:visited {
color: #fc6;
/*background: transparent;*/

}
a:hover, a:active, a:focus {
background: transparent;
color: #f7f7f7;
}

#left {/*Rahme um die Navigation*/
background: #536397;
float:left;
height:100%;
text-align: left;
width: 13em;
}
/* die Box für die Links:border (ausser unten), automatische Breite,
kein padding,kleiner margin oben/unten,grosser rechts und links */
#linkbox {
border-top: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-left: 1px solid #f7f7f7;
width: auto;
padding: 0;
margin: 1.6em 1.6em 0.3em 1.6em;
background: #333;
color: #f7f7f7;
}
/* das Listenelement ohne Listen-Style
innerhalb der Box (als Kontextselektor):
kein padding, kein margin, keine border */
#linkbox ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
/* das Aufzählungselement als Blockelementinnerhalb der Box 
(als Kontextselektor):kein margin */
#linkbox li {
display: block;
margin: 0;
}
/* das Ankerelement dieser Selektor ist wichtig für die "guten" Browser :)
innerhalb des Aufzählungselements,innerhalb der Box,innerhalb des BODY-Elements
(als Kindselektor innerhalb des HTML-Elements),automatische Breite */
html>body #linkbox li a {
width: auto;
}
/* das Ankerelement diesmal für die "dümmeren" Browser ;))
als Blockelement, Breite über ganzen Block, kein margin,
kleines padding oben/unten, grosses rechts und links,
border diesmal unten, kein Unterstrich */
#linkbox li a {
display: block;
width: 100%;
background: #c5dbe6;
color: #000;
padding: 3px 10px 3px 10px;
border-bottom: 1px solid #f7f7f7;
text-decoration: none;
}

#linkbox li a:visited {
background: #c5dbe6;
color: #333;
border-bottom: 1px solid #f7f7f7;
}
#linkbox li a:hover {
background:#536397;
color: #C5DBE6;
border-bottom: 1px solid #f7f7f7;
}
#nest{
background: #536397;
height:100%;
}
/*Äußerer Rahmen um die HP*/


p {
text-indent:10px; 
font-size:90%; 
margin-right:10px;
margin-bottom:10px;
}

#content {
width:770px; 
margin:0 auto; 
text-align:left;
border: 2px solid #568;
}

#content {
background:#fff url(../play_index/content_back.gif) repeat-y; 
border:15px solid #888; 
border-width: 0 1px 1px 1px;
}



#nav, #subnav {
clear:both; 
float:left; 
width:270px;
}
#info { 
margin-left:280px; 
height:1%; 
border:1px solid #fff; 
margin-bottom:4em; 
position:relative;
}

#nav a, #nav a:visited {
font-size:2.2em; 
text-decoration:none; 
color:#536397;
}
#nav a span, #nav a:visited span {
text-decoration:underline;
}
#nav a:hover {
color:#d2b7a9;
}
#nav a:hover span {
color:#c60;}
#nav ul {
margin:0 30px; 
padding:0 30px;
}
#nav li {
list-style:none;
}
.red {
color:#c64f62;
}

 dl.listing {
 margin: 2em 0; 
 padding: 0;
 }
.listing dt {position: relative; 
left: 0; top: 1.1em; 
width: 7em; 
font-weight: bold;
}
.listing dd {border-left: 1px solid #000;
margin: 0 0 0 6em; 
padding: 0 0 .5em .5em;
}
#info a, #info a:visited {text-decoration:none;}
#info a .uline, #info a:visited .uline {text-decoration:underline;}

#subnav li {
list-style-image:url(../play_index/button.gif);
}
#subnav a, #subnav a:visited {
font-size:85%; 
text-decoration:none; 
color:#c00;
}
#subnav a:hover {
text-decoration:underline;
color:#888;}

.buttn {
float:left; 
margin-right:5px;
}
.spacer {
clear: both;
}
#open{
   position:relative;
   margin: 25px 5px 5px 35px;
	width:auto;
	height:100px;
	color:#C5DBE6;
	font: bolder 0.7em/1.0em verdana, arial, "times new roman", sans-serif; 
	}
div.float p {
	margin: 0;
	padding: 0;
	text-align: justify;
	
}
.right {
float:right;
padding:0 0.2em 0 0.2em;
}	
.left {
float:left;
padding:0.8em 0.6em 0 0;
}

.impress{
   margin:0.8em 0;
	padding:0;
	position: relative;
	border:0px solid red;
	width:250px;
	height:250px;
	float:right;
}

#layout{
   margin:0.8em 0;
	padding:0;
	position: relative;
	border:0px solid blue;
	width:300px;
	height:180px;
	text-align: left;
	float:left;
}
#bilder{
	position: relative;
	border:0px solid red;
	left:5px;
	top:3em;
}
#agb {
			margin:10px auto;
			border: 1px solid #536397;
			background: #fff;
			color: #536397;
			padding: 10px;
			height: 305px;
			overflow: auto;
			scrollbar-face-color: #C5DBE6;
         scrollbar-highlight-color: #C5DBE6;
         scrollbar-shadow-color: #C5DBE6;
         scrollbar-3dlight-color: #536397;
         scrollbar-arrow-color: #536397;
         scrollbar-track-color: #C5DBE6;
         scrollbar-darkshadow-color: #536397;
			width:92%;
}
.botton{
	margin:5px; 
	text-align:center; 
	
}
.banner{
	margin:2em 0 1.8em 2em;
}