div.navigation, div.navigation div.l, div.navigation div.r{
	display:block;
	width:900px;
	height:60px;
	background-image:url('../img/nav_bg.png');
}
div.navigation div.l{
	background-image:url('../img/nav_bg_l.png');
	background-repeat:no-repeat;
	background-position:left top;
}
div.navigation div.r{
	background-image:url('../img/nav_bg_r.png');
	background-repeat:no-repeat;
	background-position:right top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ first level */
div.navigation ul{
	display:block;
	width:882px !important;
	width:891px; /* 2nd declaration for IE6 */
	height:42px;
	padding:9px;
}
div.navigation ul li{
	display:block;
	width:auto !important;
	height:42px;
	float:left;
	position:relative;
	white-space:nowrap;
	padding-left:9px;
	padding-right:10px;
	background-image:url('../img/nav_btn_bg.png');
}
div.navigation ul li.ro{
	background-position:bottom;
}
div.navigation ul li#nav_uid10{ /* first item */
	background-image:url('../img/nav_btn_bg_l.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:31px;
}
div.navigation ul li#nav_uid10.ro{ 
	background-position:left bottom;
}
div.navigation ul li#nav_uid57{ /* last item */
	background-image:url('../img/nav_btn_bg_r.png');
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:29px;
}
div.navigation ul li#nav_uid57.ro{ 
	background-position:right bottom;
}

/* links */
div.navigation ul li a{
	display:block;
	height:42px;
	text-indent:-5000px;
}

div.navigation ul li.ro{
	z-index:10;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ second level */
div.navigation ul li ul{
	position:absolute;
	left:-5000px;
	padding:0px;
}
div.navigation ul li.ro ul{
	top:-2px;
	left:-2px;
	width:auto !important;
	height:auto;
	border:0px;
	background-color:#0085CA;
	z-index:100;
	padding-top:42px;
	padding-bottom:25px;
	background-repeat:no-repeat;
	background-position:12px 2px;
}

div.navigation ul li ul li{
	float:none;
	height:21px;
	background-position:bottom;
}
div.navigation ul li ul li a{
	height:21px;
}

/* container styling */
div.navigation ul li ul li.lt,
div.navigation ul li ul li.rt,
div.navigation ul li ul li.lb,
div.navigation ul li ul li.rb{
	display:block;
	width:22px !important;
	height:22px;
	background-image:url('../img/subnav_corners.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:absolute;
	padding-left:0px;
	padding-right:0px;
	z-index:200;
}
div.navigation ul li ul li.lt{
	background-position:0px 0px;
	top:-7px;
	left:-7px;
}
div.navigation ul li ul li.rt{
	background-position:-22px 0px;
	top:-7px;
	right:-7px;
}
div.navigation ul li ul li.lb{
	background-position:0px -22px;
	bottom:-7px;
	left:-7px;
}
div.navigation ul li ul li.rb{
	background-position:-22px -22px;
	bottom:-7px;
	right:-7px;
}
/* ----- */
div.navigation ul li ul li.t,
div.navigation ul li ul li.l,
div.navigation ul li ul li.r,
div.navigation ul li ul li.b{
	display:block;
	background-image:none;
	background-color:#0085CA;
	position:absolute;
	padding-left:0px;
	padding-right:0px;
}
div.navigation ul li ul li.t{
	height:7px;
	width:auto;
	border-top:2px solid #f6f4e9;
	top:-7px;
	left:15px;
	right:15px;
}
div.navigation ul li ul li.l{
	width:1px;
	height:auto;
	border-left:2px solid #f6f4e9;
	border-right:5px solid #0085CA;
	top:15px;
	bottom:15px;
	left:-7px;
}
div.navigation ul li ul li.r{
	width:1px;
	height:auto;
	border-left:5px solid #0085CA;
	border-right:2px solid #f6f4e9;
	top:15px;
	bottom:15px;
	right:-7px;
}
div.navigation ul li ul li.b{
	height:7px;
	width:auto;
	border-bottom:2px solid #f6f4e9;
	bottom:-7px;
	left:15px;
	right:15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ bottom */
div.footernav{
	/*float:left;*/
	clear:both;
	width:900px;
	height:42px;
	background-image:url('../img/footernav_bg.png');
	background-repeat:no-repeat;
	background-position:9px 0px;
	margin-top:21px;
}
div.footernav ul{
	display:block;
	width:882px;
	height:23px;
	padding-left:9px;
	padding-top:10px;
}
div.footernav ul li{
	display:block;
	height:23px;
	float:left;
	margin-left:9px;
}
div.footernav ul li.active{
	background-image:url('../img/footernav_btn_l.png');
}
div.footernav ul li a{
	display:block;
	height:19px;
	background-repeat:no-repeat;
	background-position:right;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	color:#493a1b;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	white-space:nowrap;
	
	/* just for IE6, because without width doesn't make any sense and we don't wan't to use a hack */
	min-width:10px;
	width:auto !important;
	width:10px;
}
div.footernav ul li.active a{
	background-image:url('../img/footernav_btn_r.png');
	color:#06a5f8;
}
div.footernav ul li a.uid2{
	color:#06a5f8;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ sub navigation (left) */
div.subnav ul{
	margin-top:11px;
	margin-left:15px;
}
div.subnav ul li{
	display:block;
	width:229px;
	height:28px;
	/*padding-right:3px;*/
}
div.subnav ul li.active{
	background-image:url('../img/subnav_btn_bg_act.png');
}
div.subnav ul li a{
	display:block;
	/*width:200px;*/
	height:26px;
	background-repeat:no-repeat;
	background-position:8px 4px;
	padding-left:8px;
	/*padding-right:3px;*/
	text-indent:-5000px;
}
div.spheader{
	float:left;
	margin-left:17px;
}
div.spheadertwo{
	margin-left:565px;
}

div.nieuws-archief ul{
}

div.nieuws-archief ul li{
	list-style-type:disc;
	margin-left:11px;
	height:18px;
}

div.nieuws-archief ul li a{
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#695d40;
	text-decoration:none;
	width:315px;
	height:21px;
	padding-left:5px;
	padding-top:3px;
	display:block;
}

div.nieuws-archief ul li a:hover{
	background-image:url('../img/archief_hover_bg.png');
	background-repeat:no-repeat;
	color:#0185ca;
	display:block;
}