#menu {background-color: #fff; height: 48px; width: 751px; border-bottom: 1px solid #fff;}

/*begin hoofdmenu opmaak*/

#nav {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	height:48px;
	text-align: center;
	margin: 0px;
}
 /*first list*/
#nav li a {
	text-decoration: none;
	display: block;
	color: #FFF;
	height: 43px;
	padding-top: 5px;
}
#nav li {
	display:block;
	height: 48px;
	float: left;
	text-align: left;
	margin: 0px;
	background:#526D88;
	border-right:1px solid #fff;
	text-align:center;
}
#nav li:hover a{}

#nav #home a{
	background:url(/images/menu/bg_oranje.gif) repeat-x bottom left #526D88;
	width:128px;
}
#nav #organisatie_2 a{
	background:url(/images/menu/bg_geel.gif) repeat-x bottom left #526D88;
	width:171px;
}
#nav #diensten a{
	background:url(/images/menu/bg_groen.gif) repeat-x bottom left #526D88;
	width:152px;
}
#nav #locaties_2 a{
	background:url(/images/menu/bg_paars.gif) repeat-x bottom left #526D88;
	width:149px;
}
#nav #werken_2 a{
	background:url(/images/menu/bg_rood.gif) repeat-x bottom left #526D88;
	width:147px;
}
#nav #werken_2{
	border-right:none;
}

/*submenu*/
#nav li ul{
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0px;
	margin: 0;
	display:block;
	height: 400px;
	width:300px;
	overflow:hidden;
	text-align:left;
}
#nav li:hover ul{
	position: absolute;
	display:block;
	width:320px;
	left: auto;
	text-align:left;
}
#nav li ul li{
	margin: 0px;
	padding: 0px;
	display: block;
	height: 35px;
	text-align:left;
	border:none;
	border-bottom: 1px solid #FFFFFF;
}

#nav li ul li a,#nav #home ul li a {
	margin: 0px;
	padding-top: 5px;
	height:30px;
	width:300px;
	padding-left: 5px;
	text-align:left;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav #organisatie_2 ul li, #nav #organisatie_2 ul li a{
	background:#FAF67D;
	border-bottom: 1px solid #FFFFFF;
	width:220px;
}
#nav #organisatie_2 ul li:hover, #nav #organisatie_2 ul li a:hover{
	background:#FBF89E
}

#nav #diensten ul li, #nav #diensten ul li a{
	background:#CADF63;
	border-bottom: 1px solid #EBF3C5;
	width: 300px;
}
#nav #diensten ul li:hover,#nav #diensten ul li a:hover{
	background:#D1E377
}

#nav #locaties_2 ul li, #nav #locaties_2 ul li a{
	background:#8C62AD;
	border-bottom: 1px solid #CBB8DA;
	width: 161px;
}
#nav #locaties_2 ul li:hover,#nav #locaties_2 ul li a:hover{
	background:#A989C2
}

#nav #werken_2 ul li a,#nav #werken_2 ul li{
	background:#DD4151;
	border-bottom: 1px solid #EEEEEE;
	width: 161px;
}
#nav #werken_2 ul li:hover,#nav #werken_2 ul li a:hover{
	background:#E45F6C
}


#nav #organisatie_2 ul li a,#nav #diensten ul li a{
	color:#526D87
}