/*reset.css*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, iframe, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: #000;
	background: #FFF;
}

/* this isn't very practical
ol, ul {
	list-style: none;
}
*/

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
em, i
{
	font-style: italic;
	border: 0;
}
strong, b
{
	font-weight: bold;
}

input {
	border-width: 1px;
}
sup {
	vertical-align: super;
	font-size: 0.83em;
}
sub {
	vertical-align: sub;
	font-size: 0.83em;
}
td {
	vertical-align: top;
}

/*end reset.css*/



html{
	height: 100%;
}
body{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #FAFBFD url('/images/bgBody.gif') repeat-x 0 0;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 62.5%;
}
h1 {
	color: #BE0F34;
	font: bold 1.8em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0 0 6px 0;
	text-transform: uppercase;
}
h2{
	color: #BE0F34;
	font: bold 1.8em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px 0px 12px 0px;
	text-transform: uppercase;
}
.contentColumn h2 {
	color: #13206E;
	font-size: 1.4em;
	font-weight: bold;
	padding: 7px 0 9px;
}
h3{
	color: #202E85;
	font: bold 1.4em Tahoma, Arial, Helvetica, sans-serif;
/*	margin: 13px 0 4px;*/
	margin: 2px 0 4px;
}
h4{
	margin: 0px 0px 0px 10px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}
form h4 {
	margin: 0 0 15px;
}
h5{
	margin: 0px 0px 0px 10px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #aaa;
}

a {
	color: #BE0F34;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.anchor:hover {
	text-decoration: none;
}
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
/*	width: 276px;*/
	line-height: 13px;
	display: block;
}

a.more{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 12px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #202E85;
	display: block;
	text-decoration: none;
	background: url(/images/icn_arrowRight.gif) no-repeat left 5px;
}
a.more:hover {
	text-decoration: underline;
}
ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

.clear{
	clear: both;
}
.clearfix:after,
ul.quickLinks li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	height: 1%;
}

.page{
	position: relative;
	background: url(..images/bg_page02.png) repeat;
}
.page .bgImage{
	position:absolute;
	margin: 91px 0px 0px 0px;
	padding: 0;
	width: 100%;
	height: 202px;
	background: #3D5D9B;
	display: block;

}
.page .bgOverloop{
	position:absolute;
	margin: 292px 0px 0px 0px;
	padding: 0;
	height: 81px;
	width: 100%;
	background: url(/images/bg_overloop.png) repeat-x left top;
}
.wrapper{
	background: url(/images/bg_wrapperBg.png) repeat-y left top;
	margin: 0 auto;
	min-height: 100%;
	padding: 0;
	width: 982px;
}
.topBg{
	height: 35px;
	width: 982px;
/*	background: #FCFCFE url(/images/bg_topBg.png) no-repeat left top;*/
	display: block;
}
.header form.searchBar{
	position:absolute;
	top: 6px;
	right: 44px;
	height: 26px;
	width: 208px;
	background: url(/images/bg_searchBar.png) no-repeat left top;
}
form.searchBar label{
	color: #27358C;
	position:absolute;
	top: 7px;
	left: 0;
	margin: 0;
	padding: 1px 7px 0px 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
form.searchBar input#search{
	position:absolute;
	top: 2px;
	left: 58px;
	margin: 0;
	padding: 5px 5px 0px 7px;
	width: 114px;
	height: 21px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #27358C;
	background: url(/images/bg_searchField.png) no-repeat left top;
	border: 0;
}
form.searchBar .btnSearch {
	background: url(/images/icn_search.png) no-repeat left top;
	border: 0;
	color: #27358C;
	font: normal 10px Arial, Helvetica, sans-serif;
	height: 17px;
	left: 184px;
	line-height: 999em;
	margin: 0;
	position:absolute;
	top: 6px;
	text-indent: -9999px;
	width: 17px;
}
form.searchBar .btnSearch.hover {
	cursor: pointer;
}
.logoPrint {
	display: none;
}
.logo {
	position:absolute;
	top: 6px;
	left: 32px;
	width: 298px;
	height: 211px;
	z-index:100;
}
.logo a {
	display: block;
	position:static;
	width: 298px;
	height: 211px;
	background: url(/images/logo.png) no-repeat left top;
	text-indent: -9999px;
}
/*HEADER NAVIGATIE*/
.header{
	background: #FCFCFE url(/images/bg_topBg.png) no-repeat left top;
	position:relative;
	margin: 0 auto;
	width: 982px;
	height: 91px;
	z-index:100;
}
.header ul#nav{
	float: right;
	padding: 14px  42px 0px 0px;
}
ul#nav li.first {
	float: left;
	height:52px;
	margin: 0;
	padding-left: 15px;
	position: relative;
	z-index: 100;
}
ul#nav li.first a span.active {
	position: absolute;
	top: 0px;
	left: -14px;
}
ul#nav li.first a span {
	font: small-caps 10px Arial, Helvetica, sans-serif;
	color: #5F5F5F;
	display: block;

}
ul#nav li.first a.navLink {
	margin: 0px 21px 0px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #151515;
	text-decoration: none;
	text-align:left;
	display: block;
	letter-spacing: 0.5px;
}
ul#nav li.active a.navLink {
	color: #7F7F7F;
}
ul#nav li.first a.navLink span.cufon {
	float: left;
}
ul#nav li.first a.navLink:hover {
	color: #7F7F7F;
}
/*ul#nav ul {
	left: 0;
	margin: 0;
	padding:0;
	position: absolute;
	width: 174px;
}*/
ul#nav ul.hidden {
	left: -999em;
}
ul#nav ul li {
	margin: 0;
	padding: 0px 0px 5px 0px;
	width: 100%;
}
ul#nav ul li  a {	padding: 0px 50px 0px 13px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
}
ul#nav ul li a:hover {
	color: #ECB7C2;
}
#nav li.active,
#nav li.first:hover,
#nav li.hover {
	background: url('/images/icn_arrowDown.png') no-repeat 0 0;
}
ul#nav ul {
	background: url(/images/bg_navHover.gif) no-repeat left top;
	display: block;
	left: 0;
	margin: 0;
	padding: 10px 0px 5px 0px;
	z-index:100;
	position: absolute;
	top: 42px;
	width: 174px;
}
ul#nav ul.hidden {
	left: -999em;
}
#nav li:hover ul,
#nav li.hover ul {
	position:absolute;
	left: 0;
}
/*FLASH CONTAINER*/
.flashContainer{
	position:relative;
	margin: 0 auto;
	width: 950px;
	height: 283px;
}
.foto{
	height: 253px;
	overflow: hidden;
	position:absolute;
	top: 0;
	width: 950px;
	z-index:0;
}
.masker{
	position:absolute;
	bottom: 0;
	width: 950px;
	height: 56px;
	display: block;
	background: url('/images/masker_images.png') no-repeat left top;
}
/*CONTENT*/
.content{
	margin: 0px 0px 0px 16px;
	padding:0;
	width: 949px;
}
/*LEFT_COLLUMN*/
.content .columnOne{
	float: left;
	padding: 0px 20px 10px 30px;
	width: 298px;
	overflow: hidden;
}

