body{
	font:62.5%/1.8em arial,sans-serif;
	margin:0;
	padding:0;
	background:#fff repeat;
	text-align:center;
}
body *{
	text-align:left;
}

/* resets */
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dd,dt,ol,img,fieldset,form,label,address,
a,abb,acronym,cite,code,del,dfn,legend,table,caption,tbody,thead,tr,th,td,object,div{
	padding:0;
	margin:0;
	border:0;
}
a{
	color:#000;
}
/* ------------------- layout ---------------------- */

#Page{
	width:810px;
	margin:0 auto;
	padding:25px 0 50px 0;
	overflow:hidden;
}
#Header{
	float:left;
	width:800px;
	padding:3px 0 0 0;
	background:#27328b url(../images/backgrounds/bg_topbarflex.gif) no-repeat 0 0;
}
	#Header .inner{
		overflow:hidden; /* IE6 fix ipv float */
		width:100%;
		padding:0 0 3px 0;
		background:#27328b url(../images/backgrounds/bg_topbarflex.gif) no-repeat 0 100%;
	}


/* =Nav_mini */
#Nav_mini{
	float:left;
	padding:0 10px;
}
#Header ul{
	float:left;
	overflow:hidden;
	margin:0;
}
	#Header li{
		padding:0;
		margin:0;
		list-style:none;
		float:left;
		padding:0 10px;
		background:url(../images/backgrounds/bg_topbar_divider.gif) no-repeat 0 50%;
	}
	#Header a{
		color:#fff;
		float:left;
		line-height:1.8em;
		font-size:1.1em;
		text-decoration:none;
	}
	#Header a:hover,
	#Header a:focus,
	#Header a:active{
		background:transparent;
	}
	#Header ul.home li{
		background:none;
		padding-left:20px;
		background:#27328B url(../images/arrows/arrow_home.gif) no-repeat 0 50%;
	}
	#Header li a:hover{
	}

#Header #Nav_small{
	float:right;
	padding:0 10px;
	margin:0;
}
	#Header #Nav_small a{
		display:block;
		padding:0 20px 0 0;
		margin:0 ;
		text-decoration:none;
		color:#fff;
		background:#27328B url(../images/arrows/arrow_rightbl.gif) no-repeat 100% 50%;
	}
	#Header #Nav_small a em{
		font-size:1.4em;
		font-style:normal;
	}
#Branding{
	float:left;
	clear:both;
	width:800px;
	margin:16px 0 0 0;
	font-size:1.2em;
	padding:0;
	color:#27328B;
}
	#Branding .call{
		float:left;
		display:inline;
		width:400px;
		margin:0 0 0 20px;
		height:1.5em;
		padding:20px 0 15px 24px;
		background:url(../images/icons/icon_phone.gif) no-repeat 0 50%;
	}
	#Branding .call[class]{
		height:auto;
		min-height:1.5em;
	}
	#Branding .tagline{
		float:right;
		padding:21px 0 0 0;
	}


/* bottom page */
#Logo{
	float:left;
	padding:0;
}
	
	#Page .category{
		float:right;
		padding:0;
	}

/* ------------------- =Nav_home ---------------------- */

#Nav_home{
	float:left;
	width:810px;
	padding:0 0 16px 0;
}
#Nav_home ul{
	float:left;
	height:172px;
	width:810px;
	overflow:hidden;
}
	#Nav_home li{
		list-style:none;
		float:left;
		padding:0 10px 0 0;
	}
