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

body{background: #eee url(../images/achter_container.gif) left top repeat-x;}

	body.maandag{background: #eee url(../images/achter_container_1.gif) left top repeat-x;}
	body.dinsdag{background: #eee url(../images/achter_container_2.gif) left top repeat-x;}
	body.woensdag{background: #eee url(../images/achter_container_3.gif) left top repeat-x;}
	body.donderdag{background: #eee url(../images/achter_container_4.gif) left top repeat-x;}
	body.vrijdag{background: #eee url(../images/achter_container_5.gif) left top repeat-x;}
	body.zaterdag{background: #eee url(../images/achter_container_6.gif) left top repeat-x;}
	body.zondag{background: #eee url(../images/achter_container_7.gif) left top repeat-x;}

div#achter{
	background: url(../images/achter_achter.gif) left top;	
	width: 984px;
	margin: 0 auto;
	height: 100%;
}

div#container{
	background: #fff;	
	width: 984px;
	padding: 0 0 12px 0;
	overflow: auto;
}

div#topmenu{
	background: url(../images/achter_topmenu.gif) left top repeat-x;
	height: 82px;
	padding: 36px 12px 0;
	clear: both;
	position: relative;
}

	body.maandag div#topmenu{background: url(../images/achter_topmenu_1.gif) left top repeat-x;}
	body.dinsdag div#topmenu{background: url(../images/achter_topmenu_2.gif) left top repeat-x;}
	body.woensdag div#topmenu{background: url(../images/achter_topmenu_3.gif) left top repeat-x;}
	body.donderdag div#topmenu{background: url(../images/achter_topmenu_4.gif) left top repeat-x;}
	body.vrijdag div#topmenu{background: url(../images/achter_topmenu_5.gif) left top repeat-x;}
	body.zaterdag div#topmenu{background: url(../images/achter_topmenu_6.gif) left top repeat-x;}
	body.zondag div#topmenu{background: url(../images/achter_topmenu_7.gif) left top repeat-x;}


	div#serviceMenu, 
	div#breadCrumb, 
	div#letterGrootte, 
	div#bibliotheek, 
	div#bibliotheekSluiten
	{
		color: #999;
		width: 184px;
		height: 64px;
		padding: 5px 16px;
		float: left;
		background: url(../images/achter_stippel_vert.gif) top left no-repeat;
	}

	div#serviceMenu a, 
	div#breadCrumb a, 
	div#letterGrootte a, 
	div#bibliotheek a, 
	div#bibliotheekSluiten a, 
	div#footer a
	{
		color: #999;
		text-decoration: none;
	}
	
		div#serviceMenu{padding-top: 3px;}
		div#serviceMenu a{display:block; padding: 1px 0 6px 20px;}
		div#bibliotheek a{color: #009ee0;}
	
		div#breadCrumb a:hover, div#breadCrumb a:active, 
		div#letterGrootte a:hover, div#letterGrootte a:active, 
		div#bibliotheek a:hover, div#bibliotheek a:active, 
		div#bibliotheekSluiten a:hover, div#bibliotheekSluiten a:active, 
		div#footer a:hover, div#footer a:active, 
		div#serviceMenu a#serviceMenuAan, 
		div#biebTref a#serviceMenuAan, 
		div#footer a#serviceMenuAan
		{
			color: #eb6e08;
		}
		
		form#zoeken{
			background:url(../images/ic_zoeken_u.gif) left top no-repeat;
			padding: 0 0 6px 20px;
		}
		form#zoeken input.zoekText{
			height: 14px;
			color: #999;
			font-size: 0.85em;
			padding: 0 0 0 3px;
			border: 1px solid #ccc;
		}

		a#sitemap{background:url(../images/ic_sitemap_u.gif) left top no-repeat;}
		a:hover#sitemap, a:active#sitemap, a#sitemap.serviceMenuAan{color: #eb6e08; background:url(../images/ic_sitemap_a.gif) left top no-repeat;}

		a#contact{background:url(../images/ic_contact_u.gif) left top no-repeat;}
		a:hover#contact, a:active#contact, a#contact.serviceMenuAan{color: #eb6e08; background:url(../images/ic_contact_a.gif) left top no-repeat;}
	
		/* Bibliotheek uitklapper */
		div#bibliotheekUitklap{
			background: #ddd;
			position: absolute;
			width: 721px;
			margin-top: -6px;
		}

			div#bibliotheekSluiten{
				width: 689px;
				height: auto;
				padding: 11px 16px 22px;
				float: none;
				background: #ddd;
				border-bottom: 1px #fff dotted;
			}
			div#bibliotheekSluiten a{color: #009ee0;}

			#bibliotheekOpties{
				padding: 0 0 12px 16px;
			}
			#bibliotheekOpties div.zoekRij{
				float: left;
				width: 235px;
				padding: 0 10px 0 0;
			}

			#bibliotheekUitklap div.zoekButton{
				padding-left: 25px;
			}

				#bibliotheekUitklap input.zoekButton{
					padding: 3px 40px 3px 34px;
					font-size: 1.0em;
					background-color: #901;
				}

					#bibliotheekUitklap input.zoekButton:hover, #bibliotheekUitklap input.zoekButton:active{ background-color: #eb6e08}

		
	div#breadCrumb{
		width: 472px;
		word-spacing: 0;
	}
		div#breadCrumb a{color: #eb6e08;}
		div#breadCrumb a:hover, div#breadCrumb a:active{color: #444;}

	div#letterGrootte div{
		float: left;
		vertical-align: top;
		width: auto;
	}




