HTML-site forum

<div id="divmenu" class="menu">
<ul>
<li><a href="index.php">algemene info</a></li>
<li><a href="bestuur.php">bestuur</a></li>
<li><a href="leden.php">leden</a></li>
<li><a href="vergaderingen.php">vergaderingen</a>
</li>
<li><a href="activiteiten.php">activiteiten</a></li>
<li><a href="mand.php">mand voor moeder</a></li>
<li><a href="diensten.php">diensten</a></li>
<li><a href="#">fotos</a><ul>
<li><a href="fotos_2009.php">mand 2009</a></li>
<li><a href="fotos_2008.php">mand 2008</a></li>
<li><a href="fotos_2005.php">mand 2005</a></li>
<li><a href="fotos_2004.php">mand 2004</a></li>
</ul>
</li>
<li><a href="#">archief</a><ul>
<li><a href="archief_1999.php">1999</a></li>
<li><a href="archief_1998.php">1998</a></li>
<!--<li>
<a href="archief_1997.php">1997</a></li>-->
<li><a href="archief_1996.php">1996</a></li>
</ul>
</li>
<li><a href="links.php">links</a></li>
</ul>
 
</div>
 

#divmenu {
float:left;
padding: 127px 0;
width: 165px;
margin-left: 7px;
background:url(../images/bg_menu.jpg) top right no-repeat;
font-family:"Lucida sans unicode", Helvetica, Arial, Sans-serif;
font-size: 0.8em;
min-height:445px;
 
} 
.menu {font-family: arial, sans-serif; width:130px; height:150px; position:relative; margin:0; font-size:13px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:130px; height:25px; text-align:left; text-indent:12px; border:1px solid #8196B5; border-width:1px 1px 0 20px; background:#fff; line-height:22px; font-size:11px;}
 
 
 
.menuplus ul li a {display:block; text-decoration:none; color:#000; width:130px; height:50px; text-align:left; text-indent:12px; border:1px solid #8196B5; background:#fff; line-height:22px; font-size:11px;}
 
 
 
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background:#FFCE34;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:146px; width:70px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
 
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#D4EAFF; border-width:1px 1px 0 12px; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#fff; color:#000;}