#hoofdnavigatie{width:100%;	margin-top:0px; position:absolute; height: 2em;	z-index:999;}
#hoofdnavigatie ul{list-style:none; position:relative; float:left; margin:0; padding:0; width:100%;}
#hoofdnavigatie ul a
{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:1em;
	line-height:2em;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#hoofdnavigatie ul a:hover{color:#A7A7A7; background:#fff;}
#hoofdnavigatie ul li{position:relative; float:left; margin:0; padding:0; width:25%; text-align:center;}
#hoofdnavigatie ul li.current-menu-item{background:#ddd;}
#hoofdnavigatie ul li:hover{color:#01232f; background:rgba(1,35,47,0.50);}
#hoofdnavigatie ul ul{display:none;	position:absolute; top:100%; left:0; background:#fff; color:#000; padding:0; max-width:180px;}
#hoofdnavigatie ul ul li{float:none; width:100%; text-align:left;}
#hoofdnavigatie ul ul a{font-size:0.8em; line-height:120%; padding:10px 15px; color:#01232f;}
#hoofdnavigatie ul ul ul{top:0; left:100%;}
#hoofdnavigatie ul li:hover > ul{display:block;}

#digicontainer{margin-top:2em;}

@media (max-width: 600px) {
	#hoofdnavigatie{height:100%; overflow:auto; position:static;}
	#hoofdnavigatie ul li{width:50%;}
	#hoofdnavigatie ul{position:static;}
	#hoofdnavigatie ul ul{display:none; width:100%; max-width:400px;}
	#hoofdnavigatie ul ul li{display:none;}
	#digicontainer{margin-top:0em;}
}
@media (max-width: 400px) {
	#hoofdnavigatie{height:100%; overflow:auto; position:static;}
	#hoofdnavigatie ul{position:static;}
	#hoofdnavigatie ul li{display:none; width:100%; display:block; position:static;}
}