@import url(/include/css/editor.php);

/* --- COLORS ------
#7d165f		Purple				Background
#ebb136		Orange				Background
#98bf0e		Green				Navigation, Headings, Footer
#b5d253		Light Green			Navigation hover
#edf4d6		Very Light Green	Sidebar
#898989		Gray				Form and download link
*/


body {
	background:#ffffff url('/image/background.gif') center top repeat-y;
	text-align:center;
	}

.container {
	width:960px;
	background:#ffffff;
	padding:0 10px;
	margin:0 auto;
	}


/* Header */

#header {
	min-height:275px; /* Also see ie6.css */
	text-align:left;
	}

#topbar, #wallpaperLink {
	background:#ffffff url('/image/bg-header.gif') center top repeat-y;
	}

#topbar,
#topbar .container {
	height:106px;
	}

#logo {
	float:left;
	width:230px;
	}
#payoff {
	float:left;
	width:490px;
	height:106px;
	text-indent:-999em;
	background:url('/image/payoff.gif') center left no-repeat;
	}
#search {
	float:right;
	margin-top:34px;
	height:56px;
	width:229px; /*ie6 en ie7.css */
	padding:16px 0 0 10px;
	border-left:1px solid #98bf0e;
	}
#search input {
	width:165px;
	}
#search .btn { /* Also see ie6.css and ie7.css */
	width:60px;
	text-align:left;
	color:#98bf0e;
	background:#ffffff url('/image/search-arrow.gif') right center no-repeat;
	border:0;
	}

#navigation {
	background:#98bf0e;
	height:35px;
	text-align:center;
	}
#navigation .container {
	padding:0;
	background:none;
	width:980px;
	position:relative;
	}


/* Wallpapers */

#wallpapers {
	background:url('/image/bg-header.gif') center top repeat-y;
	}
#wallpaperLink,
#wallpaperLink p {
	height:46px;
	text-align:right;
	}
	#wallpaperLink p{
		padding-top:14px;
	}
	body#m13 #wallpaperLink, body#m13 #wallpaperLink p { height:0;padding-top:0; }

#wallpaperLink a {
	color:#898989;
	margin-right:8px;
	}

#wallpaperScroller {
	height:92px;
	}
	body#m13 #wallpaperScroller {
		height:127px;padding-top:14px;
	}
#home #wallpaperScroller {
	height:180px;
	}

.wpImage {
	display:block;
	float:left;
	}


/* Content */

#container {
	text-align:left;
	overflow:auto;
	background:#ffffff url('/image/bg-content.gif') 730px 0px repeat-y;
	}
#home #container {
	background-image:none;
	}

#content {
	/*min-height:600px; /* Also see ie6.css */
	padding:0px 10px 10px 10px;
	width:700px;
	float:left;
	}
#home #content {
	width:460px;
	}

/* Content - Terrein */
#terreinimg {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.popupcontent {
	width:330px;
}

/* Content - Related */

#relatedLinks {
	margin-top:30px;
	border-top:1px solid #98bf0e;
	border-bottom:1px solid #98bf0e;
	padding:10px;
	}
#relatedLinks a {
	color:#98bf0e;
	}

/* Content - Subnav */

#subnavigation {
	margin-top:27px;
	}

/* Content - Map */

#mapHolder {
	height:420px;
	margin-top:16px;
	}

#mapHolder #map {
	width:420px;
	height:420px;
	float:left;
	clear: left;
	background:#cccccc;
	}

#mapHolder #maplinks {
	width:259px;
	width:270px;
	/* margin-left:21px; */
	margin-left:10px;
	float:left;
	/*
	border-top:1px solid #98bf0e;
	border-bottom:1px solid #98bf0e;
	*/
	background: url('/image/bg-maplinks-border.gif') no-repeat 0px top;
	}
#mapHolder #maplinks .borderbtm {
	height:418px;
	overflow: auto;
	background: url('/image/bg-maplinks-border.gif') no-repeat 0px bottom;
	}

#mapHolder #maplinks h2 {
	padding-left:11px;
	padding-bottom:20px;
	margin-bottom:0;
	line-height:1.4;
	background: url('/image/bg-maplinks-border.gif') no-repeat 0px bottom;
	border: 0;
	}

#mapHolder #maplist li div {
	/* cursor: pointer; */
	height: 23px;
	line-height: 23px;
	padding-left: 11px;
	background: url('/image/bg-maplinks.gif') no-repeat 0px 22px;
	cursor: hand;
	cursor: pointer;
	}
#mapHolder #maplist li div.over {
		background-position: 0px -1px;
		font-weight: bold;
		color: #ffffff;
	}
#mapHolder #maplist a,
#mapHolder #maplist a:hover {
	display: none;
	float:right;
	width:18px;
	height:18px;
	background: url('/image/arrow-maplink.gif') no-repeat;
	margin-top:-21px;
	border-right:3px solid #98bf0e;
	text-decoration: none;
	}
#mapHolder #maplist li div.over a {
	display:block;
	}

/* Extra - Home Blocks */

#extra .homeBlock {
	width:220px;
	float:left;
	}
.homeBlock h3 {
	line-height:1.2;
	font-size:14px;
	font-weight:normal;
	margin-bottom:5px;
	}

#spotlight {
	margin-right:10px;
	}
#spotlight p.img {
	margin-bottom:5px;
	}