ul.quickLinks {
	left: -30px;
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0;
	position: relative;
	width: 325px;
}
.columnTwo ul.quickLinks {
	left: 0;
	margin-bottom: 0;
	width: 288px;
}

ul.quickLinks li {
	clear: left;
	float: none;
	margin: 0px 0px 5px 0px;
}
ul.quickLinks li a span {
	background: url('/images/bg_quickLeft.png') no-repeat right top;
	display: block;
	float: left;
	padding: 0;
	position: relative;
	top: -5px;
	height: 24px;
	width: 39px;
}
.columnTwo ul.quickLinks li span {
	width: 200px;
}
.columnTwo ul.quickLinks li a {
	width: 100%;
}

ul.quickLinks li a {
	background: url('/images/bg_quickRight.png') no-repeat right top;
	color: #fff;
	display: inline-block;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	height: 19px;
	margin: 0;
	padding: 5px 10px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
}

ul.quickLinks li a:hover,
ul.quickLinks li a:hover span {
	background-position: right -50px;
	text-decoration: none;
}

#vakgebied .iframe {
	border: 1px solid red;
	height: 300px;
	left: 0;
	position: absolute;
	top: 0;
	width: 287px;
	z-index: 99999999;
	background: #FFF;
}
/*LEFTMENU DROPDOWN*/

.dropdownLeft{
	position:relative;
	left: -11px;
	margin: 0px;
	padding: 0;
	width: 309px;
	background: #DDF0FB url(/images/bg_subMenu.png) repeat-x left top;
}
.bottomCorners{
	position:relative;
	left: 0;
	margin: 0;
	padding:0;
	height: 10px;
	width: 309px;
	background: url(/images/bg_bottomCorners.png) no-repeat left bottom;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
#vakgebied{
	position:absolute;
	margin: 0px 0px 0px 10px;
	padding:0;
	width: 288px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#aaa;
	height: 30px;
	position: relative;
	z-index: 100;
}
#vakgebied .menu {
	position: absolute;
}
#vakgebied .menu li {
	margin:0;
	padding: 0;
	height:30px;
	width: 288px;
