body {
	width: 100%;
	height: auto;
	margin: 0px;
	background-color: #efefef;
}


div, span {
	behavior: url(/iepngfix.htc)
}

#nav{
	width: 500px;
	height: 24px;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 148px;
}

a.navready{
	width: 130px;
	height: auto;
	position: relative;
	float: left;
	padding: 5px 8px;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	font-weight: bold;
	color: #bf4a04;
	text-decoration: none;
}

a.nav{
	width: 80px;
	height: auto;
	position: relative;
	float: left;
	padding: 5px 8px 7px;
	font-weight: bold;
	color: #0d699c;
	text-decoration: none;
	border-right: 1px solid #dbdbdb;
}

a.navwerkgever{
	width: 80px;
	height: auto;
	position: relative;
	float: left;
	padding: 5px 8px 7px;
	font-weight: bold;
	color: #9a9b9b;
	text-decoration: none;
}

a{
	color: #bf4a04;
	text-decoration: none;
}

a:hover{
	color: #0d699c;
	text-decoration: none;
}

table{
	background-color: #fff;
	font: 11px/18px Arial, Verdana, Helvetica;
	color: #5a5a5a;
	vertical-align: top;
	z-index: 0;
}

#main{
	float: left;
	position: relative;
	width: 800px;
	height: auto;
	background-color: #fff;
}

h2{
	font: bold 14px Arial, Verdana, Helvetica;
	margin-bottom: 10px;
	margin-top: 0;
}

a.faq{
	text-decoration: none;
	color: #676767;
	padding: 0 10px;
	float: left;
	position: relative;
	margin-top: 5px;
}

a.column{
	text-decoration: none;
	color: #9fc963;

	float: left;
	position: relative;
	font-weight: bold;
	font-size: 12px;
}

.faqdiv{
	width: 1px;
	height: 20px;
	float: left;
	position: relative;
	background: url(/images/faqdiv.gif) no-repeat;
}

a.nieuws{
	text-decoration: none;
	padding-left: 15px;
	background: url(/images/pijl_nieuws.gif) no-repeat 0 center;
	color: #676767;
}

a.nieuws:hover{
	text-decoration: none;
	padding-left: 15px;
	background: url(/images/pijl_nieuws.gif) no-repeat 0 center;
	color: #f48c1c;
}


#header{
	width: 800px;
	height: 178px;
	position: relative;
	z-index: 900;
	background: url(/images/header.jpg) no-repeat;
}

#homephoto{
	width: 551px;
	height: 233px;
	position: relative;
	margin-top: 20px;
	left: 20px;
	z-index: 0;
}

#hoek{
	width: 352px;
	height: 333px;
	position: absolute;
	left: 448px;
	top: 85px;
	background-image: url(/images/hoek.png);
	z-index: 1000;
}

#tijdkader{
	width: 275px;
	height: 293px;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 1px;
	background: url(/images/bg_bereken.gif) no-repeat;
	display: inline;
}

#hoehetwerktkader{
	width: 275px;
	height: 293px;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 1px;
	background: url(/images/bg_hoewerkthet.gif) no-repeat;
	display: inline;
}

#nieuwskader{
	width: 570px;
	height: auto;
	position: relative;
	float: left;
	padding-top: 20px;
	margin-left: 20px;
	margin-top: 20px;
	display: inline;
	border-top: 1px solid #cfcfcf;
}

#rightcolumn{
	width: 209px;
	height: auto;
	position: relative;
	float: right;
	border-left: 1px solid #cfcfcf;
}

.columnbox{
	width: 209px;
	height: auto;
	float: left;
	position: relative;
	border-bottom: 1px solid #cfcfcf;
	padding-top: 10px;
}

.columnbox2{
	width: 209px;
	height: auto;
	float: left;
	position: relative;
	margin-top: 250px;
	padding-top: 10px;
}

.boxpic{
	width: 40px;
	height: auto;
	position: relative;
	float: left;
	margin-right: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	display: inline;
}

.boxpic img{
	float: left;
	position: relativbe;
}

#boxtext{
	width: 140px;
	height: auto;
	position: relative;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 9px;
}

#footer{
	width: 760px;
	height: 20px;
	margin-bottom: 40px;
	margin-left: 20px;
	position: relative;
	float: left;
	border-top: 1px solid #cfcfcf;
	display: inline;
}

.textbox_bereken{
	width: 255px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 16px;
	margin-top: 60px;
	color: #fff;
	display: inline;
	font-size: 12px;
}

.textbox_resultaat{
	width: 255px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 16px;
	margin-top: 40px;
	color: #fff;
	display: inline;
	font-size: 14px;
}

.textbox_resultaat span{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}


.textbox_doedetest{
	width: 255px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 16px;
	margin-top: 80px;
	color: #fff;
	display:inline;
}

