body {
	background-color: #0f233b;
	font-family: Arial, Helvetica, sans-serif;
}
div.wrapper {
	position: relative;
	width: 990px;
	text-align: left;
	margin: 0px auto;
}
div.container {
	height: 596px;
}
	div.column {
		width: 195px;
		height: 524px;
		display: block;
		padding: 72px 0px 0px 0px;
		float: left;
	}
	div.leftcolumn {
		background: url(../images/kraan.jpg) no-repeat top left;
		position: relative;
	}
		img.corner {
			position: absolute;
		}	
			img.lefttop {
				top: 0px;
				left: 0px;
			}
			img.leftbottom {
				bottom: 0px;
				left: 0px;
			}
			img.righttop {
				top: 0px;
				right: 0px;
			}
			img.rightbottom {
				bottom: 0px;
				right: 0px;
			}
	div.rightcolumn {
		background: url(../images/windmolen.jpg) no-repeat top left;
		position: relative;
		padding-top: 76px;
		height: 520px;
	}

div.header {
	height: 102px;
	position: relative;
}
	a.logo {
		float: left;
		margin: 7px 0px 0px 5px;
	}
	.taalselector {
	    position: absolute;
	    right: 2px;
	    top: 57px;
	    width: 108px;
	}
		.taalselector a {
			background-position: left bottom;
			cursor: pointer;
			display: block;
			float: left;
			height: 25px;
			margin-left: 4px;
			text-indent: -999em;
			width: 32px;
		}
			.taalselector #languageSwitch_nl a {
				background-image: url(../images/taalswitch_nl.gif);
			}
			.taalselector #languageSwitch_en a {
				background-image: url(../images/taalswitch_en.gif);
			}
			.taalselector #languageSwitch_de a {
				background-image: url(../images/taalswitch_de.gif);
			}
		.header .taalselector a.active,
		.header .taalselector a:hover {
			background-position: left top;
		}
/* Menu */
div.menu {
	font-size: 0.8em;
	margin: 0px 0px 0px 10px;
}
	ul.menu {
	}
		ul.menu li {
		}
			ul.menu li a {
				color: #0f233b;
				display: block;
				width: 165px;
				height: 21px;
				margin: 0px 0px 5px 0px;
				padding: 4px 0px 0px 10px;
				background: url(../images/menu_inactive.png) no-repeat top left;
				text-decoration: none;
				font-weight: bold;
				line-height: 1.2em;
			}
				ul.menu li a:hover,
				ul.menu li.hier > a {
					background: url(../images/menu_active.png) no-repeat top left;
					color: #ffffff;
				}
		ul.menu li.hier {
		}
			ul.menu li.hier a {
			}
		ul.menu li.open {
		}
			ul.menu li.open a {
			}
				ul.menu li.open li { /* examens */
					margin-left: 10px;
				}
					ul.menu li.open li a { 		
						color: #0f233b;				
						background: url(../images/menu_inactive_short.png) no-repeat top left;
						width: 155px;
					}
						ul.menu li.open li.hier a,
						ul.menu li.open li a:hover {
							background: url(../images/menu_active_short.png) no-repeat top left;
							color: #ffffff;
						}
							ul.menu li.open li.hier ul li a {
								color: #0f233b;	
								background: url(../images/menu_inactive_shortest.png) no-repeat top left;
							}
								ul.menu li.open li.hier ul li a:hover {
									background: url(../images/menu_active_shortest.png) no-repeat top left;
								}
		/*
			Als je bij het automatisch gegenereerde menu nog een submenu hebt,
			zijn de onderstaande style elementen ook te gebruiken.

			ul.submenu {
			}
				ul.submenu li {
				}
					li.open ul.submenu li a {
					}
						li.open ul.submenu li.hier,
						li.open ul.submenu li:hover {
						}
							li.open ul.submenu li a:hover {
							}
		*/

	div.block {
		width: 175px;
		background: url(../images/bg_block.png) repeat-y top left;
		margin: 0px 0px 18px 10px;
		color: #ffffff;
		font-size: 0.8em;
		line-height: 1.2em;
	}
		.block .topimage {
			margin-top: -4px;
		}
		.block .bottomimage {
			margin-bottom: -4px;
		}
		.block h3 {
			margin: -14px 0px 0.7em 0px;
			padding: 0px 0px 0px 10px;
		}
			h3.extrakop {
				margin: 2em 0px 0px 0px
			}
		.block ul {
			padding: 0px 0px 0px 10px;
			margin: 0px 0px -16px 0px;
		}
			.block li {
				margin-bottom: 0.5em;
			}
		.block p {
			padding: 1em 10px 0px 10px;
			margin-bottom: -9px;
		}
		.block a {
			color: #ffffff;
		}
			.block a:hover {
				text-decoration: none;
			}
		img.externallink {
			margin: 0px 0px 0px 6px;
		}

