body, html { margin:0px;padding:0px; }
body { font-family:verdana,sans-serif,helvetica,arial; color:#3A8CC6; font-size:70%; text-align:left; line-height:170%;}
hr { height:1px; border:0px solid #424242; color:#424242; background-color:#424242; margin:4px 0 4px 0; }
ul { list-style:square; margin:0 0 1em 0; padding:0 0 0 15px; }
ul li { line-height:1.6em; margin:0 0 0 0; padding:0 0 0 0; }
ul.vragen { list-style:square; margin:0 0 0 0em; padding:0 0 0 14px; }
ul.vragen li { line-height:1.6em; margin:0 0 0 0; padding:0 0 0 0; }
#main div#menu li.spacer { height:10px; background:none; background-color:#fff; }
p { margin:0 0 15px 0; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#fff; font-family:verdana,Arial,sans-serif,helvetica; margin:4px 0 4px 0; }
h1 { font-size:150%; margin:0 0 8px 0; line-height:140%; }
h2 { font-size:100%; margin:7px 0 2px 0; }
h3 { font-size:125%; margin:1em 0 0.2em 0; }
a img { border:none; margin:0 0 0 0; line-height:0px; }
a { text-decoration:none; color:#DD1E50; }
a:hover { text-decoration:none; color:#3A8CC6; }
div { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.reset { clear:both; height:1px; float:none; font-size:0%; line-height:0%; }
div#headerPrint { display:none; }
form { margin:0 0 0 0; font-family:verdana,sans-serif,helvetica,arial; font-size:100%;}
table { margin:0 0 0 0; border-collapse:collapse; }
td { vertical-align:top; padding:0 0 0 0; font-size:100%; text-align:left; }


/* Main layout ______________________________ */
div#page { position:relative; width:100%; text-align:left; padding:0; margin:0; }
table#main { width:100%; }
  table#main td.top { height:90px; background:#fff url('../img/header-logo.png') 82px 16px no-repeat; }
  table#main td.header{ height:30px; background-color:#DD1E50; } /*background:url('../img/bar_red.gif') 0px 0px repeat-x; */
  table#main td.cont1 { width:165px; }
  table#main td.cont2 { width:463px; padding:10px 15px 15px 15px; background-color:#3A8CC6; }
  #index table#main td.cont2 { width:527px; padding:0; background-color:#fff; }
  table#main td.vul1 { width:165px; padding-bottom:15px; }
  table#main td.vul2 { padding-bottom:15px; }
  table#main td.vul3 { padding-bottom:15px; }


/* Header ______________________________ */
div#logo { float:left; width:430px; height:90px; }
  div#logo a { display:block; float:left; }
  div#logo a.cyrus { width:165px; height:90px; }
  div#logo a.concordis { width:135px; height:90px; }
div#logo_talent { float:left; width:120px; height:90px; }

div#siteoptions { width:140px; height:30px; padding:0 0 0 25px; float:left; }
  div#siteoptions div.seperator { float:left; width:1px; height:30px; }
  a.icon { float:left; display:block; background-position:0px 10px; background-repeat:no-repeat; height:30px; margin:0 7px 0 7px; }
  a.icon.home { width:25px; background-image:url('../img/icon_home.gif'); margin-left:0px; }
  a.icon.search { width:37px; background-image:url('../img/icon_zoeken.gif'); }
  a.icon.mail { width:35px; background-image:url('../img/icon_email.gif'); }
  a.icon:hover { background-position:0 14px; }

div#header_photo { width:100%; height:420px; background-position:0px 0px; background-repeat:no-repeat; margin-top:-30px; position:relative; }
div#banner { width:100%; height:186px; background-position:0px 0px; background-repeat:no-repeat; margin-top:-220px; position:relative; }

/* Menu ______________________________ */
div#menu { width:145px; padding:0 0 0 10px; }
  div#menu a { height:14px; display:block; background-image:url('../img/nav_werkz.png'); background-repeat:no-repeat;  }
  div#menu li { background-image:url('../img/nav_werkz.png'); background-repeat:no-repeat; margin:15px 0; padding:0; line-height:10px;  }
  div#menu ul.werkg a { background-image:url('../img/nav_werkg.png'); }
  div#menu ul.werkg li { background-image:url('../img/nav_werkg.png'); }
  div#menu li a { text-indent:-1999px; }
  div#menu a:hover {  }
  	/*Werkzoekers*/
	div#menu #btn_1 a { background-position:0 0px; }
	div#menu #btn_2 a { background-position:0 -60px; }
	div#menu #btn_3 a { background-position:0 -120px; }
	div#menu #btn_4 a { background-position:0 -180px; }
	div#menu #btn_5 a { background-position:0 -240px; }
	div#menu ul.werkz #btn_6 a { background-position:0 -300px; }
	
	div#menu #btn_1, div#menu  #btn_1.current a { background-position:0 -20px; }
	div#menu #btn_2, div#menu  #btn_2.current a { background-position:0 -80px; }
	div#menu #btn_3, div#menu  #btn_3.current a { background-position:0 -140px; }
	div#menu #btn_4, div#menu  #btn_4.current a { background-position:0 -200px; }
	div#menu #btn_5, div#menu  #btn_5.current a { background-position:0 -260px; }
	div#menu ul.werkz #btn_6, div#menu ul.werkz #btn_6.current a { background-position:0 -320px; }

	/*Werkgevers*/
	div#menu #btn_7 a { background-position:0 0px; }
	div#menu #btn_8 a { background-position:0 -60px; }
	div#menu #btn_9 a { background-position:0 -120px; }
	div#menu #btn_10 a { background-position:0 -180px; }
	div#menu #btn_11 a { background-position:0 -240px; }
	div#menu #btn_12 a { background-position:0 -300px; }
	div#menu ul.werkg #btn_13 a { background-position:0 -360px; }
	
	div#menu #btn_7, div#menu  #btn_7.current a { background-position:0 -20px; }
	div#menu #btn_8, div#menu  #btn_8.current a { background-position:0 -80px; }
	div#menu #btn_9, div#menu  #btn_9.current a { background-position:0 -140px; }
	div#menu #btn_10, div#menu  #btn_10.current a { background-position:0 -200px; }
	div#menu #btn_11, div#menu  #btn_11.current a { background-position:0 -260px; }
	div#menu #btn_12, div#menu  #btn_12.current a { background-position:0 -320px; }
	div#menu ul.werkg #btn_13, div#menu ul.werkg  #btn_13.current a { background-position:0 -380px; }

div#menu ul { margin:0; padding:0; list-style:none; }
div#menu ul.level1 { padding:0 5px 0 0; }
div#menu ul li.lev1.current { border-right:1px solid #A0C5E4; padding-right:5px; margin-right:-5px; }

	div#menu a.lev1 { width:140px; height:15px; margin:15px 0 5px 0; background-repeat:no-repeat; background-position:0 0; }
		div#menu li.lev1.current { background:none; }
		div#menu ul.level1 li.notcurrent a:hover { background:none; }
		

  div#menu ul.level2 { margin:0 0 15px 0; float:none; clear:both; text-align:right; }
		div#menu ul.level2 a { padding:1px 0; color:#3A8CC6; text-decoration:none; font-weight:bold; line-height:130%; background:none; }
		div#menu ul.level2 li { margin:4px 0; }
		div#menu ul.level2 li.current a { color:#3A8CC6; text-decoration:underline; }
		div#menu ul.level2 a:hover { color:#135F95; text-decoration:underline; }
		div#menu ul.level2 li { background:none; }
  div#menu ul.level3 { margin:0 0 5px 0; float:none; clear:both; text-align:right; }
		div#menu ul.level2 ul.level3 a { color:#1E6CA3; text-decoration:none; padding:1px 0; font-weight:normal; line-height:130%; background:none; border:none; }
		div#menu ul.level3 li.current a { color:#1E6CA3; text-decoration:underline; }
		div#menu ul.level3 a:hover { color:#135F95; text-decoration:underline; }

	div#menu ul.currentsubmenu { text-decoration:underline; font-weight:bold; line-height:130%; }
	div#menu ul.level2 ul.currentsubmenu { padding:3px 0 3px 0; color:#3A8CC6; }
	div#menu ul.level3 ul.currentsubmenu { padding:1px 0px 1px 0; color:#1E6CA3; }

/* Content ______________________________ */
div#content { color:#fff; }
div#title { padding-bottom:10px; clear:both; width:460px; }
  div#content a { text-decoration:underline; color:#fff; }
  div#content a:hover { text-decoration:underline; color:#fff; }
	div#content div.text.intro { line-height:185%; font-weight:bold; }
	div#content div.text.text {}


/* Vacatures (on the right) _______________ */
div#vacatures { margin:15px 0 15px 15px; width:195px; padding-top:0px; }
  div#kandidaten h3 { height:13px; width:60px; margin-bottom:15px; background:url('../img/title_vac-kan.gif') 0 0 no-repeat; text-indent:-1999px; overflow:hidden; }
  div#vacatures a { display:block; width:175px; background-image:url('../img/arrow.gif'); background-position:182px 5px; background-repeat:no-repeat; padding:0 20px 7px 0; line-height:130%; }
  div#vacatures a:hover { background-image:url('../img/arrow_r.gif'); }
  /* Kandidaten (on the right) _______________ */
div#kandidaten { margin:5px 0 15px 15px; width:195px; padding-top:0px; }
  div#kandidaten h3 { height:13px; width:145px; margin-bottom:15px; background:url('../img/title_vac-kan.gif') 0 -13px no-repeat; text-indent:-1999px; overflow:hidden; }
  div#kandidaten a { display:block; width:175px; background-image:url('../img/arrow.gif'); background-position:182px 5px; background-repeat:no-repeat; padding:0 20px 7px 0; line-height:130%; }
  div#kandidaten a:hover { background-image:url('../img/arrow_r.gif'); }


/* Footer ______________________________ */
a.icon_print { width:62px; height:14px; margin:5px 0 0 313px; display:block; background-position:0px 0px; background-repeat:no-repeat; background-image:url('../img/icon_print.gif'); }
	a.icon_print:hover { background-position:0 4px; }
	div#legal { margin-left:15px; color:#3A8CC6; }
	div#legal a { color:#3A8CC6; }
		div#legal a:hover { color:#3A8CC6; text-decoration:underline; }


/* Overview tables (with date left) ______________________________ */
table#overview { width:100%; }
table#overview td.date { width:15%; color:#999999; white-space:nowrap; padding-right:15px; }
table#overview td.content { width:85%; }


/* Forms ______________________________ */
input,textarea { background-color:#fff; border:2px solid #235477; font-size:100%; padding:2px; color:#666666; font-family:verdana,sans-serif,helvetica,arial; }
input.submit { background-color:#fff; color:#DD1E50; font-weight:bold; font-size:94%; }
input.radio { border:none; background:none; }
form .required { border-color:#DD1E50; }
table.formulier {}
table.formulier td.col1 { padding:1px 8px 4px 0; width:120px; line-height:140%; text-align:right; }
table.formulier td.col2 { padding:1px 0px 4px 0; line-height:140%; }
div#error_message {}
div#error_message.highlight { margin-bottom:6px; font-weight:bold; border:1px solid #fff; padding:2px 4px 2px 4px;  }
div.foto {float:right;}

/* Popup (fietsen) ______________________________ */
div#banner { margin-left:15px; }
body#popup { color:#3A8CC6; } /* 555 - x = 90 */
#popup div#popup-main { padding:0 0 20px 120px; width:555px; }
#popup div#logo { float:none; margin-left:-82px; }
#popup div#content { color:#003C67;}
#popup h1, #popup h2 { color:#DD1E50; }
#popup div#content a { text-decoration:none; color:#DD1E50; }
#popup div#content a:hover { text-decoration:none; color:#3A8CC6; }
input.checkbox {border:0; padding:0;margin:0;background-color:transparent;}

div.lefthilites {margin-top:20px; float:left;}
div.hilites {margin-top:20px; width:175px;}
table.hilite {padding-left:30px; border:1px solid #fff; width:175px; margin-top:0px; margin-bottom:10px;}
table.hilite th {padding-left:10px;background-color:#DD1E50;}
table.hilite tr {border-top:1px solid #fff;}
table.hilite tr td {padding-left:10px;padding-bottom:5px;}

table.kandidaat {width:350px; clear:both;}


/* verkeersbesluiten */
#vk { width:157px; height:99px; padding:40px 4px 20px 4px;}
#vk a { display:block; width:155px; height:100px; border:solid #3A8CC6 1px; background:url("../img/verkeersbesluit.png"); }

/* #banner-left { width:100px; height:133px; padding: 50px 4px 20px 4px; } 
#banner-left a { display:block; width:370px; height:86px; border:solid #3A8CC6 0px; background:url("../img/") no-repeat; } */

/* #banner-right { width:364px; height:86px; padding:20px 0px 40px 0px; } 
#banner-right a { display:block; width:362px; height:86px; border:solid #3A8CC6 0px; background:url("../img/banner_agenda_2011.jpg") no-repeat; } */


li.zoekres {margin-bottom:5px;}
input.radio, input.checkbox {border:none;margin:0 2px 0 0;}


/*
// Redesigntoevoegingen 
*/

/* Home */
#index div.intro { padding:15px 0 15px 0; width:493px; font-size:11px; line-height:18px; font-weight:bold; }

#blokken { width:493px; background:url("../img/bloklijn.png") 0px 0px repeat-y; }
#blokken p.title { margin:0; padding:0; }
#blokken p a { height:43px; width:189px; padding:0; margin:0 0 17px 0; }
#blokken ul, .list-vacatures ul { margin:0 0 0 0; padding:0 0 10px 0; list-style:none; }
#blokken li, .list-vacatures li { margin:3px 0; padding:0 0; line-height:12px; }
#blokken a { color:#fff; padding:0 0 3px 19px; display:block; text-indent:-1999px; overflow:hidden;}
#blokken a:hover, .list-vacatures a:hover { text-decoration:underline; }
#blokken-wrapper { width:493px; _height:170px; min-height:170px; background:url("../img/zoekersgevers.png") 0 0 no-repeat; background-color:none; }
div.blok { width:189px; float:left; padding:0 10px 0 35px; color:#fff; display:inline; }
#blok-werkg { margin-left:25px; }
#blok-werkz ul a { text-indent:0; background: url("../img/arrow-w.png"); background-repeat:no-repeat; background-position:-213px 1px; background-color:#DD1E50; }
#blok-werkg ul a, .list-vacatures ul a { text-indent:0; background:#3A8CC6 url("../img/arrow-w.png") 0 -17px no-repeat;}

#content .list-vacatures a { text-decoration:none; color:#fff; padding-left:19px; display:block; }
#newsoverview.list-vacatures ul { width:440px; padding-top:10px; clear:both; }
#newsoverview.list-vacatures ul li { clear:both; }

/* Content */
#tabs { padding:6px 0 0 0; float:left; }
#tabs a { float:left; text-indent:-2999px; overflow:hidden; background:url("../img/images.png") 0 -72px no-repeat; }
#tabs #tab-werkz { width:146px; height:24px; }
#tabs #tab-werkz.current { background-position:0 -24px; }
#tabs #tab-werkg { width:146px; height:24px; background-position:0 0; }
#tabs #tab-werkg.current { background-position:0 -48px; }
#tabs.current { }

.vacature-interesse { display:block; height:27px; width:116px; background:url("../img/images.png") 0 -127px no-repeat; }
.kandidaat-interesse { display:block; height:27px; width:151px; background:url("../img/images.png") 0 -97px no-repeat; }

.form { clear:both; }
.form table label { display:block; width:100px; }


#footer { position:relative; width:463px; height:20px; padding:5px 15px; margin-top:50px; font-size:10px; background:#3A8CC6 url("../img/footer.png") 0 18px no-repeat; color:#fff; }
#footer div { position:absolute; }
#footer a { color:#fff; }
#content #footer { margin-top:15px; }
#disclaimer { position:absolute; right:15px; }
#copyright { width:100px; position:absolute; left:507px; color:#3A8CC6; }