body {
	background: #A4C300;
	width: 100%;
}

#container{
	background: url("/images/bg_body_v2.gif") repeat-y scroll center top #A4C300;	
}

#wrapper {
	/*background: #fff;*/
	width: 960px;
	padding: 0 1px;
	margin:  0 auto;
}



/* ----- siteHeader ----- */
#siteHeader {
	background: #a4c300 url(../images/bg_siteHeader.gif) 0 0 no-repeat;
	width: 960px;
	min-height: 126px;
	position: relative;
}
* html #siteHeader {height: 119px;}
	
	#mainNav { /* ul */
		width: 712px;
		padding: 0;
		margin-left: 8px;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
	}	
	* html #mainNav {bottom: -1px;}
	
		#mainNav li {
			float: left;
			margin: 0 0 0 4px;
			padding-left: 0;
			text-align: center;
		}
		
		
		* html #mainNav li {height: 26px;}
		
		#mainNav li a {
			color: #004175;
			display: inline-block;
			font-size: 1.124em;
			font-weight: bold;
			padding: 9px 9px 6px;
			text-decoration: none;
			width: 156px;
		}
		
				#mainNav li a.meedoenwerkt{background: url("../images/mainNav_meedoenwerkt.gif") no-repeat scroll 0 -1px #FFFFFF; width: 162px;}
				#mainNav li a.mogelijkheden{background: url("../images/mainNav_mogelijkheden.gif") no-repeat scroll 0 -1px #FFFFFF; width: 119px;}
				#mainNav li a.activiteiten{background: url("../images/mainNav_activiteiten.gif") no-repeat scroll 0 -1px #FFFFFF; width: 104px;}
				#mainNav li a.werkzoeken{background: url("../images/mainNav_werkzoeken.gif") no-repeat scroll 0 -1px #FFFFFF; width: 112px;}
				#mainNav li a.werkgevers{background: url("../images/mainNav_werkgevers.gif") no-repeat scroll 0 -1px #FFFFFF; width: 105px;}

					#mainNav li.aan a,
					#mainNav li a:focus, #mainNav li a:hover {
						color: #fff;
						outline: none;
					}
					#mainNav li.aan a.meedoenwerkt, #mainNav li a.meedoenwerkt:focus, #mainNav li a.meedoenwerkt:hover {background: url("../images/mainNav_meedoenwerkt_actief.gif") no-repeat left -1px #004175;}
					#mainNav li.aan a.mogelijkheden, #mainNav li a.mogelijkheden:focus, #mainNav li a.mogelijkheden:hover {background: url("../images/mainNav_mogelijkheden_actief.gif") no-repeat left -1px #004175;}
					#mainNav li.aan a.activiteiten, #mainNav li a.activiteiten:focus, #mainNav li a.activiteiten:hover {background: url("../images/mainNav_activiteiten_actief.gif") no-repeat left -1px #004175;}
					#mainNav li.aan a.werkzoeken, #mainNav li a.werkzoeken:focus, #mainNav li a.werkzoeken:hover {background: url("../images/mainNav_werkzoeken_actief.gif") no-repeat left -1px #004175;}
					#mainNav li.aan a.werkgevers, #mainNav li a.werkgevers:focus, #mainNav li a.werkgevers:hover {background: url("../images/mainNav_werkgevers_actief.gif") no-repeat left -1px #004175;}

	#shortcuts { /* ul */
		height: 13px;
		padding: 0;
		margin: 0;
		right: 251px;
		top: 13px;
		position: absolute;
		font-size: 0.8em;
	}
		#shortcuts li {
			background: none;
			float: left;
			margin: 0 0 0 18px;
			padding: 0;
		}
			#shortcuts li a {
				padding: 0 0 0 19px;
				color: #898b81;
				text-decoration: none;
			}
				#shortcuts li a:focus, #shortcuts li a:hover {
					color: #a41b35;
					outline: none;
				}
			
			.nieuws a {
				background: url(../images/ic_nieuws.gif) 0 0 no-repeat;
			}
			.contact a {
				background: url(../images/ic_contact.gif) 0 1px no-repeat;
			}
			.sitemap a {
				background: url(../images/ic_sitemap.gif) 0 1px no-repeat;
			}
				.nieuws a:focus, .nieuws a:hover {
					background-position: 0 -47px;
				}
				.contact a:focus, .contact a:hover,
				.sitemap a:focus, .sitemap a:hover {
					background-position: 0 -46px;
				}
	
	
	#siteSearch {
		height: 19px;
		right: 36px;
		top: 10px;
		position: absolute;
	}
		#zkr_words {
			background: none;
			width: 139px;
			height: 15px;
			border: solid 1px #b9bbb5;
			border-right: none;
			margin: 0;
			vertical-align: bottom;
		}
		* html #zkr_words {position: absolute; top: 0; right: 50px;}
				
		#zkr_button {
			background: #b9bbb5;
			width: 50px;			
			height: 19px;
			border: solid 1px #b9bbb5;
			color: #fff;
			cursor: pointer;
			margin: 0;
			font-size: 0.8em;
			padding: 0 0 1px 0;
			vertical-align: bottom;
		}
		* html #zkr_button {position: absolute; top: 0; right: 0;}
		
			#zkr_button:focus, #zkr_button:hover {
				background: #a41b35;
				border: solid 1px #a41b35;
				outline: none;
			}

	#logo {
		width: 163px;
		height: 50px;
		display: block;
		position: absolute;
		left: 20px;
		top: 8px;
	}
	
	#logoPurmerend {
		width: 133px;
		height: 48px;
		display: block;
		position: absolute;
		right: 18px;
		top: 63px;
	}