/*	background: url(/images/bg_dropdownBarLeft.png) no-repeat left top;*/
}
/*#vakgebied .menu li span {
	position:relative;
	top: 5px;
	left: 10px;
}*/
#vakgebied .menu li a.btn{
	background: url(/images/subVak_kies_gebied.gif) no-repeat 0 0;
	color: #AAA;
	display:block;
	font-size: 1.5em;
	height:20px;
	margin: 0px;
	padding: 2px 0 6px 55px;
	position: absolute;
	text-decoration: none;
	width: 280px;
	z-index: 100;
}
#vakgebied .menu li a.btn:hover{
	background-position: 0 -50px;
}
#vakgebied ul .submenu {
	clear:both;
	display: block;
	position:relative;
	top:34px;
	margin: 0;
	padding:1px 8px 0px;
	width:273px;
	background: #fff url(/images/bg_topCornerSubmen.png) no-repeat left top;
	border-bottom:solid 1px #c8c8c8;
	z-index:100;
}
#vakgebied ul .submenu.hidden {
	display:none;
}
#vakgebied ul .submenu li{
	float:none;
	margin:0;
	width:270px;
	height:33px;
	background: #FFF url('/images/bg_subVakBorder.gif') repeat-x bottom left;
	display:block;
}
#vakgebied ul .submenu li.bottom{
	background: none;
}
#vakgebied .submenu li a{
	color: #202E85;
	display:block;
	float:none;
	font-size: 1.5em;
	height:auto;
	margin:0;
	padding: 5px 0px 6px;
	position: static;
	text-decoration: none;
	width:270px;
	z-index: 201;
}

#vakgebied .submenu li a:hover{
	background-color:#E8EAF3;
}

.werk{
	background: url(/images/bg_bottomCorners.png) no-repeat left bottom;
	padding: 8px 0px 10px 0px;
	min-height: 276px;
	position: relative;
	z-index: 1;
}
.werk h3 {
	margin-left: 10px;
}
.werk p {
	margin: 0 0 0px 10px;
}
.werk .more {
	margin-left: 10px;
	z-index: 2;
}
.werk img {
	margin: 0px 0px 0px 10px;
	padding:10px 0px 10px 0px;
}
/*Column two*/
.content .columnTwo {
	float: left;
	margin: 0px 30px 0px 0px;
	width: 288px;
	z-index: 1;
}
.content .columnTwo img {
	margin: 0;
	padding:0px 0px 5px 0px;
}
ul.soliciteren{
	list-style-type: none;
	padding-bottom: 8px;
}
ul.soliciteren li{
	height: 20px;
	background: url(/images/bg_quickSoliciLeft.png) no-repeat left top;
}
ul.soliciteren li a{
	margin: 0px 0px 0px 197px;
	padding: 3px 20px 0px 0px;
	height: 20px;
	background: url(/images/bg_quickSoliciRight.png) no-repeat left top;
	display: block;
	text-align: right;
	color: #fff;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

/*TAB MENU*/
.clear {
	clear: both;
	font-size: 1px;
	height: 0;
	visibility: hidden;
	display: block;
}
/*TAB MENU*/
#tabContainer {
	margin: 0 auto;
    margin-bottom: 24px;
	width: 288px;
	background: url(/images/bg_tabMenu.png) no-repeat left top;
}
#tabContainer ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#tabContainer ul.menu li {
	float: left;
}
#tabContainer ul.menu li {
	cursor: pointer;
	color: #202E85;
	display: block;
	font: bold 13px Tahoma, Arial, Helvetica, sans-serif;
	padding: 5px 10px 6px;
	position: relative;
	top: 5px;
}
#tabContainer ul.menu  li#jobs.active{
	background: url(/images/vacatureTab.png) no-repeat 2px -1px;
}

#tabContainer ul.menu  li#news.active{
	background: url(/images/nieuwsTab.png) no-repeat 2px -1px;
}
/*#tabContainer ul.menu li.tabActive, */
#tabContainer ul.menu li#news {
	float: left;
	margin:0px 0px 0px 4px;
}
.jobs, .news {
	position: relative;
	top: 3px;
}
.jobs li, .news li {
	border-bottom: dotted 1px #666;
	padding: 7px 4px 9px;
	width: 280px;
}
.jobs li a, .news li a{
	color: #333;
	font: bold 1.1em Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.jobs li a:hover, .news li a:hover {
	text-decoration: underline;
}
#tabContainer ul li span.discreet {
	color: #666;
	display: block;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}
/*NEWS*/
#tabContainer .jobs{
	display: block;
}
/*TUTORIALS*/
#tabContainer .news{
	display: none;
}

/* Sidebar */
.content .sidebar{
	float: left;
	margin: 0;
	padding: 0px 0px 10px 0px;
	width: 253px;
	overflow: visible;
z-index: 3;
}
.homepage .sidebar {
	background: url(/images/bg_topCornerRight.png) no-repeat left top;
	padding-top: 32px;
	position:relative;
	top: -28px;
}
.sidebar h2 {
	color: #2B3E90;
	font-size: 1.8em;
	font-weight: normal;
	left: 22px;
	padding: 0 0 2px;
	position: relative;
	top: -5px;
}
.jobCounter {
	position: relative;
	z-index: 9;
}
.jobCounter h2 {
	left: 0px;
	position: relative;
	z-index: 0;
}
.jobCounter h2 span {
	z-index: 1;

}
.rightTop{
	background: #90CFF1;
	margin: 0px 0px 14px 0px;
	overflow: visible;
	padding: 0;
	position:relative;
	width: 253px;
	/*z-index: 2000;*/
}
.sidebar .more {
	margin-left: 10px;
}

/*VERVOLG PAGINA'S GRID*/

