/* CSS Document */

*{
	margin: 0px; 
	padding: 0px;
	border: none;
}

body{
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
}


.top_wrapper{
	background: url('../img/top_bg.gif') repeat-x;
	height: 144px;
}

.top{
	margin: 0px auto;
	width: 960px;
}

.statement{
	position: absolute;
	margin-top: 27px;
	margin-left: 20px;
}

.logo{
	position: absolute;
	margin-top: 26px;
	margin-left: 718px;
}

.menu{
	position: absolute;
	margin-top: 114px;
	padding-left: 20px;
	width: 920px;
}
	
	.menu a{
		display: block;
		float: left;
		margin-right: 20px;
		padding-left: 16px;
		color: #ffffff;
		text-decoration: none;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		background: url('../img/menu_dot.gif') no-repeat 0px 1px;
	}
	
	.menu a.right{
		float: right;
		margin-right: 20px;
	}
	
	.menu a:hover{
		text-decoration: underline;
	}




.zoeken{
	margin-top: -3px;
	float: right;
}

.input_zoeken{
	border: 1px solid #005288;
	font-size: 11px;
	width: 170px;
	padding: 2px;
	padding-bottom: 1px;
}




.main{
	width: 960px;
	margin: 0px auto;
	background: #ffffff;
}


.highlight{
	margin-top: 20px;
}


.vlakken{
	margin-left: 4px;
	margin-top: 20px;
}



.deel_links{
	float: left;
	width: 250px;
}


.deel_rechts{
	width: 685px;
	float: left;
	
	font-size: 13px;
	color: #333;
}


	.deel_rechts .regel{
		line-height: 18px;
		text-align: justify;
		margin-bottom: 30px;
	}
	
	.deel_rechts h3{
		margin-bottom: 8px;
		text-align: left;
		color: #4c99cb;
		font-size: 24px;
		font-weight: normal;
		line-height: 26px;
	}
	
	.deel_rechts .links{
		width: 330px;
		float: left;
		margin-right: 25px;
	}
	
	.deel_rechts .rechts{
		width: 330px;
		float: left;
	}
	
	
	
	
	
	




.vlakzand{
	width: 218px;
	background: url('../img/vlakzand_bg.gif') repeat-y;
	color: #8B8178;
	float: left;
	margin-left: 10px;
	margin-right: 9px;
	line-height: 16px;
}

.vlakzand_content{
	background: url('../img/vlakzand_top.gif') no-repeat;
	padding: 20px;
	padding-bottom: 6px;
}

