html {
overflow: -moz-scrollbars-vertical !important;
}
body {
behavior: url("/script/csshover.htc");
margin: 0;
font: 13px Arial, Helvetica, Sans-serif;
line-height: 18px;
text-align: center;
color: #004284;
background-color: #FFFFFF;
background: url('../img/bodyback.jpg') repeat-x;
}
table {
border-collapse: collapse;
}
	table td {
	padding: 0;
	vertical-align: top;
	}
.clearboth {
clear: both;
}
div#logo {
position: absolute;
top: 36px;
height: 100px;
width: 212px;
}
div#logo img {
border: 0px;
}

h1 {
font-size: 20px;
/*font-weight: bold;*/
}
h2 {
font-size: 16px;
/*font-weight: bold;*/
margin-left: 3px;
}

h3 {
font-size: 13px;
/*font-weight: bold;*/
margin-left: 3px;
}

/* CONTAINER */
#container {
width: 773px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: left;
}
div#topleft {
float: left;
height: 22px;
font: 9pt "Trebuchet MS", Sans-serif;
font-weight: bold;
text-align: left;
color: #668EB5;
}
div#topright {
float: right;
height: 22px;
padding-left: 5px;
text-align: right;
font: 9pt "Trebuchet MS", Sans-serif;
font-weight: bold;
color: #668EB5;
}
		#topright a {
		font-weight: bold;
		text-decoration: none;
		color: #99B3CE;
		}
		#topright a:hover {
		text-decoration: underline;
		color: #FFFFFF;
		}
		
#banner {
position: relative;
height: 210px;
background: url('../img/banner.jpg') no-repeat;
background-position: center;
}

/* MENU */
div#menu {
position: relative;
height: 48px;
padding-top: 5px;
font: 12pt "Trebuchet MS", Sans-serif;
}
		#menu ul {
		width: 773px;
		height: 48px;
		margin: -10px;
		}
		#menu li a {
		position: relative;
		top: 20px;
		font-size: 10pt;
		font-weight: bold;
		color: #C2D699;
		text-decoration: none;
		}
		#menu li:hover a, 
		#menu li.current a{
		color: #FFFFFF;
		}
		#menu li{
		position: relative;
		float: left;
		height: 48px;
		top: 8px;
		margin-left: 15px;
		margin-right: 15px;
		list-style: none;
		}
		#menu li:hover,
		#menu li.current{
		background: url('../img/menu_li.gif') no-repeat;
		background-position: center 5px;
		}
		
		
div#sub_menu {
float: left;
width: 228px;
height: 100%;
font: 10pt "Trebuchet MS", Sans-serif;
font-weight: bold;
color: #000000;
}		
		#sub_menu img {
		border: 0px;
		}
		#sub_menu a {
		color: #004284;
		text-decoration: none;
		}
		#sub_menu a:hover {
		color: #7D9FC0;
		text-decoration: underline;
		}
		#sub_menu ul {
		width: 228px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		border-top: 1px solid #BBCDDA;
		}
		#sub_menu li{
		width: 193px;
		padding: 5px;
		padding-left: 30px;
		border-bottom: 1px solid #BBCDDA;			
		}
		#sub_menu li.current{
		background: url('../img/sub_menu_li.gif') no-repeat;
		background-position: 0px 5px;
		}
		#sub-menu ul li a {
		display: block;
		width: 100%;
		padding: 5px;
		}