/*Left Column */
.leftColumn{
	background: url('/images/bg_leftColumn.png') no-repeat 100% 0;
	float: left;
	margin: 0 2px 0 1px;
	padding: 0;
	position: relative;
	top: -10px;
	width: 206px;
}
.leftColumn h2 {
	color: #999;
	padding: 0 0 0 18px;

}
ul.subMenu {
	padding: 6px 0px 0px 0px;
	height: 373px;
	list-style-type: none;
/*	background: url('/images/bg_subMenuShadow.png') no-repeat right -45px;*/
	width: 177px;
}
ul.subMenu li {
	background: url('/images/bg_subMenuLi.gif') no-repeat right bottom;
	margin: 0;
	padding: 0 0 1px ;
}
ul.subMenu li a {
	background: url(/images/bg_subMenuBullit.png) no-repeat left 5px;
	margin: 0;
	padding: 4px 0px 4px 20px;
	width:145px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #878783;
	text-decoration: none;
	display: block;
}
ul.subMenu li.selected a {
	background-position: left -30px;
	color: #BE0E35;
	font-weight: bold;
}
ul.subMenu li a:hover {
	text-decoration: underline;
}

/*CENTER_COLLUMN VERVOLG*/
.contentColumn{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 503px;
	font-size: 11px;
}

/* breadcrumbs */
.contentColumn ul.breadcrumbs {
	left:-9px;
	list-style-type:none;
	margin: 0;
	padding:0 0 13px 6px;
	position:relative;
	top:-2px;
}
.contentColumn ul.breadcrumbs li {
	background: none;
	color: #999;
	display: inline;
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
}
ul.breadcrumbs li a {
	background: url('/images/bg_breadcrumbSpacer.gif') no-repeat 100% 5px;
	color: #999;
	padding-right: 9px;
	text-decoration: none;
}
ul.breadcrumbs li a:hover {
	text-decoration: underline;
}

ul.centerBottomList{
	margin: 7px 0px 0px 20px;
	list-style-type:disc;
}
ul.centerBottomList li{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #343434;
}
ul.centerBottomList li a{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #BE0F34;
	line-height: 20px;
	text-decoration: none;
}
ul.centerBottomList li a:hover{
	text-decoration: underline;
}

.contentColumn ul {
	margin-left: 5px;
}
.contentColumn ul li {
	background: url('/images/bg_li.png') no-repeat 0 6px;
	font-size: 1.1em;
	padding: 2px 0 5px 10px;
}

/*rightColumn*/
.rightColumn {
	background: url(/images/bg_rightCollumngrad.png) repeat-x left top;
	float: right;
	height: 401px;
	margin: 0px 30px 0px 0px;
	padding: 0 10px;
	position: relative;
	top: -13px;
	width: 160px;
}
.rightColumn h3 {
	background: url('/images/bg_rightColumnTitle.png') no-repeat 0 0;
	color: #BE0F34;
	font-size: 1.5em;
	left: -10px;
	padding: 1px 0 10px 28px;
	position: relative;
	text-transform: uppercase;
}
ul.textBanners{
	background: url('/images/bg_textBanners.gif') no-repeat left bottom;
	height: 77px;
	padding: 0 0 15px;
	width: 157px;
}
ul.textBanners li a{
	position:relative;
	top: 10px;
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 10px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #48484A;
	text-decoration:none;
	background: url('/images/icn_arrowRedRight.gif') no-repeat left 4px;
	display: block;
	height: 20px;
}
ul.banners li {
	margin: 15px 0px 0px 0px;
}

/* VACATUREZOEKER */

form.vacatureZoeken {
	background: url('/images/bg_vacatureZoeken.gif') repeat-x bottom left;
	margin-bottom: 10px;
	padding: 0 20px 58px;
	position: relative;
}
form.vacatureZoeken label {
	color: #202E85;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
}



/*VERVOLG LIST*/
ul.centerLinkList{
	margin: 0px 0px 20px 20px;
	list-style-type:disc;
}
ul.centerLinkList li{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #343434;
}
ul.centerLinkList li a{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #BE0F34;
	line-height: 20px;
	text-decoration: none;
}
ul.centerLinkList li a:hover{
	text-decoration: underline;
}
/*NIEUWSOVERZICHT*/

div.news, div.search {
	background: url('/images/bg_border.gif') repeat-x 0 100%;
	color: #343434;
	line-height: 13px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font: normal 1.1em  Tahoma, Arial, Helvetica, sans-serif;
}

