@charset "utf-8";
/* CSS Document */
/*resets YUI Reset CSS 2.8.0r4*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}

body{text-align:center;background:url(../layout-images/background.png) fixed;margin:0;padding:0;}

/*h styles*/
h1{ display:block;position:relative;float:left;font-family:Arial, Helvetica, sans-serif;font-size:24px;width:100%;background:#3F9EC6;color:#eee;line-height:50px;padding-bottom:4px;z-index:9;border-bottom:solid 1px #7483B5;text-shadow:0px -1px 0px #235f78;-moz-box-shadow:0px 4px 1px #ccc;-webkit-box-shadow: 0px 4px 1px #ccc;}
h1.contentheader{text-align:left;background:#F4F4F4;top:5px;z-index:-9;text-shadow:0px 1px 0px #fff;color:#166F94;text-indent:20px;padding-bottom:0;}
h2, th{font-family:Arial, Helvetica, sans-serif;font-size:18px;width:100%;color:#204352;line-height:40px;}
/*content*/
h3{font-style:italic;line-height:20px;font-family:"Times New Roman", Times, serif;font-size:18px;width:100%;color:#204352;display:block;position:relative;margin:15px 0 0;}
.wrapper{position:absolute;z-index:-1;display:block;height:auto;width:100%;top:0;*left:0;}
/*header styles*/
.header{display:block;width:100%;height:148px;background:url(../layout-images/header-background-neb.png) repeat-x top;z-index:999;position:relative;} /*test path*/
.header img{display:block;width:472px;height:60px;float:left;margin:10px 0 0 3%;}
.header ul{display:block;float:right;margin:0 1px 0 0; position:absolute; top:87px; right:0;}
.header ul li{display:block;float:left;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:5px 1px 0px 0px;text-shadow:0px -1px 0px #3fa1ca;*margin-top:-7px;}
.header ul li a{color:#fff;text-decoration:none;padding:10px;*line-height:40px;background:#51ccff;-moz-box-shadow:0px 1px 2px #204352;-webkit-box-shadow:0px 1px 2px #204352;}
.header ul li a:hover, .header ul li a:hover.active{color:#fff;background:#166f94;text-shadow:0px -1px 0px #204352;}
.header ul li a.active{background:#F4F4F4;text-shadow:0px 1px 0px #fff;color:#204352;}
.contentwrap{margin:-28px auto 0;width:930px;height:800px;}
.mediablock{display:block;float:left;position:relative;width:910px;height:278px;background:#222;padding:5px;border:5px solid #3F9EC6;}
/*contentblocks*/
.uspblock, .contentblock{display:block;float:left;width:270px;padding:20px;height:260px;background-color:#FFF;text-align:left;position:relative;background:url(../layout-images/content-gradient.png) repeat-x top #FFF;border-bottom:1px solid #084d6a;}
.uspblock.leftie, .contentblock.leftie{margin:0 0 0 0px;}
.uspblock.rightie, .contentblock.rightie{margin:0 0px 0 0;}
.uspblock p, .contentblock p{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#666;padding-top:15px;}
.uspblock a{display:block;position:absolute;bottom:0px;left:20px;width:120px;height:30px;background:#40A0C8;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:5px 1px 0px 0px;text-shadow:0px -1px 0px #2b6f8b;color:#FFF;text-decoration:none;text-align:center;padding: 15px 0 0 0;-moz-box-shadow:0px 1px 5px #ccc;-webkit-box-shadow:0px 1px 5px #ccc;}
.uspblock a:hover{padding: 20px 0 2px 0;background:#166F94;text-shadow:0px -1px 0px #204352;}
.contentblock{height:700px;}
.contentblock img{border:5px solid #555;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0px 2px 3px #999;-webkit-box-shadow:0px 2px 3px #999;display:block;margin:20px 0 30px;}
/*footer styles*/
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.footer{display:block;position:relative;width:930px;height:150px;background:url(../layout-images/content-gradient.png) repeat-x center #111;top:0px;margin:0;border-top:1px solid #333;}
.footer p a{display:block;float:left;position:relative;top:80px;left:122px;color:#999;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;padding-left:20px;}
.footer a img{display:block;float:right;position:relative;top:40px;right:210px;text-decoration:none;}

/*formulier styles*/
.formulier{background:url(../layout-images/content-gradient.png) repeat-x top #FFF;border-bottom:1px solid #AF6194;position:relative;float:left;width:890px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#555;text-align:left;padding:20px;}
.formulier form{}
.formulier tr{}
.formulier tr th, .formulier tr td{line-height:40px;}
.formulier tr th{text-indent:418px; text-align:left; line-height:50px;}
.formulier.second tr th{text-indent:298px;}
.formulier.slot tr th{text-indent:219px;}
.formulier tr td{*text-indent:60px;}
.formulier tr td.labels{width:300px; padding-right:20px;text-align:right;}
.formulier.slot tr td.labels{width:200px;}
.formulier.slot tr td.labels.explain{width:255px;}
.formulier input.styling, .formulier textarea.styling, .formulier select.styling{display:inline-block;position:relative;width:310px;height:20px;padding:5px 10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #ccc;background:#fff;-moz-box-shadow:0px -1px 0px #bbb;-webkit-box-shadow:0px -1px 0px #bbb;}
.formulier input.styling, .formulier textarea.styling, .formulier select.styling{width:312px\9}
.formulier select.styling{height:32px;width:330px;}
.formulier select.selectperson.styling{width:108px;}
/*start hack IE8*/
.formulier input#date-input-1, .formulier input#date-input-2, .formulier input#AansprakelijkheidEindDatum, .formulier input#AansprakelijkheidStartDatum, .formulier input.radio {width:142px;}
.formulier input#date-input-1, .formulier input#date-input-2, .formulier input#AansprakelijkheidEindDatum, .formulier input#AansprakelijkheidStartDatum, .formulier input.radio {width:143px\9}
/*end hack*/
.formulier textarea.styling{height:100px;top:4px;*margin-bottom:7px;}
.formulier input.radio{text-align:left;display:block;position:relative;left:-64px;}
.formulier tr td span{font-style:italic;*text-indent:0px;}
.formulier tr td span.error{color:#F06;font-style:italic;}
.formulier tr td.explain{line-height:20px;}
.formulier tr td ol{list-style:decimal;padding:20px 0;margin-left:20px;*margin-left:0px;*list-style-position:inside;}
.formulier tr td p, .formulier tr td ol, .formulier tr td span{width:550px;display:block;position:relative;text-align:justify;*text-indent:0px;}

/*contact slide*/
a:focus{outline:none;}
#panel{background:url(../layout-images/box-background-neb.png) repeat-x bottom #373737;height:440px;display:none;padding:0;text-align:center;width:100%;position:relative;}
.slide{text-align:center;padding:0;margin:0;background-color:#FCC;top:0;}
.btn-slide{margin: 0 auto;background:url(../layout-images/contact-neb.png) top;width:144px;position:absolute;right:50px;height:40px;padding:0;display:block;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-shadow:0px -1px 0px #3fa1ca;}
.btn-slide{color:#efefef;text-decoration:none;line-height:33px;}
.btn-slide:hover, .btn-slide:active{background:url(../layout-images/contact-neb.png) center -53px;color:#FFF;text-shadow:0px -1px 0px #2b6f8b;}
.contactwrap{width:930px;position:relative;margin:0 auto;padding:0;text-align:left;font-family:Arial, Helvetica, sans-serif;color:#eee;font-size:13px;}
.contactformwrap{float:left;position:relative;width:500px;padding:0 20px 0 120px;}
.nawwrap{float:right; position:relative;  width:290px;}
.contactwrap h4, .contactwrap h5{display:block;position:relative;float:left;font-family:Arial, Helvetica, sans-serif;font-size:24px;width:100%;color:#eee;line-height:40px;text-shadow:0px -1px 0px #000;padding:10px 0 0 0;}
.contactwrap h5{line-height:60px; padding:0;}
/*form styles*/
form{padding:20px 0 0 0;}
.contactform li{line-height:44px;}
.contactform label{display:inline-block;position:relative;width:100px;}
.contactform label span{font-size:18px;display:inline-block;position:relative;background:#F30;-moz-border-radius:6px; -webkit-border-radius:6px;text-align:center;width:24px; left:20px;}
.contactform input, .contactform textarea{display:inline-block;position:relative;width:300px;height:24px;padding:5px;font-family:Arial, Helvetica, sans-serif; font-size:13px;-moz-border-radius:16px;-webkit-border-radius:16px;border:1px solid #111;background:#eee;-moz-box-shadow:0px 1px 0px #777;-webkit-box-shadow:0px 1px 0px #777;}
.contactform textarea{height:100px;top:4px;}
.contactform input.bt, .contentblock.rightie a, .formulier input.bt, .formulier a{height:36px;width:140px;float:left;left:182px;font-size:14px;color:#FFF;margin:5px 1px 0px 0px;text-shadow:0px -1px 0px #2b6f8b;text-decoration:none;padding:10px;background:#3F9EC6;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #C4D0F6;cursor:pointer;padding:0 0 3px 0;-moz-box-shadow:0px 2px 4px #ccc;-webkit-box-shadow:0px 2px 4px #ccc;}
.contactform input.bt{-moz-box-shadow:0px 2px 4px #000;-webkit-box-shadow:0px 2px 4px #000;}
.contactform input:hover.bt, .contentblock.rightie a:hover, .formulier input:hover.bt, .formulier a:hover{color:#fff;background:#166F94;text-shadow:0px -1px 0px #204352;}

.formulier input.bt{left:0;}
.formulier a{text-align:center;height:31px;line-height:33px;}
.formulier input.bt, .formulier a{width:104px;margin:0 2px;}
.contentblock.rightie a{font-family:Arial, Helvetica, sans-serif;line-height:35px;text-align:center;left:50px;position:relative;top:50px;}

.nawwrap a{color:#FFF;text-decoration:none;font-style:italic;line-height:24px;}
.nawwrap a:hover{text-decoration:underline;}
/*share buttons*/
ul.sharelist li{float:left;position:relative;}
ul.sharelist li a{text-indent:-999em;display:block;width:60px;height:60px;background:url(../layout-images/black-social-icons-sprite.png) left top #3F9EC6;cursor:pointer;-moz-border-radius:6px;-webkit-border-radius:6px;margin:0 5px 0 0; }
ul.sharelist li a:hover{background-position:left bottom;}
ul.sharelist li a.lin {background-position:-120px top;}
ul.sharelist li a.lin:hover{background-position:-120px bottom;}
ul.sharelist li a.twi{background-position:-240px top;}
ul.sharelist li a.twi:hover{background-position:-240px bottom;}
/*jQuery Nivo Slider v1.1*/
.slider img{}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption{position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}
/*Calender styles*/
div.calendar{font-size:smaller;color:#3e3e3e;font-family:Arial, Helvetica, sans-serif;border:20px solid #888;-moz-border-radius:6px; -webkit-border-radius:6px;-moz-box-shadow:0px 2px 4px #ccc;-webkit-box-shadow:0px 2px 4px #ccc;}
div.calendar.popup{margin-left:-40px;margin-top:-100px;z-index:9999;}
div.calendar table{background-color:#ffffff;border:1px solid #e5e5e5;border-collapse:separate;border-spacing:1px;}
div.calendar thead{background-color:#fff;}
div.calendar td,div.calendar th{padding:2px;text-align:center;}
div.calendar td.title{font-weight:bold;color:#166F94;}
div.calendar th{font-weight: bold;width:30px;}
div.calendar tr.days td {color:#3d60ba;text-align:right;cursor:pointer;border:1px solid #e5e5e5;}
div.calendar tr.days td:hover,div.calendar td.button:hover{border-color:#e8a800;background-color:#e5e5e5;cursor:pointer;}
div.calendar tr.days td:hover{background-color:#fff;}
div.calendar tr.days td:active,
div.calendar td.button:active{background-color:#204352;}
div.calendar tr.days td.selected{font-weight:bold;background:#204352;border-color:#204352 !important;color:#fff !important;}
div.calendar tr.days td.weekend{color:#7f9de8;}
div.calendar tr.days td.today{font-weight:bold;border-color:#3d60ba;}
div.calendar tr.days td.otherDay{background:#e5e5e5;color:#fff;}

td.givetip,.formulier tr th.givetip{ width:25px;text-indent:0;}
td.givetip a,td.givetip a:hover,th.givetip a,th.givetip a:hover { 
color:#fff;
display:block;
float:left;
left:-292px;
top:1px;
position:relative;
font-size:16px;
width:25px;
height:25px;
background:url(../layout-images/contact-neb.png) top;
text-indent:0;
line-height:26px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
border:1px solid #fff;
}