/* CSS Document */

/* REGULAR COMMANDS */
html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#484848; font-size:0.8em; font-family:Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #0082d1;}
body a{ text-decoration:none; color:#0082d1; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#0082d1; font-weight:bold;}


.clear{clear:both;} .clear2{clear:both; height:0px;} img{border:0px;}

/* HOMEPAGE */

#container{ position:relative; width:998px; margin:0 auto; height:auto !important; height:100%; min-height:100%; background:url(../images/bg_content.jpg) repeat-y;}
#container #inner{ position:relative; width:959px; background:url(../images/bg_inner.jpg) no-repeat; padding:11px 19px 0px 20px;}

#container #inner #top{ position:relative; z-index:200; width:959px; height:90px; background:url(../images/bg_top.jpg) no-repeat;}
#container #inner #top h1{width:200px; height:0px; display:none; position:absolute; text-indent:-3000px;}
#container #inner #top .logo{width:205px; height:87px; float:left;}
#container #inner #top #sizer {width:208px; height:33px; padding:20px 0px 0px 120px; float:left; color:#FFF; font-size:0.85em;}
#container #inner #top #sizer a{color:#FFF;}
#container #inner #top #sizer span{padding-right:4px;}
#container #inner #top #sizer span.normaal{font-size:1.0em; font-weight:bold;}
#container #inner #top #sizer span.groot{font-size:1.2em; font-weight:bold;}
#container #inner #top #sizer span.groter{font-size:1.4em; font-weight:bold;}
#container #inner #top .login{width:424px; height:53px; float:right;}
#container #inner .menu { position:absolute; left:272px; top:64px; width:707px; height:34px; z-index:1000;}

#container #inner #content {width:959px; position:relative; z-index:1;}
#container #inner .home { background:url(../images/bg_home.jpg) no-repeat;}
#container #inner .vervolg { background:url(../images/bg_vervolg.jpg) no-repeat;}

#container #inner #content #header { position:absolute; z-index:1; left:0px; top:0px; height:440px; width:205px; text-align:right;}
#container #inner #content #header span a{ display:block; margin-top:128px; margin-right:23px; dislay:block; text-decoration:underline}

#container #inner #content .header1{ background:url(../images/header01.gif) no-repeat;}
#container #inner #content .header2{ background:url(../images/header02.gif) no-repeat;}
#container #inner #content .header3{ background:url(../images/header03.gif) no-repeat;}
#container #inner #content .header4{ background:url(../images/header04.gif) no-repeat;}
#container #inner #content .header5{ background:url(../images/header05.gif) no-repeat;}
#container #inner #content .header6{ background:url(../images/header06.gif) no-repeat;}
#container #inner #content .header7{ background:url(../images/header07.gif) no-repeat;}
#container #inner #content .header8{ background:url(../images/header08.gif) no-repeat;}
#container #inner #content .header9{ background:url(../images/header09.gif) no-repeat;}
#container #inner #content .header10{ background:url(../images/header10.gif) no-repeat;}
#container #inner #content .header11{ background:url(../images/header11.gif) no-repeat;}
#container #inner #content .header12{ background:url(../images/header12.gif) no-repeat;}
#container #inner #content .header13{ background:url(../images/header13.gif) no-repeat;}
#container #inner #content .header14{ background:url(../images/header14.gif) no-repeat;}
#container #inner #content .header15{ background:url(../images/header15.gif) no-repeat;}
#container #inner #content .header16{ background:url(../images/header16.gif) no-repeat;}
#container #inner #content .header17{ background:url(../images/header17.gif) no-repeat;}
#container #inner #content .header18{ background:url(../images/header18.gif) no-repeat;}
#container #inner #content .header19{ background:url(../images/header19.gif) no-repeat;}
#container #inner #content .header20{ background:url(../images/header20.gif) no-repeat;}
#container #inner #content .header21{ background:url(../images/header21.gif) no-repeat;}
#container #inner #content .header22{ background:url(../images/header22.gif) no-repeat;}
#container #inner #content .header23{ background:url(../images/header23.gif) no-repeat;}
#container #inner #content .header24{ background:url(../images/header24.gif) no-repeat;}
#container #inner #content .header25{ background:url(../images/header25.gif) no-repeat;}
#container #inner #content .header26{ background:url(../images/header26.gif) no-repeat;}
#container #inner #content .header27{ background:url(../images/header27.gif) no-repeat;}
#container #inner #content .header28{ background:url(../images/header28.gif) no-repeat;}
#container #inner #content .header29{ background:url(../images/header29.gif) no-repeat;}
#container #inner #content .header30{ background:url(../images/header30.gif) no-repeat;}
#container #inner #content .header31{ background:url(../images/header12.gif) no-repeat;}
#container #inner #content .header32{ background:url(../images/header25.gif) no-repeat;}
#container #inner #content .header33{ background:url(../images/header33.gif) no-repeat;}
#container #inner #content .header34{ background:url(../images/header14.gif) no-repeat;}

#container #inner #content .laatste {margin-left:188px; width:765px; height:169px; z-index:100;}
#container #inner #content .laatste .archief {float:left; width:58px; height:41px; padding-top:128px;}
#container #inner #content .laatste .blok { position:relative; float:left; width:350px; height:169px; padding:0px 0px 0px 28px; line-height:20px;}
#container #inner #content .laatste .blok h2{font-size:1.0em; color:#000; margin:0px; padding:18px 0px 8px 0px;}
#container #inner #content .laatste .blok ul{margin:0px; padding:0px; list-style:none;}
#container #inner #content .laatste .blok ul li{margin:0px; padding:0px;}
#container #inner #content .laatste .blok ul li a{color:#484848; font-weight:normal; text-decoration:none;}
#container #inner #content .laatste .blok ul li a em{color:#0082d1; font-weight:bold; cursor:pointer; cursor: pointer; cursor: hand;}
#container #inner #content .laatste .blok ul li a:hover{color:#0082d1; }
#container #inner #content .laatste .blok ul li em{right:20px; position:absolute; font-style:normal;}

#container #inner #content #left img.afdrukken{position:absolute; right:0px; top:80px; z-index:100; display:block; cursor:pointer; width:118px; height:40px;}
#container #inner #content #left {position:relative; padding-left:112px; width:435px; float:left; line-height:22px; margin-bottom:20px;}
#container #inner #content #left h2{padding:30px 0px 14px 0px; margin:0px; font-size:1.4em; font-weight:bold; color:#0082d1;}
#container #inner #content #left p{padding:0px 0px 18px 0px; margin:0px;}
#container #inner #content #left ul {margin:0px; padding:0px 0px 20px 0px; list-style-type:none;}
#container #inner #content #left ul li{display:block; background:url(../images/bg_list.jpg) no-repeat; padding:0px 0px 0px 20px; }
#container #inner #content #left ul li a{display:block;}

#container #inner #content #right{width:384px; float:right; margin-bottom:20px;}
#container #inner #content #right .werkvoor a{text-indent:-3000px; width:384px; height:403px; background:url(../images/dirk.jpg) no-repeat; display:block; margin-bottom:10px;}
#container #inner #content #right .werkvoor a:hover{ background:url(../images/dirk.jpg) no-repeat; filter:alpha(opacity=60); opacity:0.6;}

#container #inner #content #right .extranet h3{height:0px; display:none; text-indent:-3000px;}
#container #inner #content #right .extranet a{text-indent:-3000px; width:384px; height:70px; background:url(../images/extranet.jpg) no-repeat; display:block;}
#container #inner #content #right .extranet a:hover{ background:url(../images/extranet.jpg) no-repeat; filter:alpha(opacity=60); opacity:0.6;}

#container #footer{ z-index:1000; font-size:0.85em; position:absolute; bottom: 0; width:971px; padding:5px 7px 5px 20px; overflow: block;}
#container #footer p{float:left; margin:0px; padding:0px; color:#8b8b8b;}
#container #footer ul{float:right; margin:0px; padding:0px; list-style:none;}
#container #footer ul li{float:left; display:block;}
#container #footer ul li a{ font-weight:normal; float:left; display:block; background:url(../images/bg_streep.jpg) no-repeat right; padding:0px 13px 0px 10px;}
#container #footer ul li.last a{background:none;}
#container #footer ul li.last a span{color:#8b8b8b;}

/* VERVOLG PAGINA */

#container #inner #content .banners {margin-left:205px; width:754px; height:169px; z-index:100;}
#container #inner #content .banners .dirk{ float:left; width:367px; height:169px; z-index:100; margin-right:3px;}
#container #inner #content .banners .dirk a{text-indent:-3000px; width:367px; height:169px; background:url(../images/dirk_small.jpg) no-repeat; display:block;}
#container #inner #content .banners .dirk a:hover{ background:url(../images/dirk_small.jpg) no-repeat; filter:alpha(opacity=60); opacity:0.6;}

#container #inner #content .banners .extranet { float:left; width:384px; height:169px; z-index:100;}
#container #inner #content .banners .extranet h3{height:0px; display:none; text-indent:-3000px;}
#container #inner #content .banners .extranet a{text-indent:-3000px; width:384px; height:169px; background:url(../images/extranet_small.jpg) no-repeat; display:block;}
#container #inner #content .banners .extranet a:hover{ background:url(../images/extranet_small.jpg) no-repeat; filter:alpha(opacity=60); opacity:0.6;}

#container #inner #content #global {position:relative; padding-left:112px; width:821px; float:left; line-height:22px; margin-bottom:40px; z-index:2000;}
#container #inner #content #global img.afdrukken{position:absolute; right:0px; top:20px;}
#container #inner #content #global h2{padding:30px 0px 14px 0px; margin:0px; font-size:1.4em; font-weight:bold; color:#0082d1; z-index:2000;}
#container #inner #content #global p{padding:0px 0px 18px 0px; margin:0px; z-index:2000;}
#container #inner #content #global p.left{float:left; width:530px;}
#container #inner #content #global h2 span{font-weight:normal;}

#container #inner #content #global ul {margin:0px; padding:0px 0px 20px 0px; list-style-type:none;}
#container #inner #content #global ul li{display:block; background:url(../images/bg_list.jpg) no-repeat; padding:0px 0px 0px 20px; }
#container #inner #content #global ul li.dis{background:none; padding:0px 0px 0px 40px; font-style:italic; margin-bottom:10px;}
#container #inner #content #global ul li a{display:block;}

#container #inner #content #global .nieuws_right {float:right; width:260px;}
#container #inner #content #global .nieuws_right form.nieuwsbrief{position:absolute; right:0px; top:66px;}
#container #inner #content #global .nieuws_right form.nieuwsbrief fieldset{border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; padding:0px; margin:0px; background:none;}
#container #inner #content #global .nieuws_right form.nieuwsbrief fieldset label{display:block; font-weight:bold;}
#container #inner #content #global .nieuws_right form.nieuwsbrief fieldset input{width:257px; height:21px; font-size:0.95em; color:#a5a5a5; padding:4px 0px 0px 4px; background:url(../images/bg_nieuwsbrief.jpg) no-repeat; border-right:0px; border-top:0px; border-bottom:0px; border-left:0px; margin:0px;}
#container #inner #content #global .nieuws_right form.nieuwsbrief fieldset input.last{margin-bottom:15px;}
#container #inner #content #global .nieuws_right form.nieuwsbrief fieldset select{width:100px; padding:0px;}
#container #inner #content #global .nieuws_right form.nieuwsbrief fieldset button{ cursor: pointer; cursor: hand; margin-left:58px; background:url(../images/bg_verstuur.jpg) no-repeat; width:99px; height:25px; text-indent:-3000px; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; padding:0px;}

#container #inner #content #global .forms {}
#container #inner #content #global .forms table {margin:0px;padding:0px;}
#container #inner #content #global .forms form{margin:0px;padding:0px;}
#container #inner #content #global .forms form fieldset{margin:0px;padding:0px; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px;}
#container #inner #content #global .forms form fieldset input{margin:0px;padding:4px 0px 0px 4px; width:296px; height:23px; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px;  background:url(../images/bg_input.jpg) no-repeat;}
#container #inner #content #global .forms form fieldset select{ background:#f6f6f6; margin:0px;padding:0px 0px 0px 0px; width:300px; height:27px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
#container #inner #content #global .forms form fieldset textarea{ font-family:arial; padding:4px 0px 0px 4px; width:419px; height:222px; margin:0px; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; background:url(../images/bg_area.jpg) no-repeat;}
#container #inner #content #global .forms form fieldset button{ display:block; cursor: pointer; background:url(../images/bg_verstuur.jpg) no-repeat; width:99px; height:25px; text-indent:-3000px; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; padding:0px;}
#container #inner #content #global .forms form fieldset input.send{ cursor: pointer; background:url(../images/bg_verstuur.jpg) no-repeat; width:99px; height:25px; text-indent:-3000px; border-left:0px; border-right:0px; border-top:0px; border-bottom:0px; padding:0px;}
#container #inner #content #global .forms form fieldset input.normal{ width:14px; background:none; float:left; margin-right:2px;}
#container #inner #content #global .forms form fieldset td p{ padding-bottom:2px; width:200px; display:block;}


.error, #error { font-size:12px; color:red;margin: 2px 2px 2px 2px; padding: 4px 5px 4px 5px;border-style: solid;border-width: 1px; border-color: red;background-color: #F0F0F0; margin-bottom: 22px;}
.okmessage, #okmessage {font-size:12px;color:green;margin: 2px 2px 2px 2px;padding: 4px 5px 4px 5px;border-style: solid;border-width: 1px;border-color: green;background-color: #F0F0F0;margin-bottom: 22px;}
.infomessage, #infomessage {font-size:12px;color:orange;margin: 2px 2px 2px 2px;padding: 4px 5px 4px 5px;border-style: solid;border-width: 1px;border-color: orange;background-color: #F0F0F0;margin-bottom: 22px;}  

/* VISITEKAARTJE PAGINA */

#container #inner #content #global .werknemer{width:820px; background:url(../images/bg_dirk.jpg) no-repeat; padding-bottom:10px;}
#container #inner #content #global .werknemer .werk_left{width:185px; float:left; padding-bottom:65px;}
#container #inner #content #global .werknemer .werk_left h4{padding:0px 0px 0px 0px; margin:0px; color:#0082d1; font-size:1.3em; padding:2px 0px 0px 58px;}
#container #inner #content #global .werknemer .werk_left h4 span{color:#505050; font-size:0.7em;}
#container #inner #content #global .werknemer .werk_right{width:602px; float:right; padding:10px 15px 0px 15px; line-height:18px;}
#container #inner #content #global .werknemer .werk_right h4{margin:0px; padding:0px 0px 8px 0px; font-size:1.0em;}
#container #inner #content #global .werknemer .werk_right p{margin:0px; padding:0px 0px 16px 0px;}

/* VACATURE PAGINA */

#container #inner #content #global .vacature {width:790px; padding:15px 15px 10px 15px; background:url(../images/bg_vacature.jpg) no-repeat;}
#container #inner #content #global .vacature h3{padding:0px 0px 15px 0px; display:block; margin:0px; font-size:1.2em; }
#container #inner #content #global .vacature .vac_left{width:145px; float:left; padding-bottom:35px; font-style:italic;}
#container #inner #content #global .vacature .vac_right{width:635px; float:right; padding:0px 0px 0px 0px; line-height:18px;}
#container #inner #content #global .vacature .vac_right p{margin:0px; padding:0px 0px 15px 0px;}
#container #inner #content #global .vacature .vac_right h4{margin:0px; padding:0px 0px 8px 0px; font-size:1.0em;}

#container #inner #content #global .vacatureinfo {width:790px; padding:13px 15px 10px 15px; background:url(../images/bg_vacatureinfo.jpg) no-repeat;}
#container #inner #content #global .vacatureinfo h3{padding:0px 0px 15px 0px; display:block; margin:0px; font-size:1.0em; }
#container #inner #content #global .vacatureinfo p{margin:0px; padding:0px 0px 16px 0px;}

/* ROUTE PAGINA */

#container #inner #content #global .left_route {float:left; width:418px; padding:0px 40px 0px 0px;}
#container #inner #content #global .right_route {float:left; width:320px; padding:27px 20px 0px 19px; background:url(../images/bg_maps.jpg) no-repeat;}
#container #inner #content #global .right_route #map{border:1px solid #b8b8b8;}


/* PERSONEEL AANVRAAG PAGINA */

#container #inner #content #global .pers_aanvraag{}


/* ARCHIEF PAGINA'S */

#container #inner #content #global .archief {}
#container #inner #content #global .archief ul{margin:0px; padding:0px; list-style:none;}
#container #inner #content #global .archief ul li{ display:pointer; list-style-image:none; width:816px; height:43px; background:none; margin:0px; padding:0px 0px 2px 0px;}
#container #inner #content #global .archief ul li a{display:pointer; margin:0px; display:block; width:816px; height:31px; padding:12px 0px 0px 0px; background:url(../images/bg_archief.jpg) no-repeat;}
#container #inner #content #global .archief ul li a:hover{display:pointer; background:url(../images/bg_archief.jpg) no-repeat; text-decoration:none; color:#565656;}
#container #inner #content #global .archief ul li a p{display:pointer; float:left; width:635px; padding:0px 0px 0px 40px; display:block;}
#container #inner #content #global .archief ul li a em{display:pointer; float:left; display:block; font-style:normal;}


/* WACHTLIJST PAGINA */

#container #inner #content #global .lijst{background:url(../images/bg_lijst.jpg) repeat-y;}
#container #inner #content #global .lijst ol{ margin:0px 0px 0px 0px; padding:0px 0px 0px 12px; list-style-position: inside; background:url(../images/bg_lijst.jpg) repeat-y;}
#container #inner #content #global .lijst ol li{ color:#FFF; font-size:2.0em; line-height:55px;}
#container #inner #content #global .lijst ol li span{ padding:0px 0px 0px 60px; margin:0px 0px 0px 0px; font-size:0.55em; font-weight:bold; line-height:14px; color:#434343;}