/* ----- pageHeader ----- */
#pageHeader {
	background: url(../images/bg_pageHeader.gif) 0 0 no-repeat;
	width: 960px;
	min-height: 90px;
}
* html #pageHeader {height: 90px;}

	#pageHeader h1 {
		width: 445px;
		padding: 54px 0 0 248px;
	}	




/* ----- pageContainer ----- */
#pageContainer {
	background: #fff;
	width: 960px;
	float: left;
	display: block;
	clear: both;
	margin-bottom: 139px;
}


	/* ----- subNav ----- */
	#subNav {
		width: 210px;
		padding: 30px 0 0 12px;
		float: left;
		position: relative;
	}
		#homeButton {
			background: url(../images/ic_homeButton.gif) 0 5px no-repeat;
			padding: 0 0 0 10px;
			color: #898b81;
			text-decoration: none;
			position: absolute;
			top: -26px;
			left: 18px;
		}
		#homeButton:focus, #homeButton:hover {
			background-position: 0 -95px;
			color: #a41b35;
		}
	
		
		#subNav ul {
			border-bottom: solid 1px #eaece2;
		}
			#subNav ul li {
				background: none;
				padding: 0;
				
			}
				#subNav ul li a {
					background: url(../images/ic_subNav.gif) 6px 10px no-repeat;
					padding: 5px 4px 4px 16px;
					height: 17px;					
					border-top: solid 1px #eaece2;
					color: #898b81;
					text-decoration: none;
					display: block;
				}
					#subNav ul li a:focus, #subNav ul li a:hover {
						background-position: 6px -90px;
						color: #004175;
					}

				#subNav ul li a.selected {
					background-position: 6px -90px;
					font-weight: bold;
					color: #004175;
				}
		
			
		#subNav ul li ul {
			padding: 4px 0 8px 0;
			border-bottom: none;
		}
			#subNav ul li ul li a {
				background: none;
				border-top: none;
				padding: 0 4px 2px 26px;
				font-weight: normal;
				color: #898b81;
			}
				#subNav ul li ul li a:focus, #subNav ul li ul li a:hover {
					background: url(../images/ic_subNav.gif) 16px -95px no-repeat;
					color: #004175;
				}
				
			#subNav ul li ul li a.selected {
				background: url(../images/ic_subNav.gif) 16px -95px no-repeat;
				color: #004175;
				font-weight: normal;
			}
	
	
	/* ----- content ----- */
	#content {
		padding: 29px 24px 0 24px;
		width: 449px;
		float: left;
		overflow-x: hidden;
	}
	
	.introductie {
		color: #a41b35;
		font-size: 1.123em;
	}
		.introductie a {
			color: #004175;
		}
			.introductie a:focus, .introductie a:hover {
				color: #004175;
			}
	
	.bijSchrift {
		padding-top: 0.2em;
		color: #a41b35;
		display: block;
	}
	
	
	/* ----- sideBar ----- */
	#sideBar {
		width: 216px;
		padding: 30px 12px 0 12px;
		float: left;
	}
	
	
	/* stijl3 zorgt ervoor dat de fotos (uit de psd template) mooi in de boog vallen */
	.subcontentStijl3 {
		margin-top: -88px;
	}	
		.subcontentStijl3 div.imgPopUpleft, .subcontentStijl3 img.imgleft,
		.subcontentStijl3 div.imgPopUpright, .subcontentStijl3 img.imgright,
		.subcontentStijl33 div.imgPopUpcenter, .subcontentStijl3 img.imgcenter {
			margin: 0;
			padding: 0;
		}