div.news h3, div.search h3{
	font-size: 1em;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0 0 2px;
}
div.news h3 a, div.search h3 a {
	color: #343434;
}
div.news div.date{
	color: #878783;
}
/*VERVOLG VACATURES*/
a.openSollicitatie{
	padding: 0px 0px 0px 12px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #BE0F34;
	text-decoration: none;
	background: url('/images/icn_redArrowSmall.png') no-repeat left center;
}
a.openSollicitatie:hover{
	text-decoration: underline;
}
.vacatureBox{
	margin: 20px 0px 20px 0px;
	width: 490px;
/*	height: 206px;*/
	background: #90CFF1;
}
.vacatureBox a {
	background: url('/images/icn_arrowRight.gif') no-repeat 0px 4px;
	color: #2B3E90;
	display: block;
	font-size: 1.1em;
	margin-left: 15px;
	padding: 0 0 8px 15px;
}
.contentColumn .vacatureResults{
	margin: 20px 0px 0px 0px;
	width: 490px;
}
.contentColumn .vacatureResults li {
	background: url('/images/bg_border.gif') repeat-x 0 100%;
	margin: 0;
	padding: 4px  0;
	position: relative;
	width: 490px;
	height: auto;
}
.contentColumn .vacatureResults a {
	color: #343434;
	display: block;
	float: left;
	font: bold 1.1em Tahoma, Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
	text-decoration:none;
	width: 281px;
}
.vacatureResults a:hover {
	text-decoration:underline;
}
.vacatureResults li span {
	float: right;
	margin: 10px 0px 0px 0px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #878783;
	text-decoration:none;
}
/* paging */

div.paging {
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	padding: 7px 12px 0 0;
}

div.paging ul li {
	display: inline;
	background: none;
	padding: 0;
}

div.paging span {
	background: url('/images/bg_pages.png') no-repeat 0 0;
	color: #FFF;
	display: block;
	float: left;
	padding:4px 0 6px;
	text-align:center;
	width:25px;
}

div.paging a {
	color: #666;
	display: block;
	float: left;
	padding: 4px 5px 6px;
}
div.paging a span {
	background: url('/images/btn_paging.png') no-repeat left 0px;
	display: inline;
	padding: 4px 0px 6px 10px;
	width: auto;
}
div.paging a.previous,
div.paging a.next {
	background: url('/images/btn_paging.png') no-repeat right 0px;
	color: #FFF;
	display: block;
	margin-right: 5px;
	padding: 0px 10px 0px 0;
	text-align: center;
}
div.paging a.previous:hover,
div.paging a.next:hover {
	background-position: right -50px;
	text-decoration: none;
	cursor: pointer;
}
div.paging a.previous:hover span,
div.paging a.next:hover span {
	background-position: left -50px;
	cursor: pointer;
}
ul.pages{
	float: right;
	margin: 10px 0px 0px 0px;
	list-style-type: none;
}
/*13 VERVOLG VACATURES*/
.contentColumn ul.xtra {
	background: url('/images/bg_border.gif') repeat-x 0 100%;
	margin: 0 0 11px 2px;
	padding-bottom: 15px;
}
.contentColumn ul.xtra li {
	background: none;
	margin: 0;
	padding: 3px 0;
}
.contentColumn ul.xtra li.hidden {
	display: none;
	visibility: hidden;
}
ul.xtra a {
	padding: 0px 0px 0px 10px;
	color: #13206E;
	text-decoration: none;
	background:  url('/images/icn_arrowRedRight.gif') no-repeat 0 3px;
}
ul.xtra a:hover {
	text-decoration: underline;
}

a.contactVacature{
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #BE0F34;
	text-decoration: none;
}
.cvBladeren {
	width: 490px;
	background: #90CFF1;
	display: block;
	padding: 0;
}
.cvBladeren h3 {
	font-size:1.1em;
	padding:0 0 0 18px;
}
.cvBladeren fieldset {
	background: url('/images/bg_cv_bladeren.gif') no-repeat bottom right;
	padding: 0px 0 14px 0px;
}
.cvBladeren fieldset.xx {
	background: #FFF;
	padding: 30px 0 3px 0px;
}
.cvBladeren p {
	background: url('/images/bg_borderWhiteBlue.png') repeat-x bottom left;
	color: #2B3E90;
	margin-bottom: 10px;
	padding: 0px 0 12px 18px;
}
.cvBladeren fieldset a {
	background: url('/images/icn_arrowRight.gif') no-repeat 20px 4px;
	color: #2B3E90;
	font-size: 1.1em;
	padding-left: 35px;
}
.cvBladeren input.submit, .vacature input.submit  {
	background: url('/images/btnSolliciteren.gif') no-repeat 0 0;
	border: 0;
	color: #FFF;
	float: right;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	line-height: 999em;
	padding: 3px 0;
	text-align: center;
	text-indent: -999em;
	text-transform: uppercase;
	width: 102px;
}
.cvBladeren input.submit.hover, .vacature input.submit.hover {
	background-position: 0 -50px;
	cursor: pointer;
}
input.file {
	background: url('/images/bg_inputFile.png') no-repeat 0 0;
	border: 0;
	left: 14px;
	padding: 2px 5px;
	position: relative;
	top: 3px;
}
.btnInputFile {
	position: relative;
	top: -20px;
	left: 113px;
}
/*VESTIGINGEN*/
.map{
	width: 515px;
	height: 386px;
}
/*FOOTER*/
.footerContainer{
	background: url(/images/bgFooter.png) no-repeat center top;
	position: relative;
	margin: 0 auto;
	height: 239px;
	width: 100%;
}
ul.bottomNav{
	float: right;
	margin: 0px 51px 15px 0px;
	list-style-type: none;
}
ul.bottomNav li{
	margin: 0px 0px 0px 2px;
	display: inline;
}
ul.bottomNav li a{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
}
.footer{
	margin: 0 auto;
	width: 950px;
}
.footer ul.footerLink{
	padding: 36px 0px 0px 0px;
	list-style-type: none;
	margin-left: 380px;
}
.footer ul.footerLink li{
	margin: 0;
	display: inline;
}
.footer ul.footerLink li a{
	color: #B2B2B2;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
}
ul.bottomNav li a:hover,
.footer ul.footerLink li a:hover {
	text-decoration: underline;
}

