html,body{
	height: 100%;
	margin: 0;
	padding: 0;
}

body{
	background: #eeeeee;
}

div#achter{
	background: transparent url(../images/achter_achter.gif) left repeat-y;	
	_height: 100%; /*	underscore-hack for IE */
	min-height: 100%;		
	width: 984px;
	padding-left: 10px;
}

div#container{
	text-align: left;
	background: transparent url(../images/achter_top.gif) top no-repeat;	
	width: 984px;
}

div#menu, div#menu a, div#contact, div#contact a{
	color: #666666;
	text-decoration: none;
}

	div#logo, div#letterGrootte, div#serviceMenu{
		float: left;
	}
	
	div#logo{
		background: transparent url(../images/achter_logo.gif) top no-repeat;	
		min-height: 88px;
		_height: 88px;
		width: 246px;
	}
	
	div#letterGrootte{
		text-align:right;
		padding: 11px 8px 0 0;
		min-height: 77px;
		_height: 77px;
		width: 238px;
	}
		div#letterGrootte div{
			float: left;
			text-align:right;
			vertical-align: top;
			width: 201px;
		}

	div#serviceMenu{
		padding: 11px 10px 0 10px;
		min-height: 77px;
		_height: 77px;
		width: 225px;
		border-left: 1px solid #dddddd;
	}
	div#serviceMenu, div#contact{
		word-spacing: 0.8em;
	}

		div#serviceMenu a:hover, div#serviceMenu a:active, 
		div#contact a:hover, div#contact a:active, 
		div#serviceMenu a#serviceMenuAan, div#contact a#serviceMenuAan{
			color: #ee2222;
		}

		div#serviceMenu form{
			padding-top: 31px;
		}

			div#serviceMenu input.zoekVeld{
				font-size: 1em;
				border: 1px solid #888888;
				margin-right: 6px;
				min-height: 14px;
				_height: 14px;
				width: 134px
			}

	/* 
	   De kleur 
	   van de 
	   topmenu-balk 
	   en de footer 
	 */
	div#hoofdMenu, 
	div#footer, 
	div.subcontentSpecial H4{
		background-color: #77aa33;
	}

	div#hoofdMenu{
		_height: 38px;
		min-height: 38px;
		width: 984px;
		clear: both;
	}
	
	div#topMenu{
		background: #000000;
		width: 738px;
		height: 26px;
		clear: both;
	}

	div#topMenu img#OverZB{
		margin-left: 87px;
	}
	
	div#breadCrumb{
		background: url(../images/achter_menu.gif) bottom repeat-x;
		width: 480px;
		padding: 30px 0 26px 258px;
		clear: both;
	}
	
		div#breadCrumb a{
			color: #ffffff;
			background: url(../images/achter_breadcrumb.gif) right no-repeat;
			padding-right: 22px;
			float: left;
			white-space: nowrap; /* Anders doet IE raarrrrrrrr */
		}
		
		div#breadCrumb h1{
			color: #ffffff;
			font-size: 1.85em;
			width: 480px; /* Héél vreemd: IE heeft deze nodig, anders geeft ie een grote witruimte erboven */
			clear:both;
			margin: 0;
			padding: 2px 0 2px;
		}


/* Dropdowns bij hoofdmenu */
/* Dropdowns in het topmenu */
div#dropDowns{
	width: 780px;
	text-align: left;
}

	div#dropDowns div{
		background: #ffffff;
		border: #77aa33 1px solid;
		border-top: none;
		padding: 0;
		position: absolute;
		width: 212px;
		z-index: 3;		/* Deze div moet een 'laag' hoger staan dan de div's van de imgPopup */
		visibility: hidden;
	}
	
	div#dropDowns div#dropDown2{
		margin-left: 0px;
		border-left: none;
	}
	
	div#dropDowns div#dropDown3{
		margin-left: 108px;
	}
	
	div#dropDowns div#dropDown4{
		margin-left: 246px;
	}
	
	div#dropDowns div#dropDown5{
		margin-left: 332px;
	}
	
	div#dropDowns div#dropDown6{
		width: 246px;
		margin-left: 491px;
	}
	
	div#dropDowns ul{
		list-style: none;
		margin: 6px 4px 8px 10px;
		width: 198px;
	}

		div#dropDowns ul li{
			margin: 0;
			padding: 0;
			width: 198px;
		}
				
			div#dropDowns ul li a
			{	
				color: #888888;
				text-decoration: none;
				background: url(../images/ic_sub_u.gif) 0px -2px no-repeat;
				width: 185px;
				padding: 4px 0 3px 13px;
				display: block;	
			}

			div#dropDowns ul li a:hover, div#dropDowns ul li a:active
			{	
				color: #ee2222;
			}

			div#dropDowns div#dropDown6 ul li a
			{	
				width: 219px;
			}


				div#dropDowns ul li#dropDownAan a
				{
					font-weight: bold;
					color: #444444;
					background: url(../images/ic_sub_a.gif) 0px -2px no-repeat;
				}

					div#dropDowns ul li#dropDownAan a:hover, div#dropDowns ul li#dropDownAan a:active
					{
						color: #ee2222;
					}


