body {
 background-image:url(images/bg.jpg);
 font-size:70%,
 font-family:Arial, Verdana, sans-serif;
}

#navi {
 position: absolute;
 width:860px;
 height:86px;
 left:50%;
 top:50%;
 margin-left:-430px;
 margin-top:-272px;
 background-color:black;
 z-index:4;
}

#leiste {
 position: absolute;
 width:860px;
 height:14px;
 left:50%;
 top:50%;
 margin-left:-430px;
 margin-top:-186px;
 background-color:black;
 z-index:0;
}

#text {
 position: absolute;
 width:860px;
 height:406px;
 left:50%;
 top:50%;
 margin-left:-430px;
 margin-top:-172px;
 background-color:black;
 background-repeat:no-repeat;
 z-index:0;
}

#rand_rechts {
 position: absolute;
 width:18px;
 height:406px;
 left:50%;
 top:50%;
 margin-left:413px;
 margin-top:-172px;
 background-color:black;
 background-repeat:no-repeat;
}

#footer {
 position: absolute;
 width:860px;
 height:39px;
 left:50%;
 top:50%;
 margin-left:-430px;
 margin-top:233px;
 background-color:black;
}

img {
 border:none;
}

#text {
 background-image:url(images/1.jpg);
}

#navi ul          { margin:0px; padding:0px; height:27px; list-style-type:none; }
#navi li          { margin:0px; padding:0px; float:left; }

#navi li ul       { display:none; margin:-6px 0px 0px 0px; padding:0px 0px 0px 8px; width:95px; color:#fff; text-align:left; z-index:6; }
#navi li ul li    { height:23px; }

#navi li:hover ul { display:block; }

#navi a:link { text-decoration:none; color:#fff; font-family:arial; font-size:90% }
#navi a:hover { text-decoration:none; color:#fff; font-family:arial; font-size:90% }
#navi a:active { text-decoration:none; color:#fff; font-family:arial; font-size:90% }
#navi a:visited { text-decoration:none; color:#fff; font-family:arial; font-size:90% }