/* ----- footer ----- */
#footer {
	background: url("../images/bg_footer.v2.gif") no-repeat scroll 0 bottom #FFFFFF;
    clear: both;
    display: block;
    /*float: left;*/
    height: 186px;
	margin: 0 auto;
    position: relative;
    width: 1150px;
}
#footer.spacer {margin-top: 59px;}
	#pageOptions {
		position: absolute;
		right: 252px;
		top: 39px;
	}
		#pageOptions li {
			background: none;
			float: left;
			margin: 0 0 0 18px;
			padding: 0;
		}
			#pageOptions li a {
				padding: 0 0 0 23px;
				color: #898b81;
				text-decoration: none;
			}
				#pageOptions li a:focus, #pageOptions li a:hover {
					color: #a41b35;
					outline: none;
				}
			
			.tipEenAnder a {
				background: url(../images/ic_tipEenAnder.gif) 0 0 no-repeat;
			}
				.tipEenAnder a:focus, .tipEenAnder a:hover {
					background-position: 0 -47px;
				}
	
	
	#logoEsf {
		position: absolute;
		right: 99px;
		top: 74px;
	}
		



/* ----- homepage ----- */

#homeContainer {
	background: #fff url(../images/bg_homeContainer_2.jpg) 0 0 no-repeat;
	width: 960px;
	padding: 198px 12px 0 12px;
	float: left;
	position: relative;
	margin-bottom: 70px;
}
	#homeContainer h2 {		
		font-size: 1.5em;
	}

#introductieCarroussel {
	background: url("../images/bg_introductieCarroussel.gif") no-repeat 0 bottom transparent;
	width: 708px;
	min-height: 188px;
	float: left;
}
* html #introductieCarroussel {height: 188px;}

	#introductie {
		float: left;
    	width: 354px;
	}
	
		#introductie .top{
			background: url("../images/bg_introductie_2.gif") no-repeat scroll 0 0 #004175;
			height: 13px;	
		}
		
		#introductie .midden{
			color: #FFFFFF;
			min-height: 115px;
			padding: 30px 24px;
			/*font-size: 1.25em;   Volgens ontwerp, maar klant wil het toch niet */	
		}
	
		.bottom a{
			float: right;
    		padding: 0 15px 15px;	
		}
	
	* html #introductie, * html #carroussel {height: 128px;}

		#introductie a {
			color: #babbb1;
		}
			#introductie a:focus, #introductie a:hover {
				color: #babbb1;
			}
	
	#carroussel {
		float: left;
		width: 354px;
	}
	
		#carroussel .top{
			background: url("../images/bg_carroussel_2.gif") no-repeat scroll 0 0 #F1F2EC;
			height: 21px;	
		}
	
		
	/* --- anyThingSlider --- */			
	.anythingSlider                         { width: 354px; height: 140px; position: relative; padding-top: 27px;}
	.anythingSlider .wrapper                { width: 354px; overflow: auto; height: 140px; position: absolute; top: 0; left: 0;}
	.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 14px; left: 0;}
	.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 140px; width: 306px; margin: 0; background: none; padding: 0 24px; }
	
	.anythingSlider a.arrow {
		position: absolute; left: -9999px; text-indent: -9999px; line-height: 0;
	}
	
	.carrousselTitle {
		position: absolute;
		width: 306px;
		color: #898b81;
		border-bottom: solid 1px #eaece2;
		padding: 0 2px 4px 2px;
		left: 22px;
		top: 0;
	}
			
	#thumbNav {
		position: absolute;
		left: 84px;
		top: 1px;
	}
		#thumbNav a {
			border: 1px solid #babbb1;
			color: #898b81;
			display: inline-block;
			font-size: 0.85em;
			height: 12px;
			line-height: 1.1em;
			margin-left: 6px;
			padding: 0 3px;
			text-decoration: none;
		}
			#thumbNav a.cur,
			#thumbNav a:focus, #thumbNav a:hover {
				background: #babbb1;
				border: 1px solid #babbb1;
				color: #fff;
			}
		
	/*
	  Prevents
	*/
	.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
	.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
	
	/* static (if only 1 item) */
	.static .wrapper {overflow: visible;}
	.static .wrapper ul {width: auto;}	

#contentBlock {
	width: 100%;
	overflow: auto;	
}

