html {height:100%;}

body {height:100%; margin:0; padding:0;
 background-color:#cccccc;}

#bg { 
	position:absolute;
	top:50%;
	left: 50%;
	margin-left:-450px; /* Hälfte der Höhe */
	margin-top: -275px; /* Hälfte der Breite */
	width: 900px; height: 550px;
	z-index:1; }

#container {position:relative; z-index:2;}

</style>
<!--[if IE 6]>
<style type="text/css">

html {overflow-y:hidden;}

body {overflow-y:auto;}

#bg {position:absolute; z-index:1;}

#container {position:relative; z-index:2;}


.content{       
position:absolute; overflow: auto; 
top:12%; left:35%; 
width: 55%; height: 70%;
padding-right: 10px; 
font-family: Verdana, Tahoma, Arial;
font-size: 14px;
font-weight: normal;
text-align:justify;
color:white;

z-index:3;
}


.content_wide {       
position:absolute; overflow: auto; 
top:12%; left:15%; 
width: 75%; height: 85%;
padding-right: 10px; 
font-family: Verdana, Tahoma, Arial;
font-size: 14px;
font-weight: normal;
text-align:justify;
color:white;

z-index:3;
}



.content-table{       
position:absolute; overflow: auto; 
top:12%; right:8%; 
width: 45%; height: 78%;
padding-right: 10px; 
font-family: Verdana, Tahoma, Arial;
font-size: 14px;
font-weight: normal;
color:white;

z-index:3;
}


.foto{       
position:absolute; overflow: hidden; 
top:12%; left:7%; 
width: 260; height: 410px;
padding: 10px; 
margin: 0px;
font-family: Verdana, Tahoma, Arial;
font-size: 16px;
font-weight: normal;
text-align:center;


color:white;
border-style: dotted;
border-width: 1px;
border-color: white;

z-index:4;
}




.top {       
position:absolute; overflow: auto; 
top:6%; left:6%; 
width: 400px; height: 30px;  
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 5px;
font-family: Verdana, Tahoma, Arial;
font-size: 15pt;
font-weight: bold;
text-align:justify;
color:gold;
line-height:100%; 
z-index:4;
}

.navi {       
position:absolute; overflow: auto; 
bottom:1%; left:2%; 
width: 96%; height: 25px;  
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 5px;
font-family: Verdana, Tahoma, Arial;
font-size: 13pt;
font-weight: normal;
text-align: center;
color:white;
line-height:100%; 
z-index:4;
}

.back {       
position:absolute; overflow: hidden; 

width: 100px; height: 25px;  

bottom:1%; right:2%; 
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 5px;
font-family: Verdana, Tahoma, Arial;
font-size: 12pt;
font-weight: normal;
text-align: right;
color:yellow;
line-height:100%; 
z-index:4;
}



.start{       
position:absolute; overflow: auto; 
top:45%; right:5%; 
width: 50%; height: 45%;
padding-right: 10px; 
font-family: Verdana, Tahoma, Arial;
font-size: 14px;
font-weight: normal;
text-align:justify;

color:white;

z-index:3;
}

.right{       
position:absolute; overflow: auto; 
top:12%; left:45%; 
width: 50%; height: 76%;
padding-right: 10px; 
font-family: Verdana, Tahoma, Arial;
font-size: 14px;
font-weight: normal;
text-align:justify;
color:white;

z-index:3;
}



hr{
background-color:#ff0000; /* Mozilla 1.4 */
color:#ff0000; /* IE 6 */
border: #ff0000; /* Opera 7.11 */
height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}




a: {
color: #ffffff; 
font-family: verdana, tahoma, arial, sans-serif; 
text-decoration:none;
}

a:link {
color: #ffffff; 
font-family: verdana, tahoma, arial, sans-serif; 
text-decoration:none;
}

a:visited {
color: #ffffff; 
font-family: verdana, tahoma, arial, sans-serif; 
text-decoration:none;
}

a:hover {
color: #9999ff; 
font-family: verdana, tahoma, arial, sans-serif; 
text-decoration:none;
}


a:active {
color: #ffffff; 
font-family: verdana, tahoma, arial, sans-serif; 
text-decoration:none;
}


dl{width: 100%;overflow: hidden;
margin: 0 0 -0.25em;
    background: url(dot.gif) repeat-x 0 1.1em}
    
dt{float: left; overflow: hidden;
padding-right: 3px;}
dd{margin:0}
dd.name{float: right;padding-left: 3px;}

dd.linie{float: left;width: 100%;padding: 3px 0;
   font: italic 20% Georgia,Times,sans-serif;color: #555}