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

/** =COLORS **
*/

h1 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 35px;
	color: #a9b079;
	}
#home-text h1 {
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-size: 35px;
	color: #a9b079;
	}
h2 {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 23px;
	color: #949d5a;
	}
#sidebar h2 {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 23px;
	color: #a89517;
	}
h3 {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 18px;
	color: #949d5a;
	}
h3 a {
	font-size: 18px;
	color: #949d5a;
	text-decoration: none;
	}
h3 a:hover {
	text-decoration: underline;
	}

body {
	margin: 0px;
	padding: 0px;
	background: #665b10 url('/image/body-bg.jpg') top left repeat-x;
	}


/** =LAYOUT **/
#container-hp {
	margin: 0px auto 0px auto;
	width: 1007px;
	overflow: auto;
	position: relative;
	}
#container {
	margin: 0px auto 0px auto;
	width: 1007px;
	overflow: auto;
	background: url('/image/content-bg-body.png') 0 248px repeat-y;
	}


/** =HEADER **/

#header {
	}

#logo {
	}

#navigation {
	}


/** =CONTENT - HOMEPAGE **/

#home-intro {
	}


/** CONTENT - DEFAULT **/
#wrapper-hp {
	width: 1007px;
	height: 459px;
	margin: 0px auto 0px auto;
	padding: 0px;
	overflow: auto;
	background: url('/image/header-home-bg.png') top left no-repeat;
	}
#wrapper {
	width: 1007px;
	margin: 0px auto 0px auto;
	padding: 0px;
	overflow: auto;
	background: url('/image/top-head-bg.png') top left no-repeat;
	}
#topNav {
		width: 869px;
		height: 40px;
		margin: 53px 0px 0px 0px;
		}
#content {
	width: 956px;
	height: 383px;
	margin: 115px auto 0px auto;
	padding: 0px;
	}
#home-image {
		width: 570px;
		height: 418px;
		background: url('/image/home-image.png') top left no-repeat;
		position: absolute;
		top: 305px;
		right: 18px;
	}
#over-ons {
	position: absolute;
	left: 275px;
	top: 340px;
	z-index: 1;
	}
	#over-ons img {
	width: 271px;
	height: 40px;
	}
	#over-ons a {
	display: block;
	width: 271px;
	height: 40px;
	}
#home-text {
	width: 370px;
	position: absolute;
	margin: 30px 0px 0px 50px;
	}
#content-hp {
	width: 1007px;
	height: 282px;
	margin: 10px auto 0px auto;
	padding: 0px;
	background: url('/image/content-home-bg.png') top left no-repeat;
	}

	#sidebar {
		width: 197px;
		margin-right: 40px;
		padding: 130px 0px 0px 0px;
		float: left;
	}
	#content-body {
		width: 650px;
		float: left;
	}

#actueel-inleiding {
	width: 650px;
	margin: 0px 0px 20px 0px;
	}

.news-line {
	margin: 12px 0px 12px 0px;
	border: 1px solid #D4D3D3
	}

#content-foot {
	width: 1007px;
	height: 26px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: url('/image/content-bg-foot.png') top left no-repeat;
	}


/** =FOOTER **/

#footer-signup {
	background: url("/image/footer-signup.png") no-repeat;
    height: 150px;
    width: 974px;
	overflow: hidden;
}
#footer-signup .left {
	margin: 13px 13px 13px 150px;
    width: 467px;
	font-size: 12px;
	float: left;
}
#footer-signup .left p {
	margin-right: 100px;
}
#footer-signup .left h2 {
	margin: 0 0 4px 0;
	color: #F3F0DD;
	font-size: 26px;
	white-space: nowrap;
}
#footer-signup .right {
	margin: 24px 20px 13px 20px;
	font-size: 12px;
	float: left;
	width: 297px;
}
#footer-signup .right p {
	clear: both;
	overflow: hidden;
	margin: 0 0 10px 0;
}
#footer-signup .right span {
	display: block;
	float: left;
	line-height: 25px;
	width: 65px;
}
#footer-signup .right input {
	width: 100px;
	height: 21px;
	width: 222px;
	background-color: #D9D3B2;
	border: 0;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 21px;
}
#footer-signup .right #inschrijf_submit {
	background: url('/image/inschrijf-button.png') no-repeat 0 0 transparent;
	width: 106px;
	height: 25px;
	text-indent: -999em;
	cursor: pointer;
	float: right;
}
#footer-signup .right #inschrijf_submit:hover {
	background-position: 0 -25px;
}
#footer-signup .right img.loading {
	float: right;
	margin: 5px 10px;
}
#footer-signup .right .thanks {
	font-weight: bold;
	text-align: right;
}

#footer {
	width: 992px;
	margin: 0px auto 0px auto;
	padding: 0px 70px 0px 0px;
	text-align: right;
	}
#footer p {
	}
#footer a {
	}


/** =CLASSES **/





.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

body {
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #000000;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	overflow: -moz-scrollbars-vertical;
	}

/* 		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; }