/* ==================== Base settings ==================== */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var {
    margin: 0;
    padding: 0;
}

html, body {height:100%;} 
body {
    background:#cfdff0 url(../img/background.jpg) repeat-x top;
	font: 100.01% Arial, Helvetica, sans-serif;
	text-align:left;
}

img {border:0; display:block}
ul,li {list-style:none;}

.printOnly {display: none;}

/* ==================== @Fonts ==================== */
h2, h3, #main legend {color:#aead88; margin:0 1em 0 1em;}
h1 {
	color:#23496d; 
	font-size:1.3em; 
	padding:0.5em 0 0.1em 1em;
	margin-bottom:1.1em;
	background:url(../img/h1back.gif) repeat-x;
	}
#main h2 {font-size:1.0em; margin-left:1.4em;}
#main table p {margin:0;}
#main table th {font-weight:bold; font-size:1em; border-bottom:1px solid #CCC;}
#main p a, h3 {font-size:1em;}
em {font-size:0.9em;}
p {margin:0 1.5em 1em 1.7em;}
p, a, #main table {font-size:0.8em;}
a {color:#aead88;}
a:hover {text-decoration:none;}
.search_results a {margin-left:0.6em;}
.search_results p {margin-left:1.5em;}

/* ==================== @Forms ==================== */
.form_wrap {float:right;}
form {position:relative; z-index:9999;}
	form .zoek_veld {margin:1.5em 0.7em 0 0;}
	form#contact {margin-top:0.5em;}
		form#contact label {float:left; width:15%;}
			form#contact em {
				float:left; 
				display:block; 
				padding-left:15%; 
				clear:right;
			}
			
			form#contact #verstuur {float:left; margin:0.8em 0 0 -10em;}
			
iframe {
	margin:0 0 1.5em 1.5em; 
	width:570px; 
	height:350px; 
	overflow:hidden;
} /* Google Maps */

ins iframe {float:left; width:900px; margin-left:1em; height:90px; overflow:hidden;}

#main fieldset {margin-left:1.5em; border:0;}

.error {
	width:100%;
	float:left;
	clear:both;
	background-color:#f9faf5;
	border:1px solid #edede5;
	margin:0 0 1em 0;
}
	.error ul {float:left; padding-top:1em;}
		.error li {display:block; color:#CC0000; font-weight:bold; font-size:0.8em;}
	.extra-info {display:none;} /* honey pot spam bots... */

/* ==================== @Header ==================== */
#navigation {position:relative; width:100%; z-index:1;}
	#navigation ul {
		float:left; 
		width:100%; 
		clear:both; 
		background:url(../img/backtest.gif) repeat-y 79% 0;
	}
	
	.donker-beige {
		background-color:#cdcebd; 	
		float:right;
		width:20%;
		display:inline;
		height:2em;
	}
	
	#navigation li {float:left; text-align:center; }
		#navigation li a {
			display:block;
			background-color:#fff;
			padding:0.5em 1.7em 0.5em 1.7em;
			border-right:0.1em #CCC solid;
			text-decoration:none;
		}
		
	#navigation li a:link, 
	#navigation li a:visited, 
	#navigation li a:active {color:#aead88; background-color:#FFF;} 
	#navigation li a:hover {color:#FFF; background:#6b7a5b url(../img/tab_back.jpg) top repeat-x ;}
	#navigation li.active-tab a, 
	#navigation li.active-tab a:link, 
	#navigation li.active-tab a:visited, 
	#navigation li.active-tab a:active {color:#FFF; background:#6b7a5b url(../img/tab_back.jpg) top repeat-x ;}
	
	.foto-wrap {
		float:left;
		clear:both;
		width:100%;
		height:106px;
	}
	
	.foto-nav {float:left; width:80%; overflow:hidden;}
	.foto-nav-last {float:left; width:19%; margin-left:2px; display:inline;}
	
.home-link {
	float:left; 
	position:relative; 
	z-index:2; 
	margin-left:1.5em;  
	display:inline;
}

.header {
	color:#6a795c; 
	float:left; 
	margin-left:0.7em;
	padding-top:0.3em;
	display:inline;
}

/* ==================== @Main ==================== */
* html #wrap {height:100%;}
#wrap {
	position:relative; 
	margin:0 auto -2em auto; 
	max-width:58em; 
	min-height:100%; 
	min-width:690px; 
	line-height:1.4; 
	background:#fff;
}

#main {
	float:left; 
	width:80%; 
	clear:left; 
	display:inline;
}

	#main table {width:240px; border:0; margin:0.5em 0 1em 0;}
	#main ul,#main li {float:left; width:300px;}
	#main ul {margin:0 0 0 1.4em; display:inline; padding-bottom:1em;}
	#main span {
		float:left;
		border:1px solid #e0e0e0;
		padding:0.5em;
		margin:0.2em 1em 1em 1.3em;
		display:inline;
		clear:both;
	}

.huidige-pagina {float:left; padding:1em 0 0.3em 1.3em; width:90%;}
	.huidige-pagina a {margin-bottom:0.3em;}
	.huidige-pagina a:hover {text-decoration:none;}
.search_results {float:left; margin-left:1.1em;}

/* ==================== @Sidebar ==================== */
#sidebar {float:right; width:19.7%; padding:0 0 1em 0;}
	#sidebar ul {
		float:left;
		width:90%;
		background:url(../img/dash.gif) left top repeat-x;
		display:inline;	
	
	}
		#sidebar li {
			float:left;
			padding:3px 0 4px 0;
			background:url(../img/dash.gif) left bottom repeat-x;
			width:100%;
			display:inline;	
		}
		#sidebar li a {position:relative; display:block; padding:0.5em 0.4em 0.5em 1.1em;}
		#sidebar a:hover, #sidebar .active-link a {text-decoration:none; background:#f8f9f4;}
		#sidebar img {float:left; margin:1em 1.5em 0 1em; display:inline;}

/* ==================== @Footer ==================== */
#clearfooter {clear:both; height:2em; width:100%}
#footer {
	position:absolute;
	background-color:#000; 
	height:2em; 
	width:100%; 
	bottom:0;
	left:0;
}

	#footer p {
		float:left;
		color:#fff; 
		margin-top:0.5em; 
		font-size:0.7em; 
		width:50%; 
		display:inline;
	}
	
	.contact-about {
		float:right;
		width:20%;
		background-color:#474747;
		display:inline;
		height:2em;
	}
	
	.contact-about a {color:#FFF; margin-left:1.5em; font-size:0.7em;}
	.contact-about a:hover {text-decoration:none;}

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

.addthis_toolbox {float:left; width:740px; margin-top:10px;}