/* kruimelpad */
ul#kruimelpad {
	margin: 7px 0px -10px 10px;
	font-size: 0.8em;
}
	ul#kruimelpad li {
		float: left;
		margin-right: 4px;
	}
		ul#kruimelpad li a {
			color: #0f233b;
			line-height: 1.2em;
		}
			ul#kruimelpad li a:hover {
				text-decoration: none;
			}
		ul#kruimelpad li.last a {
			text-decoration: none;
		}


/* Headings */
h1 {
	margin: 0px 0px 0.7em 0px;
	padding: 0px 10px 0px 10px;
	color: #0f233b;
}
	body.home h1 {
		margin-top: 13px;
	}
h2 {
	color: #0f233b;
	font-size: 0.84em;
	padding: 0.5em 10px 0px 10px;
	margin: 0px 0px 2px 0px;
}
div.content h3 {
	color: #0f233b;
	font-size: 0.76em;
	padding: 0.5em 10px 0px 10px;
	margin: 0px 0px 2px 0px;
}
h4 {
}
h5 {
}
h6 {
}

/* Content */
div.contentcontainer {
	position: relative;
	background-color: #ffffff;
	color: #0f233b;
	float: left;
	width: 598px;
	min-height: 596px;
	margin-bottom: 10px;
}
	div.content {
		line-height: 1.2em;
		padding: 48px 0px 0px 0px;
	}
		div.intro {
			font-weight: bold;
		}
		div.content p {
			margin-bottom: 0.2em;
		}
		div.contentcontainer p {
			font-size: 0.8em;
			padding: 0px 10px 0.2em 10px;
		}

		div.content a {
			color: #0f233b;
		}
			div.content a:hover {
				text-decoration: none;
			}
		div.content ul {
			list-style: disc;
			list-style-position: inside;
			padding: 0px 0px 0px 10px;
		}
			div.content ul li {
				font-size: 0.8em;
			}
			div.content ul li p {
				font-size: 1em;
			}

				div.content ul li ul {
				}
					div.content ul li ul li {
						font-size: 100%;
					}
			body#zoeken ul,
			body#zoeken ul li {
				list-style: none;
			}
		div.content ol {
			list-style: decimal;
			list-style-position: inside;
			padding: 0px 0px 0px 10px;
		}
			div.content ol li {
				font-size: 0.8em;
			}
				div.content ol li ol {
				}
					div.content ol li ol li {
						font-size: 100%;
					}
		div.content ul.documentenlijst {
			padding: 0px;
			margin: 0px 10px 0px 10px;
		}
			div.content .documentenlijst li {
				list-style: none;
				margin: 0px 0px 3px 0px;
			}
			.documentenlijst img {
				margin: 0px 7px -2px 0px;
				width: 18px;
				height: 18px;
			}
			div.content .documentenlijst p {
				display: block;
				padding: 0px 0px 0px 25px;
				font-size: 1em;
			}
		
		table {
			border-top: 1px solid #00a895;
			border-left: 1px solid #00a895;
			border-collapse: collapse;
			border-spacing: 0px;
			margin: 0px 0px 1.2em 10px;
			font-size: 0.8em;
			width: 578px;
		}
			th {
				font-weight: bold;
				border-right: 1px solid #00a895;
				border-bottom: 1px solid #00a895;
				padding: 1px 0px 2px 5px;
			}
			td {
				border-right: 1px solid #00a895;
				border-bottom: 1px solid #00a895;
				padding: 1px 0px 2px 5px;
			}
				td.filetype {
					width: 32px;
					text-align: center;
					padding: 0px;
				}
				td.title {
					width: 300px;
				}
				td.date {
					width: 223px;
				}
				td.date p {
					font-size: 1em;
					padding: 0;
				}
				td.beschrijving {
					width: 166px;
				}
				td.code {
					width: 76px;
				}
				td.schema {
					width: 157px;
				}
				th.datum,
				td.datum {
					width: 72px;
				}
				th.tijd,
				td.tijd {
					width: 85px;
				}
				td.verlopen {
					color: #cc0000;
				}
	div.bottomcontent {
		margin-top: 12px;
	}
	div.left {
		float: left;
		width: 295px;
	}
	div.right {
		float: left;
		width: 298px;
	}
		div.piece {
			width: 285px;
			background: url(../images/bg_piece.gif) repeat-y top left;
			margin: 0px 0px 10px 10px;
			line-height: 1.2em;
		}
			.piece h2 {
				margin: -13px 0px 0px 0px;
			}
		.piece ul {
			padding: 0px 0px 0px 10px;
			font-size: 0.8em;
			margin: 0px 0px -11px 0px;
		}
			.piece a {
				color: #0f233b;
			}
				.piece a:hover {
					text-decoration: none;
				}
			
		span.buttonstyle {
			margin: 20px 0px -10px 10px;
			padding: 4px 35px 0px 35px;
			background: url(../images/button_big.gif) no-repeat top left;
			color: #ffffff;
			width: 195px;
			display: block;
			text-align: center;
			font-weight: bold;
			font-size: 0.8em;
			height: 43px;
		}
			.buttonstyle a {
				color: #ffffff;
			}
	div.bladeren {
		margin: 10px 0px 10px 10px;
	}
		div.bladeren a {
			font-size: 0.7em;
			display: block;
			float: left;
			margin: 0px 10px 0px 0px;
			padding: 0px 6px 0px 6px;
			border: 1px solid #00a794;
		}
			div.bladeren a.hier {
				color: #ffffff;
				text-decoration: none;
				background-color: #00a794;
			}
	
	div.volgende {}
	
	
