@charset "utf-8";
/* CSS Document */

.menu{
	margin: 5px 0;
	padding: 0;
	padding-left: 10px;
	text-decoration: none;
	width:90%; /*width of menu*/
}

.menu .actief{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	display: block;
	color: #efebc9;
	background-color: #066380;
}

.open{
display: block;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #efebc9;
background-color: #066380;
}
.menu a.menuitem{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
border-bottom: 1px solid #000000;
}

.menu a.menuitem:visited, .menu a.menuitem:link{
color:#000000;
}

.menu a.menuitem:hover, .menu a.menuitem:active{ /*hover state CSS*/
display: block;
color: #efebc9;
background-color: #066380;
}


.menu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.menu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.menu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.menu div.submenu ul li{
border-bottom: 1px dotted #999999;
}

.menu div.submenu ul li a{
display: block;
font: normal 11px Arial;
color: black;
text-decoration: none;
padding: 1px 0;
padding-left: 10px;
}

.menu div.submenu ul li a:hover{
background:#efefef;
color: black;
}