#menu {
background: #FBFBFB; /* achtergrondkleur van het linkwoord */
font-size: 100%; /* 1em */	
width:45px;
float:left;
clear:none;
color:#00275D;
}

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

#menu a { 

display: block;
border-width: 1px; /* lijndikte om uitklapmenu */
border-style: solid; /* lijnstijl om uitklapmenu */
border-color: #ccc #888 #555 #bbb; /*lijnkleuren om uitklapmenu */
margin: 0;
padding: 2px 3px;
}

#menu a {
color: #00275D; /* kleur van linknaam */
background: #FBFBFB; /* achtergrondkleur uitklapmenu */
text-decoration: none;
width: 21em; /* bepaal de breedte van het uitklapmenu */
height:1.5em;  /* bepaal de hoogte van het uitklapmenu */
font-weight:normal;

}

#menu a:hover {
color: #00275D; /* kleur van mouseover */
background: #FFAD5B; /* achtergrondkleur uitklapmenu bij mouseover */
width: 21em; /* bepaal de breedte van het uitklapmenu */
font-weight:normal;

}

#menu li {
position: relative;
}

#menu li.linkwoord {
width:3em; /* bepaal de breedte van het mouseover gedeelte op het linkwoord */
}

#menu ul ul ul { /* bepaal de positie van het uitklapmenu */
position: absolute;
top: 0;
right: 10%; /*bepaal hier de positie, left/right/bottom/top met percentage */
top: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}