* { margin: 0; padding: 0; }

html { background: #957d5d url("html.png") repeat-x; font-family: arial, helvetica, sans-serif; font-size: 62.5%; }

#body { width: 960px; position: absolute; left: 50%; margin-left: -480px; background: url("body.png") no-repeat; }

#top { height: 150px; }
#top h1 { width: 364px; height: 150px; text-indent: -1000em; background: url(logo.jpg) no-repeat; }

#content { height: 845px; }

.column { width: 480px; float: left; }
.column h2 { font-size: 3em; margin-bottom: 12px; font-weight: normal; }
.column p { font-size: 1.2em; color: #000; line-height: 1.4em; margin-bottom: 1em; }
.column dl { font-size: 1.2em; }
.column dt { width: 100px; float: left; }
.column a { color: #000; }

.item { background: url("item.png") repeat-x; padding: 15px 50px 15px 20px; }
.right .item { padding: 15px 20px 15px 50px; }

.item img {
	border: 6px solid white;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.item a.aanmelden { display: block; width: 360px; height: 45px; text-indent: -1000em; outline: none; background: url("aanmelden.png") no-repeat; margin: 25px; }

img.center { margin: auto; margin-bottom: 1em; }
img.right { float: right; margin-left: 1em; }
img.left { float: left; margin-right: 1em; }

#footer {  }
#footer .column { padding: 30px 20px; width: 440px; }
#footer h3 { color: #fff; font-size: 1.2em; margin-bottom: 1em; }
#footer p { text-align: right; color: #fff; }
#footer dl { color: #fff; }
#footer a { color: #fff; }

img.dwarsfluit { position: absolute; left: 445px; top: 50px; }

/* Popup: */
#box { position: absolute; background: url(trans.png); width: 100%; display: none; }
#popup { width: 750px; height: 510px; padding: 15px; background: #fff; position: absolute; left: 50%; margin-left: -390px;
	-moz-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.8);
}
#popup a.close { position: absolute; display: block; top: 15px; right: 15px; width: 35px; height: 35px; background: url("close.png") no-repeat; text-indent: -1000em; outline: none; }
#popup h1 { margin-bottom: 20px; }
#popup .column { width: 375px; float: left; }
#popup label { display: block; font-size: 1.2em; margin-bottom: 2px; }
#popup input[type=text] { width: 316px; height: 21px; padding: 5px; border: none; background: url(inputRegular.png) no-repeat; margin-bottom: 5px; }
#popup input[type=checkbox], #popup input[type=radio] { margin-left: 20px; }
textarea { font-family: sans-serif; padding: 10px; border: none; width: 306px; height: 121px; background: url(textarea.png) no-repeat; font-size: 1.2em; margin-bottom: 5px; }
div.voorkennis { margin-left: 20px; display: none; }
div.voorkennis textarea { width: 286px; height: 51px; background-image: url(textarea_small.png); }
#popup input[type=image] { float: right; }
#popup p { margin-bottom: 5px; }
#popup form span { font-weight: bold; color: #000; }
#popup p.bottom { float: left; }
#popup input.error, #popup p.error { outline: 1px solid #800; }