Coolmenü ins Design

div.menu
{
position: absolute;
z-index: 3;
top: 0px;
left: -7%;
margin-left: 400px;
width:905px;
}

<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 0px;
left: -7%;
margin-left: 400px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/i/imperiales-weltherrschaftsforum/button0071.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/animated.gif);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Imperial.htm"> Startseite</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Hauptmenü</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/News-.htm">News</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/LogIn.htm">LogIn</a></li>
<li><a href="http://www.timeofdarkness.de"target="_blank">Zum Game</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Fragen-f-.htm">Bei Fragen</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Galerie.htm">Galerie</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/-Ue-ber-uns-.htm">Über uns</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">Community</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Forum.htm">Forum</a></li>
<li><a href="http://www.imperial.plusboard.de"target="_blank">Ext. Forum</a></li>
<li><a href="http://kostenlose-toplisten.de/listen/tl/1250/index.html"target="_blank">Zur Topliste</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Superlinks.htm">Superlinks</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Streamboxen.htm">Streamboxen</a></li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/IrCQ_Chat.htm">IrCQ</a></li>
<li><a href="http://www.ceza.freeshoutbox.net"target="_blank">Zur Shoutbox</a></li>
<li> </li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Partnerseiten.htm">Partnerseiten</a></li>
</ul>
</li>
<li><a href="http://imperiales-weltherrschaftsforum.de.tl/Impressum.htm">Impressum</a></li>
</ul>
</li>
</div>


<script language="JavaScript" src="http://js.stats.de/j/0000105002"></script>
<script language="JavaScript">
rapidstats(105002);
</script>
<noscript>
<a href="http://www.stats.de" target="_blank">
<img src="http://srv1.stats.de/l/0000105002?js=0" border="0" alt="">
</a>
</noscript>

</td>
</tr>
</table>
</div>

-->
</style>
<div align="center">
<style type="text/css">
<!--

/* Nullformatierung für alle Browser */
* {margin:0px; padding:0px;}
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
html { height: 101%; } /* erzwingt Scrollbar im Firefox */

/* Hintergrund hinter Design */
body {
background-color: #6f8ac4;
background-image: url(http://1click-image.de/user/image/147351739.jpg);background-attachment: fixed;}
margin: auto
background-repeat: repeat; }
td.edit_below_nav{visibility: hidden;width: 0px;}
td.edit_navi_headbg{background-image: url(url);}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(url);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}

/* Hintergrund-Container */
#container {
width: 1030px;
margin: auto;
background-color:#20AEF5;
background-image: url();
border: 2px solid #0C2F5C;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
overflow: hidden; }

/* Dein Header-Banner oben */
#header_container {
margin-top: 25px;
width: 1000px;
height: 137px;
background-image: url(http://img.webme.com/pic/i/imperiales-weltherrschaftsforum/headerbanner.jpg);
border: 1px solid #898989;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px; }

/* Feld der Navigation */
#nav_container {
width: 980px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
border: 0px solid #c9c9c9; }

/* Feld Navi-Buttons */
li.nav_element {
display: inline-block;
list-style-type: none;
text-align: center;
margin-right: 10px;
margin-left: 10px;
width: 85px !important;
padding: 5px;
background-color: #000000;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/blacky.jpg);
border: 1px solid #999999;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px; }

/* Linkfarbe und Linkgröße im Navi-Button */
li.nav_element a {
font-size:12px;
color: #FFFFFF;
font-family: arial; }

/* Hover-Effekt bei Mauskontakt */
li.nav_element:hover {
background-color:#800000;
background-image:url(); }

/* gerade besuchte Seite */
li.checked_menu {
background-color:;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/animated.gif);
border: 1px solid     #660066; }

/* Textfeld / Seiteninhalt */
#content {
margin-top: 15px;
margin-bottom: 20px;
width: 900px;
padding: 50px;
color: #000000;
font-size: 14px;
font-family: arial;
text-align: left;
background-color: #29B8FF;
border: 1px solid #c9c9c9;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px; }

/* Linkfarbe und Größe im Textfeld */
#content a {
font-size: 14px;
color: #000080;
font-family: arial; }

/* Balken unter dem Design */
#unten {
width:960px;
color: #xxxxxx;
font-family: arial;
padding: 10px;
margin-top: 10px;
margin-bottom: 50px;
background-color: #222222;
border: 2px solid #c9c9c9;
-moz-border-radius-topleft: 7px;
moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px; }

#scrollen{
overflow: auto;
height: 95%;
width: 95%;
padding:5px;
border:1px solid #C9C9C9;}



/*unnötige Elemente entfernt */
#sidebar_container {display:none; }
#sidebar_heading {display: none;}
#nav_heading {display:none;}
h1#header {display:none;}
h2#title {display:none;}
#pre_content {display: none;}
#pre_header {display:none;}
#div.header{display: none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display: none;}
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5,
#extraDiv6 {display:none;}
#nav_container {display:none;}
#counter {display:none;}