/* RESET */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup */
table {border-collapse:collapse; border-spacing:0;}

/* MAIN */

html, body {font-family:"Arial"; font-size:12px; color:#ffffff;}
body {margin:8px 0 0 7px;}

/* LAYOUT */

#container {width:1177px; position:relative;}
#wrap {width:1177px; position:relative;}
#col1 {width:161px; height:574px; float:left;}
#col2 {width:408px; float:left;}
#col3 {width:604px; height:574px; float:left; margin-left:4px;}
#topleft {width:152px; height:27px; background:#004178;}
#topright {position:absolute; z-index:9999; height:126px; width:600px; background:url(../images/topright_blue.png) repeat-x;}
#content {width:408px; min-height:448px; background:#989da1; margin-top:126px;}
#advertisement {position:absolute; bottom:70px; left:0px; width:156px; height:207px; z-index:999;}
#footer {clear:both; height:20px; background:url(../images/footer.gif) repeat-y;}
#payoff {float:right; margin:0 5px 0 0; font-size:12px; font-weight:bold; color:#66757e; padding:0;}
#fadingimages {position:absolute; top:0px; z-index:0;}
#alle_vacatures {display:none;}

/* HOOFDMENU */

#mainmenu {margin-top:4px;}
#mainmenu li {float:left;}
#mainmenu a {float:left; display:block; font-size:12px; color:#66757e; letter-spacing:-1px; border-bottom:#66757e 1px dashed; padding:0 10px 8px 10px;}
#mainmenu a:hover, #mainmenu a.current {color:#1c3f95; border-bottom:#1c3f95 1px solid;}

/* SUBMENU */

#submenu {margin-top:57px;}
#submenu a {font-size:12px; color:#66757e; border-bottom:#66757e 1px dotted; padding-left:14px; display:block; width:140px; line-height:20px;}
#submenu a.first {border-bottom:#66757e 1px dotted; border-top:#66757e 1px dotted;}
#submenu a:hover, #submenu a.current {color:#ffffff; background:#004178 url(../images/pijltje.png) no-repeat 3px 4px;}
#submenu a.current {border-bottom:#ffffff 1px solid;}

#submenu ul a {padding-left:26px; width:128px; background:#004178; color:#ffffff; border-bottom:#ffffff 1px solid;}
#submenu ul a:hover, #submenu ul a.current {background:#004178 url(../images/pijltje.png) no-repeat 15px 5px;} 

#submenu ul ul a {padding-left:38px; width:116px;}
#submenu ul ul a:hover, #submenu ul ul a.current {background:#004178 url(../images/pijltje.png) no-repeat 27px 5px;}

/* MENU RECHTSBOVEN */

#toprightmenu {clear:both; padding-left:10px;}
#toprightmenu li {display:inline; margin-right:40px;}
#toprightmenu a {font-size:12px; color:#66757e; border:0;}
#toprightmenu a:hover {color:#004178; border:0;}

/* SNEL ZOEKEN */

#quicksearch {height:40px; padding:60px 0 0 10px; background:url(../images/quicksearchfield.png) no-repeat 195px 54px;}
#quicksearch p {float:left; padding:0; color:#66757e;}
#quicksearch #snelzoeken {font-weight:normal; font-size:18px; margin-right:12px;}
#quicksearch #soortwerk {font-weight:normal; font-size:12px; margin-right:12px;}
#quicksearch .field {font-size:12px; width:135px; margin:0px 35px 0 4px; background:none;}
#quicksearch .button {color:#66757e; font-weight:normal; background:none;}
#quicksearch .button:hover {color:#004178;}

/* BANNERS */

.banner {position:relative; width:156px; height:207px; background:url(../images/banner_img.jpg) no-repeat;}
.banner p {text-transform:uppercase; font-style:italic; padding:0 12px 0 7px; margin:0; line-height:16px;}
.banner #bannertxt {position:absolute; top:160px;}
.banner #bannertxt_top {width:156px; height:5px; background:url(../images/bannertxt_top.png) no-repeat;}
.banner #bannertxt_bg {width:156px; background:url(../images/bannertxt_bg.png) repeat-y;}
.banner #bannertxt_bottom {width:156px; height:5px; background:url(../images/bannertxt_bottom.png) no-repeat;}

#banner_rood #bannertxt_top {background:url(../images/bannertxt_top_rood.png) no-repeat;}
#banner_rood #bannertxt_bg {background:url(../images/bannertxt_bg_rood.png) repeat-y;}
#banner_rood #bannertxt_bottom {background:url(../images/bannertxt_bottom_rood.png) no-repeat;}

#banner_oranje #bannertxt_top {background:url(../images/bannertxt_top_oranje.png) no-repeat;}
#banner_oranje #bannertxt_bg {background:url(../images/bannertxt_bg_oranje.png) repeat-y;}
#banner_oranje #bannertxt_bottom {background:url(../images/bannertxt_bottom_oranje.png) no-repeat;}

#banner_paars #bannertxt_top {background:url(../images/bannertxt_top_paars.png) no-repeat;}
#banner_paars #bannertxt_bg {background:url(../images/bannertxt_bg_paars.png) repeat-y;}
#banner_paars #bannertxt_bottom {background:url(../images/bannertxt_bottom_paars.png) no-repeat;}

#banner_donkerblauw #bannertxt_top {background:url(../images/bannertxt_top_donkerblauw.png) no-repeat;}
#banner_donkerblauw #bannertxt_bg {background:url(../images/bannertxt_bg_donkerblauw.png) repeat-y;}
#banner_donkerblauw #bannertxt_bottom {background:url(../images/bannertxt_bottom_donkerblauw.png) no-repeat;}

#banner_lichtblauw #bannertxt_top {background:url(../images/bannertxt_top_lichtblauw.png) no-repeat;}
#banner_lichtblauw #bannertxt_bg {background:url(../images/bannertxt_bg_lichtblauw.png) repeat-y;}
#banner_lichtblauw #bannertxt_bottom {background:url(../images/bannertxt_bottom_lichtblauw.png) no-repeat;}

#banner_groen #bannertxt_top {background:url(../images/bannertxt_top_groen.png) no-repeat;}
#banner_groen #bannertxt_bg {background:url(../images/bannertxt_bg_groen.png) repeat-y;}
#banner_groen #bannertxt_bottom {background:url(../images/bannertxt_bottom_groen.png) no-repeat;}

/* VACATURES */

.zoekopdracht {font-weight:bold; border:0;}
.zoekopdracht:hover {border:0; color:#004178;}
.zoekopdracht span {font-size:12px; color:#004178; margin-right:3px;}

/* tabellen */
#content table {padding-bottom:15px;}
#content table a, #content table a:hover {border:0;}
#content table a:hover {color:#004178;}

td.title {background:#76838b; padding:4px 15px 4px 4px; font-weight:bold;}
td.title span {font-size:12px; color:#004178; margin-right:3px;}

td.description {padding:5px 15px;}
td.description p {margin:0; padding:0;}
td.description span {font-size:12px; margin-right:3px;}

td.area, td.level, td.atd {padding:0 15px 0 15px;}
td.area {padding-top:5px;}
td.area, td.level, td.atd {padding-bottom:5px;}

/* zoek vacatures */
#content #zoekvacatures ul {list-style-type:none; padding:0; padding-left:8px;}
#zoekvacatures .field {width:250px;}
#zoekvacatures .button {padding-bottom:4px; height:20px;}

/* toon vacature */
.mail {background:url(../images/icon_email.gif) no-repeat left; border:0;}
.print {background:url(../images/icon_print.gif) no-repeat left; border:0;}
.favourite {background:url(../images/icon_favourite.gif) no-repeat left; border:0;}
.online {background:url(../images/icon_online.gif) no-repeat left; border:0;}

.mail span, .print span, .favourite span, .online span {margin-left:20px;}
.mail:hover, .print:hover, .favourite:hover, .online:hover {border:0;}
.mail:hover span, .print:hover span, .favourite:hover span, .online:hover span {color:#004178;}

.vorigevacature, .volgendevacature {font-weight:bold; border:0;}
.vorigevacature:hover, .volgendevacature:hover {border:0; color:#004178;}
.vorigevacature span, .volgendevacature span {font-size:12px; color:#004178;}
.vorigevacature span {margin-right:3px;}
.volgendevacature span {margin-left:3px;}

/* INSCHRIJFFORMULIER */

#formuliervenster p {padding:0 0 3px 0;}
#formuliervenster p.formtextonly {background:#76838b; font-weight:bold; padding:0 0 0 7px;}
#formuliervenster label {float:left; width:110px; padding-left:7px; display:block;}
#formuliervenster .field {width:280px;}
#formuliervenster .button {margin:0 0 20px 117px;}
#formuliervenster #captcha {margin:0 0 10px 117px;}
#formuliervenster .textarea {width:277px;}

#formuliervenster #id_form_element_checkbox52 label {height:85px;}
#formuliervenster #id_form_element_textarea48 {clear:both;}

/* FORMULIER */

#formulier p {padding:0 0 3px 0;}
#formulier p.formtextonly {background:#76838b; font-weight:bold; padding:0 0 0 7px;}
#formulier label {float:left; width:110px; padding-left:7px;}
#formulier .field {width:280px;}
#formulier .button {margin:0 0 20px 118px;}
#formulier #captcha {margin:0 0 10px 117px;}
#formulier textarea {width:277px; height:70px;}
#formulier ul {margin-top:20px;}

/* LANDINGSPAGES */

#landingspages {display:none;}

/* STYLE SWITCHER */

/* standaard = SB (blauw) - daarvoor dus geen xtra slyles benodigd */

/* Young Professionals */
#yp #col3 {background:url(../images/col3_yp.jpg) no-repeat top left;}
#yp #topleft {background:#f78f1e;}
#yp #submenu a:hover, #yp #submenu li a.current {background:#f78f1e url(../images/pijltje.png) no-repeat 3px 4px;}
#yp #submenu ul li a, #yp #submenu ul ul li a {background:#f78f1e;}
#yp #submenu ul li a:hover, #yp #submenu ul li a.current {background:#f78f1e url(../images/pijltje.png) no-repeat 15px 5px;}
#yp #submenu ul ul li a:hover, #yp #submenu ul ul li a.current {background:#f78f1e url(../images/pijltje.png) no-repeat 27px 5px;}
#yp #topright {background:url(../images/topright_orange.png);}
#yp #toprightmenu a:hover, #yp #quicksearch .button:hover, #yp h2 {color:#f78f1e;}

#yp #content table a:hover {color:#f78f1e;}
#yp td.title span {color:#f78f1e;}
#yp #zoekvacatures .button {background:#f78f1e;}
#yp #zoekvacatures .button:hover {background:#3a3a3a;}

/* Clinical */
#clinical #col3 {background:url(../images/col3_clinical.jpg) no-repeat top left;}
#clinical #topleft {background:#c8d200;}
#clinical #submenu ul li a, #clinical #submenu ul ul li a {background:#c8d200;}
#clinical #submenu a:hover, #clinical #submenu li a.current {background:#c8d200 url(../images/pijltje.png) no-repeat 3px 4px;}
#clinical #submenu ul li a:hover, #clinical #submenu ul li a.current {background:#c8d200 url(../images/pijltje.png) no-repeat 15px 5px;}
#clinical #submenu ul ul li a:hover, #clinical #submenu ul ul li a.current {background:#c8d200 url(../images/pijltje.png) no-repeat 27px 5px;}
#clinical #topright {background:url(../images/topright_green.png);}
#clinical #toprightmenu a:hover, #clinical #quicksearch .button:hover, #clinical h2 {color:#c8d200;}

#clinical #content table a:hover {color:#c8d200;}
#clinical td.title span {color:#c8d200;}
#clinical #zoekvacatures .button {background:#c8d200;}
#clinical #zoekvacatures .button:hover {background:#3a3a3a;}

/* Detachering */
#detachering #col3 {background:url(../images/col3_detachering.jpg) no-repeat top left;}
#detachering #topleft {background:#9c2283;}
#detachering #submenu ul li a, #detachering #submenu ul ul li a {background:#9c2283;}
#detachering #submenu a:hover, #detachering #submenu li a.current {background:#9c2283 url(../images/pijltje.png) no-repeat 3px 4px;}
#detachering #submenu ul li a:hover, #detachering #submenu ul li a.current {background:#9c2283 url(../images/pijltje.png) no-repeat 15px 5px;}
#detachering #submenu ul ul li a:hover, #detachering #submenu ul ul li a.current {background:#9c2283 url(../images/pijltje.png) no-repeat 27px 5px;}
#detachering #topright {background:url(../images/topright_purple.png);}
#detachering #toprightmenu a:hover, #detachering #quicksearch .button:hover, #detachering h2 {color:#9c2283;}

#detachering #content table a:hover {color:#9c2283;}
#detachering td.title span {color:#9c2283;}
#detachering #zoekvacatures .button {background:#9c2283;}
#detachering #zoekvacatures .button:hover {background:#3a3a3a;}

/* Recruitement */
#recruitment #col3 {background:url(../images/col3_recruitement.jpg) no-repeat top left;}
#recruitment #topleft {background:#0070b8;}
#recruitment #submenu ul li a, #recruitment #submenu ul ul li a {background:#0070b8;} 
#recruitment #submenu a:hover, #recruitment #submenu li a.current {background:#0070b8 url(../images/pijltje.png) no-repeat 3px 4px;}
#recruitment #submenu ul li a:hover, #recruitment #submenu ul li a.current {background:#0070b8 url(../images/pijltje.png) no-repeat 15px 5px;}
#recruitment #submenu ul ul li a:hover, #recruitment #submenu ul ul li a.current {background:#0070b8 url(../images/pijltje.png) no-repeat 27px 5px;}
#recruitment #topright {background:url(../images/topright_lightblue.png);}
#recruitment #toprightmenu a:hover, #recruitment #quicksearch .button:hover, #recruitment h2 {color:#0070b8;}

#recruitment #content table a:hover {color:#0070b8;}
#recruitment td.title span {color:#0070b8;}
#recruitment #zoekvacatures .button {background:#0070b8;}
#recruitment #zoekvacatures .button:hover {background:#3a3a3a;}

/* Marketing */
#marketing #col3 {background:url(../images/col3_marketing.jpg) no-repeat top left;}
#marketing #topleft {background:#e31818;}
#marketing #submenu ul li a, #marketing #submenu ul ul li a {background:#e31818;}
#marketing #submenu a:hover, #marketing #submenu li a.current {background:#e31818 url(../images/pijltje.png) no-repeat 3px 4px;}
#marketing #submenu ul li a:hover, #marketing #submenu ul li a.current {background:#e31818 url(../images/pijltje.png) no-repeat 15px 5px;}
#marketing #submenu ul ul li a:hover, #marketing #submenu ul ul li a.current {background:#e31818 url(../images/pijltje.png) no-repeat 27px 5px;}
#marketing #topright {background:url(../images/topright_red.png);}
#marketing #toprightmenu a:hover, #marketing #quicksearch .button:hover, #marketing h2 {color:#e31818;}

#marketing #content table a:hover {color:#e31818;}
#marketing td.title span {color:#e31818;}
#marketing #zoekvacatures .button {background:#e31818;}
#marketing #zoekvacatures .button:hover {background:#3a3a3a;}

/* POPUP */

#lightwindow #col1 {height:180px;}
#lightwindow #content {width:408px; min-height:180px; background:#989da1; margin-top:0;}
#lightwindow #content h2 {padding-top:20px;}
#lightwindow #content p {color:#ffffff;}
#lightwindow #content p.floatleft {padding-right:3px;}
#lightwindow #content .field {width:150px;}

/* TELL-A-FRIEND */

#tellafriend label {width:120px; float:left; text-align:right; margin-right:10px;}
#tellafriend .field {width:240px;}

/* CLASSES - ALGEMEEN */

.field {color:#66757e; font-size:11px; padding:3px; border:0;} /* specifieke opmaak voor een input type="text" */
.button {color:#ffffff; font-weight:bold; background:#004178; border:0; cursor:pointer;} /* specifieke opmaak voor een input type="submit" */
.button:hover {background:#3a3a3a;}
.floatclearer {clear:both;} /* 'clearen' van voorafgaande floats */
.floatleft {float:left;}
.floatright {float:right;}

/* ELEMENTEN - ALGEMEEN */

h1 a {display:block; width:152px; height:99px; background:url(../images/h1.gif); text-indent:-9999px; border:0;} /* plaatsen logo plus verwijzen homepage */
h1 a:hover {border:0;} 
h2 {font-size:24px; font-weight:normal; color:#004178; padding:14px 15px 26px 8px;}
h3 {font-size:18px; font-weight:normal; color:#004178; padding:0 15px 10px 8px;}
h4 {font-size:16px; font-weight:normal; color:#004178; padding:0 15px 10px 8px;}
h3 span, h4 span {margin-right:5px; color:#ffffff; font-size:20px;}

a {color:#ffffff; border-bottom:#ffffff 1px solid; text-decoration:none;} /* algemene links */
a:hover {border-bottom:#004178 2px solid;}

p {line-height:20px; padding:0 15px 20px 8px;}

#content ul {list-style-type:disc; padding-left:22px; line-height:20px; padding-bottom:20px;}
#content ol {list-style-type:decimal; padding-left:26px; line-height:20px; padding-bottom:20px;}

#content ul.nobullets {list-style-type:none; padding-left:8px;}

#content img {padding:0 15px 0px 8px;}

/* ELEMENTEN - FORMULIER */

input {font-family:"Arial";}
textarea {font-family:"Arial"; color:#66757e; font-size:11px; padding:3px;}

.error { color:red; }