html,body{
	margin: 0;
	padding: 0;
}

body{
	background: #fff;
}

div#achter{
	background: #fff;
	width: 790px;
	margin: 0 auto;
}

div#container{
	text-align: left;
	width: 790px;
	clear: both;
}

div#menu{
	color: #666666;
}

	div#logo{
		height: 70px;
		width: 85px;
		padding-left: 15px;
		float: left;
	}
	

	div#spreuk, div#spreukBreder, div#spreukBrederHoger{
		padding: 25px 40px 0 402px;
		height: 45px;
		width: 248px;
		overflow: auto;
		float: left;
	}
		div#spreuk b, div#spreukBreder b, div#spreukBrederHoger b{
			font-weight: normal;
			white-space: nowrap;
		}

		div#spreukBreder, div#spreukBrederHoger{
			padding-left: 122px;
			width: 528px;
		}
			div#spreukBrederHoger{
				padding-top: 5px;
				height: 65px;
			}
	div#spreuk a, 
	div#spreuk a:hover, 
	div#spreuk a:active, 
	div#spreukBreder a, 
	div#spreukBreder a:hover, 
	div#spreukBreder a:active, 
	div#spreukBrederHoger a,
	div#spreukBrederHoger a:hover, 
	div#spreukBrederHoger a:active
	{
		color: #666;
		text-decoration: none;
	}
		div#spreuk a:hover, 
		div#spreuk a:active, 
		div#spreukBreder a:hover, 
		div#spreukBreder a:active, 
		div#spreukBrederHoger a:hover, 
		div#spreukBrederHoger a:active
		{
		color: #333;
		}


	div#hoofdMenu{
		clear: both;
	}
	
		div#topMenu{
			background: #ff0000 url(../images/achter_menu.gif) bottom no-repeat;
			width: 768px;
			height: 34px;
			padding-left: 22px;
			clear: both;
		}

		div#topMenu a{background: none;}


/* subMenu en subSubMenu */

div#subMenu{
	width: 710px;
	padding: 12px 40px;
	clear: both;
}

div#subMenu ul{
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	width: 710px;
	min-height: 23px;
	clear: both;
}
	div#subMenu ul#subSub{
		padding: 11px 0 0;
		min-height: 9px;
		background: url(../images/achter_subsub.gif) top no-repeat;
	}
	
div#subMenu ul li
{					/* subMenu is opgebouwd met een UL en LI's */
	margin: 0;
	padding: 0;
	display: inline;
}

	div#subMenu ul li a
	{	
		font-size: 1.1em;	
		font-weight: bold;
		color: #969696;
		text-decoration: none;
		padding: 0 5px 6px 8px;
		background: url(../images/achter_sub.gif) left bottom no-repeat;
		display:block;
		float:left;
	}
		div#subMenu ul li a.subFirst
		{	
			padding: 0 5px 6px 1px;
			background: none;
		}

		div#subMenu ul li.subAan a
		{	
			color: #f00;
		}	
					
	/* Alle hovers zijn rood */
	div#subMenu ul li a:hover, 
	div#subMenu ul li a:active,
	div#subMenu ul li.subAan a:hover, 
	div#subMenu ul li.subAan a:active
	{
		color: #ff0000;
	}
	
					

/* INHOUD */

div#inhoud{
	_height: 430px; /*underscore-hack for IE*/ 
	min-height: 300px;
	width: 530px;
	padding: 0 40px 20px 30px;
	float: left;
}
	div#inhoud div.kolomLinks{
		width: 255px;
		padding-right: 25px;
		float: left;
	}
		div.kolomLinks h2{
			clear: both;
			}
	div#inhoud div.kolomRechts{
		color: #969696;
		font-size: 0.85em;
		line-height: 1.4em;
		width: 250px;
		float: left;
	}
	div.kolomRechts div.imgPopUpleft, div.kolomRechts img.imgleft, 
	div.kolomRechts div.imgPopUpright, div.kolomRechts img.imgright, 
	div.kolomRechts div.imgPopUpcenter, div.kolomRechts img.imgcenter, 
	div.kolomRechts div.imgPopUpfoto{
		padding: 0;	
	}	
	

	
