* {
 margin:0;
 padding:0;
}

html, body {
 height:100%;
}

body {
 background-color: white;
 color: black;
 font: 100.01%/1.4 sans-serif;
 text-align: center; /* horizontal centering for IE Win quirks */
}

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

#rahmen{
 background: white url('../gfx/bg_shadow.gif') no-repeat 0 0;
 border: 1px solid white;
 margin: 0 auto;
 position: relative; /* puts container in front of distance */
 text-align: left;
 height: 38.2em;
 width: 50.3em;
 clear: left;
}

#koerper{
 background: white;
 border: 1px solid #999999;
 margin: 0 auto;
 position: relative; /* puts container in front of distance */
 text-align: left;
 margin: 10px 0px 0px 11px;
 height: 36.3em;
 width: 48.45em;
 clear: left;
}

#kopf{
 background: #EAEAEA url('../gfx/anni.gif') no-repeat 0 0;
 height: 4em;
}

#nav{
 background: #BFBFBF;
 height: 2em;
}

#rumpf{
 height: 27.15em;
}

#inhalt{
 float: right;
 height: 24.15em;
 width: 20em;
 padding: 3em 2em 0 0;
 overflow: auto;
}

#fuss{
position: absolute;
bottom: 0px;
height: 3em;
width: 48.45em;
}