@import "content.css";

body{
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 150%;
	color: #323232;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size:100%;
}

.blindlayout{
	display: none;
}

.clear{
	clear:both;
}

.required{
	color:#494949;
}

a{
	color: #6fb413;
}

a:hover{
	text-decoration: none;
}

form{
	margin: 0px;
	padding: 0px;
}

ul.selection{
	margin:0px;
	padding:0px;
}

ul.selection li{
	float:left;
	list-style-type:none;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding:0px;
}

	ul.selection a{
		border:1px solid #cccccc;
		margin:0px 5px 2px 0px;
		padding:2px 10px 2px 10px;
		height:20px;
		width:auto;
		text-decoration: none;
	}
	
	ul.selection a:hover{
		border:1px solid #73b210;
		background-color:#73b210;
		color:#ffffff;
		text-decoration:none;
	}
	
	ul.selection li.current{
		border:1px solid #cccccc;
		margin:0px 5px 2px 0px;
		padding:2px 10px 2px 10px;
		height:20px;
		width:auto;
		background-color:#e1e1e1;
	}

#global_container{
	text-align: left;
	width: 994px;
	position: relative;
	margin: 0 auto;
	background: url(images/bgbolletjes.gif) no-repeat 228px 173px;
}

#portal_container{
	text-align: left;
	width: 752px;
	position: relative;
	margin: 0 auto;
}

/*-----------HEADER----------------*/

#header{
	height: 175px;
}

	#header .logo {
		margin: 0px;
		padding: 0px;
		width: 230px;
		height: 165px;
		float: left;
	}
	
	#header .logo a{
		display: block;
		margin: 22px 0px 0px 11px;
	}
	
	#headerimage{
		background: #71b514 url(images/whitepixel.gif) repeat-x 0px 168px;
		float: left;
		width: 594px;
		height: 175px;
		overflow: hidden;
	}
		
	#textsize{
		width: 145px;
		z-index: 100;
		float: left;
		margin-left: -156px;
		color: White;
		margin-top: 80px;
		font-size: 65%;
		text-align: right;
	}
	
	#textsize a{
		color: White;
		text-decoration: none;
	}
	
	#textsize a#vergrootlink2{
		font-size: 140%;
	}
	
	#textsize a#vergrootlink{
		font-size: 125%;
	}
	
	#textsize a#verkleinlink{
		font-size: 100%;
	}
	
	#homebutton{
		width: 150px;
		float: left;
		margin-top: 10px;
		margin-left: -156px;
		margin-bottom: -50px;
		overflow: hidden;
		z-index: 11;
		font-size: 65%;
		text-align: right;
		line-height:130%;
	}
	
	#homebutton img {
	vertical-align:top;
	margin-right:5px;
	}
	
		#homebutton a{
		display:block;
			color: White;
		}
	
	#zoeken{
		background: #528810 url(images/whitegreenpixel.gif) repeat-x 0px 168px;
		float: left;
		width: 167px;
		height: 175px;
		margin-left: 1px;
		z-index: 10;
	}
	
		#zoeken fieldset{
			border: 0px;
			margin: 107px 0px 0px;
			padding: 10px;
			text-align: right;
		}
		
		#zoeken input#q{
			width: 146px;
			background: white;
			border: 1px solid #c3c3c3;
		}
		
		#zoeken input#zoekknop{
			background: url(images/leesverdercontainer.gif) no-repeat right center;
			border: 0px;
			padding-right: 9px;
			color: White;
			font-weight: bold;
			font-family: Verdana, Arial, Sans-Serif;
			font-size: 65%;
			margin-top: 7px;
			width: 70px;
			cursor: pointer;
		}
	
		#zoeken a{
			margin: 25px 0px 0px 15px;
			display: block;
		}
		
		.zoek_opdracht {
		font-size:75%;
		font-weight:bold;
		color:#666666;
		}
		
		.zoek_opdracht li{
		display:inline;
		font-weight:normal;
		}
		.zoek_pagina {
		display:inline;
		
		}
		
		
/*-----------FOCUSAREA----------------*/

#focusarea{
	clear: both;
}



/*-----------MENU------------------*/