/* SUBCONTENT */
div#subContent{
	color: #969696;
	font-size: 0.75em;
	text-align: right;
	width: 190px;
	float: left;
}

	div.subcontentNormal, 
	div.subcontentZwart, 
	div.subcontentSpecial{
		padding: 10px;
	}

		div.subcontentNormal H4, 
		div.subcontentSpecial H4, 
		div.subcontentZwart H4{
			color: #fff;
			background: #969696;
			padding: 0 2px;
			margin-right: 3px;
			display: inline;
			float: left;
		}
		
		div.subcontentNormal H4{
		}
		
		div.subcontentZwart H4{
		}
		
		div.subcontentSpecial{
		}
		
		div.subcontentSpecial H4{
		}
		
			div.subBox{
				clear: both;
			}
	
				div.subcontentSpecial div.subBox{
				}
	
				div.subBox a.verderLink, div.subBox a.terugLink{
					font-weight: normal;
				}
				
				.subBox li{
					background: url(../images/achter_sub_li.gif) no-repeat top left;
				}


/* FOOTER */	

div#footer{
	background: url(../images/achter_footer.gif) no-repeat; top;
	width: 790px;
	height: 41px;
	clear: both;
}
	div#footer div{
		color: #fff;
		font-size: 0.85em;
		padding: 23px 0 0 41px;
	}
		div#footer div a{
			color: #fff;
		}
			div#footer div a:hover, div#footer div a:active{
				color: #f00;
			}
				div#footer div a#footerAan{
					font-weight: bold;
				}



/* Volgende en- vorige paginalinks indien te veel items */
div#paginatie{
	margin: 22px -2px 0;
	padding: 10px 2px 4px;
	background: url(../images/achter_sitemap.gif) top left no-repeat;
	height: 15px;
}

div#pagVorige{
	width:50%;
	float: left;
}

	div#pagVorige a{
		text-decoration:none;
		/*
		padding: 0 0 0 13px;
		background: url(../images/ic_terug_u.gif) no-repeat left;
		*/
	}
	div#pagVorige a:hover, div#pagVorige a:active{
		/*
		background: url(../images/ic_terug_a.gif) no-repeat left;
		*/
	}

div#pagVolgende{
	text-align: right;
	width:50%;
	float: left;
	clear: right;
}
	div#pagVolgende a{
		text-decoration:none;
		/*
		padding: 0 13px 0 0;
		background: url(../images/ic_verder_u.gif) no-repeat right;
		*/
	}
	div#pagVolgende a:hover, div#pagVolgende a:active{
		/*
		background: url(../images/ic_verder_a.gif) no-repeat right;
		*/
	}


div#pagNrs{
	text-align: center; 
	width: 178px;
	float: left;
	padding: 22px 0 0;
}

/* Pijltje voor een web- of e-maillink, bij gastenboek e.d. */
a.verderLink, a.terugLink, a.topLink, a.downloadLink{
	color: #969696;
	font-weight: bold;
	text-decoration: none;
}

a:link.verderLink, a:visited.verderLink{
	/*
	padding: 0 13px 0 0;
	background: url(../images/ic_verder_u.gif) no-repeat right;
	*/
}
a:hover.verderLink, a:active.verderLink{
	color: #f00;
	/*
	padding: 0 13px 0 0;
	background: url(../images/ic_verder_a.gif) no-repeat right;
	*/
}

a:link.terugLink, a:visited.terugLink{
	/*
	padding: 0 0 0 13px;
	background: url(../images/ic_terug_u.gif) no-repeat left;
	*/
}
a:hover.terugLink, a:active.terugLink{
	color: #f00;
	/*
	padding: 0 0 0 13px;
	background: url(../images/ic_terug_a.gif) no-repeat left;
	*/
}

a:link.topLink, a:visited.topLink{
	font-weight: normal;
	/*
	padding: 0 18px 0 0;
	background: url(../images/ic_boven_u.gif) no-repeat right;
	*/
}
a:hover.topLink, a:active.topLink{
	color: #f00;
	/*
	padding: 0 18px 0 0;
	background: url(../images/ic_boven_a.gif) no-repeat right;
	*/
}

a:link.downloadLink, a:visited.downloadLink{
	/*
	padding: 0 14px 0 0;
	background: url(../images/ic_download_u.gif) no-repeat right;
	*/
}
a:hover.downloadLink, a:active.downloadLink{
	color: #f00;
	/*
	padding: 0 14px 0 0;
	background: url(../images/ic_download_a.gif) no-repeat right;
	*/
}