#Nav_home li a{
	font-family:'arial black';
	float:left;
	width:152px;
	height:52px;
	font-size:1.3em;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	padding:120px 0 0 0;
	overflow:hidden;
}
#Nav_home li.werkgever a{
	background:#bfbfbf url(../images/backgrounds/bg_navwerkgever.jpg) no-repeat 0 0;
}
#Nav_home li.werknemer a{
	background:#bfbfbf url(../images/backgrounds/bg_navwerknemers.jpg) no-repeat 0 0;
}
#Nav_home li.werkzoekend a{
	background:#bfbfbf url(../images/backgrounds/bg_navwerkzoekend.jpg) no-repeat 0 0;
}
#Nav_home li.leerbaan a{
	background:#bfbfbf url(../images/backgrounds/bg_navleerbaan.jpg) no-repeat 0 0;
}
#Nav_home li.junior a{
	background:#bfbfbf url(../images/backgrounds/bg_navjunior.jpg) no-repeat 0 0;
}
#Nav_home li.kiesregio a{
	background:#bfbfbf url(../images/backgrounds/bg_navkiesregio.gif) no-repeat 0 0;
}
#Nav_home li a:hover,
#Nav_home li a:focus,
#Nav_home li a:active{
	background-position:100% 0;
}

/* ------------------- =Nav ---------------------- */
#Nav{
	float:left;
	clear:both;
	width:810px;
	margin:5px 0 0 0;
}
#Nav ul{
	width:100%;
}
#Nav li{
	list-style:none;
	float:left;
	width:152px;
	margin:0 10px 0 0;
}
	#Nav li a{
		float:left;	
		color:#fff;
		font-size:1.1em;
		font-weight:bold;
		text-align:center;
		width:152px;
		height:27px;
		padding:6px 0 0 0;
		text-align:center;
		background:#bfbfbf url(../images/backgrounds/bg_navmain.gif) no-repeat 0 0;
		text-decoration:none;
	}
	#Nav[id] li a{
		height:auto;
		min-height:27px;
	}
	#Nav li a:hover,
	#Nav li a:focus,
	#Nav li a:active,
	#Nav li a.currentpage{
		background-position:100% 0;
	}
	

/* ------------------- home page ---------------------- */
.home #Content h1{
	font-size:1.4em;
	padding-top:0;
}
.home h1{
	display:none;
}
.home #Intro h1{
	display:block;
}

/* home page met intro tekst*/
.intro #Nav_home ul{
	margin-bottom:0;
}
.intro #Branding{
	margin-top:0;
}
.intro #Content{
	padding-bottom:0;
}
#Intro{
	float:left;
	width:800px;
	padding:0 0 22px 0;
}
#Intro .section h1,
#Intro .section h2{
	font-size:1.4em;
	color:#F58027;
	padding:0 0 12px;
}
#Intro .section{
	float:left;
	width:313px;
}
#Intro .sect2{
	width:310px;
	padding-left:13px;
}
#Intro .section p{
	padding:0 10px 0 0;
}

.banner #Intro .section{
	width:477px;
}
.banner #Intro .sect_banner{
	width:313px;
	padding:0 0 0 10px;
}
.banner #Intro .sect_banner img{
	float:right;
}


#Content #Intro p{
	margin:0;
}




/* ------------------- category pages ---------------------- */


/* ----- =Content_sub -------- */

#Content_sub{
	float:left;
	width:162px;
	overflow:hidden;
}
#Content div#Banner{
	float:left;
	width:152px;
	padding:0 0 22px 0;
	margin:0 10px 0 0;
	overflow:hidden;
}
div#Logos{
	float:left;
	width:152px;
	
}
div#Logos li{
	list-style:none;
	margin:0;
}
/* ------------------- =Nav_container ---------------------- */
#Nav_container{
	float:right;
	width:150px;
	padding:0 10px 0 0;
}

/* ------------------- =Nav_sub ---------------------- */

