/*
Theme Name: shduinstreek
Theme URI: http://www.outhands.nl
Author: Mark van der Meij
Author URI: http://www.outhands.nl
Description: Een op maat gemaakt thema voor SH Duinstreek in Katwijk
Version: 2.0
Tags: Blue, Yellow, Happy, People, Living, Fresh, Katwijk, Rijnsburg

*/

@import  "//fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic";
input {
	width: 100%;
}
.val-op a{
	background: #006db6 !important;
	color: white !important;
}
.banner-illustration h2 {
	font-size: 100px;
	color: #fff;
	font-weight: bold;
}
.banner-illustration {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.banner-illustration .banner-illustration-img img {
	min-width: 300px;
	opacity: .8;
}
.banner-content {
	position: absolute;
	top: 10px;
	left:35px;
}
.banner-content a:hover {
	color: #fff;
}
@media (min-width: 768px) {
	.banner-content {
		left:65px;
	}
	.banner-illustration .banner-illustration-img img {
		min-width: 440px;
	}
	.banner-illustration {
		position: absolute;
		right: 100px;
		left: inherit;
		transform: inherit;
	}
}
@media (min-width: 1200px) {

	.banner-content {
		top: 25px;
		left:160px;
	}
	.banner-illustration .banner-illustration-img img {
		min-width: 700px;
	}
	.banner-illustration {
		position: absolute;
		right: 200px;
	}

	.banner-content h2 {
		font-size: 48px !important;

	}
	.banner-content h3 {
		color: #fff;
		font-size: 20px !important;
		line-height: 1.5;
	}

}
.banner-content h2 {
	color:#fff;
	font-size: 18px;
	font-weight: bold;
}
.banner-content h3 {
	color:#fff;
	font-size: 16px;
}

p a img.aligncenter {
	margin: 0 auto;
}

/* TWEAKS ERIK */
ul#twitter li {
	padding: 0 !important;
	margin-bottom: 40px
}
span.tweet-status {
	font-weight: 700
}
a.moreBtn {
	padding: 8px 22px;
    display: inline-block;
    font-size: 14px;
    color: #006db6;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid #006db6;
}
/* END TWEAKS */


