html, body {	
	height: 100%;
}

body {
	background: #00536b url(../images/achter_body.gif) top left repeat-x;
}

div#container {
	background: #fff url(../images/achter_container.gif) left top no-repeat;
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*-- negative bottom margin ivm sticky footer --*/
	margin: 0 auto -39px auto;
	position: relative;
}


/*--------------- header ------------------*/
div#header {
/*	background: url(../images/achter_header.gif) top left no-repeat;*/
	height: 63px;
	width: 900px;
	padding: 70px 0 0 0;
}
	/*---- functienavigatie ----*/
	div#functie_navigatie {
		background: url(../images/achter_functie_navigatie.gif) bottom left no-repeat;
		height: 63px;
		width: 166px;
		padding: 0 20px 0 0;
		text-align: right;
		float: left;
	}
		div#functie_navigatie_rollovers {
			height: 11px;
			padding: 19px 0 10px 0;
			_padding: 19px 0 6px 0;
		}
		div#functie_navigatie_knoppen {
			height: 19px;
		}
	
	/*---- menu ----*/
	div#menu {
		background: url(../images/achter_menu.gif) bottom left no-repeat;
		height: 63px;
		width: 469px;
		float: left;
	}
	
	/*---- logo ----*/
	div#logo {
		background: url(../images/achter_logo.gif) bottom left no-repeat;
		height: 62px;
		width: 245px;
		padding: 1px 0 0 0;
		float: left;
	}


/*--------------- main ------------------*/
div#main {
	width: 900px;
}
	/*---- submenu ----*/
	div#submenu {
		background: url(../images/achter_submenu2.gif) left top no-repeat;
		width: 197px;
		float: left;
		padding: 0 0 10px 0;
		overflow-x: hidden;
	}
				
	/*---- inhoud ----*/
	div#inhoud {
		width: 422px;
		padding: 0 18px 0 18px;
		margin: 0;
		float: left;
		overflow-x: hidden;
	}
		div.item {
			padding: 0;
			margin: 0;
		}
		div#breadcrumb {
			min-height: 17px;
			height: 17px;
			width: 439px;
			padding: 13px 1px 20px 1px;
			margin: 0;
			font-size: 0.85em;
		}
		div#breadcrumb a {
			color: #000;
			text-decoration: none;
			letter-spacing: 0.06em;
		}
		div#breadcrumb a:hover {
			color: #056981;
			text-decoration: underline;
		}
		div#breadcrumb a.aan {
			color: #056981;
			text-decoration: none;
			font-weight: bold;
		}
		div#breadcrumb a:hover {
			text-decoration: underline;
		}
		.bestandsgroottte {
			font-size: 0.8em;
		}
		a.downloadLink, a:active.downloadLink, a:visited.downloadLink {
			background: url(../images/ic_download_u.gif) bottom left no-repeat;
			padding: 0 0 0 15px;
		}
		a:hover.downloadLink {
			background: url(../images/ic_download_a.gif) bottom left no-repeat;
		}
		input.zoekButton {
			background: #056981 url(../images/b_zoekbutton_u.gif) top left repeat-x;
			color: #fff;
			height: 20px;
			border: none;
			padding: 0 6px 2px 6px;
		}
		
		/*---- smoelenboek ----*/
		
		h2.smoelenboek {
			padding: 0;
		}
		
		
	/*---- subcontent ----*/	
	div#subcontent {
		width: 245px;
		padding: 20px 0 1px 0;
		float: left;
		overflow-x: hidden;
	}
		div.subcontent_blok {
			background: #d7dae0;
			color: #056981;
			font-size: 0.9em;
			width: 202px;
			padding: 0 11px 10px 11px;
			margin: 0 0 12px 0;
		}
			div.subcontent_blok h2 {
				background: url(../images/achter_h2_subcontent.gif) left top no-repeat;
				min-height: 11px;
				_height: 11px;
				color: #2f3c41;
				text-transform: uppercase;
				padding: 9px 0 4px 6px;
				margin: 0 2px 3px -2px;
			}
			div.subcontent_blok a, div.subcontent_blok a:active, div.subcontent_blok a:visited {
				color: #2f3c41;
			}
			div.subcontent_blok a:hover {
				color: #FAAB54;
			}
			
		div.subcontent_bnr {
			padding: 0 0 12px 0;
		}

		div.subcontent_foto {			
			padding: 0;			
		}


/*-- PUSH zorgt voor plaats voor de footer, zodat divs niet over elkaar schuiven -- */
div#push {
	height: 39px;
}
div#footer {
	background: url(../images/achter_footer.gif) left top no-repeat;
	height: 35px;
	margin: 0 auto;
	width: 756px;
	padding: 4px 144px 0 0;
	text-align: right;
	/*line-height: 39px;*/
	position: relative;
}
	div#servicemenu {
		height: 34px;
		width: 167px;
		padding: 0 30px 0 0;
		float: left;
		text-align: right;
		position: relative;
		top: -24px;
		_top: -27px
	}
		div#servicemenu_knoppen {
			height: 22px;
			padding: 0;
			margin: 0;
		}
		div#servicemenu_rollovers{
			height: 13px;
			padding: 0;
			margin: 0;
		}
	div#disclaimer {
		float: right;
	}

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