/* Navigatie bovenkant */
ul#topnav{
	font-size: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	right:0;
	top:0;
	float:right;
}

ul#topnav li,
ul#topnav li ul#topnav-sub li {
	display: inline;
	background: #fff url('../../images/item_background.gif') repeat-x;
	border-color: #86969D;
	border-style: solid;
	line-height: 1.6em;
	margin: -1px 20px 0 0;
}

ul#topnav li {
	float: left;
	position: relative;
	border-width: 1px 1px 0 1px;
	padding: 0 3px 0 3px;
	width: 7em;
	text-align:center;
}

ul#topnav li ul#topnav-sub a,
ul#topnav li ul#topnav-sub a:visited,
ul#topnav a, 
ul#topnav a:visited {
	color: #222;
	text-decoration: none;
}

ul#topnav li ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 20px !important;
	left: -1px !important;
	border-top: 1px solid #86969D;
	z-index:10;
}
ul#topnav li ul li {
	background-image: none;
	background-color: #B4CCD8;
	width: 100%;
	font-size: 0.9em;
	border-color: #86969D;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	line-height:20px;
}
ul#topnav li.selected,
ul#topnav li ul#topnav-sub li.selected {
	background-image: none;
	background-color: #323232;
}

ul#topnav li.selected a,
ul#topnav li.selected a:visited,
ul#topnav-sub li.selected a,
ul#topnav-sub li.selected a:visited {color: #fff;}

ul#topnav li ul li:hover {background-color: #fff;}
ul#topnav li>ul {top: auto; left: auto;z-index:10;}
ul#topnav li:hover{z-index:100;}
ul#topnav li:hover ul, 
ul#topnav li.over ul {display: block;z-index:20;}

ul#topnav li ul#topnav-sub {
	padding: 0;
	display:block!important;
	position:absolute;
	width:500px;
	background:none;
	border:0;
	top:1.7em!important;
	left:-4.4em!important;
	z-index:1;
}
ul#topnav li ul#topnav-sub li{
	float:left;
	text-align:center;
	padding:0 5px;
	margin:0;
	line-height:200%; 
	width:auto;
	margin-right:15px;
	width:7.5em;
}

ul#topnav li ul#topnav-sub a, 
ul#topnav li ul#topnav-sub a:visited {
	font-size: 0.9em!important;
	font-weight: bold;
}

ul#topnav li ul#topnav-sub li.selected a{
	color:white!important;
}

/*
ul#topnav-sub.algemeen {margin: 1.4em 0 5px 180px;}
ul#topnav-sub.projecten {margin: 1.4em 0 5px 256px;}
*/

/* Navigatie linkerkant */
ul#subnav {
	text-align: right;
	list-style-type: none;
	margin-right: 28px;
}
ul#subnav li {margin-bottom: 10px;}
ul#subnav a, 
ul#subnav a:visited {
	display:block;
	color: #A3A9B1; 
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
ul#subnav a.selected,
ul#subnav a:hover {color: #1C2833;}
/* ----- */