/* remove all the bullets, borders and padding from the default list styling */
.menubar ul {							
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 172px;         	/* breedte */
}

/* position relative so that you can position the sub levels */
.menubar li {	
	background:	#355D9E;
	color:		#fff;
}

/* style the links */
.menubar a:link, .menubar a:visited {
	display:		block; 
	text-decoration:	none;
	font-family:	Arial;
	line-height:	19px;
	width:		165px;          	/* breedte */
	color:		#fff;
	border-bottom:	1px solid #888; 
	border-right:	1px solid #888; 
	border-top:	1px solid #ddd;
	border-left:	1px solid #ddd;
	padding-left:	5px;
	text-decoration: none;
}

/* style the link hover */
.menubar a:hover {
	background-color:	#21467B;
	text-decoration: none;
}

.menubar a.active {
	color: #F5873C;
	text-decoration: none;
}

.menubar a.sub, .menubar a.sub:hover, .menubar a.subactive, .menubar a.sub:visited {
	font-weight: normal;
	background-color: #537CBE;
	padding-left: 15px;
	width: 155px;
	text-decoration: none;
}

.menubar a.sub:hover {
	background-color:	#21467B;
}

.menubar a.subactive, .menubar a.subactive:hover, .menubar a.subactive:visited {
	font-weight: normal;
	color: #F5873C;
}

.menubar a.subactive:hover {
	background-color:	#21467B;	
}


.menubar a.subsub, .menubar a.subsub:hover, .menubar a.subsubactive, .menubar a.subsub:visited, .menubar a.subsubactive:visited{
	font-weight: normal;
	background-color: #81a6e2;
	padding-left: 15px;
	width: 155px;
	text-decoration: none;
}

.menubar a.subsub:hover {
	background-color:	#21467B;	
}

.menubar a.subsubactive {
	font-weight: bold;
	background-color:	#21467B;
}