#menuvlak{
	width: 230px;
	float: left;
}

	#menuvlak ul{
		width: 204px;
		margin:27px 0px 0px 0px;
		padding:0px;
		border-top: 1px solid #99cc33;
		list-style: none;
		text-align: right;
		font-size: 65%;
		line-height: 140%;
	}
	
	#menuvlak li{
		width: 204px;
		padding: 2px 0px;
		border-bottom: 1px solid #99cc33;
	}

		#menuvlak ul li ul{
			width: 204px;
			margin:2px 0px 0px;
			padding:8px 0px 5px;
			list-style: none;
			text-align: right;
			font-size: 100%;
		}
		
		#menuvlak ul li ul li{
			width: 204px;
			padding: 2px 0px;
			border-bottom: 0px solid #99cc33;
		}
	
	#menuvlak a{
		display: block;
		padding: 6px 0px 4px 0px;
		color: #333333;
		text-decoration: none;
		background: url(images/bulletmenu1.gif) no-repeat 190px 10px;
		width: 100%;
		height: 100%;
	}
	
	#menuvlak a span{
		padding: 0px 20px 0px 5px;
		display: block;
	}
	
	#menuvlak a.selecteditem{
		font-weight: bold;
		color: #6eb411;
		background: #e6f3ce url(images/bulletmenu2.gif) no-repeat 190px 10px;
	}
		
	#menuvlak a:hover{
		background: #e6f3ce url(images/bulletmenu2.gif) no-repeat 190px 10px;
	}
	
		#menuvlak ul li ul li a{
			display: block;
			padding: 1px 0px 1px 0px;
			color: #696969;
			text-decoration: none;
			background: url(images/bulletmenu3.gif) no-repeat 190px 5px;
		}
		
		#menuvlak ul li ul li a span{
			padding: 0px 20px 0px 5px;
			display: block;	
		}
		
		#menuvlak ul li ul li a:hover{
			background: #e6f3ce url(images/bulletmenu4.gif) no-repeat 190px 5px;
		}
	
		#menuvlak ul li ul li a.selecteditem{
			font-weight: bold;
			color: #646464;
			background: #ffffff url(images/bulletmenu4.gif) no-repeat 190px 5px;
		}


/*-----------CONTENT---------------*/

#inhoud {float:right; width:764px; font-size:100%}

#contentvlak, #contentvlakhome{
	width: 595px;
	float: left;
	overflow: hidden;
}

#contentvlakhome{
	width:762px;
}

#content ul {
padding-bottom:15px;
}

#content ul, #content ol {
margin-left:15px;
}

#contentmargin{
	margin-right: 50px;
	margin-left: 5px;
}

	#crums{
		font-size: 65%;
		margin-top: 5px;
		margin-left:4px;
	}
	
		#contentvlak #crums {
	margin-left:-2px;
	margin-top:5px;
	}
	
	#crums a{
		text-decoration: none;
		color: #666666;
	}
	
	#crums a:hover{
		text-decoration: underline;
		color: #666666;
	}
	
	#title{
		margin:2px 0px 3px 5px !important;	
		margin:12px 0px 5px 5px;
		padding:0px 0px 15px 16px;
		color: #6eb514;
		background: url(images/bulletcontenthd.gif) no-repeat 0px 4px;
	}
	
	#description{
		margin: 20px 0px 5px;
		line-height:13pt;
	}
	
#print_send{
	width: 93px;
	height: 35px;
	float: right;
	text-align: right;
	margin-top: 56px;
}

	#print_send ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#print_send a{
		padding-right: 21px;
		color: #666666;
		text-decoration: none;
	}
	#print_send a:hover{
		text-decoration: underline;
	}
	
	#link_print{
	font-size:65%;
		background: url(images/icon_print.gif) no-repeat right 2px;
	}
	
	#link_send{
		background: url(images/icon_mail.gif) no-repeat right 2px;
	}
	
	
	
/*-----------ITEMS----------------*/
.items{
	margin:0px;
	padding:0px;	
}

