#hoofdmenu {
z-index:20;
position:absolute;
left:0px;
top:100px;
width: 800px;
height:20px;
margin-left:0;margin-right:0;
/* breedte en hoogte van oranje achtergrond*/
background-color:#FF9933;/*oranje*/
margin:0;
}

#hoofdmenu ul {
list-style: none;
margin-top: 0;
padding-left:0em;
padding-top:0em;
width:133px;
/*width: 9.25em;breedte van afz. item in menu*/
float: left;
text-align:center;

}

#hoofdmenu a, #hoofdmenu h2 {
/*de volgende waarden veranderen wel de opmaak in firefox, maar niet in IE???
of: de 2e en 3e nivo keuzes erven hun lettergrootte van dit blok in FF maar niet in IE??*/
font: 11px sans-serif;/*bold*/
display: block;
border-width: 2px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
/*margin: 0;*/
margin-left:auto;margin-right:auto;
/*1e waarde is top, 2e item is left padding van hoofditem*/
padding:0px 0px; /*heeft invloed op submenu-cursorgedrag*/

}
#hoofdmenu h2 {
color: #FFffff;
background:#00C000;/*hoofditem#666633*/
text-transform: uppercase;
margin-left:auto;margin-right:auto;
font-size:100%;
}

#hoofdmenu a {
color: #000;
background: #cccccc;/*lichtgrijze achtergrond  2e niveau zonder muis*/
text-decoration: none;
}

#hoofdmenu a:hover {
color: #a00;
background: #99CCFF;/*achtergrond muis over 2e niveau*/
}

#hoofdmenu ul ul {
position: absolute;
z-index: 500;

}

div#hoofdmenu ul ul {
display: none;
}

#hoofdmenu ul ul ul {
position: absolute;
top: 0;
margin-left: 80px;/*derde nivo verschuiving naar rechts*/
/* in IE werkt hier alleen margin-left, in FF gewoon LEFT*/
height:25px;
width: 90%;/*breedte van 3e nivo keuze)*/

}
#hoofdmenu li {position: relative}

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

div#hoofdmenu ul li:hover ul,
div#hoofdmenu ul ul li:hover ul,
div#hoofdmenu ul ul ul li:hover ul
{display: block;}
.menuletter{font-size:0.75em;font-variant:small-caps;font-style:bold;}