html, body {
	height: 100%;
	margin: 0;
}
body {
	background: url(../images/achter_body.gif) top left repeat-y;

}

div#achter {
	background: url(../images/achter_achter.gif) top left no-repeat;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*-- negative bottom margin ivm sticky footer --*/
	margin: 0 0 -50px 0;
}
	.wide div#achter {
		background-image: url(../images/achter_achter_wide.gif);
	}


/* ---- header ---- */

div#header {
	background: url(../images/achter_header.gif) top left repeat-x;
	height: 118px;
}
	div#header_container {		
		width: 928px;
		float: left;
	}
	div#logo {
		background: url(../images/achter_logo.gif) top left no-repeat;
		width: 353px;
		height: 59px;
		padding: 7px 0 0 47px;
		float: left;
	}	
		
		div#servicemenu {
			height: 38px;
			padding: 15px 25px 13px 0;
			text-align: right;
		}
			div#servicemenu a {
				height: 37px;
				margin-left: 22px;
				display: inline-block;
				text-decoration: none;
			}
			div#servicemenu a span {
				display: none;
			}
			
			div#servicemenu a.portal, div#servicemenu a.portal_aan {
				background: url(../images/b_portal_u.gif) top left no-repeat;
				width: 32px;
			}
				div#servicemenu a:hover.portal, div#servicemenu a.portal_aan  {
					background: url(../images/b_portal_a.gif) top left no-repeat;				
				}
			div#servicemenu a.home, div#servicemenu a.home_aan {
				background: url(../images/b_home_u.gif) top left no-repeat;
				width: 29px;
			}
				div#servicemenu a:hover.home, div#servicemenu a.home_aan  {
					background: url(../images/b_home_a.gif) top left no-repeat;				
				}
			div#servicemenu a.sitemap, div#servicemenu a.sitemap_aan {
				background: url(../images/b_sitemap_u.gif) top left no-repeat;
				width: 41px;
			}
				div#servicemenu a:hover.sitemap, div#servicemenu a.sitemap_aan {
					background: url(../images/b_sitemap_a.gif) top left no-repeat;				
				}
			div#servicemenu a.links, div#servicemenu a.links_aan {
				background: url(../images/b_links_u.gif) top left no-repeat;
				width: 29px;
			}
				div#servicemenu a:hover.links, div#servicemenu a.links_aan {
					background: url(../images/b_links_a.gif) top left no-repeat;				
				}
			div#servicemenu a.zoeken, div#servicemenu a.zoeken_aan {
				background: url(../images/b_zoeken_u.gif) top left no-repeat;
				width: 37px;
			}
				div#servicemenu a:hover.zoeken, div#servicemenu a.zoeken_aan {
					background: url(../images/b_zoeken_a.gif) top left no-repeat;				
				}
			div#servicemenu a.contact, div#servicemenu a.contact_aan {
				background: url(../images/b_contact_u.gif) top left no-repeat;
				width: 38px;
			}
				div#servicemenu a:hover.contact, div#servicemenu a.contact_aan {
					background: url(../images/b_contact_a.gif) top left no-repeat;				
				}	
				
				
				
		div#hoofdmenu {
			background: url(../images/achter_hoofdmenu.gif) top left no-repeat;
			height: 24px;
			padding: 0 0 28px 224px;
		}
			div#hoofdmenu a {
				height: 24px;
				border-right: solid 1px #adddb4;
				display: inline-block;
				text-decoration: none;
			}
			div#hoofdmenu a span {
				display: none;
			}
			
			div#hoofdmenu a.over_vivium, div#hoofdmenu a.over_vivium_aan {
				background: url(../images/b_over_vivium_u.gif) top left no-repeat;
				width: 192px;
			}
				div#hoofdmenu a:hover.over_vivium, div#hoofdmenu a.over_vivium_aan {
					background: url(../images/b_over_vivium_a.gif) top left no-repeat;				
				}
			div#hoofdmenu a.woonzorg, div#hoofdmenu a.woonzorg_aan {
				background: url(../images/b_woonzorg_u.gif) top left no-repeat;
				width: 154px;
			}
				div#hoofdmenu a:hover.woonzorg, div#hoofdmenu a.woonzorg_aan {
					background: url(../images/b_woonzorg_a.gif) top left no-repeat;
				}
			div#hoofdmenu a.thuiszorg, div#hoofdmenu a.thuiszorg_aan {
				background: url(../images/b_thuiszorg_u.gif) top left no-repeat;
				width: 149px;
			}
				div#hoofdmenu a:hover.thuiszorg, div#hoofdmenu a.thuiszorg_aan {
					background: url(../images/b_thuiszorg_a.gif) top left no-repeat;
				}
			div#hoofdmenu a.werken_leren, div#hoofdmenu a.werken_leren_aan {
				background: url(../images/b_werken_leren_u.gif) top left no-repeat;
				width: 130px;
			}
				div#hoofdmenu a:hover.werken_leren, div#hoofdmenu a.werken_leren_aan  {
					background: url(../images/b_werken_leren_a.gif) top left no-repeat;
				}
			div#hoofdmenu a.nieuws, div#hoofdmenu a.nieuws_aan {
				background: url(../images/b_nieuws_u.gif) top left no-repeat;
				width: 74px;
			}
				div#hoofdmenu a:hover.nieuws, div#hoofdmenu a.nieuws_aan {
					background: url(../images/b_nieuws_a.gif) top left no-repeat;
				}