div#inhoudMenu{
	width: 984px;
	overflow: hidden;
}
	
/* subMenu en subSubMenu */

div#subMenu{
	background: transparent url(../images/achter_submenu.gif) top repeat-y;
	width: 226px;
	margin: 58px 0 15px;
	padding: 0 10px;
	float: left;
}

div#subMenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 226px;
}
	
div#subMenu ul li
{					/* subMenu is opgebouwd met een UL en LI's */
	background: url(../images/ic_sublijn_u.gif) left top no-repeat;
	margin: 0;
	padding: 0;
}

	div#subMenu ul li a, 
	div#subMenu ul li li a,
	div#subMenu ul li li li a
	{	
		font-size: 0.95em;	
		font-weight: normal;
		color: #666666;
		text-decoration: none;
		background: url(../images/ic_sub_u.gif) left top no-repeat;
		width: 210px;
		padding: 5px 2px 6px 14px;
		display: block;	
	}
	
		div#subMenu ul li ul{
			margin: 0 0 3px 0;
			padding: 0;
		}
		

		div#subMenu ul li#subSubMenu
		{	
			background: url(../images/ic_sublijn_a.gif) left top no-repeat;
		}

		div#subMenu ul li#subSubMenu a
		{	
			font-weight: bold;
			color: #444444;
			background: url(../images/ic_sub_a.gif) left top no-repeat;
		}
		

	
		div#subMenu ul li.subSubMenuGetoond
		{	
			background: url(../images/ic_sublijn_a.gif) left top no-repeat;
		}

			div#subMenu ul li#subSubMenu li
			{	
				background: none;
			}
				div#subMenu ul li#subSubMenu li a
				{
					color: #666666;
					font-weight: normal;
					background: url(../images/ic_sub_sub_u.gif) 12px -3px no-repeat;
					width: 199px;
					padding: 3px 2px 5px 25px;
				}
		
					div#subMenu ul li#subSubMenu li#subSubMenuAan a{
						color: #444444;
						font-weight: bold;
						background: url(../images/ic_sub_sub_a.gif) 12px -3px no-repeat;	
					}


				div#subMenu ul li#subSubMenu li#subSubMenuAan li a
				{
					color: #666666;
					font-weight: normal;
					background: none;
					width: 186px;
					padding: 3px 2px 5px 38px;
				}

					div#subMenu ul li#subSubMenu li#subSubMenuAan li#subSubSubMenuAan a{
						color: #444444;
						font-weight: bold;
						background: none;
					}

		
					
	/* Alle hovers zijn rood */
	div#subMenu ul li a:hover, 
	div#subMenu ul li a:active,
	div#subMenu ul li#subSubMenu a:hover, 
	div#subMenu ul li#subSubMenu a:active,
	div#subMenu ul li#subSubMenu li#subSubMenuAan a:hover, 
	div#subMenu ul li#subSubMenu li#subSubMenuAan a:active
	{
		color: #ee2222;
	}
	
					

	div#subMenu ul li#subMenuFooter, 
	div#subMenu ul li#subMenuFooterLijn
	{
		font-size: 0px;
		line-height: 0px;
		background: transparent url(../images/ic_sublijn_u.gif) top no-repeat;
		width: 226px;
		height: 1px;
	}
	div#subMenu ul li#subMenuFooterLijn{
		background: transparent url(../images/ic_sublijn_a.gif) top no-repeat;
	}

		
	div#subMenu ul li#subSubMenu a.submenuArchief{
		background: url(../images/ic_sub_extra_u.gif) no-repeat 15px -5px; 
		padding: 0 0 6px 30px; 
		font-weight: normal;
		width: 196px;
	}
	div#subMenu ul li#subSubMenu ul li#subSubMenuAan a.submenuArchief{
		background: url(../images/ic_sub_extra_u.gif) no-repeat 25px -5px; 
		padding: 0 0 5px 40px; 
		font-weight: normal;
		width: 186px;
	}
	div#subMenu ul li#subSubMenu ul li#subSubMenuAan ul li#subSubSubMenuAan a.submenuArchief{
		background: url(../images/ic_sub_extra_u.gif) no-repeat 38px -5px; 
		padding: 0 0 5px 53px; 
		font-weight: normal;
		width: 173px;
	}
	
	div#subMenu ul li#subSubMenu a.saAan, 
	div#subMenu ul li#subSubMenu ul li#subSubMenuAan a.saAan, 
	div#subMenu ul li#subSubMenu ul li#subSubMenuAan ul li#subSubSubMenuAan a.saAan{
		font-weight: bold; 
		color: #444444;
		}
	