/* jqueryMultiSelect.css */
.vacatureBox{
	background: #90CFF1 url('/images/bg_vacatureBox.gif') no-repeat bottom right;
	margin: 20px 0px 20px 0px;
/*	height: 206px;*/
	padding: 10px 0 10px 0;
	width: 490px;
	font-size: 10px;
}

#vacatureSearch {
	padding: 0 12px 40px;
	position: relative;
	z-index: 100;
}
.homepage .sidebar #vacatureSearch {
	padding: 0 18px 40px;
}
#vacatureSearch .test {
	background: #F00;
	position: absolute;
	right: 0;
	width: 300px;
}
.homepage .sidebar .queryLeft,
.homepage .sidebar .queryRight {
	padding: 0 0 9px;
	position: relative;
	width: 217px;
}
.contentColumn .queryLeft,
.contentColumn .queryRight {
	float: left;
	padding: 0 0 9px;
	position: relative;
	width: 217px;
}

.q1 {
	z-index: 6;
}
.q2 {
	z-index: 5;
}
.q3 {
	z-index: 4;
}
.q4 {
	z-index: 3;
}

.contentColumn .queryLeft {
	margin-right: 21px;
}
.contentColumn a.moreB {
	margin: 0 0 0 17px;
}
#vacatureSearch label.title {
	color: #202E85;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px ;
}

/* noscript styling */

#vacatureSearch select {
	height: 80px;
	width: 217px;
}

/* end noscript styling */

.queryLeft #trefwoord,
#subscribe #email {
	background: url(/images/bg_vacatureZoekenInput.gif) no-repeat scroll 0 0;
	border: 0;
	color: #666;
	float: none;
	font-size: 11px;
	margin-bottom: -1px;
	padding: 4px 10px;
	width:197px;
}

.multiSelect {
	background: url(/images/bg_vacatureZoekenSelect.gif) no-repeat scroll 0 0;
	border: 0;
	color: #666;
	font-size: 1.1em;
	display: inline;
	padding: 3px 30px 4px 10px;
	position: relative;
	width:177px;
	z-index: 0;
}
.multiSelect:hover {
	background-position: 0 -50px;
	cursor: pointer;
}

.multiSelectOptions {
	background: #FFF;
	border: solid 1px #B2B2B2;
	margin-top: -1px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px;
	right: 0px;
}

.queryLeft .multiSelectOptions {
	width: 260px;
}

.queryRight .multiSelectOptions {
	width: 320px;
}

.multiSelectOptions .exit {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.multiSelectOptions div.select {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: dotted 1px #CCC;
	zoom: 1;
}

.queryLeft .multiSelectOptions div.left, .queryLeft .multiSelectOptions div.right  {
	width: 130px;
	float: left;
	margin-left: 0px;
}

.queryRight .multiSelectOptions div.left, .queryRight .multiSelectOptions div.right  {
	width: 160px;
	float: left;
	margin-left: 0px;
}

.multiSelectOptions div.left label, .multiSelectOptions div.right label {
	background: none;
	padding: 0px;
	zoom: 1;
}

.multiSelectOptions input {
	float: left;
}

.multiSelectOptions span {
	float: left;
	min-height: 15px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 11px;

	padding: 2px 5px;
	display: block;
	white-space: normal;
}

.queryLeft .multiSelectOptions span {
	width: 100px;
}

.queryRight .multiSelectOptions span {
	width: 130px;
}

.multiSelectOptions div.selectAllDiv label {
	color: #333;
	font-weight: normal;
	float: left;
	padding-left: 10px;
	background: transparent url(/images/icn_arrowRightBlue.png) no-repeat scroll left 2px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 11px;
	cursor: pointer;
}

.queryLeft .multiSelectOptions div.selectAllDiv label {
	width: 120px;
}

.queryRight .multiSelectOptions div.selectAllDiv label {
	width: 150px;
}

.queryLeft .multiSelectOptions div.selectAllDiv {
	height: 13px;
	width: 260px;
}

.queryRight .multiSelectOptions div.selectAllDiv {
	height: 13px;
	width: 320px;
}

.multiSelectOptions div.toepassen {
	height: 26px;
	width: 260px;
}

form#vacatureSearch .btnSubmit {
	background: url('/images/bgSubmit.gif') no-repeat 0 0;
	border: 0;
	bottom: 16px;
	color: #FFF;
	font-size: 9px;
	font-weight: bold;
	height: 20px;
	margin-bottom: 0;
	padding: 2px 10px 4px;
	position: absolute;
	right: 19px;
	text-transform: uppercase;
	width: 62px;
}

