/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'helveticaregular'; font-size: 14px; color: #494949; }
input, select, textarea { font-family: 'helveticaregular'; font-size: 14px; color: #494949; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.title { font-family: 'ffjustlefthandregular'; display: block; color: #19191a; font-size: 22px; line-height: 26px; text-align: center; }
h3 { text-align: center; }
/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 100%; }
.center { margin: 0 auto; width: 940px;  }

/* ### header container ### */
#headerCntr { position: relative; width: 100%; }
#headerCntr .header {  width: 637px; float: right; }
#headerCntr .header.margin { padding-top:30px; }
#headerCntr .header .login { float:right; margin:10px 0 15px 0;list-style:none;  }
#headerCntr .header .login li { float:left; margin-left:15px; }
#headerCntr .header h1 { clear:both; width: 340px; margin-right:80px; float:left; }
#headerCntr .logo { display: block; width: 340px; margin-right: 80px; height: 57px; text-indent: -9999px; float: left; background: url('../images/logo.jpg') no-repeat; }
#headerCntr address {  padding-top: 10px; text-transform: uppercase; font-size: 17px; line-height: 18px; color: #000; float: right; font-family: 'HelveticaNeueCondensedBlack'; font-style: normal;  }
#headerCntr address a { text-decoration: none; color: #000; }

