/* Hier volgt de css code van het MEEST COMPLEXE MENU OOOOOOOIT T___T */


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

#menu li {
	margin: 0 6px 0 0;
	width: 121px;
	height:121px;
	float:left;
}

#menu li a {
	position:absolute;
	background-color:#00aeef;
	padding: 0 0 0 5px;
	width:116px;
	height:121px;
	display:block;
}

#menu li img  {
	position:absolute;
	padding: 0 0 0 5px;
	z-index:10!important;
}

#menu li ul {
	position:absolute;
	padding: 0 0 0 0px;
	background-color:#00aeef;
	width:116px;
	display:none;
	z-index:5;
}

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

#menu li:hover ul, #menu li:hover a, #menu .selected ul {
	background-color:#ffdd00;	
}

#menu li ul li {
	display:block;
	height:auto!important;
	margin: 0;
	clear:both;
}

/*#menu li ul .first ul li {*/
#menu li ul {
	margin-top: 22px;
}

#menu li ul li a {
	position:relative;
	height:auto!important;
	padding: 0;
	color: #393939;
	text-decoration:none;
	font-size:9px;
}

#menu li ul li a:hover, #menu li ul .selected a {
	color:#b70072;
	background:none;
}

#menu li a:hover, #menu .selected a {
	background-color: #ffdd00;
}

#menu li .menuitem {
	position:relative;
	margin: 0;
	padding: 0;
}

#menu li .menuitem li a, #menu li .menuitem li a:hover {
	background-image:url(../images/opbouw/menu_streep.gif);
	background-repeat:no-repeat;
	background-position:5px 6px;
	padding: 0 0 0 13px;
	width: 106px;
	display:block;
	cursor:pointer;
}