form#vacatureSearch .btnToepassen {
	background: url('/images/bgToepassen.gif') no-repeat 0 0;
	border: 0;
	bottom: 10px;
	right: 10px;
	padding: 3px 10px 4px;
	margin-bottom: 0;
	color: #FFF;
	font-size: 9px;
	font-weight: bold;
	height: 20px;
	position: absolute;
	text-transform: uppercase;
	width: 67px;
}
form#vacatureSearch .btnSubmit:hover,
form#vacatureSearch .btnSubmit.hover {
	background-position: 0 -50px;
	cursor: pointer;
}
form#vacatureSearch .btnToepassen:hover {
	background-position: 0 -50px;
	cursor: pointer;
}
.contentColumn form#vacatureSearch .searchButton {
	right: 24px;
}

#subscribe {
	background: url('/images/bg_vacatureZoeken.gif') repeat-x top left;
	margin-top: 4px;
	padding:12px 55px 6px 26px;
	position:relative;
}
#subscribe.hidden {
	display: none;
}
#subscribe .btnClose {
	background: url('/images/btnClose.gif') no-repeat 0 0;
	display: block;
	height: 14px;
	position: absolute;
	right: 9px;
	text-indent: -999em;
	top: 11px;
	width: 8px;
}
#subscribe p {
	font-size: 1.1em;
	line-height:1.2em;
	padding: 0 0 10px 5px;
}
.vacatureBox .error {
	display: none;
	color: red;
	margin-top: 5px;
	font-size: 1.1em;
}
.vacatureBox .success {
	display: none;
	color: red;
	font-size: 1.1em;
	margin-bottom: 8px;
	margin-left: 15px;
	margin-top: -5px;
}
#subscribe .btnClose:hover {
	background-position: 0 -50px;
}
form#subscribe .btnSubmit {
	background: url('/images/btnSubscribe.gif') no-repeat 0 0;
	border: 0;
	bottom: 16px;
	color: #FFF;
	font-size: 9px;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 3px 10px;
	text-transform: uppercase;
	width: 82px;
}
form#subscribe .btnSubmit:hover {
	background-position: 0 -50px;
	cursor: pointer;
}

/* end jqueryMultiSelect.css */

/* forms.css */
/** formulier **/
.frmConfirmLeft, .frmConfirmRight {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 13px;
	display: block;
	width:160px;
}

.contentColumn .frmGenerator {
	padding-top: 11px;
	width: 510px;
}
.frmGenerator  label{
	margin: 0px 0px 5px 0px;
	width: 340px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #343434;
	display: block;
}
.frmGenerator ul li.kort input{
	width: 85px !important;
}
.frmGenerator input,
.frmGenerator textarea,
.frmGenerator  select,
.frmGenerator .kort input{
	margin: 0px 0px 12px 0px;
	padding: 2px 5px;
	width: 330px;
	height: 12px;
	border: solid 1px #CFCDC2;
	background: url(/images/bg_input.png) repeat-x left top;
	font: normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}
.frmGenerator textarea {
	background-image: url('/images/bg_textarea.png');
	height: 135px;
}
.frmGenerator select{
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	height: 19px;
	border: solid 1px #CFCDC2;
	background: url(/images/bg_input.png) repeat-x left top;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	width: 343px;
}
.frmGenerator .frmQuestion {
	margin-bottom: 3px;
}
.frmGenerator input.frmError {
	border: 2px solid #F00;
	width: 328px;
}
.frmGenerator ul li.border input.blader{
	height: 20px;
}
.frmGenerator .hr {
	background: url('/images/bg_border.gif') repeat-x 0 0;
	border: 0;
	color: #FFF;
	height: 1px;
	margin: 8px 0 12px;
}
.frmGenerator .hr hr {
	display: none;
}
.frmGenerator .versturen {
	padding-left: 171px;
}
.frmGenerator .versturen a, .control a {
	color: #fff;
	display: block;
	float: left;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	height: 20px;
	padding: 3px 10px 0px;
	text-align: center;
	text-decoration: none;
}
.frmGenerator .versturen .empty{
	background: url('/images/btnClearForm.png') no-repeat right top;
	margin-right: 15px;
	width: 46px;
}
.frmGenerator .versturen .send {
	background: url('/images/btnSubmitForm.png') no-repeat right top;
	width: 68px;
}
.frmGenerator .versturen a:hover {
	background-position: 0 -50px;
}



.required {
	display: inline;
	float: none;
	margin:0px;
}

.frmQuestion .frmTextPasswd{
	width:343px;
	margin:0px 0px 6px 0px;
}
.frmQuestion .frmFileField{
	width:346px;
}

.frmQuestion .frmKalenderInput{
	width:250px;
}

.radiocheckbox input {
	width:15px;
	float:left;
	margin:2px 5px 0px 0px;
}
span.radiocheckbox{
	float:left;
}
.radiocheckboxGroup fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

/** error span **/