div#siteContent{
	width: 960px;
	clear: both;
	margin: 0 12px;
}
	

/* Let op! Menu in een aparte stylesheet! (menu.css) */



/* INHOUD */

div#menu{
	width: 216px;
	background: #009ee0;
	padding: 38px 0 138px 0;
	margin: 0;
	float: left;
}
/* De rest van het menu staat in een externe stylesheet: menu.css */

div#inhoud{
	_height: 430px; /*underscore-hack for IE*/ 
	min-height: 300px;
	width: 476px;
	padding: 0 14px 14px;
	float: left;
	overflow-x: hidden;
}



/* SUBCONTENT */
div#subContent{
	width: 239px;
	float: left;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: url(../images/logo.gif) -10px -70px no-repeat;
	padding: 135px 0 0;
	position: relative; /* december versieringen - johan */
}
	div#sinterklaas { /* Sinterklaas versieringen - johan */
		position: absolute;
		right: 30px;
		top: -34px;
	}
	* html div#sinterklaas {right: 29px;top: -33px;}

	div#kerstmis { /* Kerst versieringen - Niek */
		position: absolute;
		right: 32px;
		top: -36px;
	}
	* html div#kerstmis {right: 31px;top: -35px;}
	
	
	
	div#subContentInhoud{
		padding: 0 0 0 11px;
	}

	div.subcontentStijl1, 
	div.subcontentStijl2, 
	div.subcontentStijl3{
		padding-bottom: 30px;
	}

	div.subcontentStijl1{border-top: 4px solid #47A02A;}
	div.subcontentStijl2{border-top: 4px solid #EC6E08;}
	div.subcontentStijl3{border-top: 4px solid #009fe0;} 


		div#subContentInhoud ul li{
			background: url(../images/achter_li_home_subcontent.gif) no-repeat;
		}

		div#subContentInhoud h2{
			color: #333;
			font-size: 1.35em;
			font-weight: normal;
			line-height: 1.5em;
			margin: 0;
			padding: 3px 0 10px 3px;
			border-bottom: 1px solid #ccc;
		}

			div#subContentInhoud h2 img{
				vertical-align: top;
				margin: 3px 7px 6px 0;
				display:block;
				float: left;
			}
		
			div#subContent div.item{
				color: #666;
				padding: 3px;
				clear: both;
			}

	div#printTip{
		border-top: 1px solid #ddd;
		padding: 9px 15px 12px;
		}

	div#printTip a{
		color: #999;
		text-decoration: none;
		padding: 3px 15px 2px 21px;
		display: block;
	}
		div#printTip a:hover, div#printTip a:active{
			color: #eb6e08;
		}
			div#printTip a#printKnop{background:url(../images/ic_print_u.gif) left no-repeat;}
			div#printTip a#tipKnop{background:url(../images/ic_tip_u.gif) left no-repeat;}
			div#printTip a#feedbackKnop{background:url(../images/ic_feedback_u.gif) left no-repeat;}

			div#printTip a#printKnop:hover, div#printTip a#printKnop:active{background:url(../images/ic_print_a.gif) left no-repeat;}
			div#printTip a#tipKnop:hover, div#printTip a#tipKnop:active{background:url(../images/ic_tip_a.gif) left no-repeat;}
			div#printTip a#feedbackKnop:hover, div#printTip a#feedbackKnop:active{background:url(../images/ic_feedback_a.gif) left no-repeat;}

	


/* FOOTER */	

