/*		------   Make-up	--------			*/


#menu {
	font-family: 		verdana;
	font-size: 			11px;
	font-weight:		bolder;
	width:				auto;
	position:			relative;
	margin-left:		24px;
}

#menu ul{
	margin:				0px;
	padding:			0px;
	border:				0px;
}

#menu a {
	text-decoration: 	none;
	text-align: 		left;
	color:				#FFFFFF;
}

#menu a:hover{
	color:				#90b5cf;
}

#menu li{
	padding-left:		8px;
	padding-right:		8px;
	padding-bottom:		0px;
	padding-top:		0px;
	margin:				0px;
	border:				0px;
}

#menu li a{
	font-size:			12px;
	font-weight:		bolder;
	line-height:		48px;
	background:			transparent url('../images/layout/menuitem.gif') no-repeat center right;
	padding-right:		18px;
}


#menu a div img{
	border:				0px;
	position:			relative;
	vertical-align:		top;
	padding-top:		15px;
	padding-left:		2px;
	padding-right:		2px;
}

#menu li:hover {
	background:			transparent url('../images/layout/hoofdmenuitem.jpg') repeat-x left bottom;
	color:				#90b5cf;
}

#menu li:hover a{
	color:				#90b5cf;
	background:			transparent url('../images/layout/menuitem_over.gif') no-repeat center right;
	padding-right:		18px;
}

#menu li:hover li a{
	color:				white;
	background:			transparent;
	padding-right:		2px;
}


#menu li:hover ul{
	margin-top:			0px;
	margin-left:		0px;
	padding-bottom:		4px;
	background-color:	#1c6191;
	color:				white;
}

/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
#menu li li {
	padding:				0px;
	margin:					0px;
	background:				#1c6191;
	color:					white;
}

#menu li ul {
	width:					160px; 
	left:					0px;
	padding:				0px;
	margin:					0px;
	color:					white;
}

#menu li li a{
	color:					white;
	text-align: 			left;
	font-size:				9px;
	font-weight:			normal;
	line-height:			18px;
	padding-left:			16px;
	padding-right:			16px;
}

#menu li li:hover a {
	background:				#4981a7;
	color:					white;
}
#menu li li:hover li a {
	background:				#1c6191;
	color:					white;
}

#menu li li li:hover a {
	background:				#4981a7;
	color:					white;
}