.vlakzand_foot{
	background: url('../img/vlakzand_foot.gif') no-repeat;
	height: 14px;
}

	
	.vlak h4{
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	.vlak h6{
		color: #8B8178;
		font-weight: bold;
		font-size: 11px;
	}
	
	.vlak table{
		width: 100%;
		border-top: 1px solid #8B8178;
		margin-top: 10px;
	}
	
	.vlak td{
		padding-top: 10px;
	}
	
	.vlak img{
		margin-right: 10px;
		line-height: 18px;
	}
	
	
	.vlakzand a{
		display: block;
		float: left;
		margin-right: 20px;
		color: #8B8178;
		text-decoration: none;
	}
	
	.vlakzand a:hover{
		text-decoration: underline;
	}
	
		.vlakzand a.vervolg{
			widtj: 100%;
			display:block;
			float: none;
			padding-left: 16px;
			padding-top: 2px;
			padding-bottom: 2px;
			background: url('../img/pijl_grijs.gif') no-repeat 0px 5px;
		}
		
		.vlak a.sel{
			background: url('../img/pijl_grijs.gif') no-repeat 15px 5px #fff;
			padding-left: 31px;
			margin-left: -15px;
			margin-right: -15px;
		}





.vlakblauw{
	width: 218px;
	background: url('../img/vlakblauw_bg.gif') repeat-y;
	color: #ffffff;
	float: left;
	margin-left: 10px;
	margin-right: 9px;
}

.vlakblauw_content{
	background: url('../img/vlakblauw_top.gif') no-repeat;
	padding: 20px;
	padding-bottom: 6px;
}

.vlakblauw_foot{
	background: url('../img/vlakblauw_foot.gif') no-repeat;
	height: 14px;
}

	
	.vlakblauw a{
		display: block;
		float: left;
		margin-right: 20px;
		color: #ffffff;
		text-decoration: none;
	}
	
	.vlakblauw a:hover{
		text-decoration: underline;
	}

		.vlakblauw a.vervolg{
			display:block;
			float: none;
			padding-left: 16px;
			padding-top: 2px;
			padding-bottom: 2px;
			background: url('../img/pijl_wit.gif') no-repeat 0px 5px;
		}
		
		.vlakblauw a.sel{
			color: #6f6f6f;
		}







.column{
	width: 218px;
	float: left;
	margin-left: 10px;
	margin-right: 9px;
}

.column_right{
	width: 218px;
	float: left;
	margin-left: 10px;
	margin-right: 0px;
}

.column_right .tekst{
	padding-right: 20px;
	color: #005288;
	padding-top: 20px;
}




.nieuws{
	margin-top: 20px;
	color: #00426B;
}

.nieuws .column, .nieuws .column_right{
		line-height: 18px;
		padding-bottom: 20px;
		padding-left: 10px;
		width: 210px;
	}
	
	.nieuws h6{
		font-weight: bold;
		font-size: 14px;
	}
	
	.nieuws .info{
		font-size: 10px;
		color: #8B8178;
		margin-bottom: 6px;
	}
	
	.nieuws .column_right{
		padding-left: 5px;
	}
	
	.nieuws a{
		display:block;
		text-align: right;
		font-weight: bold;
		text-decoration: none;
		color: #00426B;
		margin-top: 6px;
	}
	
	.nieuws a:hover{
		text-decoration: underline;
	}
	



.foot{
	background: url('../img/vlakgrijs_bg.gif') repeat-y;
	color: #ffffff;	
	margin-bottom: 10px;
	margin-left: 13px;
	font-size: 11px;
}

.foot_content{
	background: url('../img/vlakgrijs_top.gif') no-repeat;
}

	.foot .column, .foot .column_right{
		padding-top: 20px;
		line-height: 18px;
		padding-bottom: 8px;
		padding-left: 10px;
		width: 210px;
	}
	
	.foot .column_right{
		padding-left: 0px;
	}
	
	.foot .column_right a{
		display: inline;
	}
	
	.foot h6{
		font-weight: bold;
		font-size: 11px;
	}
	
	.foot a{
		display: block;
		color: #ffffff;
		text-decoration: none;
	}

	.foot a:hover{
		text-decoration: underline;
	}


.foot_foot{
	height: 20px;
	background: url('../img/vlakgrijs_foot.gif') no-repeat;
}







.index_mailinglist{
	border: 1px solid #00426B;
	font-size: 11px;
	width: 204px;
	padding: 2px;
}






/* Start custom button CSS here
    ---------------------------------------- */
.btn {
	display:inline-block;
	background:none;
	margin:0;
	padding:3px 0;
	border-width:0;
	overflow:visible;
	font:100%/1.2 Arial,Sans-serif;
	text-decoration:none;
	color:#333;
}
* html button.btn {
	padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right 
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
	margin:0 -3px;
}
.btn span {
	background:#ddd url(../img/bg-button.gif) repeat-x 0 0;
	margin:0;
	padding:3px 0;
	border-left:1px solid #005288;
	border-right:1px solid #005288;
}
* html .btn span {
	padding-top:0;
}
.btn span span {
	position:relative;
	padding:3px .4em;
	border-width:0;
	border-top:1px solid #005288;
	border-bottom:1px solid #005288;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
	border-right-width:0;
}
button.pill-l span span {
	border-right:1px solid #005288;
}
button.pill-c span {
	border-right-style:none;
	border-left-color:#fff;
}
button.pill-c span span {
	border-right:1px solid #005288;
}
button.pill-r span {
	border-left-color:#fff;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor:pointer; /* important for any clickable/pressable element */
	border-color:#9cf !important;
	color:#000;
}
.btn:active span {
	background-position:0 -400px;
	outline:none;
}
.btn:focus, .btn:active {
	outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

/* use if one button should be the 'primary' button */
.primary {
	font-weight:bold;
	color:#000;
}



ul {
	list-style-type: disc;
	list-style-position:outside;
	padding-left: 15px;

}

ol {
	list-style-type: disc;
	list-style-position:outside;
	padding-left: 15px;

}


.highlight{
	height: 286px;
}

.highlight div{
	position: absolute;
}



a{
	color: #4c99cb;
}

a:hover{
	text-decoration: none;
}


.googlemaps{
	margin-top: 10px;
}




.contact_label{
	margin: 2px 0px;
	padding: 2px;
}
.contact_field{
	border: 1px solid #00426B;
	margin: 2px 0px;
	width: 300px;
	padding: 2px;
}

.contact_textarea{
	border: 1px solid #00426B;
	margin: 2px 0px;
	width: 320px;	
}

.contact_submit{
	color: #fff;
	background: #00426B;
	margin-right: 20px;
	font-size: 11px;
	padding: 4px;
}





/*
*	CLEARFIX dingen
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {
	height: 1%;
}

.clearfix {
	min-width: 1px;
}