.frmGenerator span.frmErrorMessage {
	color: red;
	width: 270px;
	font-weight: normal;
	display: none;
}
.frmGenerator span.frmErrorMessageShown {
	color: red;
	display: block;
	visibility: visible;
}
.frmGenerator span.frmErrorMessageHidden {
	display: none;
	visibility: hidden;
}
/** end formulier **/
/* end forms.css */
/* datepicker.css */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	cursor: pointer;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	cursor: pointer;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {

	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	cursor: pointer;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	cursor: pointer;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	cursor: pointer;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	cursor: pointer;
	}

/* end datepicker.css */

/* job_application.css */

.contentColumn .job_application {
	width: 510px;
}
.job_application  label{
	margin: 0px 0px 5px 0px;
	width: 340px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #343434;
	display: block;
}
.job_application ul li.kort input{
	width: 85px !important;
}
.job_application input,
.job_application textarea,
.job_application  select {
	margin: 0px 0px 12px 0px;
	padding: 2px 5px;
	width: 330px;
	height: 12px;
	border: solid 1px #CFCDC2;
	background: url(/images/bg_input.png) repeat-x left top;
	font: normal 1.1em Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}
.job_application textarea {
	background-image: url('/images/bg_textarea.png');
	height: 135px;
}
.job_application select{
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	height: 19px;
	border: solid 1px #CFCDC2;
	background: url(/images/bg_input.png) repeat-x left top;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	width: 343px;
}

#KAN_VOORLETTERS,
#KAN_VOORVOEGSELS,
#KAN_GEBOORTEDATUM,
#KAN_HUISNUMMER,
#KAN_POSTCODE {
	width: 83px;
}

.job_application .frmQuestion {
	margin-bottom: 3px;
}
.job_application input.frmError {
	border: 2px solid #F00;
	width: 328px;
}
.job_application ul li.border input.blader{
	height: 20px;
}
.job_application .hr {
	background: url('/images/bg_border.gif') repeat-x 0 0;
	border: 0;
	color: #FFF;
	height: 1px;
	margin: 8px 0 12px;
}
.job_application .hr hr {
	display: none;
}
.job_application .button{
	background: url('/images/btnSend.gif') no-repeat right top;
	border: 0;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	height: 20px;
	line-height: 999em;
	margin: 0px 0px 15px 255px;
	padding: 3px 16px 0px;
	text-decoration: none;
	text-indent: -999em;
	width: 88px;
}
.job_application .button:hover {
	background-position: 0 -50px;
}
/* end job_application.css */

.control .button {
	background: url("/images/btnSubmitForm.png") no-repeat scroll right top transparent;
	width: 68px;
}
.control .button {
	float: right;
}
#vacatureSearch .allVacancies {
	bottom:13px;
	left:12px;
	position:absolute;
}
.vacancySearch ul.navigation {
	background-color: #BED62F
}
.vacancySearch ul.navigation li {
	background: url(/images/bg_vacatureZoeken.gif) repeat-x scroll left top transparent;
	padding: 13px 0;
}
.vacancySearch ul.navigation li span {
	background: url(/images/icn_arrowRight_white.gif) no-repeat scroll left 4px transparent;
	padding-left: 11px;
	margin-left: 22px;
	display: block;
}
.vacancySearch ul.navigation li a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size:11px;
	font-family: Arial;
	text-transform: uppercase;
}
.vacancySearch ul.navigation li a:hover {
	text-decoration: underline;
}

.vacatureonder {
	padding-top: 13px;
}

.vacature span {
	line-height: 13px;
}
.vacature p span {

}

.contact-links {
    width: 190px;
    float: left;
    font-size: 12px;
}

.contact-links ul li {
    margin-bottom: 5px;
}

.contact-links a {
    position: relative;
    padding-left: 20px;
    display: block;
    height: 18px;
}

.contact-links a img {
    position: absolute;
    left: 0;
    top: 1px;
}

.traineeship {
    padding-bottom:12px;
}

#LinkedIn {
    cursor: pointer;
    position: absolute;
    right: 20px;
    z-index: 9999;
}

#company-insider-info-window {
    z-index: 10000;
}

.vacature div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
/*	width: 276px;*/
	line-height: 13px;
	display: block;
}

.vacature b, .vacature strong {
	color: #202E85;
	font: bold 1.4em Tahoma, Arial, Helvetica, sans-serif;
/*	margin: 13px 0 4px;*/
	margin: 2px 0 4px;
	display: block;
}

.banner {
    display: none;
}

.fancybox-bg {
    display: none;
}

#fancybox-wrap,
#fancybox-outer,
#fancybox-content,
#fancybox-content div {
    background: transparent;
}


#fancybox-close {
    background-image: url("../images/banner/button-sluiten.png");
    background-position: 0 0;
    right: 20px;
    top: 97px;
}


#bannercontent {
    /*display: none;*/
    background: transparent;
    background-image: url('../images/banner/cofely-banner.png') !important;
    width: 651px;
    height: 599px;
}


#bannerlink {
    right: 48px;
    bottom: 50px;
    position: absolute;

}