/* INHOUD */

div#inhoud{
	_height: 430px; /*underscore-hack for IE*/ 
	min-height: 300px;
	width: 456px;
	padding: 12px 24px 12px 12px;
	float: left;
}

	


/* SUBCONTENT */
div#subContent{
	width: 226px;
	margin: 57px 0 15px;
	padding: 0 10px;
	float: left;
}

	div.subcontentNormal, 
	div.subcontentZwart, 
	div.subcontentSpecial{
		border-bottom: 1px solid #dddddd;
		margin-bottom: 18px;
	}

		div.subcontentNormal H4, 
		div.subcontentSpecial H4, 
		div.subcontentZwart H4{
			margin: 0;
			padding: 0 2px 5px 24px;
		}
		
		div.subcontentNormal H4{
			color: #77aa33;
			background: transparent url(../images/achter_sub_h4_normal.gif) no-repeat top left;
			border-bottom: 2px solid #77aa33;
		}
		
		div.subcontentZwart H4{
			color: #444444;
			background: transparent url(../images/achter_sub_h4_zwart.gif) no-repeat top left;
			border-bottom: 2px solid #666666;
		}
		
		div.subcontentSpecial{
			border: 1px solid #dddddd;
		}
		
		div.subcontentSpecial H4{
			color: #ddeecc;
			background-image: url(../images/achter_sub_h4_special.gif); /* lange nottie omdat de kleur al bepaald is */
			background-repeat: no-repeat;
			background-position: left top;
			padding: 4px 2px 4px 30px;
		}
		
			div.subBox{
				padding: 5px 2px 8px;
				clear: both;
			}
	
				div.subcontentSpecial div.subBox{
					padding: 5px 2px 8px 8px;
				}
	
				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#printTip{
	width: 61px;
	height: 37px;
	padding: 20px 0 0 746px;
}

div#footer{
	background-image: url(../images/achter_footer.gif); /* lange nottie omdat de kleur al bepaald is */
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 492px;
	width: 492px;
	height: 58px;
}

	div#contact{
		width: 235px;
		height: 47px;
		padding: 11px 0 0 12px;
		border-left: #eeeeee 1px solid;
		float: left;
	}


/* Volgende en- vorige paginalinks indien te veel items */
div#paginatie{
	margin: 22px -2px 0;
	padding: 3px 2px 4px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	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: #888888;
	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: #ee2222;
	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: #ee2222;
	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: #ee2222;
	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: #ee2222;
	padding: 0 14px 0 0;
	background: url(../images/ic_download_a.gif) no-repeat right;
}



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





.bijSchrift{
	color: #444444;
	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{
	height: 1px;
	clear: both;
	background: transparent;
	font-size: 0px;
	line-height: 0px;
}
	div.breaker hr{display: none;}


/* 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: #888888 url(../images/achter_button.gif) right no-repeat;
	padding: 1px 6px 2px;
	height: 18px;
}
	form input.zoekButton:hover{
		background: #ee2222 url(../images/achter_button_a.gif) right no-repeat;
	}
	
		div.formGrijs input.zoekButton{background: #888888 url(../images/achter_button_grijs.gif) right no-repeat;}
		div.formGrijs input.zoekButton:hover{background: #ee2222 url(../images/achter_button_grijs_a.gif) right no-repeat;}


table#formTable td{
	vertical-align: top;
	padding: 0 5px 3px 0;
}


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 h2, div.formWit h2{
	color: #000000;
	font-size: 1em;
	background: transparent url(../images/achter_enquete_h2.gif) left top no-repeat;
	padding: 20px 0 2px 15px;
	margin: 0;
	clear: both;
}


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

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

div.formGrijs .hamVraag, div.formWit .hamVraag{
	background: #f7f7f7;
	padding: 8px;
	margin: 5px 10px 5px 0;
}
	div.formGrijs .hamVraag h2, div.formWit .hamVraag h2{
		padding-top: 0;
		background: transparent url(../images/ic_hamvraag.gif) left top no-repeat;
	}


/* 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;
}

	
/* MK Nieuws */
div.bronVermelding{margin-top: 8px;}