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

body{
	background: #eee;
}

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

div#container{
	padding: 6px 12px;
	width: 960px;
	overflow: auto;
}

div#topmenu{
	clear: both;
	height: 64px;
}

	div#serviceMenu, 
	div#breadCrumb, 
	div#letterGrootte, 
	div#biebTref
	{
		color: #999;
		width: 170px;
		height: 58px;
		padding: 3px 11px;
		float: left;
		background: url(../images/achter_stippel_vert.gif) top left no-repeat;
		word-spacing: 0.4em;
	}

	div#serviceMenu a, 
	div#breadCrumb a, 
	div#letterGrootte a, 
	div#biebTref a, 
	div#footer a
	{
		color: #999;
		text-decoration: none;
	}
		div#serviceMenu a:hover, div#serviceMenu a:active, 
		div#breadCrumb a:hover, div#breadCrumb a:active, 
		div#letterGrootte a:hover, div#letterGrootte a:active, 
		div#biebTref a:hover, div#biebTref a:active, 
		div#footer a:hover, div#footer a:active, 
		div#serviceMenu a#serviceMenuAan, 
		div#biebTref a#serviceMenuAan, 
		div#footer a#serviceMenuAan
		{
			color: #eb6e08;
		}
		
	
	div#breadCrumb{
		width: 362px;
		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;
	_height: 650px;
	min-height: 650px;
}
	

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



/* INHOUD */

div#menu{
	width: 192px;
	background: #eb6e08;
	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: 356px;
	padding: 0 14px;
	float: left;
	overflow-x: hidden;
}



/* SUBCONTENT */
div#subContent{
	width: 192px;
	float: left;
	background: #eee;
	_height: 650px;
	min-height: 650px;
}

	img#subcontentFoto{}
	
	div#subContentInhoud{
		padding: 48px 6px 18px;
		width: 180px;
	}

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

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


		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{
		padding: 0 6px;
		_height: 70px;
		min-height: 70px;
		}

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

	
div#extraContent{
	width: 192px;
	float: left;
}	
	

	div#anKeiler{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		font-size: 1.35em;
		width: 163px;
		padding: 17px 12px 25px 17px;
		background: #B1C800;
		
		display: table;
		height: 150px;
		#position: relative;
		overflow: hidden;
	}
		div#anKeiler.anKeilerJeugd{background: #c01}
		div#anKeiler.anKeilerSchulden{background: #09e}
		div#anKeiler.anKeilerHuiselijkGeweld{background: #fb0}
		div#anKeiler.anKeilerMultiProblem{background: #83d0f0;}
		div#anKeiler.anKeilerBemoeizorg{background: #969;}
		div#anKeiler.anKeilerMediation{background: #c06;}
		div#anKeiler.anKeilerSocialeActivering{background: #44a122;}
		div#anKeiler.anKeilerDakThuisLozen{background: #b1c800;}
		div#anKeiler.anKeilerBedrijfsMaatschappelijkWerk{background: #07b;}
		div#anKeiler.anKeilerBuurtNetwerk{background: #008bce;}
		div#anKeiler.anKeilerOuderen{background: #3db49f;}
		div#anKeiler.ankeilerWeerbaarheid{background: #099;}
		div#anKeiler.ankeilerAssertiviteitstraining{background: #fb0;}
		div#anKeiler.ankeilerPrivacy{background: #b7c72a;}
		div#anKeiler.ankeilerBudgetteren{background: #e4222f;}

		div#anKeiler div{
			#position: absolute;
			#top: 50%;
			display: table-cell;
			vertical-align: middle;
		}

			div#anKeiler p{
				#position: relative;
				#top: -50%;
				display: block;
				width: 163px;
			}

/* back-up alvorens bovenstaande vertical-align-hack toe te passen, deze bevat een table :-(
	div#anKeiler{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		font-size: 1.35em;
		width: 165px;
		_height: 150px;
		min-height: 150px;
		padding: 17px 10px 25px 17px;
		background: #B1C800;
		vertical-align:middle;
	}
	div#anKeiler table td{
		height: 150px;
		width: 165px;
		vertical-align:middle;
	}
*/