.actueelHome, .customHome {
	width: 320px;
	padding: 0 12px 0 22px;
	float: left;
}
	
	/* uitzondering voor derde kolom, past op .customHome en .actueelHome */
	.small {
		width: 216px;
		padding: 0 0 0 12px;	
	}

	.actueelHome h2, .customHome h2 {
		border-bottom: solid 1px #eaece2;
		padding: 1.65em 2px 0.3em 2px;
	}
	
	.actueelHome ul {
		padding: 0.3em 0 0 0;
	}
		.actueelHome ul li {
			background: none;
			padding: 0;
		}
			.actueelHome ul li a {
				background: url(../images/ic_nieuwsHome.gif) 3px 4px no-repeat;
				padding: 0 4px 0 14px;
				color: #004175;
			}
				.actueelHome ul li a:focus, .actueelHome ul li a:hover {
					background-position: 3px -96px;
					color: #a41b35;
				}
			
			.actueelHome ul li.all a {
				background: url(../images/ic_nieuwsHomeAll.gif) 1px 4px no-repeat;
				color: #a41b35;
			}
				.actueelHome ul li.all a:focus, .actueelHome ul li.all a:hover {
					background-position: 1px -96px;
					color: #004175;
				}

	
	.customHome .item {
		padding: 0.3em 4px 0 4px;
	}



#sideBarHome {
	width: 216px;
	position: absolute;
	right: 32px;
	top: 291px;
}
	#sideBarHome h2 {
		border-bottom: solid 1px #eaece2;
		padding: 0 8px 0.3em 2px;
	}
		#sideBarHome h2 a {
			background: url(../images/ic_nwbHome.gif) right 9px no-repeat;
			text-decoration: none;
			display: block;
		}
			#sideBarHome h2 a:focus, #sideBarHome h2 a:hover {
				background-position: right -91px;
				text-decoration: none;
				color: #004175;
			}


/* ----- formulier ----- */

input.sendButton {
	background: #a41b35;
	border: solid 1px #a41b35;
	color: #fff;
	cursor: pointer;
	margin: 16px 0 12px 0;
	padding: 0 6px 1px 6px;
	vertical-align: bottom;
}
	input.sendButton:focus, input.sendButton:hover {
		background: #b9bbb5;
		border: solid 1px #b9bbb5;
		outline: none;
	}
	
	
	
/* --- htdig zoekresultaten --- */

div#zoekRes {
	width: 100%;
	padding: 0 40px 0 0;
	overflow-x: hidden;
}

div#zoekRes h2 {
	padding: 0 0 3px 0;
	border-bottom: 1px solid #e9e7e5;
	margin: 18px 0 0 0;
	font-weight: bold;
}
	div#zoekRes h2 a, div#zoekRes h2 a:visited, div#zoekRes h2 a:active {
		text-decoration: none;
	}
		div#zoekRes h2 a:focus, div#zoekRes h2 a:hover {
 
		}

div#zoekRes p {
	padding: 3px 0;
}


/* --- sitemap --- */

#sitemap ul {	
	margin: 0 0 32px 0;
}
	#sitemap ul li {
		background: none;
		padding: 0;		
	}
		#sitemap ul li a {
			background: none;
			padding: 5px 4px 4px 4px;
			height: 17px;
			border-top: solid 1px #eaece2;
			font-size: 1.25em;
			font-weight: bold;
			color: #004175;
			text-decoration: none;
			display: block;
		}
			#sitemap ul li a:focus, #sitemap ul li a:hover {
				background-position: 6px -90px;
				color: #898b81;
			}
		

	#sitemap ul li ul {
		border-bottom: solid 1px #eaece2;
		margin: 0;
	}
		#sitemap ul li ul li {
			background: none;
			padding: 0;
			
		}
			#sitemap ul li ul li a {
				background: url(../images/ic_subNav.gif) 6px 10px no-repeat;
				padding: 5px 4px 4px 16px;
				height: 17px;					
				border-top: solid 1px #eaece2;
				color: #898b81;
				font-size: 1.0em;
				font-weight: normal;
				text-decoration: none;
				display: block;
			}
				#sitemap ul li ul li a:focus, #sitemap ul li ul li a:hover {
					background-position: 6px -90px;
					color: #004175;
				}
	
		
	#sitemap ul li ul li ul {
		padding: 4px 0 8px 0;
		border-bottom: none;
		margin: 0;
	}
		#sitemap ul li ul li ul li a {
			background: none;
			border-top: none;
			padding: 0 4px 2px 26px;
			font-weight: normal;
			color: #898b81;
		}
			#sitemap ul li ul li ul li a:focus, #sitemap ul li ul li ul li a:hover {
				background: url(../images/ic_subNav.gif) 16px -95px no-repeat;
				color: #004175;
			}