/* ### menu box ### */
.menuBox { padding-bottom: 0px; width: 100%; margin-top: 47px; background: url('../images/menu-bg.png') left top repeat-x; }
.menuBox ul { list-style-type: none; list-style: none; }
.menuBox li { float: left; font-size: 16px; line-height: 20px; font-family: 'HelveticaNeueCondensedBlack'; text-transform: uppercase; }
.menuBox li a { padding: 24px 15px 22px; display: block; text-decoration: none; color: #fff; }
.menuBox li a:hover, .menuBox li.selected a { color: #f16f01; background: #fff; }

/* ### banner container ### */
#bannerCntr { width: 100%; }

/* ### info box ### */
.infoBox { padding: 42px 0 72px; width: 100%; }
.infoBox .center { padding-top: 36px; text-align: center; background: url('../images/dot.jpg') left top repeat-x; }
.infoBox h3 { padding-bottom: 30px; font-size: 27px; line-height: 41px; font-family: 'HelveticaNeueCondensedBlack'; color: #ff7500; font-weight: normal; }
.infoBox .left { float: left; width: 450px; }
.infoBox .right { float: right; width: 456px; }
.infoBox p { line-height: 22px; text-align: left; font-size:14px; }
.infoBox .btn { padding: 0 50px 0 10px; font-size: 22px; text-decoration: none; font-size: 27px; text-transform: uppercase; border: 5px solid #ff7500; color: #ff7500; margin-top: 24px; line-height: 47px; display: inline-block; font-family: 'HelveticaNeueCondensedBlack'; background: url('../images/arrow.png') right top no-repeat; }
.infoBox .btn:hover { color: #000; }

/* ### banner box ### */
.bannerBox { padding-top: 190px; width: 100%; position: relative; }
.bannerBox img { margin: 0 auto; }
.bannerBox h4 { padding: 10px; font-size: 41px; line-height: 41px; font-family: 'HelveticaNeueCondensedBlack'; color: #000; text-transform: uppercase; position: absolute; left: 50%; margin-left: -300px; top: 65px; border: 4px solid #000; display: inline-block; }

/* ### content container ### */
#contentCntr { overflow: hidden; width: 100%; }

/* ### center container ### */
#centerCntr { width: 100%; }

/* ### text box ### */
.textBox { width: 100%; background: url('../images/bg.jpg') center top no-repeat; margin-bottom:50px; }
.textBox .text { padding: 36px 0 44px; width: 470px; float: right; text-align: center; background: #f57705; }
.textBox h3 { padding-bottom: 38px; font-size: 27px; line-height: 36px; font-family: 'HelveticaNeueCondensedBlack'; color: #fff; font-weight: normal; }
.textBox p { padding: 0 34px 30px 52px; line-height: 26px; text-align: left; color: #fff; }

/* ### socail box ### */
.socailBox { width: 100%; }
.socailBox ul { list-style: none; list-style-type: none; }
.socailBox li { float: left; }

/* ### article box ### */
.articleBox { padding-bottom: 68px; width: 100%; }	
.articleBox .text { padding: 36px 0 44px; width: 470px; float: right; text-align: center; background: #f57705; }
.articleBox .title { padding-top: 30px; }
.articleBox h3 { padding-bottom: 18px; font-size: 27px; line-height: 36px; font-family: 'HelveticaNeueCondensedBlack'; color: #ff7500; font-weight: normal; }
.articleBox p { padding: 0 10px 30px 0; line-height: 26px; text-align: left; }
.articleBox .left { float: left; width: 469px; text-align: center; }
.articleBox .right { float: right; width: 471px; text-align: center; }
.articleBox .link { padding-left: 30px; font-family: 'helveticabold'; text-decoration: none; color: #ff7500; text-align: left; display: block; background: url('../images/arrow1.jpg') left center no-repeat; }
.articleBox .link:hover { text-decoration: underline; }

/* ### detail box ### */
.detailBox { padding: 20px 0; width: 100%; }
.detailBox .header {  overflow: hidden; }
.detailBox h3 { padding: 6px 0; font-size: 27px; line-height: 36px; font-family: 'HelveticaNeueCondensedBlack'; color: #ff7500; font-weight: normal; margin-bottom:0px; }
.detailBox p { padding: 0 10px 0 0; font-size: 20px; line-height: 35px; }
.detailBox .left { padding-top: 4px; float: left; width: 460px; margin-bottom:50px; }
.detailBox .right { padding: 0 10px 15px; float: right; width: 460px; background: #fafafa; }
.detailBox .link { padding-left: 30px; font-family: 'helveticabold'; text-decoration: none; color: #ff7500; text-align: left; display: block; background: url('../images/arrow1.jpg') left center no-repeat; }
.detailBox .link:hover { text-decoration: underline; }
.detailBox fieldset { border: 0; }
.detailBox .right h3, .detailBox .col4 h3 { text-align: left; font-size: 24px; }
.detailBox .right div.block, .detailBox .col4 div.block { padding-bottom: 15px; font-size: 14px; overflow: hidden; float: left; width: 100%; }

.detailBox label { padding-bottom: 7px; padding-top:7px; display: block; line-height: 17px; float: left; width: 200px; height:30px; }
.detailBox .wide select, .detailBox .wide input, .detailBox .wide textarea {  margin-left:200px; }
.detailBox .wide label { width:100%; height:auto; line-height:20px;}
.detailBox label span { float:left; }
.detailBox input.inputfield,.detailBox textarea { padding: 5px 10px; border: 1px solid #e1e1e1; float: left; width: 413px; height: 22px; background: #f1f1f1; }
.detailBox select { padding: 4px 5px; border: 1px solid #e1e1e1; float: left; width: 460px; height: 28px; background: #f1f1f1; }
.detailBox input[type=number]{ width: 110px; margin-right: 6px; }
.detailBox input.field { width: 20px; }
.detailBox input.datepicker { width: 100px; }
.detailBox input.valutamet, .detailBox input.valutazonder { width: 100px; }
.detailBox .euro { float:left; line-height:38px; font-size:22px; margin-right:5px; }
.detailBox textarea { height: 110px; resize: none; overflow: hidden; }
.detailBox input[type=submit] { padding: 0 50px 0 10px; cursor: pointer; float:right; text-align: left; font-size: 22px; text-decoration: none; width: 200px; height: 55px; font-size: 27px; text-transform: uppercase; border: 5px solid #ff7500; color: #ff7500; line-height: 47px; font-family: 'HelveticaNeueCondensedBlack'; background: url('../images/arrow.jpg') right top no-repeat; }
.detailBox .col4 input[type=submit] { float:left; }
.detailBox .btn { padding: 0 50px 0 10px; cursor: pointer; float:right; text-align: left; font-size: 22px; text-decoration: none; width: 200px; height: 55px; font-size: 27px; text-transform: uppercase; border: 5px solid #ff7500; color: #ff7500; line-height: 47px; font-family: 'HelveticaNeueCondensedBlack'; background: url('../images/arrow.png') right top no-repeat; }
.detailBox input[type=submit]:hover , .detailBox .btn:hover { color: #000; }
.detailBox .image { position: absolute; left: -170px; top: 472px; }
.detailBox .image2 { display:none; position: absolute; left: 0; top: 472px; }
.detailBox .image1 { display:none; position: absolute; right: 0; top: 700px; }
.detailBox .info { padding-top: 51px; position: relative; }
.detailBox .text1 { padding: 24px 0 30px; position: absolute; left: 0; bottom: 69px; width: 100%; text-align: center; background: #f57705; }
.detailBox .text1 h3 { color: #fff; }
.detailBox .text { padding: 10px 0 10px 20px; width: 460px; background: none; }
.detailBox .text p { padding: 0 0 10px 0; line-height: 26px; }
.detailBox .btn { width: 140px; height: 50px; margin: auto; float: none; display: block; }

.detailBox .fulltext div.block { padding-bottom: 15px; font-size: 14px; overflow: hidden; float: left; width: 100%; }
.detailBox .fulltext h3 { text-align:left; }

/* ### footer container ### */
#footerCntr { padding-top: 57px; }

/* ### footer box ### */
.footerBox { padding: 32px 0; width: 100%; position: relative; }
.footerBox .left { float: left; width: 469px; }
.footerBox .right { float: right; width: 421px; }
.footerBox p { line-height: 26px; }
.footerBox p a { text-decoration: none; color: #494949; }
.footerBox p a:hover { text-decoration: underline; }
.footerBox .logo { float:right; }
.footerBox .right p { float:right; margin-right:20px; }

/* ### link box ### */
.linkBox { padding-bottom: 12px; width: 100%; }
.linkBox ul { list-style-type: none; list-style: none; }
.linkBox li { padding-left: 37px; float: left; font-size: 16px; line-height: 20px; font-family: 'HelveticaNeueCondensedBlack'; text-transform: uppercase; }
.linkBox li a { display: block; text-decoration: none; color: #000; }
.linkBox li:first-child { padding-left: 0; }
.linkBox li a:hover { color: #f16f01; }

.fulltext { margin-bottom:50px;  }
.fulltext p { font-size:14px; line-height:22px; }
.fulltext ul { margin-left:20px; }
.fulltext ul li { font-size:16px; line-height:25px; margin-bottom:6px; }

.fulltext h2 { margin-bottom:10px; }

.list { width: 100%; border-collapse: separate; border-spacing: 0; }
.list th { background-color: #B5D5E1; text-align: left; font-weight: 400; }
.list th, .list td { font-size:16px; }
.list.list thead th { background-color: #B5D5E1; text-align: left; font-weight: 400; }
.list thead th:first-child { text-align: right; }
.list *>tr th { background-color: #EAF3F6;  text-align: right; font-weight: 300; }
.list *>tr>* { padding: 15px 15px; border-bottom: 1px solid #B5D5E1; }
.list *>th { width: auto; }
.list *>tr td { background-color: #D6E8EE; }
.list tfoot tr>* { background-color: #1990C1; color: #FFF; }

.tooltiplink {  margin-left:5px; float:left; }   
.tooltip { position:absolute; background-color:#FFFFFF; border:1px solid #000000; font-size:11px; padding:5px; max-width:300px; display:none; line-height:16px;  } 

.floatleft { float:left; }

.radiobox { float:left; margin-right:5px; margin-top:8px; }
.detailBox label.chk1 { float:left; width:auto; margin-right:20px; }


.right h4 { margin-bottom:20px; }

.fulltext h4 { margin-top:20px; }
.fulltext h4 a { text-decoration:none; }
.fulltext h4 a:hover { text-decoration:underline; }

.error { color:#ee6342; background-color:#f0d8d2; border:1px solid #ee6342; padding:10px; font-weight:bold; line-height:22px; margin-bottom:15px; }
.success { color:#518a00; background-color:#c7dca8; border:1px solid #518a00; padding:10px; font-weight:bold; line-height:22px; margin-bottom:15px; }

.detailBox .text .data label { padding-bottom:0px; font-weight:bold; float:none;  }
.detailBox .text .data p { font-size:15px; margin-bottom:10px; padding:0; height:18px; }

.voorwaarden { height:300px; overflow:auto; padding:10px; border:1px solid #666666; margin:10px 10px 10px 0px; }
.voorwaarden p { font-size:14px !important; line-height:18px !important; }

.opdrachtpdf { float:right; }


#hamburgermenu { display:none;  }

.detailBox select.datumselect { width:100px; float:left; margin-right:10px; }
.detailBox select.datumselect.last { margin-right:0px; }

small { font-size:11px; }

.detailBox .col1 { float:left; width:230px; padding-right:20px; }
.detailBox .col1 ul { list-style:none;  }
.detailBox .col1 ul li { background-image:url(../images/arrowbg.png); line-height:29px; padding-left:25px; }
.detailBox .col1 ul li a { text-decoration:none; }
.detailBox .col1 ul li a:hover { text-decoration:underline; }		
.detailBox .col2 { float:left; width:320px; padding-right:20px; }
.detailBox .col3 { float:left; width:320px; padding-right:20px; }
.detailBox .col4 { float:left; width:650px; padding-right:20px; }


.detailBox .col2 h2, .detailBox .col3 h2 { margin-bottom:10px; }

.antwoord { display:none; }

.headermenu ul { list-style:none; padding-bottom:37px; margin-top:10px; }
.headermenu ul li { width:300px; float:left; color:#ff7500; }
.headermenu ul li.active { font-weight:bold; }
.headermenu ul li { font-size:18px; text-decoration:none; }

.data { clear:both; }

.clearButton { margin-left:205px; font-size:11px; }
.sigPad .pad { border:1px solid #BDBDBD; }

.opdrachtform h4 { font-size:16px; margin-bottom:20px; }

.signtextBox { line-height: 22px; }
.signtextBox h3 { margin-top:20px; }
.signtextBox div { margin-bottom:20px; }
 .fb-like { margin-bottom:20px; }

#mogelijkheden ol { margin-left: 20px; margin-top: 20px; }
#mogelijkheden ol li { margin: 10px 0px; }
#mogelijkheden .posscol1 { float: left; border-right:1px solid #ff7500; width: 49%;  }
#mogelijkheden .posscol2 { float: right; width: 49%; }
#mogelijkheden h3 { font-size:18px; }

.printtext ol { margin-left: 20px; margin-top: 20px; }
.printtext ol li { margin: 10px 0px; }

.backbutton { float:right; line-height: 50px; margin-right: 40px; }

.handtekeningactiemenu { background-color:#febd85; margin-bottom: 10px; }
.handtekeningactiemenu ul  { margin-top: 0px; }
.handtekeningactiemenu ul li { color:#fff; line-height: 36px; padding-left: 41px; width: auto;  padding-right: 50px; border-right: 1px solid #ff7500; font-size:15px; }
.handtekeningactiemenu ul li.active {background-color:#ff7500; }

.donatieconfirm { position:absolute; height:100%; width:100%; background-image:url(../images/trans.png); z-index:1000; top:0; left:0; display:none; }
.percentageconfirm { position:absolute; height:100%; width:100%; background-image:url(../images/trans.png); z-index:1000; top:0; left:0; display:none; }
.errormelding { position:absolute; height:100%; width:100%; background-image:url(../images/trans.png); z-index:1000; top:0; left:0; display:none; }
.donatieconfirmcontent { position:fixed; width:300px; margin-left:-200px; margin-top:150px; background-color:#FFFFFF; border:2px solid #ff7500; left:50%; padding:50px; }

.donatieconfirmcontent p { margin-bottom:20px; } 

.vwprijscalculator { width:500px; margin-bottom:20px;  }
.vwprijscalculator input { padding: 5px 10px; border: 1px solid #e1e1e1; float: left; width: 20px;height: 22px;  background: #f1f1f1; }
.vwprijscalculator td:first-child { width:190px; text-align:right; padding-right:10px; }
.vwprijscalculator td { width:100px; text-align:right; padding:0; }
.vwprijscalculator th { text-align:left; line-height:30px; }

.block .fields { float:left; }

.amountchoice { list-style:none; }
.amountchoice li {list-style:none; line-height: 32px;  }
.amountchoice li input[type=radio] { float:left; margin-right: 10px; margin-top: 10px; font-size:14px;  }

.bijdrage p { font-size:14px; line-height:18px; }
.bijdrage input[type=text] { padding: 4px 5px; border: 1px solid #e1e1e1; width: 260px; height: 24px;background: #f1f1f1; }