/* 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: 356px;
	margin: 22px 0 0;
	padding: 7px 2px 4px;
	height: 15px;
	background: url(../images/achter_paginatie.gif) top left no-repeat;
	clear: both;
}

div#pagVorige{
	width: 178px;
	float: left;
}

	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{
		color: #999;
		background: url(../images/ic_terug_a.gif) no-repeat left;
	}

div#pagVolgende{
	text-align: right;
	width: 178px;
	float: left;
	clear: right;
}
	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{
		color: #999;
		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.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, 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 no-repeat;
	/*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;
	}


/* --- vacaturebank --- */

#vacatures {
	
}



#vacature {
	
}

	#vacature p.subTitle {
		margin: -9px 0 1.4em;
	}
	
	#vacApply {
		
	}
	
		#vacApply table {
			font-size: 1.0em;
			margin-bottom: 1.4em;
			border-spacing: 0;
			border-collapse: collapse;
		}
		
			#vacApply th, #vacApply td {
				font-weight: normal;
				text-align: left;
				vertical-align: top;
				padding: 0;
			}
			
			#vacApply th {
				padding-right: 10px;
			}
			
	#vacLinks {
		margin-bottom: 1.4em;
	}
			
	p.noAcquisition {
		margin-bottom: 2.8em;
	}

#apply {
	
}

	#apply h2.job {
		font-size: 1.0em;
		font-weight: normal;
		color: #000;
		margin-bottom: 0;
	}
	
		#apply h2.job em {
			display: block;
			color: #901;
			font-style: normal;
			font-weight: bold;
		}
		
	#applyForJob {
		
	}
	
		#applyForJob dl {
			margin: 0 0 1.4em;
		}
	
		.emailServiceProfile dl {
			margin: 0;
		}
		
			#applyForJob dt,
			.emailServiceProfile dt {
				margin: 0.7em 0 1px;
			}
		
			#applyForJob dd,
			.emailServiceProfile dd {
				margin: 0;
			}
			
				#applyForJob input,
				.emailServiceProfile input{
					width: 350px;
				}
				
				input#dagen {
					width: 30px;
				}
			
				#applyForJob input.choice, #applyForJob .button input,
				.emailServiceProfile input.choice, .emailServiceProfile .button input, .emailServiceProfile .checkboxField input, .emailServiceProfile .formButtons input {
					width: auto;
				}
				
/* -- e-mailservice --- */

form.emailServiceProfile {
	
}

	#emailService p, .emailServiceProfile p {
		margin-bottom: 1.4em;
	}
	
	#emailService p.more {
		margin-top: -1.4em;
	}
	
	#emailService p.input {
		margin-bottom: 0.7em;
	}

	#emailService fieldset, .emailServiceProfile fieldset {
		float: left;
		clear: both;
		width: 100%;
		padding: 0;
		border-style: none;
	}
	
		.emailServiceProfile legend {
			color: #901;
			font-size: 1.0em;
			font-weight: bold;
			white-space: normal;
			padding: 17px 0 1px;
			border-style: none;
		}
	
		#emailService legend {
			color: #000;
			font-size: 1.0em;
			font-weight: bold;
			white-space: normal;
			margin-top: 14px;
			padding: 0;
			border-style: none;
		}
		
		.emailServiceProfile legend.offScreen, #emailService legend.offScreen {
			margin-bottom: -1.4em;
		}
		
		#emailService label {
			display: block;
			float: left;
			width: 100px;
			margin-top: 4px;
		}
		
		#emailService .jsRequest #login,
		#emailService .jsSwap #requestPassword {
			display: none;
		}
		
		#emailService .jsRequest #requestPassword {
			display: block;
		}
	
	#inhoud form.emailServiceProfile .checkboxField li {
		padding-left: 0;
		background-image: none;
	}

	form.emailServiceProfile .formButtons {
		float: left;
		clear: both;
		width: 100%;
		margin-top: 1.4em;
	}