/* 
	general 
*/

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;

}

/* 
	main elements
*/


#html_main_wrapper {
	width: 100%;
	height: 100%;
	
}#html_main_wrapper_no_javascript {
	width: 100%;
	height: 100%;
}

#wrapper_top {
	width: 100%;
	height: 40%;
}

#content_header {
	width: 966px;
	height: 66px;
	position: absolute;
	left: 50%;
	margin-left: -483px;
	top: 40%;
	margin-top: -96px;
}
#wrapper_bottom {
	background-color: #dddddd;
	width: 100%;
	height: 60%;
	margin-bottom: -32px;
}


#header {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 38px;
	background: url(../img/html_ouders_menu_bg.gif) repeat-x;
}

#header_image {
	width: 966px;
	height: 38px;
	position: absolute;
	left: 50%;
	margin-left: -483px;
	top: 0%;
	margin-top: 0px;
}

#wrapper_messages {
	position: absolute;
	left: 50%;
	margin-left: -483px;
	margin-top: 33px;
	width: 966px;	
}

#message_left_wrapper {
	float: left;
	width: 485px;	
	border-right: 1px solid #aaaaaa;
}

#message_left {
	width: 453px;
	font-size: 11px;
	font-family: Arial;
	line-height: 17px;
	text-align: justify;
}

#message_right {
	float: left;
	margin-left: 30px;
	width: 450px;
	font-size: 11px;
	font-family: Arial;
	line-height: 17px;
	text-align: justify;
}

#bottom_link {
	margin-top: 212px;
	width: 966px;
	height: 54px;
}

/* 
	home section
*/


#home_wrapper_bottom {
	background: #f8b323;
	background-position: 50% 0%;
	width: 100%;
	height: 33%;
	margin-bottom: -32px;
}

#home_wrapper_top {
	width: 100%;
	height: 67%;
}

#home_top_content {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	margin-top: -355px;
	width: 1000px;
	height: 196px;	
}

#home_top_arrows {
	position: absolute;
	left: 50%;
	margin-left: -483px;
	margin-top: -156px;
	width: 969px;
	height: 156px;	
}

#home_bottom_text {
	position: absolute;
	left: 50%;
	margin-top: 60px;
	margin-left: -194px;
	width: 388px;
	font-size: 11px;
	font-family: Arial;
	line-height: 15px;
}

#home_bottom_image {
	position:absolute; 
	left:50%; 
	margin-left: -484px;
}

#html_home_footer {
	width: 100%;
	height: 32px;
	background: #e7a620 url(../img/html_footer_bg.gif) repeat-x;
}

#html_home_footer_content {
	position: absolute;
	left: 50%;
	margin-left: -485px; 
	width: 969px;
	height: 32px;	
}

/* 
	doorleren section
*/


#html_doorleren_wrapper {
	width: 100%;
	height: 100%;
	margin-top: 39px;
	
}


#doorleren_header {
	position: absolute;
	width: 100%;
	height: 28px;
	background: #fff url(../img/html_doorleren_top_back.gif) 50% no-repeat;
	z-index: 1;
	cursor: pointer;
}


#doorleren_wrapper_top {
	width: 100%;
	height: 83%;
	margin-top: -38px;
	background: #f8b323 url(../img/html_doorleren_wrapper_top_bg.gif) 50% 0px  repeat-y;	

	
}

#doorleren_keuze_main {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -348px;
	margin-top: -295px;
	width: 676px;
	height: 478px;	

}

#doorleren_wrapper_bottom {
	background: #f8b323 url(../img/html_doorleren_bottom_bg.gif) no-repeat;
	background-position: 50% 0%;
	width: 100%;
	height: 17%;
	background-color: #e42518;
	margin-bottom: -33px;


}

#html_doorleren_footer {
	width: 100%;
	height: 32px;
	background: #e7a620 url(../img/html_doorleren_footer_bg.gif) repeat-x;
}

#html_doorleren_footer_content {
	position: absolute;
	left: 50%;
	margin-left: -485px; 
	width: 969px;
	height: 32px;	
}

/* 
	ouders section
*/

#ouders_button-holder {
	position: absolute;
	left: 50%;
	margin-left: -483px;
	margin-top: 268px;
	width: 1012px;	
	height: 50px;
}

#ouders_button-left {
	float: left;
	width: 485px;
	margin-top: 29px;	
}

#ouders_button-right {
	float: left;
	width: 450px;
	margin-top: 29px;
	margin-left: 31px;
}

a.text-link:link, a.text-link:active, a.text-link:visited {
	text-decoration: underline;
	color: #000000;
	font-family: arial;
	font-size: 11px;
	line-height: 17px;
}

a.text-link:hover {
	text-decoration: underline;
	color: #FF0000;
}


/* 
	werken section
*/

#werken_wrapper_top {
	width: 100%;
	height: 83%;
	margin-top: -38px;
	background: #f8b323 url(../img/html_werken_wrapper_top_bg.gif) 50% 0px  repeat-y;	
}

#html_werken_wrapper {
	width: 100%;
	height: 100%;
	margin-top: 39px;
}

