#menu
{
display: table;
margin: 0 auto;
font-size: 12px;
}
		
#menu a
{
display: block;
margin: 0;
line-height: 21px;
padding: 4px 10px 4px 10px;
border-right: 0px solid #aaa;
font-weight: bold;
white-space: nowrap;
}
	
#menu a:link,
#menu a:visited,
#menu a:active /* menu at rest */
{
color: #fff;
text-decoration: none;
}
	
#menu a:hover /* menu on mouse-over  */
{
color: #505;
background-color: #fff;
text-decoration: none;
}	

#menu .top_parent_dummie
{
line-height: 21px;
padding: 4px 15px 4px 10px;
background: #f09 url(navdown.gif) right center no-repeat;
font-weight: bold;
cursor: default;
white-space: nowrap;
}

#menu a.top_parent
{
line-height: 21px;
padding: 4px 15px 4px 10px;
background: #f09 url(navdown.gif) right center no-repeat;
}

#menu a.top_parent:hover /* attaches down-arrow to all top-parents */
{
line-height: 21px;
padding: 4px 15px 4px 10px;
background: #fff url(navdown_hover.gif) right center no-repeat;
color: #505;
}
	
#menu a.parent
{
line-height: 21px;
padding: 4px 15px 4px 10px;
background: #f09 url(nav.gif) right center no-repeat;
}

#menu a.parent:hover /* attaches side-arrow to all parents */
{
line-height: 21px;
padding: 4px 15px 4px 10px;
background: #fff url(nav_hover.gif) right center no-repeat;
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
float: left;
/*width: 9em;*/	/* width of all menu boxes */
/* NOTE: For adjustable menu boxes you can comment out the above width rule.
However, you will have to add padding in the "#menh a" rule so that the menu boxes
will have space on either side of the text -- try it */
}

#menu ul ul /* toevoeging (kopie van #menu ul) om het hoofdmenu geen vaste breedte te geven maar de submenu's wel */
{
list-style: none;
margin: 0;
padding: 0;
float: left;
min-width: 50px; /* width of all menu boxes. Was width i.p.v. min-width. */
/* NOTE: For adjustable menu boxes you can comment out the above width rule.
However, you will have to add padding in the "#menh a" rule so that the menu boxes
will have space on either side of the text -- try it */
}

#menu li
{
position: relative;
min-height: 1px; /* Sophie Dennis contribution for IE7 */
background: #f09 url(_menu-bg.gif) 0 0 repeat-x;
vertical-align: bottom;	/* Sophie Dennis contribution for IE7 */
}

#menu ul ul, #menu ul ul ul, #menu ul ul li
{
background: transparent url(menu-bg.gif) 0 0 repeat-x;
}

#menu ul ul
{
position: absolute;
z-index: 500;
top: auto;
display: none;
/* 
Dit stond in de orginele versie.
Weet niet waar het voor is, misschien bij gebruik van borders.
Gaf een minder resultaat in Firefox: het top menu sprak minder goed aan vanuit een submenu, het hovert pas hoger.

padding: 1em;
margin: -1em 0 0 -1em;
*/
}

#menu ul ul ul
{
top: 0;
left: 100%;
}

div#menu li:hover
{
cursor: pointer;
z-index: 100;
}

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

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