
#hsomenu {
float:left;
height:35px;
width:930px;
background:url(../HSO/bgmenu.jpg) repeat-x;
}


#hsomenu ul,#menu li {
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#hsomenu ul {
z-index:10000;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;

}

#hsomenu ul li {
	position:relative;
	float:left;
	height:35px;
	text-align:left;
	background:url(../HSO/menu.jpg) no-repeat right top;
	
}

/*hoofdmenu hovers*/
#hsomenu ul li a {
	height:35px;
	text-decoration:none;
	color:#004c7d;
	display:block;
	line-height:35px;
	text-align:center;
	font-weight:700;
	padding-left:12px;
	padding-right:12px;
	float:left;
}

#hsomenu ul li a:hover {
	color:#fff;
	background:url(../HSO/bgmenu_over.jpg) no-repeat right top;
}

#hsomenu .actief {
	color:#fff;
	background:url(../HSO/bgmenu_over.jpg) no-repeat right top;
}

/* menu level 1 */
#hsomenu ul li ul {
	/*background: #0000aa;*/
	display:none;
	position: absolute;
	text-align: center;
	top: 35px;	
	border: 1px solid #0f1f36;
	border-top: 0px;
	left:-1px;
	float:left;
	/*filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	khtml-opacity: 0.6 */
	z-index:99999;
	direction: ltr;
	
}

#hsomenu ul li ul:hover {
	display: block;
	direction: ltr;
}

#hsomenu ul li:hover ul {
	display: block;
}

#hsomenu ul li.over ul  {
	display: block;
}

#hsomenu ul li ul li {
	
	height: 22px;
	background-image: none;	
	padding: 0px;
	display: block;
	float:left;
	clear:both;
}

#hsomenu li li a {
	height: 22px;
	text-decoration: none;
	text-align: left;
	color: #fff;
	background-image: none;
	background: #66bbff;
	width: 190px;
	filter:alpha(opacity=90);/* for IE */
	-moz-opacity:0.9;/* for mozilla */
	opacity: 0.9;/* for safari */
	khtml-opacity: 0.9; /* for konquerer and older safari */
	clear:both;
	font: 500 12px/22px Arial, Helvetica, sans-serif;	
	padding:0;
	padding-left:12px;
	padding-right:12px;
	color:#fff;
	border-right:0px;
}

#hsomenu li li a:hover {
	background: #091937;
	filter:alpha(opacity=100);/* for IE */
	-moz-opacity: 1;/* for mozilla */
	opacity: 1;/* for safari */
	khtml-opacity: 1; /* for konquerer and older safari */
	
}

#hsomenu li li .actief {background-image: none;
	height: 22px;
	text-decoration: none;
	text-align: left;
	color: #fff;
	background-image: none;
	background: #102445;	
	font-weight:normal;
	filter:alpha(opacity=90);/* for IE */
	-moz-opacity:0.9;/* for mozilla */
	opacity: 0.9;/* for safari */
	khtml-opacity: 0.9; /* for konquerer and older safari */
	clear:both;
	font: normal 12px/22px Arial, Helvetica, sans-serif;	
}
