#navigatie {
 font-family: verdana, century gothic, Helvetica, Arial, sans-serif;
 font-size: 16px;
 font-weight: bold;
 width: 12em;
 border-right: 1px solid #FFFFFF;
 padding: 0;
 margin-bottom: 0em;
 background-color: #FFFFFF;
 color: #333;
}

#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigatie ul li {
 margin: 4;
 border-top: 7px solid #FFFFFF; /*stond 0px maar dan kwamen er geen witte randen in tabel*/
}

#navigatie ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid #99CC00;
 border-right: 0px solid #000000;
 border-bottom: 0px solid #369;   
 background-color: #336D18;
 color: #FFF;
 text-decoration: none;
 width: 100%;
}

html>body #navigatie ul li a {
 width: auto;
}

#navigatie ul li a:hover {
 border-left: 10px solid #336D18;
 border-right: 0px solid #FFFF66;
 border-bottom: 0px solid #FFFF66;  
 background-color: #99CC00;
 color: #336D18;
}