html {height: 100%;overflow:-moz-scrollbars-vertical;overflow-y: scroll;}
body {background-color:#009cd2;color:#24408f;font:normal 0.75em/1.5em Arial, Trebuchet MS, Verdana, Tahoma;text-align:center;height: 100%;}

div.container-holder{min-height: 100%;width:100%;background-color:#fff;height: auto !important;height: 100%; margin: 0 auto -60px;}
div.container {width:964px;margin:0 auto;text-align:left}
div.wrapper {overflow:hidden; width:100%;}

/* -- basic link ------------------------------------------------------------------------------------------------------------------------- */

a, a:visited {color:#24408f;text-decoration:underline}
a:hover, a:active {color:#009cd2;text-decoration:none}

a.underline, a.underline:visited {text-decoration:underline;}
a.underline:hover, a.underline:active{text-decoration:none;}

/* -- Basic layout elements --- dont change! --------------------------------------------------------------------------------------------- */
/* -- Om kolommen te maken zet je een 'wrapper' direct om gefloate elementen heen. zie voorbeeldkolommen hieronder ----------------------- */

/* -- Text elements ---------------------------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6{color:#24408f;}

h1,.h1{font-size: 1.833em;line-height:1.182em;padding: 0 0 10px 0;}
h2,.h2{font-size: 1.333em;line-height:1.25em;padding: 0 0 5px 0;}

div.newsarticle h2{font-size:1.8em;padding:0 0 15px 0;line-height:1.1em;}

h3,.h3{font-size:1em;line-height:1.25em;padding:0 0 5px 0;}
h4, h5, h6 {font-size:1em;line-height:1.333em;padding:0 0 5px 0;}

p {margin:0;padding:0 0 20px;color:#24408f}
p.margin{}

div.col1-sub-left ul{margin:0 0 8px 15px;list-style:none;}
div.col1-sub-left ul li{background:transparent url("../images/icon_plainbullet.gif") no-repeat scroll 0 10px;padding:1px 0 1px 15px;}

/* -- form specifications ---------------------------------------------------------------------------------------------------------------- */

select, input, textarea {font:normal 100% Arial, "Trebuchet MS", Verdana, Tahoma;color:#000;}
textarea {height: 100px;}
input.textfield, textarea.textfield {border:solid 1px #ddd;width:115px;padding:2px}
input.searchfield{float:left;height:20px;width:176px;border:0;background:transparent url("../images/bg_search.gif") no-repeat 0 0;color:#24408f;padding:4px 8px 0 8px;}
div.btn-search{float:right;}
div.btn{width:100%;overflow:hidden;padding:0 0 20px}
div.btn a {margin-right:20px;text-decoration:none}

/* -- kolommen --------------------------------------------------------------------------------------------------------------------------- */

div.col1-left {width:408px;float:left;padding-right:20px}
div.col1-right {width:536px;float:right;}
div.col1-sub-left {float:left;width:562px;}
div.col1-sub-right {float:right;width:301px;padding-left:20px;border-left:#24408f 1px solid;}

/* -- navigatie -------------------------------------------------------------------------------------------------------------------------- */

div.nav{position:absolute;top:79px;left:185px;}
div.nav ul{list-style:none;margin:0}
div.nav ul li{background:transparent url(../images/bg_nav_left_false.gif) no-repeat scroll 0 0;float:left;height:30px;padding:0 0 0 10px;margin:0 10px 0 0;}
div.nav ul li a, div.nav ul li a:visited{background:transparent url(../images/bg_nav_right_false.gif) no-repeat scroll right 0;float:left;height:30px;padding:7px 10px 0 0;color:#fff;font-size:1.167em;font-weight:bold;text-decoration:none}

div.nav ul li.general-true,div.nav ul li.uitzendbureaus-true{background:transparent url(../images/bg_nav_left_true.gif) no-repeat scroll 0 0;}
div.nav ul li.general-true a, div.nav ul li.general-true a:visited,div.nav ul li a.true, div.nav ul li a.true:visited{background:#ffffff url(../images/bg_nav_right_true.gif) no-repeat scroll right 0;color:#009cd2;}
div.nav ul li.general-true a:hover, div.nav ul li.general-true a:active, div.nav ul li.general-true a:focus {color:#009cd2;}

div.subnav{position:absolute;top:112px;left:-3px;padding:1px 0 0 0;width:100%;overflow:hidden}
div.subnav ul{list-style:none;margin:0}
div.subnav ul li{background:transparent url(../images/subnav_li.gif) no-repeat right 8px;float:left}
div.subnav ul li a,div.subnav ul li a:visited{float:left;display:table-cell;height:20px;line-height:19px;padding-left:10px;color:#24408f;text-decoration:none;margin:0 5px;text-align:center;zoom:1}
div.subnav ul li a span{float:left;display:table-cell;height:20px;line-height:19px;padding:1px 10px 1px 0;zoom:1;cursor:pointer;}
div.subnav ul li a:hover,div.subnav ul li a:active, div.subnav ul li.true a,div.subnav ul li.true a:visited{background:transparent url(../images/subnav_a.gif) no-repeat 0 0;color:#fff;}
div.subnav ul li a:hover span, div.subnav ul li.true a span{background:transparent url(../images/subnav_span.gif) no-repeat right 0}
div.subnav ul li.true a,div.subnav ul li.true a:visited{font-weight:bold}

ol.subsubnav{list-style:none;margin:0 0 20px;border-color:#24408f;border-width:1px 1px 0 1px;border-style:solid;}
ol.subsubnav li a, ol.subsubnav li a:visited {display:block;background:#009cd2 url(../images/arrow_white.gif) no-repeat 9px 9px;border-bottom:solid 1px #24408f;color:#fff;text-decoration:none;padding:3px 10px 5px 22px;zoom:1}
ol.subsubnav li a:hover, ol.subsubnav li a:active,ol.subsubnav li a.true, ol.subsubnav li a.true:visited{background:#fff url(../images/arrow_blue.gif) no-repeat 9px 9px;color:#009cd2}

/* -- specific elements ------------------------------------------------------------------------------------------------------------------ */

div.breadcrumbs ul{list-style:none;padding:0 0 20px;overflow:hidden;width:100%;margin:0}
div.breadcrumbs ul li{float:left;padding:0 10px 0 0;}
div.breadcrumbs ul li a.true, div.breadcrumbs ul li a.true:visited {text-decoration:none}

div.header-holder{width:100%;background:#fff url("../images/bg_body.gif") repeat-x scroll 0 0;padding:0 0 20px;text-align:left}
div.header{height:141px;position:relative;margin:0 auto 0;width:964px;}
div.logo{position:absolute;top:20px;left:0}
div.login{position:absolute;top:20px;left:647px;}

div.login a.btn{background:transparent url(../images/btn_header_left.gif) no-repeat scroll 0 0;height:29px}
div.login a.btn:hover,div.login a.btn:active,div.login a.selected{background:transparent url(../images/btn_left_header_expand.gif) no-repeat scroll 0 0;height:29px}

div.login a.btn span{background:transparent url(../images/btn_header_right.gif) no-repeat right 0px;height:29px}
div.login a.btn:hover span,div.login a.btn:active span,div.login a.selected span{color:#24408f;background-position:right -50px;height:29px}




div.login ul{display:none;position:absolute;left:0;top:26px;list-style:none;margin:0;border-color:#24408f;border-style:solid;border-width:1px 1px 0 1px}
div.login ul li{border-bottom:solid 1px #24408f}
div.login ul li a,div.login ul li a:visited{display:inline-block;padding:3px 8px;width:120px;background-color:#fff;text-decoration:none}
div.login ul li a:hover,div.login ul li a:active{background-color:#24408f;color:#fff}
div.search{position:absolute;top:20px;right:0;width:219px;}
div.language{position:absolute;top:86px;right:0}
div.language a,div.language a:visited, div.language a:hover{padding-left:10px;text-decoration:none;color:#fff;}
div.language img{padding-right:5px;vertical-align:text-top}

div.printandemail img.hr{float:left;width:500px;padding:7px 0 5px 0;}
div.printandemail div.icons{width:50px;float:right;overflow:hidden;}
div.printandemail div.icons img{padding:0 0 2px 4px;}

div.video{float:left;width:125px;margin-right:8px;min-height:140px;}
div.video-text{padding: 5px 0 0 4px;}

ul.links {margin:0 0 20px -10px;list-style:none;overflow:hidden;width:100%;}
ul.links li {float:left;padding:0 0 0 10px;margin:0;white-space:nowrap;word-wrap:break-word;}
ul.links li a, ul.links li a:visited {padding:0 10px 0 0;border-right:1px solid #24408F;}
ul.links li.last a, ul.links li.last a:visited {padding: 0;}

ol.list {margin:0 0 20px 0;list-style:none;}
ol.list li {background:transparent url(../images/arrow_darkblue.gif) no-repeat 0 6px;height:18px;padding:0 0 0 15px;}

div.box-search,div.box-video,div.box-footer{padding:15px 15px 0 15px;margin-bottom:20px;border-style:solid;border-width:1px 1px 1px 54px;border-color:#009CD2;color:#009CD2;background-color:#fafafa}
div.box-search a,div.box-search a:visited{color:#009cd2}
div.box-search a:hover,div.box-search a:active{color:#24408f}
div.box-search h1,div.box-search h2,div.box-search h3,div.box-video h1,div.box-video h3{color:#009cd2;font-size:1.5em;padding-bottom:5px}
div.box-search ul.links li a, div.box-search ul.links li a:visited {padding:0 10px 0 0;border-right:1px solid #009cd2;}
div.box-search-box1,div.box-search-box2 {margin-bottom:20px;}

div.box-video h2{padding:0 0 10px;color:#009cd2}
div.box-video h4{color:#009cd2;padding:0 0 3px}
div.box-video span.date{font-style:italic}
div.box-video a,div.box-video a:visited{color:#009cd2;display:block;text-decoration:none}
div.box-video a:hover,div.box-video a:active{color:#24408F}
div.box-video h4 a,div.box-video h4 a:visited{text-decoration:underline}

/* -- subpage ---------------------------------------------------------------------------------------------------------------------------- */

div.video-groot{margin-bottom:15px;}

div.box-footer-left {float:left;width:158px;}
div.box-footer-right {float:left;width:721px;}

div.collapseHeaderDiv {background:transparent url(../images/arrow_darkblue.gif) no-repeat scroll 0 5px;padding:0 0 0 15px;margin:5px 0 5px 0;}

/* -- subpage nieuws -------------------------------------------------------------------------------------------------------------------- */

div.newsarticle{width:100%;overflow:hidden;padding:5px 0 20px 0;}
div.newsarticle div.image{float:left;width:250px;min-height:126px;height:126px;padding:0;position:relative;}
div.newsarticle div.image img{position:absolute;}
div.newsarticle div.image img.overlay{position:absolute; display:none;}
div.newsarticle div.text{float:right;width:290px;padding:3px 0 0 0;}
div.newsarticle div.text a{float:none!important;display:block;padding-top:4px;}
div.newsarticle div.text span.date{padding: 0 0 5px 0;display: block;}

/* image XL */
div.image-xl{position:relative;width:250px;height:126px;margin:20px 0;}
div.image-xl img{position:absolute;width:250px;height:126px;}
div.image-xl img.overlay{position:absolute; display:none;}

/*-- pagenav --*/
div.pagenav {border-top:1px solid #24408f;padding:10px 0 0 0px;margin:5px 0 0 0px;}
.pagenav-numbers span span{padding:0 5px;float:left;color:#ffffff;background-color:#009cd2;border:solid 1px #24408f;text-align:center;text-decoration:none;display:block;margin:0 5px 0 0}
.pagenav-numbers span a,.pagenav-numbers span a:visited{float:left;text-align:center;text-decoration:none;display:block;}

div.pagenav div.pagenav-numbers{float:left;}
div.pagenav div.pagenav-numbers ul{margin:0px;list-style:none;}
div.pagenav div.pagenav-numbers li{padding:0 5px 0 0px;float:left;width:20px;height:20px;color:#66605c;text-align:center;}
div.pagenav div.pagenav-numbers li.active {border:1px solid #24408F;padding:0 5px;margin:0 5px 0 0;background-color:#009cd2;color:#fff;}
div.pagenav div.pagenav-numbers a, div.pagenav div.pagenav-numbers a:visited {border:1px solid #24408F;padding:0 5px;margin:0 5px 0 0}
div.pagenav div.pagenav-numbers a:hover,div.pagenav div.pagenav-numbers a:focus,div.pagenav div.pagenav-numbers a:active {background-color:#009cd2;color:#fff;}

/*previous and next links*/
div.pagenav div.pagenav-prevnext{float:right;}
div.pagenav div.pagenav-prevnext a{padding: 0 0 0 2px;}

div.pagenav div.pagenav-prevnext span{padding: 0 0 0 2px;}
div.pagenav div.pagenav-prevnext a.prev {border-right: solid 1px #24408f;padding-right:4px;}
div.pagenav div.pagenav-prevnext span.prev {border-right: solid 1px #24408f;padding-right:4px}

/* -- popup ------------------------------------------------------------------------------------------------------------------------ */

div.popup{background-color:#fff;border-color:#009CD2;border-style:solid;border-width:1px 1px 1px 54px;padding:20px;width:434px;}
div.popup div.closebutton{float:right;width:30px;}
div.popup div.title {float:left;width:400px;height:50px;}
div.popup div.title img{padding:0}

div.popup table input.textfield{border:solid 1px #24408f;color:#24408f;width:213px;}
div.popup table textarea.textfield{border: solid 1px #24408f;color:#24408f;width:428px;}

/* -- formulieren ------------------------------------------------------------------------------------------------------------------------ */

div.form {margin:0;width:300px;}

table.input	{margin-bottom:10px;border:solid 1px #24408f;width:300px}
table.input td {padding:3px 10px}
table.input td.nopd{padding:0}

td.blue{background-color:#009cd2;color:#fff;border-bottom:1px solid #24408f;width:124px;}
td.blue a,td.blue a:visited,td.blue a:hover,td.blue a:active{color:#fff}

td.white {width:97px;border-bottom:1px #24408f solid;}

td.right{text-align:right;padding:5px 0 0 0;height:30px;}

table.input td.formvalidation{width:3px;border-bottom:1px solid #24408F; padding: 3px 3px 3px 0px;}
td.formvalidation span{display:block}
td.info{width:16px;border-bottom:1px solid #24408F;padding:3px 0!important}

table.radio td{padding: 3px 5px;}

/* -- formulieren BREED ------------------------------------------------------------------------------------------------------------------- */

div.form-xl{width:500px}
div.form-xl table.input{width:500px}
div.form-xl td.blue{width:216px;border-left:2px solid #24408F}
div.form-xl td.white{width:227px;}

div.form-xl td.right{padding-right:5px;}
div.form-xl input.textfield,div.form-xl textarea.textfield{width:222px;}

/* -- footer ----------------------------------------------------------------------------------------------------------------------------- */

div.footer{color:#fff;background-color:#009cd2;padding:20px 0;font-size:0.917em;height: 20px; position:relative;}
ul.footer{margin:0 auto;text-align:left;width:964px;list-style:none;}
ul.footer li {float:left;padding:0 20px 0 0}
ul.footer li a, ul.footer li a:visited,ul.footer li a:hover, ul.footer li a:active {color:#fff;}

/* -- tagcloud rechts -- */

div.box-tagcloud-box{border-left-width:28px}

/*longstay*/
table.longstay{width:500px}
table.longstay td{width:166px;vertical-align:top}
table.longstay td h3{color:Red;}
table.longstay td.blue{color:#fff}
table.longstay td.blue-left,table.longstay td.white-left,table.longstay-totalprice td.blue-left,table.longstay-totalprice td.white-left{width:80px;}
table.longstay td.blue-middle,table.longstay td.white-middle,table.longstay-totalprice td.blue-middle,table.longstay-totalprice td.white-middle{width:239px;border-left:1px solid #24408F;}
table.longstay td.blue-right,table.longstay td.white-right,table.longstay-totalprice td.blue-right,table.longstay-totalprice td.white-right{width:119px;border-left:1px solid #24408F;}
table.longstay select{margin:5px 0;}
table.longstay td.white-bottom {background: transparent url(../images/tabel-longstay_white_bottom.gif) no-repeat scroll 0 0; padding:0;}
table.longstay table td{padding:0; margin:0;}
table.longstay input{vertical-align:top; margin:0 5px 0 0;}
table.longstay table.radio{width:239px}


div.longstay-popup{padding:15px 35px 0 35px;}

table.longstay-totalprice td{border-bottom-width:0}

td.border-b-blue{border-bottom:solid 1px #40b0dd;}
div.totalprice {font-size:1.25em; margin:10px 0 20px 0;}
div.accord input{margin:0 5px 0 0;}

span.check{color:#888}

/* -- end ----------------------------------------------------------------------------------------------------------------------------- */

/*new*/
div.boxhome{width:472px;float:left;}
div.boxborderdarkblue{border:solid 1px #24408f;background-color:#fafafa;min-height:426px;margin:0 0 20px}
div.boxborderdarkblue div.spacing{padding:20px}

a.btn,a.btn:visited{background:transparent url(../images/btn_left.gif) no-repeat 0 0;color:#24408f;display:table-cell;height:24px;line-height:24px;padding-left:9px;text-align:center;text-decoration:none;zoom:1}
a.btn span,a.btn:visited span{background:transparent url(../images/btn_right.gif) no-repeat right 0;cursor:pointer;display:table-cell;height:24px;line-height:24px;padding-right:30px;zoom:1}
a.btn:hover span,a.btn:active span{background:transparent url(../images/btn_right.gif) no-repeat right -25px;}

.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.mr20{margin-right:20px}
.fl{float:left}
.fr{float:right}

table.radio input, table.radio label,span.checkbox input,span.checkbox label{display:inline;float:none;margin:0 4px 0 0;vertical-align:middle;}

.error {color:Red;}