/* main layout */

body {
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	
	_behavior: url('/csshover.htc');
	
	overflow:hidden;
	scrollbar-3dlight-color:#BCBDC0; 
	scrollbar-arrow-color:#BCBDC0; 
	scrollbar-base-color:#BCBDC0; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-shadow-color:#BCBDC0; 
	scrollbar-track-color:#FFFFFF;
}

ul	{margin:14px 0px 14px 0px; padding:0px; list-style: none; }

ul li {
	padding-left:10px; 
	background-image:url(/images/li.gif); 
	background-repeat:no-repeat;
	background-position:0px 8px;
}

img {
	border:0px;
}

table {
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
}

form.tellafriend input {
	width:175px;
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	border:1px #BCBDC0 solid;
}

form.tellafriend textarea {
	width:175px;
	overflow:auto;
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	border:1px #BCBDC0 solid;
}

form.popup input {
	width:210px;
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	border:1px #BCBDC0 solid;
}


form.popup textarea {
	width:210px;
	overflow:auto;
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	border:1px #BCBDC0 solid;
}

form.solliciteren td.left {
    width:200px;
}
form.solliciteren input, form.solliciteren textarea, form.solliciteren select {
    width:255px;
}
form.solliciteren #voorletters   { width:80px; }
form.solliciteren #tussenvoegsel { width:166px; }
form.solliciteren input {
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	border:1px #BCBDC0 solid;
}


form.solliciteren select {
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	border:1px #BCBDC0 solid;
}

td.error {color:#FF0000;padding:2px 0 2px 0;}

form.solliciteren #voorletters {
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
}


form.solliciteren td.small {
	padding:0px;
	font-size:10px;
}

form.solliciteren #tussenvoegsel {
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
}

form.solliciteren textarea {
 	height:40px;
	overflow:auto;
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	border:1px #BCBDC0 solid;
}

form.solliciteren #genderman,form.solliciteren #gendervrouw{
    width:auto;
    border:0;
}
form.solliciteren #genderdiv {
    border:1px solid #fff;
    height:22px;
}
label * {
    float:left;
}
label span {
    display:block;
    width:80px;
    padding-left:4px;
    line-height:18px;
}

input.alert, textarea.alert, select.alert, #genderdiv.alert {
	border:1px #FF0000 solid !important;
}

table.solliciteren td.left {
	text-align:right;
	padding-right:10px;
}

table.solliciteren td.right {
	text-align:left;	
	width:327px;
}

table.contact {
	padding:0px;
	margin:0px;
	
}

table.contact td {
	width:160px;
	vertical-align:top;
}

table.contact td.long {
	width:320px;
}


h1.pagetitle {
	font-family:arial;
	font-size:22px;
	font-weight:bold;
	color:#00B5D9;
	margin:-5px 0px 5px 0px;
	padding:0px;
	line-height:26px;
}

h2.grey {
	font-family:arial;
	font-size:14;
	font-weight:bold;
	color:#6D6F71;
	padding:10px 0px 5px 0px;
	margin:0px;
} 

h2.vacoverzicht {
	font-family:arial;
	font-size:14;
	font-weight:bold;
	color:#6D6F71;
	padding:6px 0px 6px 0px;
	margin:0px;
}

h2.blue {
	font-family:arial;
	font-size:14;
	font-weight:bold;
	color:#00B5D9;
	padding:10px 0px 5px 0px;
	margin:0px;
} 

h2.white,
h2.white a {
	font-family:arial!important;
	font-size:18px!important;
	font-weight:bold!important;
	color:#FFFFFF!important;
	padding:0px!important;
	margin:0px!important;
	text-decoration:none!important;
	background-image:none!important;
}

h3.blue {
	font-family:arial;
	font-size:14;
	font-weight:bold;
	color:#00B5D9;
	padding:0px 0px 0px 0px;
	margin:0px;
}

h3.grey {
	font-family:arial;
	font-size:12;
	font-weight:bold;
	color:#6D6F71;
	padding:0px 0px 0px 0px;
	margin:0px;
}

div.simh3{
	display:inline;
	font-family:arial;
	font-size:12;
	font-weight:bold;
	color:#6D6F71;
	padding:0px 0px 0px 0px;
	margin:0px;
}

div.vacscroller h3 {
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#002469;
	padding:0px;
	margin:0px;
}