.item{
}

	.item h2{
		padding-top:5px;
		margin:4px 0px 0px;
		}
		
		.item h2 a{
		}
	
		.item h2 a:hover{
		}

	.item_photo{
		float:left;
		width:100px;
		overflow:hidden;
		margin-right:10px;
		margin-top:13px;
	}
	
	.item_text{
	}
	
	.item_text_photo{
		float:left;
	}
	
	ul.items{
	}
	
		ul.items li{
			list-style-type:none;
			width:100%;
			clear:both;
		}
		
		ul.items li.li_pdf{
			list-style-image:url(images/icon_pdf.gif);
		}
		
			ul.items li.li_pdf ul li{
				list-style-image:none;
			}
		
		ul.items li.li_sound{
			list-style-image:url(images/icon_sound.gif);
		}
	
	ul.risinfo li{
		color:#666666;
		list-style-type:disc;
		margin-left:15px;
	}
	
	ul.item2ndlevel li{
		list-style-type:disc;
		margin-left:15px;
	}
	
	.item_footer{
		color:#666666;
	}
	
	


/*-----------HOMEPAGE--------------*/

#homepage{
}

#contentvlakhome #homepage{
height:100%;
background-color:#70b413;
width:756px;
}


#homepage_left_column{
	float: left;
	width: 387px;
	background: #90d41b;
	border-right:1px solid white;
	color: #373330;
}

#homepage_right_column{
	float: left;
	width: 368px;
	background: #90d41b;
	color: #373330;
}

.homeitem{
	padding: 8px 8px;
}

#homepage_right_column .homeitem{
	padding: 10px;
}

#homepage h3{
	margin:0px 0px 5px;
	padding: 0px;
	color: #373330;
}
#homepage h3 a{
	text-decoration: none;
}
#homepage_right_column h3{
	padding-left: 20px;
	background: url(images/bulletcontenthd2.gif) no-repeat 0px 4px;
}

#homepage_right_column #rightbottom h3{
	padding-left: 20px;
	background: url(images/bulletcontenthd3.gif) no-repeat 0px 4px;
	color: white;
}

#lefttop{
	border-bottom: 1px solid white;
	height:129px;
}

#lefttop .homeitem h3 a {
	color:#000000;
}
#lefttop .homeitem h3 a:hover {
	color:#000000;
		text-decoration:underline;
}

#leftbottom .homeitem h3 a {
	color:#FFFFFF;
}

#leftbottom .homeitem h3 a:hover {
	color:#FFFFFF;
		text-decoration:underline;
}

#leftbottom{
	height:232px;
	background: #70b413;
	color: White;
}

#leftbottom h3{
	color: White;
}

#homeimage{
	width: 369px;
	height: 177px;
	overflow: hidden;
	border-bottom: 1px solid white;
}

#rightmid{
	height: 81px;
	border-bottom: 1px solid white;
}
#rightmid .small {
padding:0px;
}

#rightmid .leesverder{
font-size:65%;
margin:0px;
	color: #373330;
	text-decoration: underline;
	background: url(images/leesverderzwart.gif) no-repeat right center;	
}

#rightmid .leesverder:hover{
	color: #373330;
	text-decoration: none;	
}

#rightbottom{
	height: 102px;	
	background: #70b413;
	color: White;
}

#rightbottom .leesverder{
font-size:65%;
	color: White;
	text-decoration: underline;
	background: url(images/leesverdercontainer.gif) no-repeat right center;	
}

#rightbottom .leesverder:hover{
	color: White;
	text-decoration: none;
}	
	
#leftbottom .homeitem h2 a {
color:#FFFFFF;
}

/*-----------FOLDER----------------*/

.folder{
	clear: both;
}

	.folder h3{
		font-size: 110%;
		margin: 0px 0px 3px 0px;
		padding: 0px;
	}

	.folder h3 a{
		color: #666666;
		text-decoration: none;
	}

	.folder h3 a:hover{
		text-decoration: underline;
	}
	
	.folderimage{
		width: 90px;
		overflow: hidden;
		float: left;
		
	}
	
	.foldertextwithimage{
		width: 440px;
		float: left;
		margin-left: 10px;
	}
	
	.foldertext p {
	line-height:13pt;
	padding-bottom:0px;
	}
	
		.folder	a.leesverder{
		font-size:65%;
		font-weight: bold;
		display: block;
		margin:0px;
		padding:0px;
		padding-bottom:15px;
		text-align: right;
		padding-right:13px;
		text-decoration: underline;
		color: #71b414;
		background: url(images/leesverder.gif) no-repeat right center;	
	}
	
	a.leesverder{
		font-weight: bold;
		display: block;
		text-align: right;
		padding-right:13px;
		text-decoration: underline;
		color: #71b414;
		background: url(images/leesverder.gif) no-repeat right center;	
	}
	
	a.leesverder:hover{
		text-decoration: none;	
	}
	
	a.teruglink{
	font-size:85%;
		display: block;
		font-weight: normal;
		padding-left: 13px;
		margin: 10px 0px;
		background: url(images/terug.gif) no-repeat left center;
	}
	
	a.teruglink:hover{
		text-decoration: underline;
	}
	
	.date {
display:none;
	font-size:80%;
	color:#999999;
	}
	
	