#nature {
	margin-left:10px;
	}
#sidebar #nature {
	margin-left:0;
	}

#nature img {
	float:right;
	}


/* Sidebar */

#sidebar {
	width:240px;
	float:right;
	}
#home #sidebar {
	width:480px;
	position: relative;
	}

.sideBlock {
	width:220px;
	padding:0 10px;
	float:left;
	}

#sidebar .line, #content .line {
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px solid #98bf0e;
	}

#sidebar h3 a,
.date {
	line-height:1;
	font-size:14px;
	font-weight:normal;
	}


/* Sidebar - Calendar */

#home #sidebar #calendar {
	min-height:300px;
	background:#edf4d6;
	padding-bottom:102px;
	}

#calendar .title {
	min-height:1em;
	}

#calendar .link {
	padding-left:14px;
	width:156px;
	display:block;
	margin:0;
	float:left;
	background:url('/image/arrow.gif') 0px 5px no-repeat;
	}
#calendar .link a {
	color:#98bf0e;
	}
#calendar .text {
	margin-left:65px;
	}
#calendar .date {
	display:block;
	width:50px;
	float:left;
	}


/* Sidebar - News */

#home #sidebar #news {
	padding-bottom: 50px;
	}

#news #openitem h3, #m11 .openitem h3, #m12 .openitem h3 {
	margin-bottom:12px;
	}
#news #openitem img, #m11 .openitem img, #m12 .openitem img {
	float:right;
	margin-left:5px;
	}
#news #openitem .readmore, #m11 .openitem .readmore, #m12 .openitem .readmore {
	padding-bottom:4px;
	}

#news h3 a, #m11 h3 a, #m12 h3 a {
	line-height:1.3;
	}
#news #openitem h3 a, #m11 .openitem h3 a, #m12 .openitem h3 a {
	line-height:1;
	}

/* Sidebar - Banners */

#banners {
	padding:10px 0;
	clear:both;
	}
	#banners.home {
		display: none;
	}

#banner-kinderhoek {
	border-top:10px solid #ffffff;
	border-bottom:10px solid #ffffff;
	}
#home #banner-kinderhoek {
	border:0;
	}
#banner-terramaris img {
	margin-left:10px;
}
#sidebar .banner {
	margin:10px 0px;
	}
#home .banner {
	width:240px;
	float:left;
	margin: 0px;
	}
#banner-sponsors a {
	float:left;
	border:1px solid #98BF0E;
	margin-left:10px;
	}

#home #sidebar #banner-sponsors {
	position: absolute;
	bottom: 92px;
	bottom: 0px;
	right: 0px;
	}
#home #sidebar #banner-sponsors a {
	margin-left: 0px;
	}
#home #sidebar #banner-sponsors #pclot-home {
	margin-right: 10px;
	padding: 0px 5px 0px 4px;
	}


/* Footer */

#footer {
	background:#98bf0e;
	height:35px;
	line-height:35px;
	overflow:hidden;
	}
#footer, #footer p, #footer a {
	color:#000000;
	text-align:left;
	}
#footer p {
	width:940px;
	line-height:37px;
	margin-left:auto;
	margin-right:auto;
	}

#footerlandschappen {
	height:64px;
	width:960px;
	background-image:url(/image/bg-footer.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#footerlandschappen #tekst {
	float:right;
	height:28px;
	padding-top:30px;
	width:auto;
}
#footerlandschappen #link {
	display:block;
	width:160px;
	height:64px;
	background:none;
	float:right;
	bottom:0;
	border:0;
}

/* Basic styles */

.lnk {
	padding-left:14px;
	background:url('/image/arrow.gif') 0px 3px no-repeat;
	}
.lnkBack {
	padding-left:14px;
	background:url('/image/arrow_back.gif') 0px 3px no-repeat;
}
.readmore {
	padding-top:6px;
	}
.readmore a {
	color:#98bf0e;
	}

img.standalone {
	display:block;
	}


/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }

.clear {
	clear:both;
	height:1px;
	border:0px none #FFF;
	line-height:1px;
}

HR { color:#98BF0E; border:1px none #FFF; background-color:#98BF0E; width:100%; height:1px; }

a.image {
	float:left;
	margin-bottom:5px;
	margin-right:5px;
}
.bijschrift {
	font-size:80%;
}

#overlay {
	display: none;
	background: url(/image/overlay_publieksdag.jpg) no-repeat top left;
	width: 500px;
	height: 529px;
}
	#overlay h2 {
		display: none;
	}
	#overlay p.close a {
		float: right;
		width: 35px;
		height: 35px;
		text-indent: -999em;
	}
	#overlay p.moreinfo a {
		clear:both;
		float:left;
		height:399px;
		margin-top:95px;
		text-indent:-999em;
		width:500px;
	}

div#reactie-form {
	width: 100%;
	}

div#reactie-form p {
	margin: 5px 5px 5px 0px;
	}

div#reactie-form table {
	width: 100%;
	margin-left: 5px;
	}

div#reactie-form table td {
	vertical-align: top;
	}
div#reactie-form input {
	margin-bottom: 10px;
	}
	
	
#bannerbar {
	overflow: auto;
	zoom: 0;
	margin-top: 10px;
}
	#bannerbar a {
		float: right;
		margin-right: 10px;
	}
	#bannerbar a.last {
		margin-right: 0px;
	}