@charset "utf-8";

body {

	/* background-image:url(/img/pagebg.jpg);

	background-repeat:repeat-x;

	background-color: #B6B644; */



	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 16px;

}



a {

	color: #AE2E71;

	font-weight: bold;

}



.hidden {

	display: none;

}



h3 { 

	font-size: 15px;

	line-height: 30px;

	margin-bottom: 0.5em;

}



h3.vormingplus {

	display: inline;

	background-image:url(/img/tit_vormingplus.gif);

	background-position:right;

	background-repeat:no-repeat;

	padding-right: 93px;

}



p {

	clear:both;

	margin-bottom: 1em;

}



ul.aboutlist {

	margin: 2em 0 1em 0;

}



ul.aboutlist li {

	margin-bottom: 0.5em;

	float: left;

	margin-right: 2em;

}



ul.aboutlist li a {

	color: #999999;

	text-decoration: none;

}



ul.aboutlist li a.choosen{

	font-size: 14px;

	color: #AE2E71;

	font-weight: bold;

	text-decoration: none;

}



#container {

	/*

	position: absolute;

	left: 100px;

	top: 100px;

	*/

	position: relative;

	margin: 0 auto;

	top: 50px;

	width: 800px;

}



#logo {

	position: absolute;

	left: -55px;

	top: -77px;

	z-index: 10;

}



#pagetop {

	position: relative;

	width: 717px;

	height: 69px;

	background-image: url(/img/page_top.png);

	background-repeat: no-repeat;

	background-position: 0 23px;

	text-align: right;

	padding-right: 83px;

	float:left;	

}



#sidetabs {

	position: absolute;

	left: 758px;

	top: 113px;

	width: 102px;

	height: 74px;

	z-index: 3;
	
	background-color:#FFF;

}

#sidetabs2 {

	position: absolute;

	left: 758px;

	top: 0px;

	width: 300px;

	height: 104px;

	z-index: 3;
	
	background-color:#FFF;

}

#sidetabs3 {

	position: absolute;

	left: 358px;

	top: 65px;

	width: 380px;

	height: 70px;

	z-index: 3;
	

}



#pagemiddle {

	width:  680px;

	/* background-image: url(/img/page_content_bg.png); */

	background-repeat:repeat-y;

	padding: 0 60px; /* 20 + inner padding */

	float:left;	

	position: relative;

	z-index: 2;

}



#pagemiddle.whitespace {

	padding-top: 1.25em;

}



#pagebottom {

	float:left;	

	width: 800px;

	height: 96px;

	background-image: url(/img/page_bottom.png);

	background-repeat: no-repeat;

}



/* bottom with hand holding card */

#pagebottomcontact {

	float:left;	

	width: 680px;

	background-image: url(/img/page_bottom_contact.png);

	background-repeat: no-repeat;

	height: 515px;

	padding: 0 60px; /* 20 + inner padding */	

	position: relative;

	z-index: 2;

}



#info {

	position: absolute;

	left: 445px;

	top: 120px;

	width: 250px;

	height: 250px;

}



ul.address li {

	margin-bottom: 0.5em;

}



.address, .address a {

	color: #000000;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}



.address strong {

	font-size: 16px;

	color: #AE2E71;

}





/* bottom with hand holding map of flanders */

#pagebottomkaart {

	float:left;	

	width: 680px;

	background-image: url(/img/page_bottom_kaart.png);

	background-repeat: no-repeat;

	height: 515px;

	padding: 0 60px; /* 20 + inner padding */

	z-index: 2;

}



#result {

	position: absolute;

	margin-left: -59px;

}



#intro {

	position: absolute;

	top: 430px;

	width: 450px;

}



/** postcode form */

#postcodeform {

	background-image: url(/img/tit_inuwregio.gif);

	background-repeat: no-repeat;

	padding-top: 0px;

}



#container input {

	border: none;

	background: none;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 13px;

	padding-top: 3px;

	height: 20px;

}



#inputgemeente {

	background-image:url(/img/input_gemeente_postcode.gif);

	background-repeat:no-repeat;

	background-position:left middle;

	display:inline-block;

	width: 221px;

	height: 25px;

	padding-left: 10px;

}

/*

#inputpostcode {

	background-image:url(/img/input_postcode.gif);

	background-repeat:no-repeat;

	background-position:left middle;

	width: 78px;

	height: 24px;

	display:inline-block;	

	padding-left: 10px;

} 

#inputpostcode input { 	width: 60px; }

*/



#inputgemeente input { 	margin-top: 3px; width: 200px; }





input#btZoek {

	position: relative;

	top: 15px;

	width: 61px;

	height: 35px;

	margin-top: 10px;

}



a.marker {

	display:block;

	position: absolute;

	z-index: 3;

	cursor: pointer;

	width: 15px; height: 15px;

	background-image: url(/img/marker_off.png);

	background-repeat: no-repeat;

	background-position: center center;

	padding: 10px;

}



a.marker.active {

	background-image: url(/img/marker.png);

}



#markerinfo {

	position:absolute;

	display:none;

	width: 190px; height: 65px;

	z-index: 4;

	background-image: url(/img/markerinfo.png);

	background-repeat: no-repeat;

	text-decoration: none;

	font-size: 15px;

	font-weight: normal;

	line-height: 13px;

}