/*-----------FAQ-------------------------*/

#faq{
	margin-top: -12px;
}

#faqlist{
	margin:0px;
	padding:0px;
	list-style: none;
	line-height: 240%;
	font-weight: bold;
}

#faqlist a{
	background: url(images/leesverdersmall.gif) no-repeat bottom right;
	padding-right: 13px;
	text-decoration: underline;
}

#faqlist a:hover{
	text-decoration: none;
}

#faq h3{
	font-size: 100%;
	color: #666666;
}



/*-----------FORMELEMENTS----------------*/

fieldset{
	border:0px solid #ffffff;
	margin:0px;
	padding:0px;
}

legend{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
	line-height:0px;
	text-indent:-999em;
	z-index:0;
}

label{
	display:block;
	padding-top:8px;
	padding-bottom:3px;
}

	label.labelinfront{
		display:inline;
		padding:0px 5px 0px 0px;
	}
	
	span.fake_label{
		display:block;
		padding-top:8px;
		padding-bottom:3px;
	}
	
.inputarea{
	clear: both;
}

.inputtext{
	height:20px;
	border:1px solid #999999;
	font-family:Arial, Verdana, 'Trebuchet MS';
}

.file_text{
	width:200px;
}

.generalsize_text{
	width:200px;
}

.smalltext{
	width:100px;
}

.generalsize_textarea{
	width:200px;
	height:150px;
	font-family:Arial, Verdana, 'Trebuchet MS';
}

.select{
	width:200px;
}

.submit_button{
	border:0px solid #FFFFFF;
	width:80px;
	cursor:pointer;
	font-weight:bold;
	font-size:100%;
	padding: 3px;
	margin-top:16px;
	margin-bottom:3px;
	background-color:#528810;
	color:#ffffff;
}

	.submit_button_md{
		border:0px solid #FFFFFF;
	}
	
	.submit_button_mo{
		border:0px solid #FFFFFF;
	text-decoration:none;
	}

.radio_check_input{
		float:left;
		width:30px;
	}
	
.radio_check_label{
	float:left;
	width:400px;
}

	.radio_check_label label{
		padding-top:0px;
	}

/*-----------SIMPLEFORM-----------------*/

#simpleform, #form{
	font-size:70%;
}

#simpleform p{
	font-size:100%;
}

.note, .comment {
	font-size:90%;
}

#simpleform label {

padding:5px 0px;
width:200px;
float:left;
}

#simpleform .fake_label{
	margin-top:5px;
	font-size:120%;
}

#simpleform .fake_label a{
	color:#ffffff;
	text-decoration:none;
	background-color:#528810;
	padding:5px;

}

#simpleform .fake_label a:hover{
	background-color:#5d9a13;
}

#simpleform .button {
text-align:right;
padding-right:107px;
}



.help_popup{
	visibility:hidden;
	position:absolute;
	background-color:#ffffff;
	border:1px solid #e1e1e1;
	padding:5px;
	width:300px;
	display:block;
	z-index:99;
}

.comment{
	padding:0;
	clear: both;
	display: block;
}

.summary_label{
	font-weight:bold;
}

.back_to_form{
	padding-top:15px;
	display:block;
}
	



/*-----------CONTAINERS---------------*/

#containervlak{
	background: url(images/bgcontainer.gif) no-repeat bottom left;
	width: 171px;
	float: right;
	color: white;
	font-size: 60%;
	line-height:190%;
	margin-left: -2px;
	padding-bottom: 6px;
	overflow: hidden;
}

	#containermargin{
		padding: 0px 2px;
	}

.container{
	background: #70b315;
	padding: 10px;
	border-top: 1px solid white;
}

.download_groen {
background-color:#70b315;

}

.container h3{
	color: white;
	margin: 0px;
	padding: 0px 0px 1px 20px;
	font-size: 120%;
	background: url(images/bulletcontainerhd.gif) no-repeat 0px 4px;
}