#werken_keuze_main {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -350px;
	margin-top: -295px;
	width: 700px;
	height: 478px;	
}
#werken_wrapper_bottom {
	background: #f8b323 url(../img/html_werken_bottom_bg.gif) no-repeat;
	background-position: 50% 0%;
	width: 100%;
	height: 17%;
	background-color: #e42518;
	margin-bottom: -33px;
}

/* 
	talentenvertaler section
*/

#html_talentenvertaler_wrapper {
	width: 100%;
	height: 100%;
	margin-top: 39px;
}

#talentenvertaler_wrapper_top {
	width: 100%;
	height: 70%;
	margin-top: -39px;
	background: #e42518 url(../img/html_talentenvertaler_wrapper_top_bg.gif) 50% 0px  repeat-y;
}


#talentenvertaler_keuze_main {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -348px;
	margin-top: -275px;
	width: 696px;
	height: 330px;	
}


#talentenvertaler_image {
	position:absolute; 
	left:50%; 
	margin-left: -348px;
}


#talentenvertaler_wrapper_bottom {
	background: #ffffff; /*url(../img/html_werken_bottom_bg.gif) no-repeat;*/
	background-position: 50% 0%;
	width: 100%;
	height: 30%;	
	margin-bottom: -32px;
}


#talentenvertaler_header {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 28px;
	background: #f8b323 url(../img/html_talentenvertaler_top_back.gif) 50% no-repeat;
	cursor: pointer;
}


#html_talentenvertaler_footer {
	width: 100%;
	height: 32px;
	background: #e7a620 url(../img/html_talentenvertaler_footer_bg.gif) repeat-x;
}

#html_talentenvertaler_footer_content {
	position: absolute;
	left: 50%;
	margin-left: -485px; 
	width: 969px;
	height: 32px;	
}

/* 
	verschillendeopleidingen section
*/

#html_verschillendeopleidingen_wrapper {
	width: 100%;
	height: 100%;
	margin-top: 39px;
}

#verschillendeopleidingen_wrapper_top {
	width: 100%;
	height: 70%;
	margin-top: -39px;
	background: #e42518 url(../img/html_talentenvertaler_wrapper_top_bg.gif) 50% 0px  repeat-y;
}


#verschillendeopleidingen_keuze_main {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -357px;
	margin-top: -126px;
	width: 612px;
	height: 145px;	
}


#verschillendeopleidingen_image {
	position:absolute; 
	left:50%; 
	margin-left: -348px;
}


#verschillendeopleidingen_wrapper_bottom {
	background: #ffffff; /*url(../img/html_werken_bottom_bg.gif) no-repeat;*/
	background-position: 50% 0%;
	width: 100%;
	height: 30%;	
	margin-bottom: -32px;
}


#verschillendeopleidingen_header {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 28px;
	background: #f8b323 url(../img/html_talentenvertaler_top_back.gif) 50% no-repeat;
	cursor: pointer;
}


#html_verschillendeopleidingen_footer {
	width: 100%;
	height: 32px;
	background: #e7a620 url(../img/html_talentenvertaler_footer_bg.gif) repeat-x;
}

#html_verschillendeopleidingen_footer_content {
	position: absolute;
	left: 50%;
	margin-left: -485px; 
	width: 969px;
	height: 32px;	
}

/*
	alle vacatures elements
*/

#allevacatures_wrapper_top {
	width: 100%;
	height: 70%;
	margin-top: -39px;
	background: #e42518 url(../img/html_allevacatures_wrapper_top_bg.gif) 50% 0px  repeat-y;
}

/*
	leren solliciteren elements
*/

#lerensolliciteren_wrapper_top {
	width: 100%;
	height: 70%;
	margin-top: -39px;
	background: #e42518 url(../img/html_lerensolliciteren_wrapper_top_bg.gif) 50% 0px  repeat-y;
}


/*
	werkplein elements
*/

#werkplein_wrapper_top {
	width: 100%;
	height: 70%;
	margin-top: -39px;
	background: #e42518 url(../img/html_werkplein_wrapper_top_bg.gif) 50% 0px  repeat-y;
}

/*
	leren werken elements
*/

#lerenwerken_wrapper_top {
	width: 100%;
	height: 70%;
	margin-top: -39px;
	background: #e42518 url(../img/html_lerenwerken_wrapper_top_bg.gif) 50% 0px  repeat-y;
}

/*
	voltijdopleiding elements
*/

#voltijdopleiding_wrapper_top {
	width: 100%;
	height: 70%;
	margin-top: -39px;
	background: #e42518 url(../img/html_voltijdopleiding_wrapper_top_bg.gif) 50% 0px  repeat-y;
}


/*
	stage lopen elements
*/

#stagelopen_wrapper_top {
	width: 100%;
	height: 70%;
	margin-top: -39px;
	background: #e42518 url(../img/html_stagelopen_wrapper_top_bg.gif) 50% 0px  repeat-y;
}




/* 
	extra elements
*/

#html_extra_footer {
	width: 100%;
	height: 32px;
	background: #cdcdcd url(../img/html_extra_footer_bg.gif) repeat-x;
}

#html_extra_footer_content {
	position: absolute;
	left: 50%;
	margin-left: -485px; 
	width: 969px;
	height: 32px;	
}