/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd
{
	margin: 0; padding: 0;
}

p { margin-bottom: 1.2em; }
h2 {}
h3 {}
h4 {}
img { border: none; }
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { padding: 1em 0; font-size: 1.2em; background: url(/img/bg.jpg); }

div.wrapper { overflow: hidden; }

/*
################
#	LAYOUT	   #
################
*/
div#container {
	width: 970px;
	margin: auto;
}

div#kolom-links {
	float: left;
	width: 496px;
	overflow: hidden;
}

div#form {
	width: 475px;
	background: url(/img/form.jpg) no-repeat;
}

h1 {
	float: left;
	width: 315px;
	height: 154px;
	text-indent: -9999px;
}

div#form h2 {
	float: left;
	width: 160px;
	height: 154px;
	text-indent: -9999px;
}

div#form h2 a { display: block; height: 154px; }

div#kolom-rechts {
	float: right;
	width: 432px;
	overflow: hidden;
}

div#win {
	margin-top: 4em;
	height: 143px;
	text-indent: -9999px;
	background: url(/img/win.jpg) no-repeat;
}

div#logos {
	float: right;
	text-align: right;
	margin-bottom: 20px;
}

div#logos a { margin-left: 14px; }

object#bert {
	float: left;
}

a#ballonvaart {
	position: absolute;
	top: 80px;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	color: #0a51a1;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a#ballonvaart:hover,
a#ballonvaart:focus {
	text-decoration: underline;
}

div#foto {
	clear: left;
	margin-left: 20px;
	padding-top: 186px;
	height: 260px;
	background: url(/img/foto.jpg) no-repeat 0 20px;
}

div#foto p {
	width: 175px;
	height: 110px;
	overflow: hidden;
	margin: 0 0 0 82px;
	font-size: 16px;
	font-weight: bold;
	color: #0a51a1;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p#melding {
	margin-top: 12px;
	padding: .4em 1em;
	text-align: center;
	color: #fff;
	border: 3px solid #fff;
	background: #0b53a5;
	
	display: none;
	
}

/*
################
#	LIJSTEN	   #
################
*/
ul#errors {
	margin-top: 12px;
	padding: .4em 1em .4em 20px;
	border: 3px solid #fa0001;
	color: #0b53a5;
	background: #fff;
	
	display: none;
	
}

/*
####################
#	FORMULIEREN	   #
####################
*/
div#kolom-links form {
	margin: 20px 0 0 20px; 
}

div#kolom-links form fieldset { border: none; }
div#kolom-links form legend { display: none; }

div#kolom-links form ol {
	list-style: none;
	margin-bottom: 8px;
}

div#kolom-links form ol li {
	margin-bottom: 3px;
}

div#kolom-links form p#vraag-vrienden {
	text-indent: -9999px;
	height: 26px;
	margin-bottom: 2px;
	background: url(/img/vraag-vrienden.gif) no-repeat;
}

div#kolom-links form input {
	width: 184px;
	padding: 4px 8px;
	font-size: .9em;
	color: #3f3f3f;
	border: 1px solid #cbcbcb;
}

div#kolom-links form input.jij { font-weight: bold; }

div#kolom-links form input.submit {
	float: left;
	width: auto;
	margin-right: 18px;
	padding: 0;
	border: none;
}

div#kolom-links form p#bedankt { padding-top: 6px; }