/* ---- container (submenu, inhoud, subcontent) ---- */
div#container {
	width: 928px;
}

	/* ---- submenu-container ---- */
	div#submenu_container {
		width: 224px;
		float: left;
		overflow-x: hidden;
	}
		div#lettergrootte {
			height: 39px;
			padding: 13px 0 0 19px;
		}
			div#lettergrootte a {
				height: 11px;
				display: inline-block;
				text-decoration: none;
				line-height: 0.1em;
			}
			div#lettergrootte a span {
				display: none;
			}
			
			div#lettergrootte a.lettergrootte_klein, div#lettergrootte a.lettergrootte_klein_aan {
				background: url(../images/b_lettergrootte_klein_u.gif) top left no-repeat;
				width: 14px;
			}
				div#lettergrootte a:hover.lettergrootte_klein, div#lettergrootte a.lettergrootte_klein_aan {
					background: url(../images/b_lettergrootte_klein_a.gif) top left no-repeat;				
				}
			div#lettergrootte a.lettergrootte_middel, div#lettergrootte a.lettergrootte_middel_aan {
				background: url(../images/b_lettergrootte_middel_u.gif) top left no-repeat;
				width: 16px;
			}
				div#lettergrootte a:hover.lettergrootte_middel, div#lettergrootte a.lettergrootte_middel_aan {
					background: url(../images/b_lettergrootte_middel_a.gif) top left no-repeat;				
				}
			div#lettergrootte a.lettergrootte_groot, div#lettergrootte a.lettergrootte_groot_aan {
				background: url(../images/b_lettergrootte_groot_u.gif) top left no-repeat;
				width: 16px;
			}
				div#lettergrootte a:hover.lettergrootte_groot, div#lettergrootte a.lettergrootte_groot_aan {
					background: url(../images/b_lettergrootte_groot_a.gif) top left no-repeat;				
				}
				
				
		div#submenu {
			
		}
		div#keuzemenu {
			padding: 76px 0 0 23px;
		}
			div#keuzemenu .selectbox {
				width: 193px;
				margin: 0 0 11px 0;
			}
	
	
	/* ---- inhoud ---- */
	div#inhoud {
		width: 400px;
		padding: 0 24px 30px 24px;
		float: left;
		overflow-x: hidden;
	}
		.wide div#inhoud {
			width: 656px;
		}
	
	.bijSchrift, .bijSchrift_dnl {
		color: #3a4;
		font-size: 0.9em;
		margin: -24px 0 20px 0;
	}
	.bijSchrift_dnl {
		color: #000;
	}
	/* ---- subcontent ---- */
	div#subcontent {
		width: 256px;
		float: left;
		font-size: 0.9em;
		line-height: 1.45em;
		overflow-x: hidden;
	}
		div#subcontent h2 {
			padding: 20px 16px 0 16px;
			color: #000;
			font-size: 1.1em;
		}
			div#subcontent h2.sub_instelling {
				background: url(../images/ic_subcontent_instelling.gif) top left no-repeat;
				padding-left: 38px;
			}
		div#subcontent .item {
			padding: 0 16px;
		}








/* ---- footer ---- */
/*-- PUSH zorgt voor plaats voor de footer, zodat divs niet over elkaar schuiven -- */
div#push {
	height: 50px;
}
div#footer {
	background: url(../images/achter_footer.gif) bottom left repeat-x;
	height: 50px;
	bottom: 0;
	margin: 0;
	padding: 0;
}
	div#disclaimer {
		background: url(../images/achter_disclaimer.gif) bottom left repeat-x;
		height: 28px;
		padding: 22px 0 0 16px;
		margin: 0;
		width: 208px;
	}
		div#disclaimer a span {
			display: none;
		}		
		div#disclaimer a.disclaimer {
			background: url(../images/b_disclaimer_u.gif) top left no-repeat;
			width: 88px;
			height: 18px;
			display: inline-block;
			text-decoration: none;			
		}
			div#disclaimer a:hover.disclaimer {
				background: url(../images/b_disclaimer_a.gif) top left no-repeat;				
			}



/*-- CLEARFIX zorgt voor het clearen van de floats in MAIN -- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	_height: 1%;
	*height: 1%;
	_display: inline-block;
}