#Content #Nav_sub{
	float:left;
	width:150px;
	padding:0 0 30px 0;
}
#Content #Nav_sub ul{
	margin:0;
}
#Nav_sub li{
	float:left;
	list-style:none;
}
#Nav_sub a{
	text-decoration:none;
	display:block;
	width:152px;
	text-align:center;
	color:#fff;
	margin:0 0 4px 0;
	font-size:1.1em;
	font-weight:bold;
	background:#c0c0c0 url(../images/backgrounds/bg_navsubflex.gif) no-repeat 50% 0;
	overflow:hidden;
}
	#Nav_sub a span{
		display:block;
		text-align:center;
		margin:4px 0 0 0;
		padding:1px 0 4px 0;
		background:#c0c0c0 url(../images/backgrounds/bg_navsubflex.gif) no-repeat 50% 100%;
		cursor:pointer;
	}
	#Nav_sub li li a{
		margin-left:10px;
		width:142px;
		background-image:url(../images/backgrounds/bg_navsub_level1.gif);
	}
	#Page #Nav_sub a.currentpage{
		background-position:0 0;
		background-color:#27328b;
		color:#fff;
	}
	#Page #Nav_sub a.currentpage span{
		background-position:0 100%;
		background-color:#27328b;
		color:#fff;
	}
	#Nav_sub a:hover,
	#Nav_sub a:focus,
	#Nav_sub a:active{
		background-position:100% 0;
		background-color:#8e8e8e;
	}
	#Nav_sub a:hover span,
	#Nav_sub a:focus span,
	#Nav_sub a:active span{
		background-position:100% 100%;
		background-color:#8e8e8e;
	}


/* ------- =Nav_global ------- */
#Nav_global{
	float:right;
	width:142px;
}
#Nav_global ul{
	padding:0 0 10px 0;
}
#Nav_global li{
	list-style:none;
	text-align:center;
}
#Nav_global li a{
	text-decoration:none;
	display:block;
	width:142px;
	text-align:center;
	color:#fff;
	height:24px;
	line-height:24px;
	margin:0 0 4px 0;
	font-size:1.1em;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
	background:#8cc824 url(../images/backgrounds/bg_navsub_sub.gif) no-repeat 0 -48px;
}
	#Nav_global li a:hover,
	#Nav_global li a:focus,
	#Nav_global li a:active{
		background-position:0 -24px;
		background-color:#70a01d;
	}
#Nav_global li a.currentpage{
	background-position:0 0;
}
/* ------------------- =Content ---------------------- */
#Content{
	width:810px;
	clear:both;
	padding:17px 0;
	font-size:1.1em;
}
#Content p{
	font-size:1.09em;
	margin:0 0 0.75em 0;
}
#Content p.intro{
	font-size:1.2em;
	font-weight:bold;
}
#Content img.arrow{
	float:left;
	position:relative;
	left:-14px;
	top:-6px;
	padding:0 0 5px 0;
	margin-bottom:-12px;
}
#Content fieldset{
	padding:15px 10px 15px 0;
}
#Content .fieldrow{
	float:left;
	width:100%;
	padding:0 0 10px 0;
}
#Content .fieldrow input{
	border:1px solid #C0C0C0;
	width:57%;
	float:right;
}
#Content div.checkbox{
	padding:0 0 15px 0;
}
#Content div.checkbox input{
	float:left;
	width:auto;
	border:0;
	margin-left:-1px;
}
#Content div.checkbox label{
	width:90%;
	padding-left:10px;
}
#Content .fieldrow label{
	float:left;
	width:40%;
	font-size:1.09em;
}
#Content div.button{
	padding-top:10px;
}
#Content div.button input{
	width:auto;
	float:right;
	text-align:center;
	color:#fff;
	background:#b0b0b0;
	border:1px solid #ddd;
	border-color:#ddd #666 #666 #ddd ;
}
#Content hr{
	border:0;
	height:1px;
	font-size:1px;
	overflow:hidden;
	border-bottom:1px dotted #c0c0c0;
}
#Content table{
	border:0;
	padding:0;
	margin:1em 0;
	border-collapse:collapse;
}
#Content td{
	border:0;
	font-size:1.09em;
	padding:0 15px 6px 0;
	vertical-align:top;
}
#Main li{
	font-size:1.09em;
}
#Main ul{
	margin:10px 1.6em;
}
#Main ol{
	margin-left:1.8em;
}
#Content li img{
	vertical-align:top;
	margin:0 20px 0 0;
}
#Content ul.plain{
	list-style:none;
}
	#Content ul.plain li{
		padding:5px 0;
	}
#Content div.block h2{
	font-size:1.1em;
	color:#F58027;
	margin:1em 0 0 0;
	padding:0;
}
#Content table{
	border-collapse:collapse;
	
}
#Content td{
	border:0;
	padding:5px 15px 5px 0;
}

