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

div#achter {
	background: #fff;
	width: 948px;
	padding: 0 12px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*-- negative bottom margin ivm sticky footer --*/
	margin: 0 auto -36px auto;
}


/* ---- menubalk ---- */

div#menubalk {
	width: 948px;
	height: 36px;
}

div#hoofdmenu {
	background: url(../images/achter_hoofdmenu.gif) top left no-repeat;
	height: 21px;
	padding: 9px 0 0 244px;
	float: left;
}
	div#hoofdmenu a {
		text-decoration: none;
		height: 21px;
		float: left;
		display: block;
		margin: 0 18px 0 0;
	}
		div#hoofdmenu a span {
			visibility: hidden;
		}
			
		div#hoofdmenu a.b_studenten, div#hoofdmenu a.b_studenten_aan {
			background: url(../images/b_studenten_u.gif) top left no-repeat;
			width: 59px;
		}
			div#hoofdmenu a:hover.b_studenten, div#hoofdmenu a.b_studenten_aan  {
				background: url(../images/b_studenten_a.gif) top left no-repeat;				
			}
		div#hoofdmenu a.b_stagebedrijven, div#hoofdmenu a.b_stagebedrijven_aan {
			background: url(../images/b_stagebedrijven_u.gif) top left no-repeat;
			width: 86px;
		}
			div#hoofdmenu a:hover.b_stagebedrijven, div#hoofdmenu a.b_stagebedrijven_aan  {
				background: url(../images/b_stagebedrijven_a.gif) top left no-repeat;
			}
		div#hoofdmenu a.b_onderwijs, div#hoofdmenu a.b_onderwijs_aan {
			background: url(../images/b_onderwijs_u.gif) top left no-repeat;
			width: 58px;
		}
			div#hoofdmenu a:hover.b_onderwijs, div#hoofdmenu a.b_onderwijs_aan {
				background: url(../images/b_onderwijs_a.gif) top left no-repeat;
			}

				
				
div#servicemenu {
	height: 21px;
	padding: 9px 5px 0 0;
	float: right;
}
	div#servicemenu a {
		text-decoration: none;
		height: 21px;
		float: left;
		display: block;
		margin: 0 0 0 18px;
	}
		div#servicemenu a span {
			visibility: hidden;
		}

			div#servicemenu a.home, div#servicemenu a.home_aan {
				background: url(../images/b_home_u.gif) top left no-repeat;
				width: 44px;
			}
				div#servicemenu a:hover.home, div#servicemenu a.home_aan {
					background: url(../images/b_home_a.gif) top left no-repeat;				
				}
			div#servicemenu a.over_sbbl, div#servicemenu a.over_sbbl_aan {
				background: url(../images/b_over_sbbl_u.gif) top left no-repeat;
				width: 64px;
			}
				div#servicemenu a:hover.over_sbbl, div#servicemenu a.over_sbbl_aan {
					background: url(../images/b_over_sbbl_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: 58px;
			}
				div#servicemenu a:hover.contact, div#servicemenu a.contact_aan {
					background: url(../images/b_contact_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: 57px;
			}
				div#servicemenu a:hover.sitemap, div#servicemenu a.sitemap_aan {
					background: url(../images/b_sitemap_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: 51px;
			}
				div#servicemenu a:hover.zoeken, div#servicemenu a.zoeken_aan {
					background: url(../images/b_zoeken_a.gif) top left no-repeat;				
				}

/* ---- container ---- */
div#container {
	width: 948px;
	padding: 0 0 40px 0;
	float: left;
	clear: both;	
}

/* ---- left column ---- */

div#left_column {
	width: 228px;
	float: left;
}

div#logo {
	background-color: #529;
	width: 228px;
	height: 102px;
}
div#submenu {
	width: 228px;
	padding: 26px 0 0 0;
}




/* ---- right column ---- */

div#right_column {
	width: 720px;
	float: left;
}

div#header {
	background: #fa0;
	width: 477px;
	height: 150px;
	padding: 12px 0 0 15px;
	color: #418;
	float: left;
}
	div.deeltitel {		
		font-size: 2.3em;
		margin: 0 0 5px 0;
	}
	
	a.link_dropdown, a.link_dropdown_open {
		background: #fa0 url(../images/achter_header_dropdown.gif) top right no-repeat;
		width: 173px;
		height: 18px;
		color: #418;
		padding: 1px 0 0 5px;
		border: solid 2px #ffd071;
		text-decoration: none;
		display: block;
	}
		a:hover.link_dropdown, a.link_dropdown_open {
			background: #529 url(../images/achter_header_dropdown_a.gif) top right no-repeat;
			width: 197px;
			color: #fff;
			border: solid 2px #d4c8e5;
		}	
			div#header_dropdown {
				background: #eee8f5;
				width: 236px;
				padding: 0;
				margin: -2px 0 0 0;
				border: solid 2px #d4c8e5;
				border-bottom: solid 1px #d4c8e5;
				display: block;
				position: absolute;
				visibility: hidden;
				z-index: 3;
			}
				div#header_dropdown ul {
					padding: 0;
				}
				div#header_dropdown ul li {
					background: none;
					padding: 0;
					min-height: 19px;
					_height: 19px;
					border-bottom: solid 1px #d4c8e5;
				}
				div#header_dropdown a {
					width: 224px;
					min-height: 15px;
					_height: 15px;
					padding: 2px 6px 2px 6px;
					color: #418;
					text-decoration: none;
					display: block;
				}
					div#header_dropdown a:hover {
						background: #529;
						color: #fff;
					}
	
	div#bpv_inlog {
		font-size: 0.9em;
		font-weight: bold;
	}
	div#bpv_inlog table {
		font-weight: normal;
		margin: 6px 0 0 0;
	}
	div#bpv_inlog input {
		width: 136px;
		height: 15px;
		background: #fc6;
		border: none;
		margin: 2px 0 3px 0;
	}
	div#bpv_inlog a.verderLink, div#bpv_inlog a:visited.verderLink, div#bpv_inlog a:active.verderLink {
		color: #418;
		background: url(../images/ic_lees_verder_a.gif) no-repeat top right;
	}
		div#bpv_inlog a:hover.verderLink {
			text-decoration: none;
		}
	
	div#bpv_inlog input.inloggen {
		border: none;
		background: url(../images/b_inloggen_u.gif) top left no-repeat;
		width: 64px;
		height: 15px;
		margin: 6px 0 0 0;
		cursor: pointer;
	}
	div#bpv_inlog input:hover.inloggen {
		background: url(../images/b_inloggen_a.gif) top left no-repeat;
	}
	
