Eigene Drop-Dpwn Navigation

<style type="text/css">
<!--
#nav_Home{display:none;}
-->
</style>



<div id="menu">
<ul>
<li class="topmenu">
<a href="">BVRGHOF</a>
<ul>
<li class="submenu"><a href="">BUCHUNG ANFRAGEN</a></li>
<li class="submenu"><a href="">KONTAKT</a></li>
<li class="submenu"><a href="">Facebook<br/><br/><br/><br/><br/></a></li>
</ul>
</li>
<li class="topmenu">
<a href="">AKTVELL</a>
<ul>
<li class="submenu"><a href="">MITTEILUNG</a></li>
<li class="submenu"><a href="">TERMINE<br/><br/><br/><br/><br/></a></li>
</ul>
</li>
<li class="topmenu">
<a href="">VEBER VNS</a>
<ul>
<li class="submenu"><a href="">RITTER & GEFOLGE</a></li>
<li class="submenu"><a href="">UNSER RITTERLAGER</a></li>
<li class="submenu"><a href="">WAS WIR BIETEN</a></li>
<li class="submenu"><a href="">CHRONIK<br/><br/><br/><br/><br/></a></li>
</ul>
</li>
<li class="topmenu">
<a href="">BILDER</a>
<ul>
<li class="submenu"><a href="">2013</a></li>
<li class="submenu"><a href="">2012</a></li>
<li class="submenu"><a href="">2011</a></li>
<li class="submenu"><a href="">ARCHIV<br/><br/><br/><br/><br/></a></li>
</ul>
</li>
<li class="topmenu">
<a href="">FREVNDE</a>
<ul>
<li class="submenu"><a href="">Befreundete Gruppen</a</li>
<li class="submenu"><a href="">Gaeste</a></li>
<li class="submenu"><a href="">Sponsores</a></li>
<li class="submenu"><a href="">Seelenfänger</a></li>
<li class="submenu"><a href="">Veranstalter</a></li>
<li class="submenu"><a href="">Schmiede und Heerlager<br/><br/><br/><br/></a></li>
</ul>
</li>
</ul>
</div>

#menu {
font-size:18px;
position:absolute;

}

#menu ul {
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
}

#menu li.topmenu {
float:left;
}

.topmenu a {
float:left;
width:140px;

text-align:center;
}

.topmenu ul{
display:none;
}

.topmenu a, .submenu a{
padding:14px 5px;
border:0px solid #C37000;
border-collapse:collapse;
color:#FBFBEF;
font-weight:bold;
text-decoration:none;
background-image: url(http://img.webme.com/pic/1/1618240915831648/sandsteinbox_2.jpg);
margin:0;
}

.submenu a{
font-size:16px;
width:140px;
position:relative;
background-image: url(http://img.webme.com/pic/1/1618240915831648/ubmenbg2.png);
clear:both; /* special IE6 */
}



#menu a:hover, .topmenu.on a {
color:#29220A;
background-image: url(http://img.webme.com/pic/1/1618240915831648/ddmainmenhover.jpg);
}


.topmenu:hover ul {
display:block;
z-index:500;

}