#textbox_hoehetwerkt{
	width: 255px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 12px;
	margin-top: 62px;
	color: #fff;
	display: inline;
}

#textbox_jekunt{
	width: 255px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 12px;
	margin-top: 9px;
	color: #fff;
	display: inline;
}

#textbox_meldjeaan{
	width: 255px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 12px;
	margin-top: 18px;
	color: #fff;
	display: inline;
}

input.bereken{
	width: 50px;
	height: auto;
	background-color: #61a5ca;
	color: #fff;
	border-style: none;
}

input.bereken2{
	width: 25px;
	height: auto;
	background-color: #61a5ca;
	color: #fff;
	border-style: none;
}

#textbox_hoehetwerkt ol, #textbox_jekunt ol, li{
	margin: 0;
	list-style-position: outside;
	padding: 00px 00px 00px 16px;
	color: #fff;
}

#maincontent{
	width: 550px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	display: inline;
}

#greenbox{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	background: #9fc963 url(/images/bg_greenbar.gif) repeat-x;
	display: block;
	font-size: 11px;
}

.vraag{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.vragenbox{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	background: #9fc963 url(/images/bg_greenbar_test.gif) repeat-x;
	display: block;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	top: 3px;
}

.greenheader{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px dotted #fff;
	padding-top: 2px;
	padding-bottom: 2px;
}

.greenrow{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px dotted #fff;
	padding-top: 2px;
	padding-bottom: 3px;
}

#bluebox{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	background: #67a9cb url(/images/bg_bluebar.gif) repeat-x;
	font-size: 11px;
}

.blueheader{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px dotted #fff;
	padding-top: 2px;
	padding-bottom: 2px;
}

.bluerow{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px dotted #fff;
	padding-top: 2px;
	padding-bottom: 3px;
}

#orangebox{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	background: #e78949 url(/images/bg_orangebar.gif) repeat-x;
	font-size: 11px;
}

#orangebox a{
	color: #fff;
}

.orangeheader{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px dotted #fff;
	padding-top: 2px;
	padding-bottom: 2px;
}

.orangerow{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	border-bottom: 1px dotted #fff;
	padding-top: 2px;
	padding-bottom: 3px;
}

.matchleftrow{
	width: 150px;
	height: auto;
	color: #fff;
	position: relative;
	float: left;
	margin-left: 10px;
}

.matchWideRow {
	width: 350px;
	height: auto;
	color: #fff;
	position: relative;
	float: left;
	margin-left: 10px;
	
}

.matchrightrow{
	width: 100px;
	height: auto;
	color: #fff;
	position: relative;
	float: right;
	margin-left: 10px;
	text-align: center;
}

.matchrightlogorow{
	width: 100px;
	height: auto;
	color: #fff;
	position: relative;
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	text-align: center;
}



.matchrightbigrow{
	width: 210px;
	height: auto;
	color: #fff;
	position: relative;
	float: right;
	margin-left: 10px;
	text-align: left;
}

.testvraag{
	width: 530px;
	height: auto;
	color: #000;
	font: bold 12px Verdana, Arial, Helvetica;
	position: relative;
	float: left;
	margin-left: 10px;
}


.testantwoord{
	width: 530px;
	height: auto;
	color: #fff;
	font: 10px Verdana, Arial, Helvetica;
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

#searchbox{
	width: 550px;
	height: auto;
	position: relative;
	float: left;
	background-image: url(/images/zoekbox_bg.gif);
	margin-top: 20px;
	margin-bottom: 20px;
}

#search_top{
	width: 550px;
	height: 4px;
	position: relative;
	float: left;
	background-image: url(/images/zoekbox_top.gif);
}

#search_bottom{
	width: 550px;
	height: 4px;
	position: relative;
	float: left;
	background-image: url(/images/zoekbox_bottom.gif);
}

#searchtext{
	width: 350px;
	height: auto;
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	border-right: 1px solid #e2e2e2;
}

#searchform{
	width: 160px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.searchinput{
	width: 143px;
	height: 18px;
	font: 10px Verdana, Arial, Helvetica;
	margin-bottom: 3px;
}

#actiester{
	width: 83px;
	height: 86px;
	position: absolute;
	left: 510px;
	top: 410px;
	background: url(/images/actiester.png) no-repeat;
	z-index: 20;
}

#klok{
	width: 80px;
	height: 80px;
	position: absolute;
	left: -50px;
	top: 1px;
	background: url(/images/klok.png) no-repeat;
	z-index: 20;
}

#loginbox{
	width:200px;
	height: 60px;
	position: absolute !important; 
	top: 200px;
	left: 585px;
	color: #fff;
	z-index: 1050 !important;
	display: inline;
}

input#username{
	width: 200px;
	height: 19px;
	float: left;
	border-style: none;
	background-color: #fff;
	margin-bottom: 5px;
	font-size: 10px;
	color: #2884B7;
}