div#header_foto {
	width: 228px;
	height: 222px;
	float: left;
}
	div.foto_1 {background:url(../images/fotos/foto_smal_studenten_01.jpg) top left no-repeat; }
	div.foto_2 {background:url(../images/fotos/foto_smal_studenten_02.jpg) top left no-repeat; }
	div.foto_3 {background:url(../images/fotos/foto_smal_studenten_03.jpg) top left no-repeat; }
	div.foto_4 {background:url(../images/fotos/foto_smal_studenten_04.jpg) top left no-repeat; }
	div.foto_5 {background:url(../images/fotos/foto_smal_stagebedrijven_01.jpg) top left no-repeat; }
	div.foto_6 {background:url(../images/fotos/foto_smal_stagebedrijven_02.jpg) top left no-repeat; }
	div.foto_7 {background:url(../images/fotos/foto_smal_stagebedrijven_03.jpg) top left no-repeat; }
	div.foto_8 {background:url(../images/fotos/foto_smal_onderwijs_01.jpg) top left no-repeat; }
	div.foto_9 {background:url(../images/fotos/foto_smal_onderwijs_02.jpg) top left no-repeat; }
	div.foto_10 {background:url(../images/fotos/foto_smal_onderwijs_03.jpg) top left no-repeat; }
	
	
div#inhoud {
	width: 460px;
	padding: 24px 16px 36px 16px;
	_padding: 24px 16px 72px 16px;
	*padding: 24px 16px 72px 16px;
	margin-top: -58px;
	float: left;
}
	div#inhoud .inleiding {
		color: #418;
		font-size: 1.3em;
		line-height: 1.3em;	
		padding: 0 0 22px 0;
	}
	
div#subcontent {
	width: 228px;
	padding: 28px 0 0 0;
	float: left;
}
div#subcontent a, div#subcontent a:visited, div#subcontent a:active {
	color: #66635d;
}
	div#subcontent a:hover {
		color: #000;
		text-decoration: none;
	}
	
.subcontentStijl1 {
	background: #f55;
	padding: 0 16px 25px 16px;
}
	.subcontentStijl1 h2 {
		background: url(../images/achter_subcontent_h2.gif) top left repeat-y;
		color: #fff;
		font-size: 1.1em;
		font-weight: bold;
		padding: 13px 0 4px 18px;
		margin: 0 0 0 -1px;
	}
		

/* ---- footer ---- */
/*-- PUSH zorgt voor plaats voor de footer, zodat divs niet over elkaar schuiven -- */
div#push {
	height: 36px;
}
div#footer {
	background: #dddcd9;
	width: 704px;
	height: 27px;
	padding: 9px 0 0 244px;
	margin: 0 auto;
	display: block;
	float: none;
	clear: both;
}
	div#footer a {
		text-decoration: none;
		height: 21px;
		display: inline-block;
		margin: 0 18px 0 0;
	}
		div#footer a span {
			visibility: hidden;
		}

			div#footer a.print {
				background: url(../images/b_print_u.gif) top left no-repeat;
				width: 37px;
			}
				div#footer a:hover.print {
					background: url(../images/b_print_a.gif) top left no-repeat;				
				}
			div#footer a.tip {
				background: url(../images/b_tip_u.gif) top left no-repeat;
				width: 83px;
			}
				div#footer a:hover.tip {
					background: url(../images/b_tip_a.gif) top left no-repeat;				
				}
			div#footer a.feedback {
				background: url(../images/b_feedback_u.gif) top left no-repeat;
				width: 63px;
			}
				div#footer a:hover.feedback {
					background: url(../images/b_feedback_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;
}



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

div.formGrijs {
	padding: 16px;
	background: #f5f5f5;
}
div.formGrijs h2 {
	font-size: 1.0em;
	font-weight: bold;
}
div.formGrijs input.tekstvlak, div.formGrijs input.antispam, div.formGrijs textarea {
	border: solid 1px #418;
}
div.formGrijs input.zoekButton {
	border: solid 2px #418;
	background: #418;
	color: #fff;
	font-weight: bold;
	margin: 20px 0 0 0;
	cursor: pointer;
}
div.formGrijs input:hover.zoekButton {
	border: solid 2px #d4c8e5;
	background: #d4c8e5;
	color: #418;
}