a {
	color:#6D6F71;
	text-decoration:underline;
}

a.left {
	font-family:arial;
	font-size:12px;
	color:#6D6F71;
	text-decoration:underline;
	padding:0px 0px 0px 7px;
	text-decoration:underline;
	background-image:url(/images/bg-href-left.gif);
	background-repeat:no-repeat;
	background-position:center left;
}

a.right {
	font-family:arial;
	font-size:12px;
	color:#002469;
	text-decoration:underline;
	padding:0px 7px 0px 0px;
	text-decoration:underline;
	background-image:url(/images/bg-href-right.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

span.button {
	background-image:url(/images/bg-button-left.gif);
	background-repeat:no-repeat;
	background-position:left center;
	height:24px;
	display:table-cell;
	display:inline-block;
	padding-left:15px;
}

span.button a {
	color:#FFFFFF;
	height:24px;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	margin:0px;
	padding-right:15px;

	
	display:table-cell;
	display:inline-block;
	
	background-color:#002469;
	background-image:url(/images/bg-button-right.gif);
	background-repeat:no-repeat;
	background-position:right center;
	
}

div.maincontainer {
	width:1016px;
	/* height:602px; */
	position:relative;
	left:50%;
	margin-left:-508px;
	overflow:hidden;
}

div.vacoverzicht {
	padding:5px 0px 5px 0px;
	line-height:16px;
}

div.vacoverzicht ul {
	margin:5px 0px 5px 0px;
}

/* top bar */

div.maincontainer div.topbar{
	height:75px;
	width:1016px;
	background-image:url(/images/line-horizontal.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}

div.topbar_left {
	font-family:arial;
	font-size:55px;
	letter-spacing:-2px;
	color:#00B5D9;
	padding:2px 0px 0px 53px;
	margin:0px;
	float:left;
}
div.topbar_right {
	font-family:arial;
	font-size:55px;
	letter-spacing:-2px;
	color:#002469;
	padding-top:2px;
	margin:0px;
	float:left;
}

/* center content */

div.maincontainer div.center {
	width:1016px;
	/* height:436px; */
	height: 550px;
	overflow:hidden;
}

div.center div.left {
	height:528px;
	width:260px;
	float:left;
	background-image:url(/images/line-vertical.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

div.left div.padding {
	padding: 18px 19px 18px 10px;
}

div.mainmenu {
	height:220px;
	width:215px;
	overflow:hidden;
	
}

div.mainmenuentry {
	top:0px;
	height:20px;
	width:231px;
	background-image:url(/images/line-mainmenu.gif);
	background-repeat:no-repeat;
	background-position:bottom right;	
}

div.mainmenuentry_active {
	height:20px;
	width:231px;
	background-image:url(/images/line-mainmenu.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.mainmenutext {
	padding:2px 0px 0px 17px;
}

div.mainmenutext a {
	font-size:12px;
	color:#6D6F71;
	text-decoration:none;
}

div.mainmenutext a.active {
	color:#00B5D9;
}

div.mainmenutext:hover {
	background-image:url(/images/bg-mainmenu-hover.gif);
	background-repeat:no-repeat;
	background-position:4px 6px;
	cursor:pointer;
}

div.banner div.padding{
	padding: 15px 0px 0px 17px;
}

div.center div.middle {
	position:relative;
	height:436px;
	/* width:526px; */
	height: 500px;
	float:left;
	line-height:16px;
}

div.middle div.pagetitle {
	position:absolute;
	top:18px;
	left:18px;
	width:490px;
	height:26px;
	background-color:#FFFFFF;
}

div.padding_topbottom {
	padding:18px 0px 18px 0px;
}

div.maincontent {
	height:525px;
	width:526px;
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
}

div.maincontent div.padding {
	padding: 26px 18px 0px 18px;
}

div.maincontent div.cleft, div.maincontent div.cright {
	width:235px;
	float:left;
}

div.maincontent div.cleft {
	width:220px;
	_width:235px;
	padding-right:15px;
	_padding-right:0px;
}

div.maincontent div.c3left, div.maincontent div.c3middle, div.maincontent div.c3right {
	width:150px;
	float:left;
}

div.maincontent div.cspacer {
	width:20px;
	height:1px;
	float:left;
}

div.center div.right {
	height:528px;
	width:230px;
	float:left;
	background-image:url(/images/line-vertical.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div.right div.padding {
	padding:18px 0px 0px 19px;
}


/* bottom bar */
div.maincontainer div.bottombar{
	height:91px;
	width:1016px;
	background-image:url(/images/line-horizontal.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

div.bottombar div.bleft{
	float:left;
	width:260px;
	height:91px;
}
div.bleft div.padding {
	padding:13px 0px 0px 27px;
}

div.bottombar div.bright{
	float:right;
	width:756px;
	height:91px;
}

div.logo {
	float:right;
	width:121px;
 	height:91px;
}

div.logo div.padding {
	padding: 11px 26px 0px 0px;
}

div.slogan {
	float:right;
 	width:635px;
 	height:91px;
 	font-size:22px;
 	text-align:right;
 	letter-spacing:0px;
 	color:#00B5D9;
 }

div.slogan div.padding {
	padding:33px 23px 0px 0px;
}


/* vacscroller */

div.vacscroller {
	height:400px;
	width:202px;
}
div.vacscroller div.spacer {
	height:400px;
	width:1px;
	float:left;
}

div.vacscroller_nav{
	width:15px;
	height:31px;
	float:left;
}

div.vacscroller_nav div{
	padding:0px 0px 1px 0px;
}

div.vacatures_caroussel {
	height:400px;
	width:186px;
	position:relative;
	background-color:#00B5D9;
	overflow:hidden;
	float:left;
}

div.vacatures_caroussel div.top {
	position:absolute;
	top:0px;
	left:0px;
	height:32px;
	width:186px;
	z-index:99;
	background-image:url(/images/line-vacscroller.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#00B5D9;
}

div.top div.padding {
	padding:2px 0px 0px 9px;
	margin:0px;
}


div.vacatures_caroussel div.caroussel {
	position:absolute;
	top:-77px;
	left:0px;
	height:1000px;
	width:186px;
	z-index:1;
}

div.vacblok {
	position:absolute;
	height:109px;
	width:186px;
	color:#FFFFFF;
	background-image:url(/images/bg-vacscroller-vac.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}

div.vactext{
	height:80px;
	width:186px;
	overflow:hidden;
}

div.vaclink{
	cursor:pointer;
	height:29px;
	width:186px;
}

div.vacblok div.padding {
	padding:2px 0px 0px 9px;
}

div.vacatures_caroussel div.bottom {
	position:absolute;
	top:358px;
	left:0px;
	height:42px;
	width:186px;
	z-index:100;
	background-image:url(/images/line-vacscroller.gif);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#00B5D9;
}

div.bottom div.padding {
	padding:13px 0px 0px 9px;
	margin:0px;
}

div.vacatures_caroussel a {
	font-family:arial;
	font-size:12px;
	color:#002469;
	padding:0px 7px 0px 0px;
	text-decoration:underline;
	background-image:url(/images/bg-href-vacscroller.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

div.popup {
	position:absolute;
	z-index:99999;
}

div.stel-een-vraag, div.stuur-naar-vriend {	
	background-image:url(/images/bg-popup.gif);
	background-repeat:no-repeat;
	width:340px;
	height:260px;
}

div.stel-een-vraag div.padding, div.stuur-naar-vriend div.padding {
	padding:10px;
}

/* various elements */

div.clear {
	clear:both;
	height:1px;
	overflow:hidden; /* PIE: gaat dit overal goed? */
}

div.align_right {
	text-align:right;
}

div.vacheader {
	margin:15px 0 12px 0;
	display:block;
	clear: both;
}

div.vacheader div {float:right;}
div.vacheader div.vacoptions {padding:3 20px 0 0;}


div.vacoptions {
	text-align:right;
	padding:6px 0px;
	font-size:11px;
}

div.vac_extra {
	background-color:#00b5d9;
	width:186px;
	border-top:1px solid white;	
}

div.vac_extra div.padding{
	padding:10px;
	color:#FFFFFF!important;
}

div.vac_extra div.padding a {
	color:#002469!important;
}


div.vac_extra div.padding span.small {
	font-family:tahoma;
	display:block;
	margin-top:8px;
	margin-bottom:3px;	
	color:#a3f0ff!important;
	font-size:10px!important;
}