#markerinfo p {

	text-align: left;

	font-weight: bold;

	color: #AE2E71;

	padding: 28px 48px 0px 10px;

}



/*  */



li.biglink {

	position: relative;

	background-image:url(/img/bg_link.gif);

	background-repeat:no-repeat;

	width: 671px;

	height: 97px;

	line-height: 97px;

	margin: 35px 0;

}



li.biglink a.linklogo {

	display: block;

	float: left;

	width: 280px;

	height: inherit;

	text-align: center;

}

li.biglink a.linklogo img {	margin-top: 20px; }



li.biglink a.linktekst {

	display: block;

	float: left;

	width: 350px;

	height: inherit;

	line-height: inherit;

	padding-left: 30px;

}



#overheid {

	background: url(/img/cursus/overheid1.gif) no-repeat;

	height: 60px;

	position: absolute;

	right: -145px;

	top: 537px;

	width: 145px;

}



#delen {

	background: url(/img/cursus/delen.gif) no-repeat;

	height: 26px;

	width: 119px;

}



#delen ul {

	margin: 5px 0 0 60px;

}



#delen ul li {

	margin-left: 2px;

}



/* columns */

.col {

	display: inline;

	float: left;

	*margin-right: -1px;

}

.column-1 { width: 226px; }

.column-2 { width: 395px; }

.w15 { width: 15%; }

.w25 { width: 25%; }

.w30 { width: 30%; }

.w35 { width: 35%; }

.w40 { width: 40%; }

.w45 { width: 45%; }

.w50 { width: 50%; }

.w55 { width: 55%; }

.w58 { width: 58%; }

.w70 { width: 70%; }

.w75 { width: 75%; }

.mb10 { margin-bottom: 10px; }

.pr10 { padding-right: 10px; }

.p5 { padding: 5px; }

.p10 { padding: 10px; }



#cursus {

	margin-left: 23px;

	position: relative;

}



#cursus ul li {

	float: left;

}



h1 {

	color: rgb(182, 182, 68);

	font-size: 2.2em;

	line-height: 1;

	margin-bottom: 10px;

	width: 480px;

}



h2 {

	color: rgb(229, 95, 83);

	font-size: 1.4em;

	margin-bottom: 8px;

}



#cursus h2 {

	font-size: 1.2em;

}



h4 {

	color: rgb(182, 73, 125);

	font-size: 1.4em;

	margin-bottom: 5px;

}



#cursus h4 {

	font-size: 1.2em;

}



em {

	color: rgb(174, 46, 113) !important;

	font-style: normal;

}



.columns {

	float: left;

	margin-bottom: 10px;

}



.box {

	float: left;

	width: 100%;

}



.box-1 { background: url(/img/cursus/box1.gif) no-repeat; height: 283px; }

.box-2 { background: url(/img/cursus/box2.gif) no-repeat; height: 283px; }

.box-3 { background: url(/img/cursus/box3.gif) no-repeat; height: 65px; width: 466px; }

.box-4 { background: url(/img/cursus/box4.gif) no-repeat; height: 170px; width: 466px; }

.box-5 { background: url(/img/cursus/box5.gif) no-repeat;  height: 139px; width: 155px;}



.box p {

	color: rgb(60, 60, 60);

	font-size: 0.9em;

	line-height: 1.2;

}



#poll p {

	color: rgb(182, 182, 68);

	float: left;

	font-size: 13px;

	font-weight: bold;

	margin: 12px 6px 0 10px;

	line-height: 1.4;

}



#poll a {

	background: url(/img/cursus/radiobutton.gif) no-repeat;

	color: rgb(182, 182, 68);

	height: 17px;

	padding-left: 18px;

	text-decoration: none;

	padding-bottom: 3px;

}

#poll a:hover { color: rgb(174, 46, 113) }



#form {

	position: relative;

}



#form h2 {

	font-size: 1.1em;

}



#form dl dt, #form dl dd {

	padding-bottom: 5px;

}



#klikhiery a, #klikhiern a, #klikhierx a {

	background: url(/img/cursus/klikhier.gif) no-repeat;

	display: block;

	float: left;

	height: 41px;

	width: 147px;

}



#klikhiery p, #klikhiern p, #klikhierx p {

	color: white;

	font-size: 14px;

	font-weight: 700;

}



.input-text {

	background: url(/img/cursus/input-text.gif) no-repeat !important;

	font-size: 11px !important;

	height: 23px !important;

	margin: 0;

	padding: 7px 0 0 10px !important;

	width: 204px;

}



.input-textarea {

	background: url(/img/cursus/input-textarea.gif) no-repeat;

	border: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	height: 73px;

	padding: 7px 0 0 10px;

	width: 361px;

}



.bottom-right {

	position: absolute;

	right: 10px;

	bottom: 2px;

}



.top-right {

	position: absolute;

	right: 0;

	top: 0;

}



.send a {

	background: url(/img/cursus/verzend.gif) no-repeat;

	display: block;

	height: 31px;

	width: 66px;

}



.sendbutton {

	position: absolute;

	top: -1px;

	left: 216px;

}



.sendbutton a {

	background: url(/img/cursus/verstuurjetip.gif) no-repeat;

	display: block;

	height: 36px;

	width: 217px;

}



/* CSS hacks om compatibiliteitsproblemen tussen browsers op te lossen */

.clearfix:after {

	clear: both;

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}