html {
height:100%;
}

body {
height:100%;
background-color:white;
color:black;
text-align:center; /* container zentrieren in IE */
font-size:100%;
font-family:verdana, helvetica, sans-serif;
}

/* workarounds für ie */
* html .ie_minwidth_1 {border-left:890px solid rgb(232, 232, 240); float:left;} /* muss selbe farbe, wie body haben */
* html .ie_minwidth_2  {margin-left:-890px; float:left;}
* html #rahmen {right:8px;}
* html #content ul {padding-left:40px;}
* html #content li {padding-left:8px;}

a:link { font-weight:bold; color:white; text-decoration:underline; }
a:visited { font-weight:bold; color:orange; text-decoration:underline; }
a:hover { font-weight:bold; color:orange; text-decoration:none; }
a:active { font-weight:bold; color:white; text-decoration:none; }
a:focus { font-weight:bold; color:white; text-decoration:underline; }
.druck{display:none;}

#distance {
width:1px;
height:50%;
margin-bottom:-290px; /* half of container's height */
float:left;
}

#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height:560px;
width:780px;
clear:left;
}

#buehne {
position:absolute;
background-color:white;
margin-left:-10px;
margin-top:-10px;
width:780px;
height:560px;
}

#logo{
position:absolute;
border-style:solid;
border-width:1px;
border-color:white;
margin-top:20px;
margin-left:20px;
}

#oben{
background-image:url(./bg_oben.png);
width:780px;
height:40px;
}

#content{
text-align:right;
background-image:url(./bg_rand.png);
background-repeat:repeat-y;
width:780px;
height:480px;
}

#unten{
text-align: right;
color:white;
background-image:url(./bg_unten.png);
width:780px;
height:40px;
}

.abstand{
padding-top:12px;
padding-right:12px;
}