div#content {
float: left;
width: 520px;
min-height: 300px;
height: 300px;
padding-left: 25px;
padding-bottom: 30px;
text-align: left;
background: url('../img/contentbottom.gif') no-repeat;
background-position: 20px bottom;
} 
	*> div#content { 
	height: auto; 
	}
	div#content a {
	color: #E98300;
	}
	div#content img {
	border: 2px solid #BBCDDA;
	}
		div#content img.lijn {
		border: 0;
		}
	div#content ul {
	list-style: none;
	}
	div#content li {
	padding-left: 15px;
	font-weight: bold;
	background: url('../img/normalli.gif') no-repeat;
	background-position: 0px 2px;
	}
	div#content ul li a:hover,
	#sitemap ul li a:hover{
	text-decoration: none;
	}
	div#content .protext{
	width: 228px;
	font: 11px "Trebuchet MS", Sans-serif;
	}
	div#content .protextarea{
	width: 350px;
	height: 7em;
	font: 11px "Trebuchet MS", Sans-serif;
	}
	div#content input{
	width: 100px;
	font: 11px "Trebuchet MS", Sans-serif;
	}
	div#content form p #zoekveld {
	width: 200px;
	}
	div#content form p #zoekknop {
	width: 100px;
	}
	
div#bottom {
position: relative;
top: 25px;
width: 100%;
height: 75px;
background: url('../img/mainbottom.gif') no-repeat;
background-position: center bottom;
}

.smallline {
position: relative;
left: -12px;
width: 100%;
height: 20px;
background: url('../img/home_contentbottom.gif') no-repeat;
background-position: center bottom;
}

div#contentbottom {
position: relative;
top: 10px;
width: 100%;
height: 40px;
background: url('../img/contentbottom.gif') no-repeat;
background-position: center;
}

#sitemap ul {
padding-bottom: 7px;
}
#sitemap ul li {
position: relative;
left: -30px;
font-weight: normal;
background: url('../img/subli.gif') no-repeat;
background-position: 5px 6px;
}
div#leftcolumn {
float: left;
width: 30%;
padding: 10px;
}
		div#leftcolumn img{
		border: 2px solid #BBCDDA;
		text-align: center;
		}
.noborder img {
border: 0px;
}

div#centercolumn {
float: left;
width: 30%;
padding: 10px;

}
		div#centercolumn a {
		text-decoration: underline;
		color: #E98300;
		}
		div#centercolumn a:hover{
		text-decoration: none;
		color: #E98300;
		}
		div#centercolumn ul {
		list-style: none;
		}
		div#centercolumn li {
		padding: 2px;
		padding-left: 15px;
		margin-left: -30px;
		font-weight: bold;
		color: #E98300;
		background: url('../img/normalli.gif') no-repeat;
		background-position: 0px;
		}
		div#centercolumn img{
		border: 2px solid #BBCDDA;
		text-align: center;
		}	
		.noborder img {
		border: 0px;
		}

div#rightcolumn {
float: left;
width: 30%;
padding: 10px;
}
		div#rightcolumn a{
		text-decoration: underline;
		color: #E98300;
		}
		div#rightcolumn a:hover{
		text-decoration: none;
		}
		div#rightcolumn img{
		border: 2px solid #BBCDDA;
		}
		div#rightcolumn a img{
		border: 0px;
		text-align: center;
		}
		div#rightcolumn ul{
		list-style: none;
		}
		.noborder img {
		border: 0px;
		}

/*FORMULIEREN*/
/*Inschrijfformulier*/
#form1,
#form2 {
margin: 0;
padding: 0;
}
form table {
width: 100%;
}
	#form1 table td.head {
	width: 30%;
	}
	#form2 table td.head {
	width: 40%;
	}
#form1 td,
#form2 td {
padding-bottom: 5px;
}
#form1 input.protext,
#form1 textarea.protextarea,
#form2 input.protext,
#form2 textarea.protextarea {
width: 98%;
}
#form2 input.proradio,
#form2 input.procheckbox {
width: 14px;
margin-right: 5px;
}
#form1 td.head,
#form2 td.head {
padding-right: 10px;
text-align: right;
font-style: italic;
}
#form2 #td_form2_13,
#form2 #td_form2_29 {
padding-bottom: 30px;
}
#form1 #form1_3,
#form2 #form2_9,
#form2 #form2_24 {
width: 75px;
}
#form1 #form1_4,
#form2 #form2_12,
#form2 #form2_28 {
width: 110px;
}
#form2 #form2_13,
#form2 #form2_29 {
width: 75px;
}