/* 	Formulier	*/
/*	formulieren alleen stylen via een klasse, niet een id, dat gaat niet goed vanuit de webmagi�r */
form {
	margin: 0px 0px 1.2em 10px;
}
	form fieldset {}
		form fieldset label {
			display: block;
			font-size: 0.8em;
			font-weight: bold;
		}
			form label em {
				font-weight: normal;
				font-style: italic;
			}
		form fieldset input {
			border: 1px solid #00a895;
			width: 283px;
			margin: 0px 0px 0.2em 0px;
		}
			form.persoonsregisterformulier input {
				width: 119px;
			}
				form.persoonsregisterformulier input.date_day,
				form.persoonsregisterformulier input.date_month {
					width: 32px;
					text-align: center;
					margin-right: 2px;
				}
				form.persoonsregisterformulier input.date_year {
					text-align: center;
					width: 39px;
				}
					input.inactive {
						color: #acacac;
					}
					input.active {
						color: #000000;
					}
		form fieldset div.radiolist input {
		}
		form fieldset div.customcheckboxfield input {

		}
		form fieldset div.humanityfield input {
			width: 118px;
		}		
		form fieldset select {
		}
		form fieldset textarea {
			border: 1px solid #00a895;
			width: 283px;
		}
		div.content form p {
			padding-left: 0px;
			margin-top: 8px;
		}
			form button {
				border: none;
				text-indent: -999em;
				display: block;
			}
			form.contactformulier button {
				background: url(../images/button_verzenden_nl.gif) no-repeat top left;
				width: 105px;
				height: 25px;
				border: none;
				text-indent: -999em;
				display: block;
			}
		form.persoonsregisterformulier {
			margin-top: 1em;
		}
			.persoonsregisterformulier label {
				display: block;
				width: 135px;
				float: left;
			}
			.persoonsregisterformulier button {
				background: url(../images/button_zoek_nl.gif) no-repeat top left;
				width: 122px;
				height: 25px;
				margin-left: 135px;
			}
		form.zoekenformulier {
			float: left;
			margin-top: 57px;
			margin-left: 33px;
		}
				body#zoeken div.content form.zoekenformulier {
					/*position: relative;*/
					top: 0px;
					left: 0px;
				}
			.zoekenformulier div {
				float: left;
			}
			.zoekenformulier p {
				float: left;
			}
			.zoekenformulier label {
				display: none;
				width: 135px;
				float: left;
			}
			.zoekenformulier input {
				width: 150px;
				margin-right: 10px;
				margin-top: 2px;
			}
			.zoekenformulier button {
				background: url(../images/button_zoek_top_nl.gif) no-repeat top left;
				width: 122px;
				height: 25px;
			}
				body#zoeken div.content form.zoekenformulier button {
					background: url(../images/button_zoek_nl.gif) no-repeat top left;
				}
		form fieldset input.error {}

		.error {
		}
			.error span, .error div {
				display: block;
				font-size: 0.8em;
				color: #cc0000;
				margin: -5px 0 0 0;
			}
			.error label {}
			div.error input {
				border: 1px solid #cc0000;
				background-color: #fff2f2;
			}
			.error textarea {
				border: 1px solid #cc0000;
			}
		div.error_border {
			border: 1px solid #cc0000;
			margin: 0.8em 0 0.5em;
			padding: 0.8em;
		}
			div.error_border label {
				margin: 0 0 0.5em;
			}
	div.systemfeedback_error {
		color: #cc0000;
	}
		div.systemfeedback_error p {}


/* Footer */

div.footer-wrapper {
	color: #ffffff;
	font-size: 0.8em;
	text-align: center;
}
	div.footer {
		clear: left;
		margin: 42px 0px 18px 0px;
	}
		div.footer a {
			color: #ffffff;
			text-decoration: underline;
		}
			.footer a:hover {
				text-decoration: none;
			}
		.footer .insydelink {
			margin-left: 1em;
			color: #ffffff;
			text-decoration: none;
		}


/* overige classes */
.list-view-loading {
	background-position: bottom center;
	padding-bottom: 14px;
	margin-bottom: 5px;
}
.topimage {
	vertical-align: top;
}
.bottomimage {
	vertical-align: bottom;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
button,
.formbutton {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}

.screenreader {
	display: none;
}

.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}