input#password{
	width: 150px;
	height: 19px;
	float: left;
	border-style: none;
	background-color: #fff;
	margin-bottom: 5px;
	color: #2884B7;
	font-size: 10px;
}

.formtext{
	width: 175px;
	height: 20px;
	position: relative;
	float: left;
	margin-bottom: 5px;
}

.formtext_high{
	width: 175px;
	height: 80px;
	position: relative;
	float: left;
	margin-bottom: 5px;
}

.forminput{
	width: 305px;
	height: 20px;
	position: relative;
	float: left;
	margin-bottom: 5px;
}

.forminput_high{
	width: 305px;
	height: 120px;
	position: relative;
	float: left;
	margin-bottom: 5px;
}

.forminput_rel{
	width: 355px;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 5px;
}

input.aanmelden{
	width: 305px;
	height: 18px;
	border: 1px solid silver;
	font-size: 10px;
}



select.aanmelden{
	width: 305px;
	height: 18px;
	border: 1px solid silver;
	font-size: 10px;
}

input.test{
	width: 50px;
	height: 18px;
	border: 0px solid #000;
	font-size: 10px;
}

textarea.aanmelden{
	width: 305px;
	height: 120px;
	border: 1px solid silver;
	font: 10px Verdana, Arial, Helvetica;
}

.small{
	text-decoration: none;
	color: #fff;
	font-size: 9px;
}

.formcolumn{
	width: 155px;
	height: auto;
	margin-right: 10px;
	float: left;
	position: relative;
	font-size: 9px;
	
}

.radio{
	font-size: 10px;
	border: 1px solid silver;
}

#partners{
	width: 550px;
	height: auto;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid silver;
	border-bottom-color: 1px solid silver;
	margin-top: 20px;
	display: inline;
}

/*
#partners a{
	margin-right: 10px;
}
*/
a.partner{
	width: 137px;
	height: 39px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 top;
}

a.partner:hover{
	width: 137px;
	height: 39px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

a.partner2{
	width: 66px;
	height: 65px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 top;
}

a.partner2:hover{
	width: 66px;
	height: 65px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

.info{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	color: #fff;
	padding-bottom: 20px;
}

.infouitgelicht{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding-bottom: 20px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

.infotext{
	width: 300px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

.infoactions{
	width: 200px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

.infoactions a{
	color: #000;
}

.infoactions a:hover{
	color: #fff;
}

a.infolink{
	color: #fff;
	text-decoration: underline;
}

#formbox_blue{
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #2884B7;
	float: left;
	position: relative;
	margin-bottom: 10px;
	margin-top: 10px;
}

#formbox_green{
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #8dc73e;
	float: left;
	position: relative;
	margin-bottom: 10px;
	margin-top: 10px;
}

.formbox_text{
	width: 530px;
	height: auto;
	margin-left: 10px;
	position: relative;
	float: left;
	color: #fff;
}

.formbox_textbox{
	width: 165px;
	height: 20px;
	position: relative;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #fff;
}

.formbox_inputbox{
	width: 305px;
	height: 20px;
	position: relative;
	float: left;
	margin-bottom: 5px;
}

.formbox_textboxhigh{
	width: 165px;
	height: 120px;
	position: relative;
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #fff;
}

.formbox_inputboxhigh{
	width: 305px;
	height: 120px;
	position: relative;
	float: left;
	margin-bottom: 5px;
}


.divider{
	width: 100%;
	height: 1px;
	position: relative;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px dotted #fff;
}

.selectedfunction{
	width: 530px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
	position: relative;
	float: left;
	background-color: #6da126;
	color: #fff;
	margin-top: 5px;
	text-align: left;
}

#flashbox{
	width: 230px;
	height: 130px;
	position: absolute;
	left: 570px;
	top: 270px;
	z-index: 1001;
}

p.textbox{
	width: 530px;
	height: auto;
	float: left;
}

#flashhead{
	width: 310px;
	height: 54px;
	position: absolute;
	left: 0px;
	top: 97px;
	z-index: 800;
	background-color: #6da126;	
}

#enquete{
	width: 110px;
	height: 28px;
	background: url(/images/enqueteknop.gif) no-repeat;
	position: absolute;
	z-index: 1000;
	left: -80;
	top: -280px;
}

#partnercontent{
	width: 620px;
	float: left;
	padding: 20px;
	margin-left: 20px;
	margin-top: 20px;
	background-color: #fff;
	font: 10px/16px Verdana, Arial, Helvetica;
}

#partnercol1{
	width: 280px;
	float: left;
	padding-right: 20px;
	border-right: 1px solid #cecfd1;
}

#partnercol2{
	width: 280px;
	float: left;
	margin-left: 20px;
}

.partnerblok{
	width: 280px;
	float: auto;
	margin-bottom: 20px;
}

partnerlogo{
	float: left;
	margin-bottom:10px;
}