/*
kleurenschema:
#6666CC paars uit de folder (content)
#5B5BC8 paars iets donkerder (feature)
#7676D1 paars iets lichter (rond img van feature)
#FFDC66 geel (titels in content + feature)
#9999FF lichtpaars (sidebar)
#990099 paars (titels in de boxen)
*/

html,body { height:100%; }
body {
	margin:0; padding:0; border:0;
	font-family:Verdana, sans-serif;
	font-size:small;
	}
#wrap {
	position: relative;
	min-width:760px;
	min-height:100%;	/* non IE */
	background:#6666CC url("sidebar-bg.gif") 70% 0 repeat-y;
}
* html #wrap {			/* for IE */
	height:100%;
}
#header {
	border-top: 10px solid #707;
	border-bottom: 10px solid #707;
	}
#header .gutter {
	position:relative;	/* anders wordt de achtergrondafbeelding niet goed getoond in IE */
	background:#2E2E6B url(DSCN6008s.jpg) repeat-x top left;
}
#header h1 {
	margin:0;
	padding:0;
	width:160px;
	height:120px;
	background:url("logo-medium.gif") top left no-repeat;
	}
#header h1 span {
	display:none;
}
#topmenu {
	float:right;
	margin:20px 10px 0 0;
	color:#fff;
	clear:both;
}
#message {
	margin:0;
	padding:10px;
	border-bottom: 5px solid #5B5BC8;
	font-size:90%;
	text-align:center;
	/*background:#404530 url(img/message-bg.gif) repeat-x top left;*/
	background:#808; color:#FFDC66;
	background:#fc0; color:#000;
	background:#2E2E6B; color:#fff;
	}
#message strong {
	padding: 0 0 0 28px;
	/*background: url(img/pretzel.gif) no-repeat 0 50%;*/
	}
#message a:link,
#message a:visited { color:#99f; text-decoration:none;}
#message a:hover,
#message a:active { color:#c6c; text-decoration:underline;}

/* =content
***********************/
#content {
	float:left;
	width:70%;
	font-size:95%;
	line-height:1.5em;
	color:#fff;
	background:transparent;
	}
#content .gutter {
	padding:25px;
	padding-bottom:3.35em;		/* ruimte voor de footer */
	/*background:url(content-bg.gif) repeat-x top left;*/
	background-color: #6666CC;
	}
#content h2 {
	margin:0 0 1em 0;
	padding:0;
	font-family:Georgia, serif;
	font-size:150%;
	font-weight:normal;
	color:#FFDC66;
	}
#content img.illustration {
	float:right;
	margin:1em;
	padding:4px;
	background:#99f;
}
#content a:link,
#content a:visited { border-bottom:1px dotted #ccf; color:#ccf; text-decoration:none;}
#content a:hover,
#content a:active { border-bottom:1px solid #fd6; color:#FFDC66; text-decoration:none;}

/* =features
**************************/
ul.features {
	margin:0; padding:0;
	list-style:none;
}
ul.features li {
	margin: 10px 0;
	padding:15px;
	background: #5B5BC8 url("feature-bg.gif") no-repeat bottom right;
}
ul.features li.alt {
	margin: 10px 0;
	padding:15px;
	background: #5B5BC8 url("feature-bg.gif") no-repeat bottom left;
}
ul.features li img {
	float:left;
	padding:4px;
	margin:0 15px 0 0;
	background:#99f;
}
ul.features li.alt img {
	float:right;
	margin:0 0 0 15px;
}
ul.features li h3 {
	margin:0 0 .5em 0;
	padding:0;
	font-family: Georgia,serif;
	font-size:130%;
	color:#FFDC66;
}

/* =sidebar
****************************/
#sidebar {
	float:right;
	width:30%;
	background-color:#9999FF;
	overflow:hidden;
	}
#sidebar .gutter {
	padding: 15px;
	padding-bottom:3.35em;		/* ruimte voor de footer */
	/*background:#fff url(content-bg.gif) repeat-x top left;*/
	}
.box {
	margin:0 0 10px 0;
	padding:0 0 1px 0;
	font-size:85%;
	line-height:1.5em;
	color:#666;
	/*background:#ffc url(img/box-b.gif) no-repeat bottom right;*/
	}
.box h3 {
	margin:0;
	padding:6px;
	font-family:Georgia,serif;
	font-size:140%;
	font-weight:bold;
	color:#909;
	/*background: url(box-t.gif) no-repeat top left;*/
	}
.box h4 {
	margin:0 0 0 0;
	padding:0 12px;
	color:#909;
	font-size:1em;
}
.box p, .box ul {
	margin:0;
	padding:0 12px;
	color:#2E2E6B;
	color:#000;
	}
.box p {
	margin-bottom:.75em;
}
.box ul li {
	/*margin:0 0 0 12px;*/
	padding: 0 0 0 18px;
	list-style:none;
	background:url("li-bullet.gif") no-repeat 0 0.5em;
	}
#sidebar a:link,
#sidebar a:visited { border-bottom:1px dotted #66c; color:#707; color:#2E2E6B; text-decoration:none; font-style:italic;}
#sidebar a:hover,
#sidebar a:active {  border-bottom:1px solid #fd6; color:#fd6; text-decoration:none;}

/* =footer
*************************/
#footer {
	display:block;
	position: absolute;
	bottom: 0; /* de footer wordt uitgelijnd met de onderkant */
	width:100%;
	margin:0; padding:0;
	border-top: .5em solid #5B5BC8;
	text-align:center;
	/*background:#828377 url(footer-bg.gif) repeat-x top left;*/
	background:#2E2E6B;
	}
#footer p {
	margin:0;
	padding:1em;
	font-size:85%;
	/*color:#333;*/
	color:#fff;
	}

/* =formulier
***********************/
form {
	margin:0;
	padding:1em 0;
	/*border:1px solid #5B5BC8;
	background:#7676D1;*/
}
form ul {
	margin:0;
	padding:0;
	list-style:none;
}
form li {
	margin:.5em 0;
	padding:0;
}
form label { display:block; margin:0 0 .1em 0;}
form input { font-size:130%;}
form input[type='text'], form textarea { border:2px solid #909;}
form input.required {background-color:#fff;}
form p.required {font-size:100%;}
span.required { color:#FFDC66; font-weight:900; font-size:110%;}
form fieldset { margin:0; padding:0; border:0; }
form fieldset label { display:inline; }
form textarea  { width:80%; height:16em;}

/* =map
*****************************/

#map {
	margin:1em 0 2em;
	padding:0;
	width:100%;
	height: 400px;
	color:#000;
}
/*
#map div.info { margin:0; padding:10px; }
#map div.info h4 {margin: 0; padding:0; font-size:100%; font-weight:bold; }
#map div.info h4 em {
	font-family: "Arial black", Arial, Helvetica, sans-serif;
	font-size:120%;
	font-style:normal;
	font-weight:normal;
	color:#909;
}
#map div.info p { margin:0; padding:0; }
#map div.info img {float:left;}
*/

div.spacer { clear: both; height: 0.1px; width:1px; font-size: 0.1em; line-height: 0; }
/* CSS hacks for IE */

* html ul.features li {padding-bottom:0;}
* html ul.features li.alt {padding-bottom:0;}

/* Hide from IE5/Mac \*/
* html #footer { height:1%; }
/* End hide from IE5/Mac */

/*ul.features li { display:inline-block; }*/
/* Hide from IE/Mac \*/
* html ul.features li { height:1%; }
ul.features li { display:block; }
/* End hide from IE/Mac */