div#footer{
	width: 194px;
	height: 20px;
	padding: 20px 0 0 790px;
	background: url(../images/achter_footer.gif) top left no-repeat;
}



/* Volgende en- vorige paginalinks indien te veel items */
div#paginatie{
	width: 472px;
	margin: 22px 0 0;
	padding: 7px 2px 4px;
	height: 15px;
	background: url(../images/achter_paginatie.gif) top left repeat-x;
	clear: both;
}

div#pagVorige, div.pagVorige{
	width: 236px;
	float: left;
}

	div#pagVorige a, 
	div.pagVorige a{
		color: #eb6e08;
		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, 
	div.pagVorige a:hover, div.pagVorige a:active{
		color: #999;
		background: url(../images/ic_terug_a.gif) no-repeat left;
	}

div#pagVolgende, 
div.pagVolgende{
	text-align: right;
	width: 236px;
	float: left;
	clear: right;
}
	div#pagVolgende a, 
	div.pagVolgende a{
		color: #eb6e08;
		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, 
	div.pagVolgende a:hover, div.pagVolgende a:active{
		color: #999;
		background: url(../images/ic_verder_a.gif) no-repeat right;
	}


div#pagNrs, 
div.pagNrs{
	text-align: center; 
	width: 225px;
	float: left;
	padding: 0;
}

	div#pagNrs a, 
	div.pagNrs a{
		padding: 0 2px;
	}

		div#pagNrs a.selected, 
		div.pagNrs a.selected{
			font-weight: bold;
			text-decoration: none;
			color: #eb6e08;
		}

	#wieIsWie div#pagVorige, #wieIsWie div.pagVorige, 
	#wieIsWie div#pagVolgende, #wieIsWie div.pagVolgende
	{width: 125px;}


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

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

a:link.terugLink, a:visited.terugLink{
	color: #eb6e08;
	text-decoration:none;
	padding: 0 0 0 13px;
	background: url(../images/ic_terug_u.gif) no-repeat left;
}
a:hover.terugLink, a:active.terugLink{
	color: #999;
	text-decoration: underline;
	padding: 0 0 0 13px;
	background: url(../images/ic_terug_a.gif) no-repeat left;
}

a:link.topLink, a:visited.topLink{
	color: #eb6e08;
	font-weight: normal;
	padding: 0 13px 0 0;
	background: url(../images/ic_top_u.gif) no-repeat right;
}
a:hover.topLink, a:active.topLink{
	color: #999;
	padding: 0 13px 0 0;
	background: url(../images/ic_top_a.gif) no-repeat right;
}

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





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

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


/* 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{
	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 -7px;
	width: 230px;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #ccc;
	visibility: hidden;
}

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


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

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


/* FORMULIER */

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

form input.zoekButton{
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	border: none;
	margin-top: 15px;
	padding: 1px 13px 1px 7px;
	background: #EB6E08 url(../images/ic_zoekbutton_u.gif) no-repeat right;
}
	form input.zoekButton:hover, form input.zoekButton:active{
		background: #901 url(../images/ic_zoekbutton_u.gif) no-repeat right;
	}
	


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


div.formGrijs, div.formWit{
	background: url(../images/achter_stippel_1px.gif) top left repeat-x;
	/*padding: 1px 4px 24px 12px;*/
	padding: 0 0 10px;
	margin: 15px 0;
	clear: both;
}
div.formGrijs form, div.formWit form{
	background: url(../images/achter_stippel_1px.gif) bottom left no-repeat;
	padding: 0 0 10px;
}



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

div.formGrijs h2, div.formWit h2{
	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;
	}
	
/* Wie is wi gids */
div.smoelItem{
	float: left;
	width: 158px;
	text-align: center;
}

	div.smoelDetail div.smoelItem{float: right;}


div.smoelItem img{border: medium double #009ee0;}
	div.smoelItem img:hover{border: medium double #eb6e08;}

a.smoelNaam{
	color: #009ee0;
	text-decoration: none;
	font-weight: bold;
}
	a.smoelNaam:hover, a.smoelNaam:active{color: #eb6e08}

div.hrStippel{
	border-top: 1px dotted #ccc;
	height: 10px;
	margin-top: 10px;
	line-height:1px;
}
	div.hrStippel hr{display: none;}
	
	/* Jubilarissen en verjaardagen */
	.jr5, .jr10, .jr15, .jr20, .jr25, .jr30, .jr35, .jr40, .jr45, .jr50, .jr55, .jr60, .jr65, .jr70, .jr75, .jr80{
		color: #ff2c00;
	}