div.menu:first-child {background:none;}
div.menu {
    position:relative;
    margin:0;
    width:auto;  /* Dit is de breedte van het topmenu */
    float: left; /* left=horizontaal / none = vertikaal */background:url('../gfx/menu_divider.gif') no-repeat top left;
}


div.menu ul {
    list-style: none; /* bullit style */
    margin: 0;
    padding: 0;
    width: auto; /* breedte van de hoofd menu items */
}
div.menu li {
	position: relative;
	float: left;

}
div.menu li:first-child {background:none;}
div.menu a {
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size: 13px;
	display: block;
	margin: 0;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	padding: 8px 10px 7px 10px;
	text-transform:uppercase;
	
	font-weight:bold;
	min-width:145px;  /* voor IE-7 moet je hier de maximale breedte die voorkomt instellen... */
	/*white-space:nowrap;*/
}


div.menu ul ul a { 	padding: 0px 10px 0 5px; font-size: 12px; 	height:20px; line-height:20px;	text-transform:normal; font-weight:normal;  }
div.menu ul ul ul a { min-width:80px; }
div.menu ul ul {
    position: absolute;
    margin-left:0px; /* hiermee kunnen we het sub menu onafhankelijk van het hoofdmenu verschuiven.*/
     /* Voor een horizontale menu moet top moet dezelfde waarde worden als de hoogte van het topmenu en left op 0*/
     /* Voor een vertikale menu moet top aan en left op 100% */
    top:40px; /* hoogte van het topmenu inzetten anders voor een verticaal menu is dit waarde 0 / top moet gezet worden ivm IE7 andere browsers kunnen zonder top maar pakken dit ook goed op*/
    left: 0px; /* breedte van de hoofd menu in vertikale stand+padding en randen*/
    border:0; /* Border om het sub menu heen */
    width:auto;
}
div.menu ul ul ul {
    position: absolute;
    margin:0;
    top: 0px;
    left: 100%;
	background:#4f4f4f;

}


div.menu ul a:hover {
	text-decoration:none;
}
div.menu ul a.menu {
	min-width:20px;
	white-space: nowrap;
}
div.menu ul a.menu:hover {
	text-decoration:none;
}

div.menu ul li:hover ul a,
div.menu ul ul li:hover ul a,
div.menu ul ul ul li:hover ul a,
div.menu ul ul ul ul li:hover ul a,
div.menu ul ul ul ul ul li:hover ul a,
div.menu ul ul ul ul ul ul li:hover ul a {
	text-decoration:none;
	color:#FFF;
	text-indent:15px;
	background: #4f4f4f url(../gfx/graphicSubmenu.gif) no-repeat left center;
	white-space: nowrap;
	display: block;
}
/* opent sub menu's */
/* Link Item Actief */
/*  hoofdmenu */

div.menu ul li:hover a {
	text-decoration:none;
	color:#FFF;
	display: block;
	background-color:#4f4f4f;
	white-space: nowrap;
}
/* subs */
div.menu ul ul li:hover a,
div.menu ul ul ul li:hover a,
div.menu ul ul ul ul li:hover a,
div.menu ul ul ul ul ul li:hover a,
div.menu ul ul ul ul ul ul li:hover a,
div.menu ul ul ul ul ul ul ul li:hover a,
div.menu ul ul ul ul ul ul ul ul li:hover a {
	text-decoration:none;
	color:#FFF;
	background: #999999 url(../gfx/graphicSubmenu.gif) no-repeat left center;
}
/* subs verbergen */
div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul,
div.menu ul ul ul li:hover ul ul,
div.menu ul ul ul ul li:hover ul ul,
div.menu ul ul ul ul ul li:hover ul ul,
div.menu ul ul ul ul ul ul li:hover ul ul {
	display: none;
}
/* subs tonen */
div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul,
div.menu ul ul ul ul li:hover ul,
div.menu ul ul ul ul ul li:hover ul,
div.menu ul ul ul ul ul ul li:hover ul
{
	display: block;
}