/* ------------------- block 1 col content ---------------------- */
#Content #Main{
	float:left;
	width:405px;
	padding:0 20px 20px 10px;
	overflow:auto;
}
#Content #BackHome{
	float:left;
	display:inline;
	text-indent:-999px;
	width:38px;
	height:38px;
	padding:0;
	margin:0 5px 0 8px;
	overflow:hidden;
	background:url(../images/arrows/arrow_left_gr.gif) no-repeat 0 0;
}

#Content h1{
	font-size:1.8em;
	padding:8px 0 12px 0;
	color:#F58027;
}
#Content #Main h2{
	font-size:1.2em;
	color:#27328B;
}
#Content h3{
	font-size:1.2em;
}

/* ------------------- =Logos ---------------------- */
#Logos ul{
	position:relative;
	height:152px;
	width:153px;
	overflow:hidden;
}
#Logos li a{
	display:none;
	height:152px;
	width:153px;
	background:#fff;
}
#Logos li#showLogo a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	margin:0;
	z-index:100;
}






/* ------------------- =Footer ---------------------- */
#Footer{
	clear:both;
	float:left;
	width:800px;
	margin:4px 0 0 0;
	padding:3px 0 0 0;
	background:#c0c0c0 url(../images/backgrounds/bg_bottombarflex.gif) no-repeat 0 0;
	text-align:right;
}

	#Footer .inner{
		float:left;
		width:100%;
		padding:0 0 3px 0;
		background:#c0c0c0 url(../images/backgrounds/bg_bottombarflex.gif) no-repeat 0 100%;
	}

#Footer a{
	color:#fff;
	float:right;
	text-decoration:none;
	padding:0 10px 0 10px;
	font-size:1em;
	line-height:2.2em;
}
#Footer .totop{
	text-align:right;
	width:105px;
	padding-left:35px;
	background:url(../images/flag_eu.gif) no-repeat 0 50%;
}
	#Footer .totop[class]{
		width:auto;
		min-width:105px;
	}
	#Footer a:hover,
	#Footer a:focus,
	#Footer a:active{
		text-decoration:underline;
	}

#Footer ul.accessibility{
	float:left;
	padding:0 10px;
}
#Footer ul.accessibility li{
	list-style:none;
	float:left;
}
#Footer ul.accessibility a{
	float:left;
	width:15px;
	height:15px;
	width:auto;
	font-weight:bold;
	line-height:1.8em;
	padding:0;
	margin:0 10px 0 0;
}
#Footer ul.accessibility a:hover,
#Footer ul.accessibility a:focus,
#Footer ul.accessibility a:active{
	color:#27328B;
	text-decoration:none;
}
#Footer ul.accessibility a span{
	position:relative;
	top:-0.3em;
}
#Footer	ul.accessibility a.smaller{
	padding:0.3em 0 0 0;
}
#Footer	ul.accessibility a.smaller span{
	font-size:1.2em;
}
#Footer	ul.accessibility a.bigger{
		font-size:1.3em;
	}

/*
 A- A+ in bovenste blauwe balk (#Header)
*/
#Header ul.accessibility{
	float:left;
	padding:0 10px;
}
#Header ul.accessibility li{
	list-style:none;
	float:left;
	background:none;
}
#Header ul.accessibility li{
	background:none;
	padding:0;
}
#Header ul.accessibility a{
	float:left;
	width:15px;
	width:auto;
	font-weight:bold;
	line-height:1.6em;
	padding:0;
	margin:0 10px 0 0;
}
#Header ul.accessibility a:hover,
#Header ul.accessibility a:focus,
#Header ul.accessibility a:active{
	color:#fff;
	text-decoration:none;
}
#Header ul.accessibility a span{
	position:relative;
	top:-0.3em;
}
#Header ul.accessibility a.smaller{
	padding:0.18em 0 0 0;
}
#Header ul.accessibility a.smaller span{
	font-size:1em;
}
#Header ul.accessibility a.bigger{
		font-size:1.3em;
	}