.container a{
	color: white;
}

.container a:hover{
	color: white;
	text-decoration: none;
}

.container ul, #hpitem4 ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.container li, #hpitem4 li{
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background: url(images/bulletcontainerlist.gif) no-repeat 0px 7px;
}

.container li a:hover{
	text-decoration: underline;
}

.container a.leesverder{
	font-weight: bold;
	display: block;
	text-align: right;
	padding-right:13px;
	background: url(images/leesverdercontainer.gif) no-repeat right center;
	text-decoration: underline;
}

.container a.leesverder:hover{
	text-decoration: none;
}




/*-----------FOOTER---------------*/

.footer_home {
background-color:#5899cd;
color:#FFFFFF;
height:37px;
}
.footer_home ul{
	list-style: none;
	margin: 6px 0px 0px 10px;
	padding: 0px;
	font-size: 65%;
}
.footer_home a{
	color: #FFFFFF !important;
	text-decoration: none;
}

.footer_home li{
	display: inline;
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #FFFFFF;
}

#footer{
	clear: both;
}

#footer ul{
	list-style: none;
	margin: 0px 0px 15px 230px;
	padding: 0px;
	font-size: 65%;
}

#footer a{
	color: #666666;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer li{
	display: inline;
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #666666;
}

#footer .lastlistitem{
	border-right: 0px;
	color: #666666;
}

#footer .rssicon{
	background: url(images/icon_rss.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	
}

/*-----------SITEMAP----------------*/
#sitemap{
font-size:70%
}

#topsitemap{
	margin:40px 0px 10px;
}

#topsitemap a{
	color: #666666;
	font-weight: bold;

}

#topsitemap a:hover{
	text-decoration: underline;
}

	#sitemap ul{
		margin-left:0px;
		padding-left: 10px;

	}
	
	#sitemap ul li{
		list-style-type:none;
		padding:0px 0px 10px 0px;
	}
	
	#sitemap ul a{
		text-decoration: none;
		color: #666666;
	}
	
	#sitemap ul a:hover{
		text-decoration: underline;
	}
		
		#sitemap ul ul{
			padding-left:0px;
			font-weight:normal;
			margin-left:10px;
			padding-bottom:10px;
		}

		#sitemap ul ul li{
			padding:0px 0px 0px 5px;
		}
	
		#sitemap ul ul a{
			text-decoration: underline;
			color: #71b414;
		}
	
		#sitemap ul ul a:hover{
			text-decoration: none;
		}
		
			#sitemap ul ul ul{
				margin-left:20px;
				padding-bottom:0px;
			}
			
	.filesize{
		color: #959595;
	}
	



/*-----------PORTAL---------------------*/

#logo_portal{
	margin: 15px 12px 8px;
	display: block;
	width: 150px;
}

#portal{
	width: 752px;
	background: #528810 url(images/bgportal.gif) repeat-x top left;
}

#portalinleiding{
	height: 120px;
	border-bottom: 1px solid white;
}

#portalinleiding p{
	padding: 90px 0px 0px 20px;
	color: white;
}

#flashcontainer{
	border-bottom: 1px solid white;	
	height: 180px;
	overflow: hidden;
}

.portalkolom{
	width: 251px;
	background: #90d41b url(images/whitepixel2.gif) repeat-y top right;
	float: left;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 5px 0px 0px 0px;
}

#pk3{
	width: 250px;
	background: #90d41b;
}

.portalrow1{
	height: 64px;
}

.portalrow1 p{
	padding: 6px 10px 6px 20px;
}

.portalrow1 a{
font-weight:bold;
	color: #333333;
}

.portalrow2{
	padding: 6px 10px 6px 17px;
	border-top: 1px solid white;
	background: #70b315 url(images/whitepixel2.gif) repeat-y top right;
	height: 89px;
}

#pk3 .portalrow2{
	width: 223px !important;
	width: 250px;
	background: #70b315;
}

.portalrow2 p{
	color: white;
}

.portalrow2 li {
list-style-type:none;
}

.portalrow2 a{
	font-size:75%;
	color: white;
}

#clearportal{
	height: 5px;
	clear: both;
	overflow: hidden;
}

.teruglink_vlak p {
	padding:0px;
}