body, html {
	margin: 0;
	padding: /*10px 0 */0;
	height: 100%;
	background-color: #92a3b7;
}

body, p, td, h1, h2, h3, h4, h5, h6, input, textarea, select, ul, li {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #4d6581;
}

body {
	font-size: 0.9em;
	line-height: 1.35em;
	color: #4d6581;
}


html {
	overflow-y: scroll;	/* Toont in Firefox altijd een scrollbar. Gecentreerde site verspringt niet steeds. CSS3 */
}

p {
	margin: 0;
}

h1 {
	font-size: 1.4em;
	color: #86ae34;
	padding: 0 0 6px;
	margin: 0;
	letter-spacing: 1px;
	clear: both;
}

h2 {
	font-size: 1.2em;
	color: #86ae34;
	font-weight: bold;
	padding: 14px 0 4px;
	margin: 0;
	letter-spacing: 1px;
	clear: both;
}

h3 {
	color: #86ae34;
	font-weight: bold;
	padding: 14px 0 0;
	margin: 0;
	clear: both;
}

a {
	text-decoration: underline;
	color: #4d6581;
}

a:hover, a:focus, a:active {
	text-decoration: none;
	color: #4d6581;
}

a:visited {
	color:#666699;
}

a img, :link img, :visited img {
	border: 0;
}

.alignLeft {
	float: left;
}

.alignRight {
	float: right;
}

#content img {
	padding: 6px;
}
img.alignLeft {
	display: block;
	margin: 0 14px 0 0;
}

img.alignRight {
	display: block;
	margin: 0 0 0 14px;
}
* html img.alignRight {
	margin-right: 4px;
}

strong, b {
	font-weight: bold;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #4d6581;
	width: 100%;
	text-align: left;
}

.offScreen {
	position: absolute;
	left: -9999px;
}

/* = = = de site = = = */

#container {
	position: relative;   /* #footer wordt t.o.v. deze div gepositioneerd */
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/bg_container.gif) #92a3b7 repeat-y 50% 0;
}

html>body #container {
   height: auto;
   min-height: 100%;
}

#top {					/* deze div omvat alles boven de footer */
   margin: 0;
   padding: 0 0 48px;   /* bottompadding minstens de totale hoogte van de footer */
}

.site {
   width: 780px;   		/* breedte van de site wordt hier bepaald */
   margin: 0 auto;
   overflow: hidden;
}

/* = = = header met eventuele menu's = = = */
#header {
	float: left;
	height: 83px; 
	padding: 0 0 83px 25px;
	clear: both;
}

	.visual1 {
		background: url(../images/visual1.jpg) #ffffff no-repeat 25px 82px;
	}
	.visual2 {
		background: url(../images/visual2.jpg) #ffffff no-repeat 25px 82px;
	}
	.visual3 {
		background: url(../images/visual3.jpg) #ffffff no-repeat 25px 82px;
	}
	.visual4 {
		background: url(../images/visual4.jpg) #ffffff no-repeat 25px 82px;
	}
	.visual5 {
		background: url(../images/visual5.jpg) #ffffff no-repeat 25px 82px;
	}


	#header div {
		padding-right: 46px;
		margin-top: 35px;
		font-size: 0.85em;
		color: #4d6581;
	}
	
		#header div a {
			color: #4d6581;
			font-weight: bold;
		}
		
	#headerBottom {
		height: 41px;
		width: 100%;
		float: left;
		clear: both;
		background: url(../images/headerBot.gif) #ffffff no-repeat 25px 0;
	}

#blok {
	float: left;
	width: 25px;
	height: 122px;
	background: url(../images/blok.gif) #ffffff no-repeat 0 0;
	position:relative;
	top: 0;
	left: 0;
	z-index: 10;
}

/* = = = body = = = */

#contentRight {
	float: right;
	width: 469px; /* 540px */
	margin-top: 6px;
	padding: 10px 46px 40px 25px;
}

	.item {
		clear: both;
	}
	
	.noH2 {
		padding-top: 14px;
	}

	#contentRight ul {
		margin: 0;
		padding: 0;
		list-style-type: disc;
	}

		#contentRight ul li {
			margin: 0 0 0 28px;
		}
	
	#contentRight ol {
		margin: 0;
		padding: 0;
		list-style-type: decimal;
	}
	
		#contentRight ol li {
			margin: 0 0 0 34px;
		}


#kolomLeft {
	float: right;
	margin-top: 0;
	width: 215px; /* 215px */
	height: 390px;
	background: url(../images/bg_kolomLeft.gif) #ffffff repeat-x 0 0;
}
#kolomLeft p {
	padding: 20px;
}


	/* = = = Formulier = = = */
	
	label{
		float: left;
		width: 120px;
		vertical-align: middle;
		margin-right: 2px;
	}
	
	input, select, textarea {
		font-size: 1em;
		width: 190px;
		border: 1px solid #4d6581;
		margin: 2px 0;
	}
	
	textarea {
	    height: 110px;
	}
	
	input.radio,
	input.checkBox {
			float: left;
			clear: both;
			width: 16px;
			vertical-align: middle;
			border: none;
		}
	
	input.button{
		width: 90px;
		cursor: pointer;
		background-color: #f5f5f5;
		padding: 1px 0;
		border: 1px solid #4d6581;
	}


/* = = = footer = = = */
#footer {
   position: absolute;   /* positioneer t.o.v. #container */
   bottom: -1px;
   width: 100%;
}

html>body #footer {
   bottom: 0;
}

#footer .site {
	height: 48px;			/* let op: indien hoogte wijzigt ook bottompadding div#top aanpassen */
}

	div#colofon {
		float: left;
		color: #516985;
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		padding: 6px 0 0 140px;
	}
		#colofon a {
			color: #516985;
			text-decoration: none;
		}
		#colofon a:hover, #colofon a:active { 
			text-decoration: underline;
		}
		
	div#footerBlok {
		width: 128px;
		height: 48px;
		float: right;
		background-color: #516985;
	}