img.archiefLink{
	float: right;
	margin-top: 3px;
}





.bijSchrift{
	color: #696969;
	text-decoration: none;
}

div.hr{
	height: 1px;
	background: #dddddd;
	margin: 4px -2px;
}
	div.hr hr{display: none;}


.stippelLijn, 
div#inhoud div.stippelLijn/* (IE) */
{
	background: transparent url(../images/stippellijn_blauw.gif) repeat-x left; 
	height: 1px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}


/* Handig: een class om bepaalde content te verbergen */
.verberg{
	position: absolute;
	left: -2000px;
	width: 500px;
	font-size: 1px;
}


/* Handig: plaats deze div onderin een div om die goed te laten omsluiten */
div.breaker, #inhoud div.breaker, div.kolomRechtsBreaker{
	height: 1px;
	clear: both;
	background: transparent;
	font-size: 0px;
	line-height: 0px;
}
	div.breaker hr{display: none;}
	div.kolomRechtsBreaker{height: 6px;}


/* Woordenlijst-links */
span.wdlDiv{
	vertical-align: text-bottom;
	position: absolute;
	margin: 18px 0 0 -13px;
	width: 230px;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-left-width: 8px;
	visibility: hidden;
}

span.wdlDiv a:link, span.wdlDiv a:visited, span.wdlDiv a:hover, span.wdlDiv a:active{
	font-weight: normal;
	color: #ee2222;
	padding: 0 13px 0 0;
	background: url(../images/ic_verder_a.gif) no-repeat right;
	text-decoration: none;
}

a.wdl{
	background: url(../images/achter_a_wbl_u.gif) right 1px no-repeat;
	padding-right: 18px;
	padding-bottom: 1px;
	white-space: nowrap;
	text-decoration: none;
}

a.wdl:hover, a.wdl:active{
	background: url(../images/achter_a_wbl_a.gif) right 1px no-repeat;
	text-decoration: none;
}


/* FORMULIER */

form.formWit td{
font-size: 100%;
}

form input.zoekButton{
	font-size: 0.9em;
	color: #ffffff;
	border: none;
	background: #969696;
	padding: 1px 6px 2px;
	height: 18px;
}
	form input.zoekButton:hover{
		background: #f00;
	}


table#formTable td{
	vertical-align: top;
	padding: 0 5px 3px 0;
}
	table#formTable td.formCaption strong{
		color: #f00;
	}

div.formGrijs{
	background-color: #eeeeee;
	padding: 1px 4px 36px 12px;
	margin: 15px 0;
}


div.formGrijs input.zoekButton, div.formWit input.zoekButton{
	display: block;
	clear: both;
}




div.formGrijs .bijSchrift, div.formWit .bijSchrift{
	margin-bottom: 5px;
}

div.formGrijs input, div.formWit input{
	vertical-align: middle;
}




/* POLL */
table.pollTable td{
	padding-bottom: 3px;
	vertical-align: top;
}


	table.pollTable td.pollTekst{
		padding-top: 1px;
	}
	table.pollTable td .bijSchrift{
		display: block;
	}
	
	table.pollTable input.zoekButton{
		margin-top: 8px;
	}


/* SITEMAP */
div#sitemap a{		text-decoration: none;}
div#sitemap A:hover{text-decoration: underline;}


	div#sitemap h3{
		font-size: 0.9em;
		font-weight: bold;
		padding: 2px 2px 2px 40px;
		background: url(../images/ic_li.gif) 29px 0px no-repeat;
	}
	
	div#sitemap h4{
		font-size: 0.9em;
		font-weight: normal;
		padding: 2px 2px 2px 80px;
	}
	
	div#sitemap div.step1Map{
		margin-bottom: 14px;
	}


/* Regio-overzicht van nieuws en agenda */
#inhoud ul.regioOverzicht li
{
	padding-bottom: 3px;
	background: url(../images/achter_sub_li.gif) no-repeat top left;
}

#inhoud ul.regioOverzicht li a.verderLink
{
	font-weight: normal;
}


/* provinciekaart */

#kaartNL {	
	width: 222px;
	height: 246px;
	background: url(../images/kaart/nederland.gif) transparent top left no-repeat;
}

#imageMap{
	margin-top: -246px;	
	width: 222px;
	height: 246px;
	z-index: 10;
}

div#subKaartje{
	padding: 10px 0;
	text-align: center;
}