@charset "UTF-8";
/* CSS Document */

.wrapper {
	margin: auto;
	clear: both;
	width: 980px;
	height:100%;
	display:block;
}

.topwrap {
	position:relative;
	left:0;
	right:0;
	top:0px;
	height:286px;
	width:100%;
	z-index:20;
}

.logowrap {
	position:relative;
	left:0px;
	right:0px;
	top:15px;
	height:200px;
	width:570px;
	float:left;
	z-index:2;
}

.kolomgeel {
	position:relative;
	width:200px;
	height:100%;
	background-color:#FFD603;
	background-image:url(../afbeeldingen/achtergrondlinks.jpg);
	background-repeat:no-repeat;
	float:left;
}

.kolomzwart {
	position:relative;
	right:0px;
	left:auto;
	top:0px;
	width:200px;
	height:100%;
	background-color:#000000;
	float:right;
	background-image:url(../afbeeldingen/achtergrondrechts.jpg);
	background-repeat:no-repeat;
}

.contentveld {
	position:relative;
	left:10px;
	top:80px;
	width:530px;
	height:100%;
	float:left;
	padding:25px 20px 10px 20px;
	z-index:5;
}

.contentveld h1{
	font-family:Arial;
	color:#000000;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
}

.hoofdmenuwrap {
	position:absolute;
	float:left;
	top:200px;
	width:100%;
	height:80px;
	z-index:15;
	left:0px;
	margin-left:auto;
	margin-right:auto;
}

.hoofdmenu-item {
	position:relative;
	float:left;
	left:auto;
	right:auto;
}

.directmenu {
	width:150px;
	height:150px;
	position:relative;
	margin:50px 25px 25px 35px;
}

.directmenu p {
	font-weight:bold;
	padding-bottom:5px;
}

.directmenu li a {
	font-family:Arial;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
}

.directmenu li a:hover {
	color:#014493;
}

.stempel {
	width:150px;
	height:121px;
	position:relative;
	margin:100px 30px 10px 20px;
}

.kaartjebanner {
	clear:both;
	width:200px;
	height:153px;
	position:absolute;
	top:600px;
}

.insiteout {
	width:150px;
	height:50px;
	position:relative;
	margin:325px 25px 0px 35px;
	float:left;
}

.insiteout span a {
	font-family:Arial;
	color:#000000;
	font-weight:bold;
	font-size:9px;
	line-height:11px;
	text-decoration:none;
}

.insiteout span a:hover {
	color:#014493;
}

.tekstalgemeen {
	font-family:Arial;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	line-height:11px;
	text-decoration:none;
}


.rechtsbovenbanner {
	width:180px;
	height:150px;
	position:relative;
	margin:25px 10px 0px 10px;
}

.banners {
	width:150px;;
	position:relative;
	left:25px;
	top:130px;	
}

/* submenu */

.navigation {
	position:absolute;
	clear:both;
	width:220px;
	top:500px;
	left:0px;
	display:block;
}

.navigation ul {
	list-style:none;
	margin:0px;
	height:auto;
	width:220px;
	padding:0px;
}
.navigation ul li {
	padding:4px 20px 4px 0px;
	float: left;
	text-align: right;
	width:200px;
	height:19px;
	position:relative;
	font: bold 14px Arial;
	color: #000000;
	text-decoration: none;
	background-image:url(../menu_img/submenu.png);
	background-repeat:no-repeat;
	
}

.navigation ul li a {
	padding-bottom:4px;
	float: left;
	text-align: right;
	width:200px;
	height:19px;
	position:relative;
	font: bold 14px Arial;
	color: #000000;
	text-decoration: none;
	
}

.navigation ul li a:hover {
	text-decoration: none;
	color:#014493;
}

.navigation ul li:hover {
	text-decoration: none;
	color:#000000;
}

.navigation ul li:hover .subnavWrapper {
	display:block;
}
.subnavWrapper {
	position:relative;
	clear:both;	
	width:220px;
	top:6px;
	left:0px;
	display:none;
	margin-bottom:2px;
	padding-bottom:0px;
}

.subnavWrapperOpen {
	position:relative;
	clear:both;	
	width:220px;
	top:6px;
	left:0px;
	margin-bottom:2px;
	padding-bottom:0px;
}

.vlakje {
	width:220px;
	height:18px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0px 3px 50px;
	background-image:url(../menu_img/subsubmenu.png);
	background-repeat:no-repeat; 
	text-align:left;
}

.vlakje:hover {
	width:220px;
	height:18px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:5px 0px 3px 50px;
	background-image:url(../menu_img/subsubmenu_on.png);
	background-repeat:no-repeat;
	text-align:left;
}

.invulveldje {
	background-color:#FFD603;
	border:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	height:20px;
	margin-bottom:10px;
	padding-top:8px;
	padding-left:10px;
}

.tekstveldje {
	font-family:Arial;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-right:10px;
}

.pulldown {
	background-color:#FFD603;
	border-bottom:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	height:16px;
	padding-top:2px;
}