/* ### general ### */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0!important; }
html,body { font-family: 'Open Sans',sans-serif; font-size: 12px; color: #000; }
input,select,textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #eee; }
img { border: 0; display: block; }
ul,li { list-style: none; }
:focus { outline: none; }
a:focus { outline: none; }
fieldset { border: none; }
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0px; margin-bottom: 0px;}
table{width: 100%; font-size: 15px; margin-bottom: 22px;}
td, th{padding: 0;}
strong{font-weight: 700; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1200px; position: relative; }
.no-left-p{padding-left: 0;}
.no-right-p{padding-right: 0;}

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { width: 100%; background: #fff; }
#headerCntr .container{ position: relative; }

#headerCntr .logo { margin: 20px 0 0; width: 100%; }
#headerCntr .logo a { width: 100%; height: 61px; display: block; text-indent: -99999px; background: url(images/logo.png) center top no-repeat; background-size: contain; }
#headerCntr .right { float: right; }
#headerCntr .navopen{display: none;}

/* ### social box ### */
.socialBox {padding: 10px 0; position: absolute; right: 0; top: 0; }
.socialBox ul {list-style: none; }
.socialBox li {padding: 0 0 0 12px; float: left; }
.socialBox a{line-height: 24px;}
.socialBox img{display: inline-block; cursor: pointer;}

.open_menu{ display: none; }

/* ### menu box ### */
.menuBox{background: #fff; text-align: center; position: relative; z-index: 99; margin-top: 10px;}
.menuBox ul{ margin: 0; padding: 0;}
.menuBox ul li{display: inline-block; margin: 0; padding: 0;}
.menuBox ul li.current_page_item a{ background: #f1f1f1; }
.menuBox ul li a{color: #006db6; font-size: 14px; font-weight: 600; display: block; padding: 10px 15px; background: #fff; text-transform: uppercase; transition: ease 0.5s; text-decoration: none;}
.menuBox ul li ul{max-height: 0px; transition: ease 0.5s; position: absolute; overflow: hidden;}
.menuBox ul li ul li{display: block; text-align: left;}
.menuBox .plus{ display: none; }

/* ### banner container ### */
#bannerCntr { width: 100%; height: 500px; background: url(images/banner1.jpg) left top no-repeat; background-size: cover; }
#innerbannerCntr { width: 100%; height: 272px; background: url(images/banner1.jpg) left top no-repeat; background-size: cover; }

/* ### content container ### */
#contentCntr { margin-top: -85px; width: 100%; position: relative; }

/* ### block box ### */
.blockBox { width: 100%; }
.blockBox .holder { padding: 0 0 20px; width: 100%; }
.blockBox .block { padding: 24px 19px; margin-bottom: 20px; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); }
.blockBox .block h2 { font-size: 20px; color: #006db6; font-weight: 600; }
.blockBox .img { width: 30%; float: left; }
.blockBox .img img { width: 100%; height: auto; border: 2px solid #e3e3e3;}
.blockBox .right { padding: 0 0 0 24px; width: 70%; float: right; }
.blockBox p { padding: 10px 0; font-size: 14px; color: #333; line-height: 20px; }
.blockBox .date { font-size: 14px; color: #333; font-style: italic; float: left; display: block; line-height: 36px; }
.blockBox a.readmoreBtn { width: 129px; height: 36px; display: block; float: right; font-size: 14px; color: #fff; text-decoration: none; text-align: center; line-height: 36px; background: #006db6; }
.blockBox a.readmoreBtn:hover { text-decoration: none; background: #fff; color:#006db6; transition: all 0.5s; border: 1px solid #006db6;}
.blockBox .paging { padding: 7px 0 17px; overflow: hidden; width: 100%; }
.blockBox .paging ul, .blockBox .paging .blox { width: auto; text-align: center; }
.blockBox .paging li { padding: 0 4px; display: inline-block; }
.blockBox .paging li a { line-height: 34px; text-align: center; display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: #006db6; width: 39px; height: 34px; border: 1px solid #006db6; }
.blockBox .paging a.prev:hover,.blockBox .paging a.next:hover, .blockBox .paging .blox a:hover{ color:#fff; background: #006db6; transition: all 0.5s; text-decoration: none; }
.blockBox .paging a.prev{ float: left; line-height: 34px; text-align: center; display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: #006db6; width: 127px; height: 34px; border: 1px solid #006db6; }
.blockBox .paging a.next{ float: right; line-height: 34px; text-align: center; display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: #006db6; width: 127px; height: 34px; border: 1px solid #006db6; }
.blockBox .paging .page-numbers { line-height: 34px; text-align: center; display: inline-block; text-decoration: none; font-size: 14px; font-weight: 600; color: #006db6; width: 39px; height: 34px; border: 1px solid #006db6; }


/* ### detail box ### */
.detailBox { padding: 28px 25px 29px 28px; margin: 0 0 33px; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); }
.detailBox a.back { padding: 0 0 0 18px; font-size: 15px; color: #666; text-decoration: none; background: url(images/backarrow.png) left top no-repeat; }
.detailBox a.back:hover { text-decoration: underline; }
.detailBox h1, .detailBox h2 { padding: 15px 0 23px; font-size: 28px; color: #006db6; font-weight: 600; line-height: auto; }
.detailBox h3{ padding-top:10px; font-size: 16px; font-weight: 600; color: #006db6;}
.detailBox p { padding: 0 0 22px; font-size: 15px; color: #333; line-height: 20px; margin: 0;}
.detailBox .image { width: 100%; margin-bottom: 20px; display: block;}
.detailBox .image img { width: 100%; }
.detailBox .social { padding: 25px 0; }
.detailBox .social a { padding: 0 12px; float: left; }
.detailBox a.back.right { float: right; }

.detailBox .list {margin-bottom: 22px;}
.detailBox .list li { width: 100%; font-size: 15px; font-weight: 500; line-height: 20px;}
.detailBox .list li span { width: 178px; display: inline-block; }
.detailBox .list li{list-style: none; padding: 5px 0 5px 20px; position: relative;}
.detailBox .list li:before{content: '';display: inline-block; height: 12px; width: 12px; margin-right: 0; background-size: contain;background-image: url('favicon.png'); position: absolute; left: 0; top: 9px;}

.detailBox ul.overview li:before{display: none;}		
.detailBox ul.overview { padding: 0 0 133px; overflow: hidden; list-style: none; }
.detailBox ul.overview li { padding: 0 10px 10px 0; width: 33.3%; float: left; }
.detailBox ul.overview li a { padding: 0 0 0 18px; font-size: 16px; color: #006db6; text-decoration: none; display: block; line-height: 40px; background: #f0f0f0; }
.detailBox ul.overview li a:hover,.overviewBox li.active a { color: #fff; background: #006db6; }
.detailBox input[type="text"], .detailBox input[type="email"], .detailBox input[type="password"]{margin: 14px 0 0; padding: 10px; font-size: 14px; font-style: italic; color: #949494; height: 34px; border: 1px solid #006db6;}
.detailBox textarea{margin: 14px 0 0; padding: 10px; font-size: 14px; font-style: italic; color: #949494; height: 100px; border: 1px solid #006db6;}

.surchargesBox{ padding: 28px 25px 29px 28px; margin: 0 0 33px; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); font-weight: 400; font-size: 16px;}
.surchargesBox h2{font-size: 19px; color: #006db6; font-weight: 600; padding-bottom: 8px; line-height: 28px;}
.surchargesBox .question{font-weight: 400; padding-top: 20px; display: block; padding-bottom: 5px;}
.surchargesBox .questionSmall{font-weight: 400; display: block; padding: 15px 0 3px; font-size: 14px;}
.surchargesBox .bigger{font-size: 16px; line-height: 23px;}
.surchargesBox .information{display: block; font-size: 14px; font-style: italic;}
.surchargesBox input[type="text"]{border: none; background: #eee; padding: 10px; font-size: 16px;}
.surchargesBox input[type="radio"]{display:none;}
.surchargesBox label.radio{display:inline-block; height:21px; width:21px; background: url('images/unchecked.png') no-repeat center center; font-size:16px; margin: 0;}
.surchargesBox input[type="radio"]:checked + label { background: url('images/checked.png') no-repeat center center;}
.surchargesBox .twoBlocks.col-md-6{padding: 0;}
.surchargesBox .twoBlocks .col-md-5{padding: 0 7px 0 0;}
.surchargesBox .twoBlocks .col-md-5 input{max-width:100%;}
.surchargesBox .twoBlocks .col-md-7{padding: 0 0 0 7px;}
.surchargesBox .total{ color:#006db6; border-top: 1px solid #006db6; padding-top: 20px; margin-top: 60px; font-weight: 600; }
.surchargesBox .total .left{ float: left; display: inline-block;}
.surchargesBox .total{text-align: right;}
.surchargesBox p{margin:20px 0; line-height: 25px;}
.surchargesBox p.information{font-size: 16px;}

.surchargesBox .total.left span{float: left; text-align: left;}
.surchargesBox .total.left span:first-child{ min-width: 241px;}

.staps{width:100%; border: 1px solid #006db6; background: #eee;}
.staps .stap{display: inline-block; width:33.1%; text-align: center; padding: 10px 0; font-size: 14px; position: relative;}
.staps .stap.active{background: #006db6;}.staps .stap.active a{color:#fff;}
.staps .seperator{background: url('images/stap.png') right center no-repeat; position: absolute; top:0; right: -27px; height: 41px; width: 30px; z-index: 9;}
.staps .stapOne.active .seperator, .staps .stapTwo.active .seperator{background: url('images/stap-active.png') right center no-repeat;}
.staps .stap a:hover{text-decoration:none; }

.surchargesFooter{ padding: 40px 25px; margin: 0 0 33px; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); font-weight: 400; font-size: 16px;}
.surchargesBox a, .surchargesFooter a.bttn{ color:#fff; background: #006db6; padding: 8px 20px; display: inline-block; margin-top: 3px; transition: all 0.5s; border: 1px solid #006db6; }
.surchargesBox a, .surchargesFooter a.bttn:hover{text-decoration: none; color:#006db6; background: #fff;  }
.surchargesFooter span{color:#006db6; font-weight: 600;text-align: center; display: inline-block;}
.surchargesFooter .col-xs-12 a.bttn, .surchargesFooter .col-xs-12 span{ display: block; }


/* ### contact ### */
.contact input{width: 319px;}
.contact input[type="submit"], .detailBox input[type="submit"]{margin: 10px 0 0;width: 319px;text-align: center;line-height: 26px;font-size: 14px;color: #fff;text-decoration: none;font-weight: 600;height: 36px;border: 0;cursor: pointer;background: #006db6;}
.contact input[type="submit"]:hover, .detailBox input[type="submit"]:hover{text-decoration: none; background: #fff; color:#006db6; transition: all 0.5s; border: 1px solid #006db6;}

.google-map iframe{pointer-events: none;}

.wpcf7-response-output{font-size: 14px;color: white;padding: 10px!important;}
.wpcf7-validation-errors, .wpcf7-mail-sent-ng{background-color: #E04141;border: #B90F0F 1px solid !important;}
.wpcf7-mail-sent-ok{background-color: #41E055;border: #13B90F 1px solid !important;}

/* ### comment box ### */
.commentBox { padding: 28px 25px 29px 28px; margin: 0 0 50px; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); }
.commentBox .title, .commentBox .comment-reply-title { padding: 0 0 24px; font-size: 20px; color: #006db6; font-weight: 600; }
.commentBox .block, .commentBox .comment { padding: 0 0 24px; width: 100%; overflow: hidden; }
.commentBox .image { padding: 0 20px 0 0; float: left; }
.commentBox .detail { overflow: hidden; }
.commentBox strong { font-size: 14px; color: #006db6; font-weight: 600; }
.commentBox p { font-size: 14px; color: #333; line-height: 22px; }
.commentBox .post, .commentBox .comment-respond { padding: 24px 0 0; overflow: hidden; border-top: 1px solid #ccc; }
.commentBox .row { margin: 0 0 20px; overflow: hidden; }
.comment-form-author, .comment-form-email{float: left;}
.commentBox input.field, .comment-form-author input, .comment-form-email input{ padding: 10px; font-size: 14px; font-style: italic; color: #949494; width: 100%; height: 34px; border: 1px solid #006db6; }
.commentBox input.field.right, .comment-form-email { float: right; }
.commentBox .textarea, .comment-form-comment textarea#comment{ float: left; padding: 10px; font-size: 14px; font-style: italic; color: #949494; width: 100%; height: 88px; border: 1px solid #006db6; }
.commentBox input.btn, .form-submit input.submit { float: right; margin: 10px 0 0; width: 208px; text-align: center; line-height: 25px; font-size: 14px; color: #fff; text-decoration: none; font-weight: 600; height: 36px; border: none; cursor: pointer; background: #006db6; }
.commentBox input.btn:hover { text-decoration: underline; }
#comments-title, .comment-form-url input,.comment-form-url label{display: none;} .comment-form-url{clear: both;}
.comment-form-author, .comment-form-email{display: block;}

/* ### Overview  box ### */
.overviewBox { padding: 28px 25px 29px 28px; margin: 0 0 33px; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); }
.overviewBox h2 { padding: 16px 0 23px; font-size: 28px; color: #006db6; font-weight: 600; line-height: 44px; }
.overviewBox p { padding: 0 0 22px; font-size: 15px; color: #333; line-height: 22px; }
.overviewBox .social { padding: 25px 0; }
.overviewBox .social a { padding: 0 12px; float: left; }
.overviewBox ul.overview { padding: 0 0 133px; overflow: hidden; list-style: none; }
.overviewBox ul.overview li { padding: 0 10px 10px 0; width: 33.3%; float: left; }
.overviewBox ul.overview li a { padding: 0 0 0 18px; font-size: 16px; color: #006db6; text-decoration: none; display: block; line-height: 40px; background: #f0f0f0; }
.overviewBox ul.overview li a:hover,.overviewBox li.active a { color: #fff; background: #006db6; }

/* ### error box ### */
#errorCntr { height: 830px; background: url(images/errorbg.jpg) left top no-repeat; background-size: cover; }

/* ### error box ### */
.errorBox { position: absolute; top: 300px; background-color: #006db6; padding: 30px; opacity: 0.9; }
.errorBox .search { float: right; }
.errorBox .search input.field { padding: 20px 24px; width: 408px; float: left; font-size: 18px; color: #999; font-weight: 600; height: 61px; border: none; background: #f0f0f0; }
.errorBox .search input.btn { width: 103px; cursor: pointer; height: 61px; font-size: 18px; color: #fff; font-weight: 600; line-height: 61px; text-align: center; border: none; text-transform: uppercase; float: left; background: #006db6; }
.errorBox h2 {font-size: 40px; color: #fff; font-weight: 600;}
.errorBox h3 {font-size: 20px; color: #fff; font-weight: 600;}
.errorBox .title { font-size: 60px; color: #fff; font-weight: 600; }
.errorBox a{color:#fff; text-decoration: underline;}

/* ### nuisance box ### */
.nuisanceBox { padding: 22px 0; width: 100%; text-align: center; background: #006db6; }
.nuisanceBox .title { padding: 0 0 13px; font-size: 260%; color: #fff; font-weight: 300; }
.nuisanceBox a.mention, .blue-button a.mention{ padding: 10px 25px; display: inline-block; font-size: 14px; color: #fff; text-decoration: none; font-weight: 600; border: 1px solid #fff; }
.nuisanceBox a.mention:hover, .blue-button a.mention:hover { text-decoration: none; background: #fff; color:#006db6; transition: all 0.5s;}

/* ### latest news box ### */
.latestnewsBox { margin: 0 0 20px 0; padding: 33px 29px; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);}
.latestnewsBox h3 { font-size: 20px; color: #006db6; font-weight: 500; }
.latestnewsBox p { font-size: 14px; color: #333; line-height: 20px; margin: 20px 0 0 0; }
.latestnewsBox .date, .latestnewsBox .rss-date{ padding: 0 0 0 5px; font-size: 12px; color: #969696; float: right; }
.latestnewsBox a.moreBtn { padding: 8px 22px; display: inline-block; font-size: 14px; color: #006db6; text-decoration: none; font-weight: 600; border: 1px solid #006db6; margin-top: 20px; }
.latestnewsBox a.moreBtn:hover { text-decoration: none; background: #006db6; color:#fff; transition: all 0.5s; }
.latestnewsBox .newsletter { padding: 8px 0 0; width: 100%; overflow: hidden; }
.latestnewsBox .newsletter input.field, #BudgetMailer input[type="text"]{ margin: 14px 0 0; padding: 10px; font-size: 14px; font-style: italic; color: #949494; width: 100%; height: 34px; border: 1px solid #006db6; }
.latestnewsBox .newsletter input.btn, #BudgetMailer input[type="submit"]{ margin: 20px 0 0; width: 100%; text-align: center; line-height: 26px; font-size: 14px; color: #fff; text-decoration: none; font-weight: 600; height: 36px; border: none; cursor: pointer; background: #006db6; }
.latestnewsBox .newsletter input.btn:hover, #BudgetMailer input[type="submit"]:hover{ text-decoration: none; background: #fff; color:#006db6; border: 1px solid #006db6; transition: all 0.5s;}
.latestnewsBox .title, .latestnewsBox .rsswidget{ overflow: hidden; }
.latestnewsBox .rsswidget{width: 210px;} .latestnewsBox .rss-date{line-height: 40px;}
.latestnewsBox .widget_rss h1, #BudgetMailer h2, #BudgetMailer p, #BudgetMailer label{display: none;}
.latestnewsBox.shd-huis .image{width: 100%; height: 30px; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.latestnewsBox.shd-huis a{display: block; font-size: 14px;}

.latestnewsBox ol{ list-style: none; counter-reset: li; margin: 20px 0 0 0; }
.latestnewsBox ul{ list-style: none; margin: 20px 0 0 0; }
.latestnewsBox ol li,
.latestnewsBox ul li{ color: #333; font-size: 14px; padding: 0 0 3px 20px; position: relative; }
.latestnewsBox ol li:before{ color: #006db6; content: counter(li); counter-increment: li; display: inline-block; position: absolute; left: 0; }  
.latestnewsBox ul li:before{ color: #006db6; content: '\f0da'; font-family: 'fontAwesome'; display: inline-block; position: absolute; left: 0; }

.latestnewsBox iframe{ max-width: 100%; max-height: 200px; margin: 20px 0 0 0; }

#BudgetMailer ul{padding: 0; margin: 0;}

.view_all_news{ border: 1px solid #006db6; display: block; width: 100%; background: #006db6; color: #fff; height: 36px; line-height: 34px; text-align: center; font-size: 14px; text-decoration: none; transition: 0.5s; }
.view_all_news:hover{ background: #fff; color: #006db6; text-decoration: none; }

/* ### category box ### */
.categoryBox { margin: 0 0 30px; padding: 33px 29px; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);}
.categoryBox .title { font-size: 20px; color: #006db6; font-weight: 500; }
.categoryBox ul { padding: 15px 0 0; overflow: hidden; }
.categoryBox li { padding: 5px 0 5px 11px; background: url(images/arrow.png) left 13px no-repeat; }
.categoryBox li a { font-size: 14px; color: #006db6; overflow: hidden; text-decoration: none; line-height: 20px; }
.categoryBox li a:hover { text-decoration: underline; }

/* ### office box ### */
.officeBox { margin: 0 0 30px; padding: 33px 29px; width: 100%; background: #fff; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);}
.officeBox .title { padding: 0 0 10px; font-size: 20px; color: #006db6; font-weight: 500; }
.officeBox p.intro { font-size: 14px; color: #333; line-height: 20px; padding: 0 0 10px; }
.officeBox p { padding: 0 0 10px; font-size: 14px; color: #333; line-height: 20px; }
.officeBox strong { padding: 10px 0 15px; display: block; color: #333; font-weight: 600; text-transform: uppercase; }
.officeBox ul { padding: 0 0 15px; overflow: hidden; }
.officeBox li { padding: 0 0 0 7px; font-size: 14px; color: #333; line-height: 20px; background: url(images/libullet.png) left 10px no-repeat; }
.officeBox a.btn { margin: 10px 0 0; width: 100%; text-align: center; display: block; line-height: 25px; font-size: 14px; color: #fff; text-decoration: none; font-weight: 600; height: 36px; border: none; cursor: pointer; background: #006db6; }
.officeBox a.btn:hover { text-decoration: none; background: #fff; color:#006db6; border: 1px solid #006db6;}

/* ### about box ### */
.aboutBox { padding: 45px 0; margin-top: 20px; background: #fff; }
/*.aboutBox .holder { margin-right: -62px; }*/
.aboutBox .block { padding: 0 62px 0 23px; width: 50%; float: left; }
.aboutBox .title, .aboutBox h1, .aboutBox h2 { padding: 0 0 20px; font-size: 32px; color: #006db6; font-weight: 300; }
.aboutBox p { padding: 0 0 20px; font-size: 14px; color: #333; line-height: 20px; }
.aboutBox a.moreBtn { padding: 10px 35px; display: inline-block; font-size: 14px; color: #006db6; text-decoration: none; font-weight: 600; border: 1px solid #006db6; }
.aboutBox a.moreBtn:hover { text-decoration: none; background: #006db6; color:#fff; transition: all 0.5s; }

.searchBox{}
.searchBox input[type="text"]{ padding: 10px; font-size: 14px; font-style: italic; color: #949494; height: 24px; border: 1px solid #006db6;}
.searchBox label{display: none;}
.searchBox.active{display: inline-block;}
.searchBox .submit{background: url(images/search.png) no-repeat center center; border: none; width:25px; margin-top: 3px; margin-right: -6px;}

.search_input_container{ max-width: 0; float: left; overflow: hidden; transition: 0.2s; }
.search_input_container.active{ max-width: 200px; }

/* ### footer container ### */
#footerCntr{overflow: hidden; width: 100%; }

/* ### footersocial box ### */
.footersocialBox { padding: 40px 0; width: 100%; background: #006db6; }
/*.footersocialBox .holder { margin-right: -62px; }*/
.footersocialBox .block { padding: 0 62px 0 23px; width: 50%; float: left; }
.footersocialBox .title { padding: 0 0 20px; font-size: 32px; color: #fff; font-weight: lighter; }
.footersocialBox a{color: white;}
.footersocialBox a:hover, .footersocialBox a:focus, .footersocialBox a:active{color: white; text-decoration: none;}
.footersocialBox a.shareBtn { padding: 0 0 0 25px; margin: 15px 0 0; float: right; font-size: 14px; color: #fff; background: url(images/share.png) left top no-repeat; }
.footersocialBox ul { list-style: none; }
.footersocialBox li { padding: 0 0 25px 48px; font-size: 14px; color: #fff; line-height: 22px; }
.footersocialBox li.icon1 { background: url(images/twitter.png) left 5px no-repeat; }
.footersocialBox li.icon2 { background: url(images/facebook.png) left 5px no-repeat; }
.footersocialBox li a { font-size: 14px; color: #fff; display: inline-block; text-decoration: none; }
.footersocialBox li a:hover { text-decoration: underline; }
.tweet-0, .tweet-1{ background: url(images/twitter.png) left 5px no-repeat; padding: 0 0 25px 48px; font-size: 14px; color: #fff; line-height: 22px;  }
.tweet-meta a{color: #fff;  text-decoration: underline; display: inline-block;} .tweet-meta a:hover{text-decoration: none;}
.tweet-status{display: block;}

/* ### copyright box ### */
.copyrightBox { padding: 40px 0; background: #4d4d4d; text-align: center; }
.copyrightBox ul { list-style: none; }
.copyrightBox li { padding: 0 7px; font-size: 14px; color: #fff; display: inline-block; border-right: 1px solid #fff; }
.copyrightBox li a { font-size: 14px; color: #fff; text-decoration: none; }
.copyrightBox li a:hover { text-decoration: underline; }

.btn{border-radius: 0;}

/* ## veelgestelde vragen ## */
.faq div ul ol li{list-style: decimal!important; margin-left: 24px;}
.faq div ul li{list-style: none; padding: 5px 0;}
.faq div ul li:before{content: '';display: inline-block; height: 12px; width: 12px; margin-right: 4px; background-size: contain;background-image: url('favicon.png');}
.faq div ul ol li:before{display: none;}
.faq h3{background-color: #006db6; color: white!important; padding: 10px;}

.panel-group a{color: black}
.panel-group a:hover, .panel-group a:focus{text-decoration: none;color: black;}
.panel-group .panel{border:0;}
.panel-body{font-size: 14px;}
.panel-default{background-color: #EEEEEE;}
.panel-heading{background-image: url('images/groterdan.png'); background-repeat: no-repeat; background-size: 15px; background-position: 12px 14px; padding-left: 33px; }
.panel-title{line-height: 23px;}
.panel a:not(.collapsed) .panel-heading{background-image: url('images/groterdan2.png'); transition:0.3s;}

.entry-content img{ display: inline-block;}

@media(max-width: 767px){
.col-sm-6{margin-top: 30px} .col-sm-6:first-child{margin-top: 0;}
}

@media(max-width: 991px){

	#headerCntr .socialBox{display: none;}
	.latestnewsBox iframe{ max-height: 50vw; }

	.latestnewsBox .rss-date{}

	.staps .stap{width:100%;}
	.staps .seperator{ display: none;}
}

@media(max-width: 1199px){
	#headerCntr{height: auto;}
	#headerCntr .right {float: none;}
}

@media(min-width: 768px){

	.menuBox{ display: block!important; }
	.menuBox ul li:hover {}
	.menuBox ul li:hover a{text-decoration: none; background: #f1f1f1; }
	.menuBox ul li:hover ul{max-height: 500px;}
	.menuBox ul li ul li:hover a{background: #dcdcdc; }

}
@media(max-width: 767px){

	.open_menu{ display: block; border: 1px solid #0074bb; border-radius: 5px!important; margin: 20px 0; text-align: center; color: #0074bb; padding: 10px 0; font-size: 15px; text-transform: uppercase; font-weight: bold; cursor: pointer; }
	.open_menu i{ margin-right: 10px; }

	.menuBox{ display: none; margin: 0; }
	.menuBox ul li{ width: 100%; }
	.menuBox ul li ul{ position: relative; width: 100%; }
	.menuBox ul li ul.active{max-height: 500px;}
	.menuBox ul li ul li a{ background: #f1f1f1; text-align: center; }

}

@media(max-width: 599px){
	.blockBox .img img, .rss-date{display: none;}
	.blockBox .right{padding: 0; width: 100%;}
/*	#headerCntr .logo a { width: 200px ; height: 61px; background: url(images/logo.png) left top no-repeat; background-size: 100% auto }
*/
	.detailBox input[type="text"], .detailBox input[type="email"], .detailBox textarea, .contact input[type="submit"]{width:100%;}
}

@media(max-width: 1199px){
	.latestnewsBox .rsswidget{width: 145px;}
}