::-moz-selection { background: rgba(138, 196, 75, 0.4); }
::selection { background: rgba(138, 196, 75, 0.4); }
:focus {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
}

html,body{
	font-family: 'Work Sans', sans-serif;
	background:#f7f8fc;
	color: #000;
}
._trans01 {
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
._trans02 {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.hiddenall {
	display: none !important;
}
.relativediv {
	position: relative;
}
.spacer-50 {
	padding: 25px 0;
}
.spacer-100 {
	padding: 50px 0;
}
.pt-0 {
	padding-top: 0px !important;
}
.mt-0 {
	margin-top: 0px !important;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-60 {
	margin-top: 60px;
}
.off-canvas-bg {
	display: none;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
    margin-bottom: 0;
}
h1{
	font-size:34px; 
	margin-left: -3px; 
}
h2{
	font-size:28px;
	line-height: 30px;
}
h3{
	font-size:22px;
}
h4{
	font-size:18px;
	line-height: 16px;
}
h5{
	font-size:18px;
}
h6{
	font-size:15px;
}
.fs48px{
	font-size:48px;
}
.fs57px{
	font-size:57px;
}
p{
	font-size:14px;
	letter-spacing: -0.3px;
}
p.fz16{
	font-size: 16px;
}
.gray{
	color:#333242;
}
.white{
	color:#fff;
}
.green{
	color:#455C23;
}
.thin{
	font-weight:300;
}
.regular{
	font-weight:400;
}
.medium{
	font-weight:500;
}
.strong{
	font-weight:600;
}
.align-left-image{
	float:left;
	margin: 0 15px 15px 0;
}
.align-right-image{
	float:right;
	margin: 0 0 15px 15px;
}
hr{
	border-top: 1px solid #3c4d2b;
}
nav h1,
.navbar h1 {
	display: none !important;
}
body.bedrijven{
	background: url('../img/bedrijven-header-image.jpg') no-repeat;
	background-position:top;
}
body.zoeken{
	background: url('https://res.cloudinary.com/duurzaambouwloket/image/upload/c_scale,w_1352/v1596185018/woningplanner-duurzaambouwloket-optimaliseren.jpg') no-repeat;
	background-position:top;
	background-size: cover;
	min-height: 900px;
}
#frontpage-wrapper{
	position:relative;
}
#frontpage-intro{
	height: 515px;
}
.no-padding{
	padding:0 !important;
}
.content-wrapper {
	padding-top: 115px;
}
.content .content-wrapper {
	padding-top: 75px;
}
header{
	position: fixed;
	z-index: 100;
	height:76px;
	background:#fff;
	width:100%;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
nav ul{
	text-decoration:none;
	padding:10px !important;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
nav ul li{
	position: relative;
	float:left;
	list-style:none;
	padding:16px 15px !important;
	font-weight:400;
	font-size: 14px;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
nav ul li.zoeken {
	font-size: 22px;
	margin-top: -5px;
}
nav ul a li{
	color: #000;
}
nav ul a:hover li{
	color: #578128;
}
nav ul li::after{
	position: absolute;
	z-index: 20;
	content:"\A";
    width:4px;
    height:4px;
    border-radius:50%;
    background: #fff;
	left: 50%;
	margin-left: -2px;
	margin-top: 25px;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
nav ul li.active::after{
    background: #455C23;
}
nav ul li:hover:after{
    background: #455C23;
}
nav ul li.active:hover:after{
	margin-top: 21px;
    background: #455C23;
}
nav ul a{
	color:#000;
}
#bg_logo{
	height:78px;
	background:url('../img/logo_bg.png') no-repeat right;
	position: relative;
	right: 147px;
	text-align: right;
}
.logo img {
	height: 50px;
	margin-top: 10px;
	padding-right: 38px;
}
#logo-header{
	height:76px;
	position: relative;
}
#logo-header img {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#logo-header a {
	display: inline-block;
	margin-top:10px;
}
#logo-header img {
	height:50px;
}
#login-button{
	display: none;
	background:#455C23;
	width:137px;
	border-bottom:2px solid #74a838;
	text-align:center;
	padding:10px 0;
	margin-top:16px;
}
#login-button a{
	color:#fff;
	font-weight:500;

}
#phone-number-frontpage{
	padding-top:10px;
}
a.phone-link,
a.phone-link *,
a.phone-link:hover * {
	text-decoration: none;
}
a.phone-link:focus #phone-number-header {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	background: #9ecf6a;
}
#phone-number-header{
	background:#455C23;
	height:92px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);

	text-decoration: none;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#phone-number-header:hover{
	background:#9ecf6a;
}
#phone-number-icon{
	height:28px;
	width:28px;
	float:left;
	margin:5px 10px 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#phone-number-icon svg{
	padding-top: 2px;
	height: 30px;
}
#phone-number-icon svg path{
	fill: #fff;
}
#phone-number-wrapper{
	padding-top:13px;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#phone-number-opening{
	font-weight:500;
	letter-spacing:-1px;
	color: #fff;
}
#phone-number-header #phone-number-icon{
	height:50px;
	width:30px;
	background:url('../img/phone-icon.png') no-repeat;
	float:left;
	margin:30px 10px 0 23px;
}
a.phone-number-digits{
	font-size:28px;
	font-weight:600;
	color:#fff;
	letter-spacing: -1px;
	text-decoration: none;
	opacity: 1;
}
a.phone-number-digits:hover{
	opacity: 0.8;
}
.phone-number-digits{
	font-size:28px;
	font-weight:600;
	color:#fff;
	letter-spacing: -1px;
	text-decoration: none;
	opacity: 1;
}
.phone-number-digits.margin{
	margin-top: 11px;
}

#intro-text{
	margin-top:120px;
	color:#fff;
	font-weight:300;
	font-size:38px;
	line-height: 50px;
	height: auto;
}
#intro-text::before{
	content: '"';
	position: absolute;
	z-index: 0;
	margin-top: -20px;
	margin-left: -20px;
	font-weight: 700;
}
#intro-text span{
	font-weight:700;
}
#intro-text .intro-links {
	font-size: 16px;
	color: #fff;
}
#intro-text .intro-links a {
	color: inherit;
	text-decoration: underline;
}
#intro-text .intro-links a:hover {
	text-decoration: none;
}
a.transparent-info-button{
	height:63px;
	width:291px;
	border:1px solid #acacac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:26px;
	display:block;
}
#transparent-info-button-icon{
	margin: 0;
	padding: 0;
	height:63px;
	width:28px;
	padding-left: 7px;
	padding-top: 2px;
	float:left;
}
#transparent-info-button-icon svg{
	height:58px;
	width:45px;
	fill: #455C23;
}
#transparent-info-button-text{
	padding-top:16px;
	padding-left:25px;
	font-size:18px;
	font-weight:500;
	color:#fff;
	float:left;
}
a.transparent-info-button:hover{
	background: #fff;
	border:1px solid #fff;
}
a.transparent-info-button:hover #transparent-info-button-text{
	color: #455C23;
}

a.green-info-button{
	height:52px;
	width:248px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:18px;
	padding-top:13px;
	padding-left:25px;
	display:block;
	background:#455C23;
	text-decoration: none;
}
a.green-info-button:hover{
	background:#67923a;
	text-decoration: none !important;
}
.green-info-button-icon{
	height:28px;
	width:28px;
	background:url('../img/info-icon-white.png') no-repeat;
	float:left;
}
.green-info-button-text{
	font-size:18px;
	font-weight:500;
	color:#fff;
	float:left;
	text-decoration: none !important;
}

a.green-info-button.small{
	position: relative;
	height:auto;
	margin-top:10px;
	padding: 8px 15px;
}

a.green-info-button.small .green-info-button-text{
	position: relative;
	font-size:16px;
	font-weight:500;
	color:#fff;
	float:none;
}

a.red-info-button{
	height: 52px;
	width: 248px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 8px;
	padding-top: 13px;
	padding-left: 25px;
	display: block;
	background: #B30000;
	text-decoration: none !important;
}
a.red-info-button.small{
	position: relative;
	height:auto;
	margin-top:10px;
	padding: 8px 15px;
	text-decoration: none !important;
}
a.red-info-button:hover{
	background:#b93939;
	text-decoration: none !important;
}
.red-info-button-icon{
	height:28px;
	width:28px;
	background:url('../img/info-icon-white.png') no-repeat;
	float:left;
}
.red-info-button-text{
	font-size:18px;
	font-weight:500;
	color:#fff;
	float:left;
	text-decoration: none !important;
}
a.red-info-button.small .red-info-button-text{
	position: relative;
	font-size:14px;
	font-weight:500;
	color:#fff;
	float:none;
}

/* */

a.grey-info-button{
	height: 52px;
	width: 248px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 8px;
	padding-top: 13px;
	padding-left: 25px;
	display: block;
	background: #c3c3c3;
	text-decoration: none !important;
}
a.grey-info-button.small{
	position: relative;
	height:auto;
	margin-top:10px;
	padding: 8px 15px;
	text-decoration: none !important;
}
a.grey-info-button:hover{
	background:#a8a8a8;
	text-decoration: none !important;
}
#grey-info-button-icon{
	height:28px;
	width:28px;
	background:url('../img/info-icon-white.png') no-repeat;
	float:left;
}
#grey-info-button-text{
	font-size:18px;
	font-weight:500;
	color:#fff;
	float:left;
	text-decoration: none !important;
}
a.grey-info-button.small #grey-info-button-text{
	position: relative;
	font-size:14px;
	font-weight:500;
	color:#fff;
	float:none;
}

/* */

a.blue-info-button{
	height: 52px;
	width: 248px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 8px;
	padding-top: 13px;
	padding-left: 25px;
	display: block;
	background: #23a1e4;
	text-decoration: none !important;
}
a.blue-info-button.small{
	position: relative;
	height:auto;
	margin-top:10px;
	padding: 8px 15px;
	text-decoration: none !important;
}
a.blue-info-button:hover{
	background:#1d79aa;
	text-decoration: none !important;
}
#blue-info-button-icon{
	height:28px;
	width:28px;
	background:url('../img/info-icon-white.png') no-repeat;
	float:left;
}
#blue-info-button-text{
	font-size:18px;
	font-weight:500;
	color:#fff;
	float:left;
	text-decoration: none !important;
}
a.blue-info-button.small #blue-info-button-text{
	position: relative;
	font-size:14px;
	font-weight:500;
	color:#fff;
	float:none;
}

/* */

#intro-name-block{
	padding-top: 0;
	display: inline-block;
	padding-left: 140px;
}

/* Gemeentepagina achtergrond */
.bg-image-container{
	position: absolute;
	z-index: 0;
	top: 0;
	width: 100%;
	height: 555px;
}

.bg-image-container .bg-image {
	z-index: 0;
	max-width: 1464px;
	height: 555px;
	margin: 0 auto;
	overflow: hidden;
}

.bg-image-container .bg-image .focuspoint {
	position: relative;
	width: 100%;
	max-width: 1464px;
	height: 555px;
}

.gradient {
	background: -moz-linear-gradient(-90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 23%, rgba(0,0,0,0.1) 100%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 23%,rgba(0,0,0,0.1) 100%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(-0deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 23%,rgba(0,0,0,0.1) 100%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient.wit {
	background: -moz-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.0) 75%, rgba(255,255,255,0) 50%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(-9255deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.0) 75%,rgba(255,255,255,0) 50%) !important; /* Chrome1255-25,Safari5.1-6 */
	background: linear-gradient(-255deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.0) 75%,rgba(255,255,255,0) 50%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffffff',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}

.bg-image-container .gradient {
	position: absolute;
	z-index: 10;
	width: 100%;
	max-width: 1464px;
	height: 555px;
	top: 0;
	margin: 0 auto;
	overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+24,000000+100&1+24,0+78 */
	background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 24%, rgba(0,0,0,0) 78%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 24%,rgba(0,0,0,0) 78%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,0,0,1) 24%,rgba(0,0,0,0) 78%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-image-container .gradient.aangepast {
	position: absolute;
	z-index: 10;
	width: 100%;
	max-width: 1464px;
	height: 555px;
	top: 0;
	margin: 0 auto;
	overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+54 */
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.bg-image-container .gradient.aangepast.wit {
	position: absolute;
	z-index: 10;
	width: 100%;
	max-width: 1464px;
	height: 555px;
	top: 0;
	margin: 0 auto;
	overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0.85) 45%,rgba(255,255,255,0) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0.85) 45%,rgba(255,255,255,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Algemeen header achtergrond */
.bg-header-container{
	position: absolute;
	z-index: 0;
	top: 0;
	width: 100%;
	height: 555px;
	margin-top: 50px;
}

.bg-header-container .bg-header {
	z-index: 0;
	max-width: 1464px;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
}

.bg-header-container .bg-header .focuspoint {
	position: relative;
	width: 100%;
	max-width: 1464px;
	height: 300px;
}

.bg-header-container .gradient {
	position: absolute;
	z-index: 10;
	width: 100%;
	max-width: 1464px;
	height: 300px;
	top: 0;
	margin: 0 auto;
	overflow: hidden;
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 23%, rgba(0,0,0,0.03) 85%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 85%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 85%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#bg-header-white-bottom {
    position: absolute;
    width: 100%;
	height: auto;
	padding: 25px 0;
    max-width: 1464px;
    background: #fff;
    z-index: 50;
}

.header-overlay {
	width: 100%;
	position: relative;
	height: 275px;
	max-height: 275px;
}

.header-overlay.flex {
	display: flex;
	align-items: center;
  	justify-content: center;
}

.bg-header-container.height250px,
.bg-header-container.height250px .bg-header,
.bg-header-container.height250px .gradient,
.bg-header-container.height250px .header-overlay,
.bg-header-container.height250px .focuspoint,
.header-overlay.height250px {
	height: 250px;
}

.bg-header-container.height500px,
.bg-header-container.height500px .bg-header,
.bg-header-container.height500px .gradient,
.bg-header-container.height500px .header-overlay,
.bg-header-container.height500px .focuspoint,
.header-overlay.height500px {
	height: 500px;
}

.bg-header-container.height750px,
.bg-header-container.height750px .bg-header,
.bg-header-container.height750px .gradient,
.bg-header-container.height750px .header-overlay,
.bg-header-container.height750px .focuspoint,
.header-overlay.height750px {
	height: 750px;
}

/* Title header algemeen */
.header-algemeen-title-wrapper-logo{
	position: absolute;
	right: 0;
	z-index: 5;
	top: 120px;
	background: #fff;
	padding: 15px 20px;
	-webkit-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
}
.header-algemeen-title-wrapper-logo:hover{
	opacity: 0.9;
}
.header-algemeen-title-wrapper-logo img {
	max-width: 175px;
}
.header-algemeen-title-wrapper{
	margin-top: 105px;
}
.header-algemeen-pre-title{
	float:left;
	color:#fff;
	font-size:23px;
	width:100%;
	letter-spacing:-1px;
	padding-left: 2px;
}
.header-algemeen-title{
	float:left;
	color:#92c249;
	font-size:38px;
	width:100%;
	line-height:43px;
	font-weight:600;
	letter-spacing:-1px;
}
.header-algemeen-title.new{
	max-width: 940px;
	width: 100%;
}
#intro-name{
	font-size:30px;
	font-weight:500;
	color:#fff;
	float:left;
	margin-top:14px;
}
#intro-slash {
	width:40px;
	height:44px;
	float:left;
}
#intro-slash:after {
	position: absolute;
	content: "/";
	color: #455C23;
	font-weight: 400;
	font-size: 3.7em;
	margin-top: 2px;
	margin-left: 10px;
  }
#intro-location{
	font-size:30px;
	font-weight:300;
	color:#fff;
	float:left;
	margin-top:14px;
}
#selection-title{
	font-size:29px;
	font-weight:700;
	color:#fff;
	margin-top:10px;
	letter-spacing: -1px;
}
#selection-title label {
	display: block;
	margin: 0;
	padding: 0;
}
#frontpage-image-wrapper {
	position: absolute;
	z-index: 0;
	max-width: 1464px;
	width: 100%;
	height: 680px;
	background: #000;
	left: 0;
	right: 0;
	margin: auto
}
#frontpage-image-wrapper .focuspoint{
	height: 680px;
	overflow: hidden;
}
#frontpage-image-wrapper .overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 680px;
	display: block;
	z-index: 1;
}
#frontpage-selection{
	height:auto;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	padding-bottom: 30px;
	-webkit-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
}
#frontpage-selection-text{
	float:left;
	width:80%;
	margin-top:14px;
	letter-spacing: -1px;
	line-height: 19px;
	opacity: 1;
}
#frontpage-selection-icon{
	height:28px;
	width:28px;
	margin-top:10px;
}
#frontpage-selection #frontpage-selection-icon svg{
	height:30px;
	width:30px;
	fill: #455C23;
}
#frontpage-selection #frontpage-selection-icon{
	height:28px;
	width:28px;
	margin-top:14px;
	float:left;
}
#frontpage-selection [type="text"] {
	background-color:#f5f6fa;
	border: 2px solid #f5f6fa;
	margin-top:40px;
	border:none;
	color:#000;
	font-size:29px;
	font-weight:500;
	padding-left:28px;
	width:100%;
	height:90px;
	letter-spacing: -1px;
}
#frontpage-selection [type="text"]:focus {
	outline: 2px solid #455C23;
}
label#frontpage-label {
	height: auto;
	margin: 0;
	padding: 0;
	display: block !important;
}
::-moz-placeholder {
	opacity: 1;
}
.form-control::placeholder {
	color: #000 !important;
	opacity: 0.8;
}
#frontpage-selection [type="submit"] {
	background:#455C23;
	border-bottom:4px solid #455C23 !important;
	height:90px;
	width:100%;
	margin-top:40px;
	border:none;
	color:#fff;
	font-size:29px;
	font-weight:500;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#frontpage-selection [type="submit"]:hover,
#frontpage-selection [type="submit"]:active {
	border-bottom:7px solid #455C23 !important;
}
#frontpage-selection [type="submit"]:disabled {
	opacity: 0.7;
	background: #666;
	border-bottom:7px solid #555 !important;
}
.switch_gemeente {
	position: absolute;
	bottom: 0;
}
.zoekbalk {
	margin-top: 10px;
}
#section-zoeken [type="text"] {
	background-color:#f5f6fa;
	border: 1px solid #ccc;
	color:#000;
	font-size: 18px;
	font-weight:500;
	padding-left:15px;
	width:100%;
	height:60px;
	letter-spacing: -1px;
}
#section-zoeken [type="text"]:focus {
	outline: 2px solid #455C23;
}
#section-zoeken button {
	position: absolute;
	z-index: 1000;
	right: 15px;
	top: 10px;
	background: transparent;
	border: 0;
	font-size: 28px;
}
#block-1{
	height: auto;
	margin-top: 75px;
}
body.frontpage .block-header{
	font-size:32px;
	font-weight:500;
}
.block-header{
	font-size:32px;
	font-weight:500;
	padding-top:55px;
}
.block-header-icon{
	height:57px;
	width:75px;
	float:left;
	margin-right:5px;
	margin-top:0;
}
.block-header-icon i {
	padding-left: 7px;
}
.block-header-text{
	width:400px;
	float:left;
	line-height:42px;
	font-weight:400;
	font-size:28px;
}
.block-header-text h1,
.block-header-text h2,
.block-header-text h3,
.block-header-text h4 {
	font-size: inherit;
}
.block-header-text.p100{
	width:100%;
}
.maatregel-block-image{
	margin-top:85px;
	border-radius: 10px;
	overflow: hidden;
}
.maatregel-block-header-text{
	padding-right:75px;
	float:left;
	line-height:33px;
	font-weight:600;
	font-size:22px;
	width:100%;
	padding-top:85px;
	padding-bottom:0;
}
.maatregel-block-header-text h4{
	line-height:28px;
}
.maatregel-block-header-rating{
	padding-bottom:12px;
}
.maatregel-block-header-rating i {
	font-size: 22px;
	color: #F1C40F;
}
.maatregel-image-button{
	bottom: 50px;
	position: relative;
	left: 26px;
}
blockquote {
	font-size: 1.4rem;
	line-height: 2.6rem;
}
blockquote h5 {
	line-height: unset;
}
.col-titel-factsheet h2 {
	font-size: 18px;
}
.block-header-text span{
	font-weight:600;
}
.block-content{
	margin-top:20px;
	margin-right: 35px;
	float:left;
}
.block-content p{
	letter-spacing: -0.3px;
	font-size: 1.5rem;
	line-height: 2.4rem;
}
.maatregel-block-content span{
	color:#455C23;
}
.maatregel-block-content p {
	line-height: 26px;
}
#block-1 .block-image{
	overflow: hidden;
	width: 100%;
	height:auto;
}
#block-1 .block-image img {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
}
#block-2{
	height: auto;
	margin-top: 150px;
}
#block-2 .block-header-icon{
	height:45px;
	width:75px;
	float:left;
	margin-right:14px;
	margin-top: 2px;
}
#block-2 .block-header-icon i {
	padding-left: 13px;
}
#block-2 .block-image{
	overflow: hidden;
	width: 100%;
	height:auto;
}
#block-2 .block-image img {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
}
.block-button:focus {
	-webkit-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 43px 0px rgba(0,0,0,0.10);
	border: 1px solid #000;
}
.block-button-red{
	float:left;
	height:54px;
	background:#9F1D1D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:18px;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;

	border-bottom: 4px solid rgb(139, 40, 40) !important;
	border: none;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
}
a.block-button-red{
	color:#fff;
	font-size:16px;
	padding-top: 16px;
	font-weight:500;
	text-decoration: none;
}
a.block-button-red:hover{
	color:#fff;
	padding-top:10px;
	border-bottom: 6px solid #db3838 !important;
}
.block-button-white{
	float:left;
	height:54px;
	background:#fff;
	color:#B30000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:18px;
	padding-top:12px;
	padding-left:16px;
	padding-right:16px;
}
a.block-button-white{
	color:#B30000;
	font-size:18px;
	font-weight:500;
}
.block-button-green{
	float:left;
	height:54px;
	background:#455C23;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:18px;
	padding-top:12px;
	padding-left:16px;
	padding-right:16px;
}
a.block-button-green{
	color:#fff;
	font-size:16px;
	font-weight:500;
	padding-top:15px;
}
.block-bg .block-button-alt-1{
	background:#fff;
	color:#ff5959;	
	padding: 12px 15px;
	margin: 12px 24px 0 24px;
	position: relative;
	font-weight: 500;
	font-size: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	display: inline-block;

	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.block-bg .block-button-alt-1:hover {
	opacity: 0.7;
}
.block-bg .block-button-alt-2{
	background:#fff;
	color:#ff5959;	
	padding: 12px 15px;
	margin: 10px 24px 0 24px;
	position: relative;
	font-size: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	display: inline-block;

	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.block-bg .block-button-alt-2:hover {
	opacity: 0.7;
}
#prefooter{
	height: 380px;
	position: relative;
	float: left;
	width: 100%;
	opacity: 1;
}
#prefooter .adviseurs {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
}
#prefooter-maatregel{
	height: auto;
	background:#e7f4ec;
	width:100%;
	padding-bottom: 400px;
	margin-bottom: -450px;
}
#header-prefooter{
	margin-top:188px;
}
#prefooter-top{
	font-size:22px;
	font-weight:400;
	text-transform:uppercase;
	line-height: 16px;
	color: #504f55;
	padding-top: 20px;
}
#prefooter-bottom{
	letter-spacing: -1px;
	font-weight:700;
	color:#455C23;
	font-size:30px;
	text-transform: uppercase;
	margin-top: 12px;
}
#prefooter-content{
	margin-top:14px;
	letter-spacing: 0;
}
#prefooter-image{
	height:238px;
	width:100%;
	background:url('../img/prefooter-image.png') no-repeat;
	background-size:cover;
	margin-top:142px;
}
#maatregelprefooter-image{
	height:238px;
	width:596px;
	background:url('../img/maatregel-prefooter-image.png') no-repeat;
	background-size:cover;
	margin-top:142px;
}
#frontpage-footer{
	background:#4A5F35;
	padding-bottom:40px;
}
#maatregel-footer{
	background:#4A5F35;
	/*padding-bottom:40px;*/
	bottom:380px;
}
#footer-wrapper{
	height:400px;
	color:#fff;
}
#footer-wrapper a{
	color:#fff;
}
#footer-top-left-top{
	margin-top:45px;
	float:left;
	width:100%;
	font-size:16px;
	font-weight:600;
	line-height: 15px;
	text-transform:uppercase;
}
a.footer-top-left-bottom{
	float:left;
	width:100%;
	font-size:38px;
	font-weight:600;
	text-decoration: none;
	line-height: 45px;
}
a.footer-top-left-bottom:hover{
	opacity: 0.8;
}
#footer-top-middle {
	padding-left: 10px;
}
#footer-top-middle svg {
	fill: #fff;
}
.footer-icon{
	margin-top:45px;
	height:55px;
	width:55px;
	float:left;
	margin-right:14px;
	opacity: 0.6;
}
.footer-icon:hover{
	opacity: 1;
}
#footer-top-right{
	margin-top:62px;
}
#footer-top-right-icon{
	float:left;
	height:20px;
	width:20px;
	background:url('../img/language-icon.png') no-repeat;
}
#footer-top-right-language{
	float:left;
	margin-left:5px;
}
.footer-menu {
	font-weight: 300;
}
.footer-menu-header{
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:16px;
	font-size: 15px;
}
.footer-menu-header.mt{
	padding-top: 37px;
	display: block;
	clear: both;
}
.footer-menu .nav > li{
	width:100%;
	height:auto;
	opacity: 1;
	font-weight: 300;
	font-size: 15px;
}
.footer-menu .nav > li > a{
	margin:0;
	padding:0;
	display:block;
	opacity: 1;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 0;
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
	line-height: 30px;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
	background-color: transparent !important;
	opacity: 0.8;
}
.footer-menu ul{
	margin:0;
	padding:0;
}
#footer-bottom{
	background:#3c4d2b;
	height: auto;
}
#footer-bottom .nav > li{
	height:auto;
}
#footer-bottom a{
	color:#fff;
	font-size: 13px;
	padding-left: 0;
	margin-right: 35px;
	padding-top: 13px;
	padding-bottom: 13px;
}
.footer-menu.copyright .nav > li {
	width: auto;
}
.bg_footer_nieuwsbrief {
	background: #fff;
	margin-top: 100px;
}
#footer_nieuwsbrief{
	height: auto;
	position: relative;
	float: left;
	width: 100%;
	opacity: 1;
	padding: 40px 0 100px 0;
}
#inschrijven_nieuwsbrief {
	margin-top: 65px;
}
#livechat-icon{
	height:64px;
	width:64px;
	background:url('../img/livechat-icon.png') no-repeat;
	position:relative;
	bottom:18px;
}
.element-title{
	font-size:18px;
	font-weight:600;
}
.gemeente_logo {
	position: absolute;
	z-index: 10;
	bottom: 110px;
}
.gemeente_logo img {
	max-height: 130px;
}
.overview-header-title-wrapper{
	margin-top:200px;
	margin-top: 172px;
}
.overview-header-pre-title{
	float:left;
	color:#fff;
	font-size:23px;
	width:100%;
	letter-spacing:-1px;
}
.overview-header-pre-title.wit{
	color:#000 !important;
}
.overview-header-title{
	float:left;
	color:#455C23;
	font-size:46px;
	width:100%;
	line-height:52px;
	font-weight:600;
	letter-spacing:-1px;
}
#overview-wrapper{
	margin-top:40px;
	letter-spacing:-1px;
}
.overview-change {
	position: absolute;
	z-index: 1;
	right: 5px;
	color: #507a23;
	bottom: 0;
	padding: 4px 10px;
	text-decoration: none !important;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.8;
}
.overview-change:hover, .overview-change:focus {
	color: #507a23;
	opacity: 1;
	text-decoration: none !important;
}
.overview-change:focus {
	border: 1px solid #000;
}
.overview-block{
	height: 185px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:15px;
	overflow: hidden;

	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	border: 1px rgba(0,0,0,0);
}
a:focus .overview-block {
	border: 1px solid #000;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	opacity: 0.9;
}
.overview-block .logoafbeelding img {
    max-width: 200px;
    position: absolute;
    right: 30px;
    top: 55px;
}
.block-image-half, .block-image-full, .block-bg {
	cursor: pointer;
	text-decoration: none;
}
.block-image-half *, .block-image-full *, .block-bg * {
	cursor: pointer;
	text-decoration: none !important;
}
.block-image-half .focuspoint,
.block-image-full .focuspoint,
.block-bg .focuspoint {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.block-image-half:hover .focuspoint,
.block-image-full:hover .focuspoint,
.block-bg:hover .focuspoint {
	transform: scale(1.03);
}
.overview-block .block-title{
	font-weight:500;
	font-size:22px;
	text-decoration: none;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 28px;
}
.overview-block .block-sub-title{
	font-size:22px;
	line-height:33px;
	text-decoration: none;
	margin: 0 !important;
	padding-top: 0;
}
.overview-block .block-sub-title-alt{
	font-size:20px;
	line-height:22px;
	padding-left: 5px;
	padding-top: 15px;
}
.block-red .block-sub-title {
	margin: 0 25px 0 25px;
	color: #fff;
	font-weight: 300;
	font-size: 18px;
	margin: 0 !important;
	padding-top: 0;
}
.overview-block .block-button{
	font-size:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:16px;
	display: inline-block;
	font-weight: 600;
}
.block-bg{
	color:#fff;
}
.block-bg .block-title{
	color:#fff;
	padding:18px 20px 0 20px;
	font-weight: 600;
}
.block-bg .block-sub-title{
	color:#fff;
	padding:0 20px 0 20px;
	font-weight: 400;
	padding-top: 0;
}
.block-bg .block-button{
	background:#fff;
	color:#B30000;
	padding: 12px 15px;
	margin: 0 20px 0 20px;
	bottom: 35px;
	font-weight: 500;
	text-decoration: none;
	margin-top: 13px;

	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.block-bg .block-button:hover{
	opacity: 0.8;
}
/**/
.bedrijven-header-title-wrapper{
	margin-top: 6px;
}
.bedrijven-header-title{
	float:left;
	color:#363547;
	font-size:46px;
	width:100%;
	line-height:52px;
	font-weight:300;
	letter-spacing:-1px;
}
.bedrijven-header-title span{
	color:#363547;
	font-size:46px;
	width:100%;
	line-height:52px;
	font-weight:600;
	letter-spacing:-1px;
}
.bedrijven-header-title span.wit{
	color:#fff;
}
#bedrijven-wrapper{
	margin-top:16px;
	letter-spacing:-1px;
}
.bedrijven-block{
	height:185px;
	margin-bottom:33px;
	overflow:hidden;
}

.bedrijven-block .block-title{
	font-weight:500;
	font-size:22px;

}
.bedrijven-block .block-sub-title{
	font-size:22px;
	line-height:26px;
}
.bedrijven-block .block-button{
	font-size:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:16px;
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
}

.bedrijven-aansluiten {
	position: relative;
	background: #fff;
	padding: 20px;
}

.bedrijven-aansluiten .aansluiten-afbeelding {
	position: absolute;
	bottom: 0;
	left: 0;
}

.bedrijven-aansluiten .aansluiten-afbeelding img {
	max-width: 165px;
}

.bedrijven-aansluiten p.inner {
	padding: 20px 10px;
	font-size: 15px;
}

.bedrijven-aansluiten strong {
	font-size: 18px;
}

.bedrijven-aansluiten span {
	font-size: 15px;
	color: #455C23;
}

.bedrijven-aansluiten-info {
	color: #455C23;
	font-size: 18px !important;
}

.bedrijven-aansluiten-info a {
	color: #455C23;
	text-decoration: underline;
}

.bedrijven-aansluiten-info a:hover {
	color: #000;
}

/**/

.block-green{
	background:#455C23;
	color:#fff;
}
.block-green .block-title{
	color:#fff;
	padding:22px 20px 0 20px;
	font-weight: 600;
}
.block-green .block-sub-title{
	color:#fff;
	padding:0 20px 0 20px;
	font-weight: 300;
}
.block-green .block-button{
	background:#fff;
	color:#B30000;
	padding: 12px 15px;
	margin: 0 20px 0 20px;
	position: absolute;
	bottom: 54px;
	font-weight: 500;
}
.block-red{
	cursor: pointer;
	background:#B30000;
}
.block-red:hover{
	background:#DD3E3E;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.block-red .block-title{
	color:#fff;
	padding: 22px 20px 0 20px;
	line-height: 26px;
	font-weight: 600;
}
.block-red .block-sub-title{
	color:#fff;
}
.block-red .block-button{
	background:#fff;
	padding:5px 15px;
	color:#B30000;
	font-weight: 600;
}
.block-image-half{
	background:#fff;
	color:#363547;
}
.block-image-half .overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	min-height: 185px;
    display: block;
	color: #FFF;

	background: -moz-linear-gradient(left, rgba(0,0,0,1) 52%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.block-image-half .block-title{
	color:#363547;
	max-width: 420px;
	padding:15px 20px 0 20px;
	line-height:33px;
	font-weight: 600;
}
.block-image-half .block-sub-title{
	color:#455C23;
	padding:0 20px 0 20px;
}
.block-image-half .block-button{
	background:#B30000;
	padding:12px 15px;
	color:#fff;
	margin:5px 20px 0 20px;
	position: relative;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.block-image-half .block-button:hover{
	opacity: 0.8;
}
.block-image-half-left{
	width:100%;
	float:left;
	position:relative;
	bottom:185px;
	height:185px;
}
.block-image-half-right{
	width:50%;
	height:100%;
	background:#000;
	float:right;
	position:relative;
}
.overview-block .focuspoint {
    position: relative;
    width: 100%;
    height: 185px;
}
.block-news{
	background:#fff;
	color:#363547;
}
.block-thin-text{
	font-size:15px;
	background:#fff;
	height:65px;
	display:block;

	-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
.block-image-full{
	position: relative;
	background:#000;
	overflow: hidden;
}
.block-image-full .block-title{
	color:#fff;
	max-width: 420px;
	padding:22px 20px 0 20px;
	font-weight: 600;
	line-height: 33px;
}
.block-image-full .block-sub-title{
	color:#455C23;
	padding:0 20px 0 20px;
}
.block-image-full .block-button{
	background:#B30000;
	padding:12px 15px;
	color:#fff;
	margin:0 20px 0 20px;
	position: absolute;
	bottom:20px;
	font-weight: 500;
}
.block-image-full .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 23%, rgba(0,0,0,0.03) 98%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
   	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 98%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
   	background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 98%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #FFF;
	z-index: 10;
}
.block-image-full-top{
	background:#fff;
	background:url('../img/overview-image-2.png');
	background-size:cover;
}
.block-image-full-top-title{
	color:#fff;
	max-width: 320px;
	padding:22px 20px 0 20px;
	font-weight: 500;
	font-size: 20px;
	font-weight:600;
}
.block-image-full-top-sub-title{
	color:#455C23;
	padding:0 20px 0 20px;

	font-size: 22px;
line-height: 26px;
}
.block-image-full-top-button{
	background:#455C23;
	padding:12px 15px;
	color:#fff !important;
	margin:0 20px 0 20px;
	position: relative;
	position: absolute;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:absolute;
	bottom:20px;
	font-weight: 500;
}
.block-image-full-top-button a{
	color:#fff;
}
.block-image-full-top .overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
	background: -moz-linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 23%, rgba(0,0,0,0.03) 98%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
   	background: -webkit-linear-gradient(-90deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 98%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
   	background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 98%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #FFF;
}
.block-image-full-top .overlay-top {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
	background:url('../img/overlay-top-black.png');
    color: #FFF;
}
.blok-image-full-wrapper{
	position:relative;
	bottom:185px;
	height:185px;
}
.blok-image-full-top-wrapper{
	position:relative;
	bottom:185px;
	height:185px;
}
.block-image-full-flex-wrapper{
	z-index: 20;
	position: absolute;
	height:185px;
	width: 100%;
	top: 0;
}
.block-title-bottom{
	color:#fff;
	margin-left:24px;
	font-size:26px;
	font-weight:700;
	align-self: flex-end;
	line-height: 32px;
	letter-spacing: -1px;
}
.block-news-title-wrapper{
	width:100%;
	margin-bottom: 0;
}
.block-news-title{
	font-weight: 500;
	font-size: 22px;
	color: #363547;
	padding: 5px 20px 0 20px;
	line-height: 24px;
}
.block-news-title a{
	color: #363547;
}
.block-news-title a:hover{
	color: #363547;
}
.block-news-archive{
	padding-top:29px;
	font-weight:500;
}
.block-news-archive a{
	color:#455C23;
}
.block-news-list ul{
	margin-top:0;
}
.block-news-list ul li{
	height: 28px;
	float: left;
	width: 100%;
}
.block-news-list ul li a{
	color: #363547;
	font-size: 14px;
}
.block-chat-live {
	position: absolute;
	bottom: 40px;
	left: 30px;
}
.block-chat-live-icon{
	float:left;
	width: 50px;
	height: 50px;
	border-radius: 25px 25px 0px 25px;
	-moz-border-radius: 25px 25px 0px 25px;
	-webkit-border-radius: 25px 25px 0px 25px;
	border: 2px solid #fff;
	margin-top: 12px;
	text-align: center;
	margin-right: 10px;
}
.block-chat-live-icon i{
	font-size: 32px;
	line-height: 50px;
	color: #fff;
}
.block-chat-live-text{
	color:#fff;
	font-weight:300;
	font-size:24px;
	float:left;
	margin-top:30px;
}
.block-thin-text-arrow{
	background:url('../img/arrow-right.png') no-repeat;
	height:64px;
	width:64px;
	margin-top:23px;

	-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
.block-thin-text:hover .block-thin-text-arrow {
	margin-left: 10px;
}
.block-thin-text-content{
	padding: 22px 0 22px 20px;
	font-weight:400;
	color:#363547 !important;
	display: block;

	-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
.block-thin-text:hover .block-thin-text-content {
	color: #455C23 !important;
}
.block-title-bottom{
	position: absolute;
	bottom: 17px;
	width: 90%;
	color:#fff;
	margin-left:28px;
	font-size:22px;
	font-weight:700;
	line-height: 32px;
	letter-spacing: -1px;
}
#page-header-image-wrapper{
	height:420px;
	width:1464px;
	margin:0 auto;
	background:url('../img/thema-header-image.png') no-repeat;
	background-size:100%;
	background-color:white;
}
#page-header-image{
	position:relative;
	bottom:46px;
	height:305px;
	width:100%;
}
.page-header-title-wrapper{
	height:100px;
	margin-top: 70px;
}
.page-header-pre-title{
	float: left;
	color: #fff;
	font-size: 23px;
	width: 100%;
	letter-spacing: -1px;
}
.page-header-title{
	float: left;
	color: #455C23;
	font-size: 57px;
	width: 100%;
	line-height: 44px;
	font-weight: 600;
	letter-spacing: -1px;
}
.page-header-title.single{
	margin-top: 30px;
	font-size: 38px;
}
.page-header-title.nieuws{
	margin-bottom: 20px;
	margin-top: 50px;
}
.muted {
	opacity: 0.8;
}
#page-header{
	position:relative;
	bottom:324px;
}
#page-content-wrapper{
	position:relative;
	bottom:324px;
	padding-top:35px;
	padding-bottom:85px;
}
.page-content{
	margin-top:20px;
}
.page-content p {
	padding-bottom: 15px;
	letter-spacing: -0.3px;

	font-size: 1.4rem;
    line-height: 2.4rem;
}
.page-content ul,
.page-content ol {
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
}
.page-content li {
	font-size: 1.5rem;
    line-height: 2.6rem;
}
.page-content a {
	color:#455C23;
	text-decoration: underline;
}
.page-content a:hover {
	text-decoration: none;
}
.page-content a.btn {
	color: inherit !important;
	text-decoration: none !important;
}
.page-content a.btn.btn-success {
	color: #fff !important;
}

.gemeenten_sitemap {
	padding-top: 25px;
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

/**/

.altcontentwrapper .img-caption {
	display: block;
	position: relative;
	background: #f0eeed;
	width: 100%;
	padding: 15px 20px;
}

.page-content .img-caption {
	display: block;
	position: relative;
	background: #f0eeed;
	padding: 15px 20px;
}
/**/

.sidebar {
	margin-top: 200px;
}

.widget {
	margin-bottom: 20px;
	padding: 15px 20px 20px;
	background: #fff;
	-webkit-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
}

.widget .widget-title {
	display: inline-block;
	font-size: 18px;
	margin-bottom: 10px;
}

.widget ul {
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin: 0 0 10px;
	padding-left: 1em;
  	text-indent: -1em;
}

.widget ul li:before {
	content: '\F35F';
	font-family: "Material Design Icons";
}

.widget ul li a {
	color: rgb(103, 151, 51);
}

/**/
#maatregel-header-image-wrapper{
	height:492px;
	width: 100%;
	max-width:1464px;
	margin:0 auto;
}
.maatregel-header-image-container {
	position: absolute;
	height:492px;
	width: 100%;
	max-width:1464px;
}
.maatregel-header-image-container .focuspoint {
	position: relative;
	width: 100%;
	max-width:1464px;
	height:492px;
	overflow: hidden;
}
/*.maatregel-header-image-container .focuspoint img {
	width: 100%;
}*/
.maatregel-header-image-container .gradient {
	position:absolute;
	top: 0;
	height:492px;
	width: 100%;
	max-width:1464px;
}
.maatregel-header-title-wrapper{
	height:195px;
}
.maatregel-header-pre-title{
	float: left;
	color: #504f56;
	font-size: 23px;
	width: 100%;
	letter-spacing: -1px;
}
.maatregel-header-title{
	float: left;
	color: #455C23;
	font-size: 57px;
	width: 100%;
	line-height: 52px;
	font-weight: 600;
	letter-spacing: -1px;
}
.maatregel-header-post-title{
	float: left;
	color: #504f56;
	width: 100%;
	letter-spacing: -1px;
	margin-top:10px;
	font-size: 18px;
}
#maatregel-header{
	margin-top: -400px;
	min-height: 400px;
	overflow: hidden;
}
#maatregel-content-wrapper{
	position:relative;
	bottom:324px;
	padding-top:35px;
	padding-bottom:85px;
}
.maatregel-content{
	margin-top:20px;
}
.maatregel-header-bottom-content{
	background:#fff;
	padding:15px 25px;
	-webkit-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
}
.maatregel-header-bottom-content.transparent{
	background:transparent;
	padding:0;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.maatregel-header-bottom-content .uitleg-factsheet {
	font-size: 12px;
	opacity: 0.7;
	padding-right: 20px;
}
.maatregel-header-bottom-content .uitleg-factsheet i {
	font-size: 16px;
	padding-right: 15px;
	float: left;
}
.uitleg-factsheet
.maatregel-header-bottom-text{}
.maatregel-header-bottom-title{
	font-size:18px;
	font-weight:600;
}
.maatregel-header-bottom-description{}
.maatregel-header-bottom-input{}
.maatregel-header-bottom-zipcode{
	float:left;
	width:48%;
	margin-right:2%;
}
.maatregel-header-bottom-housenumber{
	float:left;
	width:50%;
}
.label-top{
	width:50%;
	color:#000;
	font-weight:600;
	font-size:12px;
	text-transform: uppercase;
}
.maatregel-header-bottom-input [type="text"] {
	margin-top:4px;
	border:2px solid #b1b0c2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#000;
	font-size:16px;
	font-weight:600;
	padding-left:16px;
	width:100%;
	height:38px;
}
.maatregel-header-bottom-submit [type="submit"] {
	background:#9cc871;
	height:38px;
	width:100%;
	margin-top:21px;
	border:none !important;
	color:#fff;
	font-size:18px;
	font-weight:500;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.maatregel-post-header-image{
	height:232px;
}
.maatregel-post-header{
	margin-top:32px;
}
.maatregel-post-header-text{
	margin-top:55px;
	line-height: 1.5;
}
.maatregel-post-header-text span{
	color:#455C23;
}
#maatregel-content-wrapper-steps{
	background:#fff;
	height:auto;
	padding-bottom: 70px;
}
#maatregel-content-wrapper-steps p,
#maatregel-content-wrapper-steps li{
    font-size: 1.5rem;
    line-height: 2.6rem;
}
#maatregel-content-wrapper-steps ul{
    margin-top: 0;
}
#maatregel-content-wrapper-white{
	background:#fff;
	height:452px;
	position:relative;
}
.maatregel-content-wrapper-white-title{
	color: #9cc871;
	font-size: 28px;
	font-size:600;
	text-align: center;
	margin-top: 48px;
	margin-bottom:48px;
}
.maatregel-block-icon img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.maatregel-block-title{
	text-align:center;
	margin:16px 0 16px;
	font-weight:600;
}
.maatregel-block-text{
	text-align:center;
	margin:0 12%;
}
#maatregel-content-wrapper-gray{
	background: #f7f8fc;
	height: auto;
	padding-bottom: 70px;
}
.maatregel-steps-title-left{
	color:#455C23;
	font-weight:600;
	margin-top:50px;
	font-size:28px;
	margin-bottom:25px;
}
.maatregel-steps-title-right{
	font-weight:300;
	margin-top:50px;
	font-size:28px;
	margin-bottom:25px;
}

.btn-maatregelpagina {
	margin-top: 16px !important;
	padding: 11px 24px !important;
}
.btn-maatregelpagina.disabled, .btn-maatregelpagina[disabled] {
	margin-top: 16px !important;
	padding: 13px 24px !important;
	border-bottom: 4px solid #000 !important;
}
#page-content-wrapper .block-image {
    height: 260px;
    background: url('../img/image-1.png') no-repeat;
	background-size: auto auto;
    background-size: cover;
}
#page-steps-wrapper{
	background:#fff;
	height:820px;
	position: relative;
	bottom: 320px;
}
body.page #prefooter{
	height: 0px;
	position: relative;
	bottom: 380px;
}
#steps-title{
	color:#504f56;
	font-size:35px;
	text-align:center;
	margin-top:68px;
}
#steps-sub-title{
	color:#455C23;
	font-size:18px;
	text-align:center;
	margin-bottom:64px;
}
.steps-block{
	height:256px;
	width:372px;
	margin-bottom:22px;
	float:left;
}
.steps-block:nth-child(1),.steps-block:nth-child(4){
	margin-right:82px;
}
.steps-block:nth-child(3),.steps-block:nth-child(6){
	margin-left:82px;
}
.steps-block-bottom{
	height:46px;
	overflow:hidden;
	border-bottom:1px solid #efefef;
}
.steps-block-image{
	width:100%;
	height:	210px;
}
.steps-block-number{
	width:52px;
	height:100px;
	background:#455C23;
	color:#fff;
	float:left;
	padding: 37px 21px;
	font-size:18px;
	-webkit-border-top-right-radius: 45px;
	-webkit-border-bottom-right-radius: 45px;
	-moz-border-radius-topright: 45px;
	-moz-border-radius-bottomright: 45px;
	border-top-right-radius: 45px;
	border-bottom-right-radius: 45px;
	bottom:28px;
	position:relative;
}
.steps-block-title{
	padding:12px 12px;
	float:left;
	font-size:18px;
}
.steps-block-arrow{
	background: url('../img/arrow-thin.png') no-repeat;
	height: 11px;
	width: 6px;
	margin-top: 20px;
	float: right;
	margin-right: 22px;
}
#kennisbank-block{
	color:#89aa65;
	font-size:26px;
	margin:60px 0;
	float:left;
}
#kennisbank-block .kennisbank_titel {
	float: left;
	font-size: 28px;
	color: #455C23;
	width: 100%;
	padding-left: 10px;
}
#kennisbank-block .kennisbank_titel span {
	text-decoration: underline !important;
}
#kennisbank-block .kennisbank_titel:hover span {
	text-decoration: none !important;
}
#kennisbank-block .kennisbank_titel i,
#kennisbank-block .kennisbank_titel span {
	float: left;
}
#kennisbank-block .kennisbank_titel i {
	font-size: 22px;
	padding-left: 10px;
	line-height: 42px;
}
.prefooter-maatregel-block {
	position: relative;
	height: auto;
}
.prefooter-maatregel-block-title{
	position: relative;
	font-weight:600;
	height:65px;
	font-size:22px;
	width:100%;
}
.prefooter-maatregel-block-title a{
	position: absolute;
	bottom: 15px;
	padding-left: 10px;
	text-decoration: none;
}
.prefooter-maatregel-block-title a:hover{
	color: #455C23;
}
.prefooter-maatregel-block-image{
	width:100%;
	height:248px !important;
	bottom:0 !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;

	-webkit-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	 box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
}
.prefooter-maatregel-block-image img{
	width: 100%;
	height:248px !important;
	bottom:0 !important;
}
.maatregel-image-button-verhaal #red-info-button-text{
	font-size:15px;
	font-weight:500;
	color:#fff;
	float:left;
}
.maatregel-image-button-verhaal {
    bottom: 32px;
    position: relative;
    left: 12px;
}
.maatregel-image-button a.red-info-button{
	height: auto;
	width: 210px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 8px;
	padding-top: 12px;
	padding-bottom: 11px;
	padding-left: 20px;
	display: block;
	background: #B30000;
	text-decoration: none;
}
.maatregel-image-button a.red-info-button:hover{
	background: #c44343;
}
.prefooter-maatregel-block-text{
	font-weight:500;
	margin-top: -10px;
}
.prefooter-maatregel-block-text p {
	padding: 0 15px;
	font-weight: 400;
}
.maatregel-image-button a.red-info-button .red-info-button-text{
	color:#fff;
}
.maatregel-image-button a.red-info-button #red-info-button-icon {
    height: 18px;
    width: 22px;
	background-size:contain;
}
.maatregel-image-button {
    bottom: 32px;
    position: relative;
    left: 12px;
}
#kennisbank-list{
	margin-top:60px;
	margin-left:15px;
}
#kennisbank-list ul{
	margin:0 0 0 14px;
	padding:0;
	list-style:none;
}
#kennisbank-list ul li{
	margin:15px 0;
	line-height: 20px;
}
#kennisbank-list ul li:before {
	position: absolute;
	left: 0;
	content:"\F142";
	font-family: "Material Design Icons";
	padding-top: 1px;
	color: #B30000;
	margin-left: 15px;
}
#kennisbank-list ul li a {
	color: #000;
}
body.maatregel #header-prefooter{
	margin-top:89px;
}
body.maatregel #prefooter-maatregel {
    height: 1090px;
}
body.maatregel #footer-wrapper{
	bottom: 380px;
	position: relative;
	height: 157px;
	float: left;
}
body.maatregel #footer-bottom{
	position:relative;
}
body.maatregel #footer-bottom-links{
	position:relative;
}
body.maatregel #maatregel-prefooter-image{
	height:238px;
	width:100%;
	background:url('../img/prefooter-image.png') no-repeat;
	background-size:cover;
	margin-top:42px;
}
.bedrijven-block{
	height:265px;
}
.bedrijven-block-content{
	margin: 0;
	padding: 0;
}
.bedrijven-block-green .bedrijven-block-content{
	background:#455C23;
}
.bedrijven-block-red .bedrijven-block-content{
	background:#D30000;
	margin-top: 10px;
}
.bedrijven-block-yellow .bedrijven-block-content{
	background:#FAFAC8;
}
.bedrijven-block-yellow .bedrijven-block-content .bedrijven-block-content-title {
	color: #000 !important;
}
.bedrijven-block-yellow .bedrijven-block-label-wrapper .label span {
	color: #000 !important;
}
.bedrijven-block-blue .bedrijven-block-content{
	background:#005694;
}
.bedrijven-block-grey .bedrijven-block-content{
	background:#616161;
}
.bedrijven-block-image{
	overflow:hidden;
	height: 263px;
}
.bedrijven-block-image .focuspoint{
	overflow:hidden;
	margin-top: 10px;
	height: 263px;
}
.bedrijven-block-image img{
	height: 253px;
	width: auto;
}
.bedrijven-block-content{
	height:253px;
}
.bedrijven-block.bedrijven-block-contentpagina {
	overflow: unset;
}
.bedrijven-block.bedrijven-block-contentpagina .bedrijven-block-image{
	height: 313px !important
}
.bedrijven-block.bedrijven-block-contentpagina .bedrijven-block-image .focuspoint {
	height: 313px;
}
.bedrijven-block.bedrijven-block-contentpagina .bedrijven-block-label-wrapper{
	padding-top: 10px;
}
.bedrijven-block.bedrijven-block-contentpagina .label {
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    padding: 8px 15px;
    display: list-item;
    list-style-type: disc;
	list-style-position: inside;
	text-decoration: none;
    float: left;
    margin: 0 40px 6px 0;
    color: #ffbd25;
	font-size: 12px;
	transition: background-color 0.2s ease;
}
.bedrijven-block.bedrijven-block-contentpagina .label:hover {
    background-color: rgba(0,0,0,0.3);
}
.bedrijven-block-label-wrapper .label {
	transition: 0.2s all ease;
}
.bedrijven-block-label-wrapper .label:hover {
    background-color: rgba(0,0,0,0.4) !important;
}
.bedrijven-block-label-wrapper .label:active, .bedrijven-block-label-wrapper .label:focus {
    background-color: rgba(0,0,0,0.4) !important;
}
.bedrijven-block.bedrijven-block-contentpagina h5 {
	line-height: 26px;
	font-size: 20px;
}
.bedrijven-block.bedrijven-block-contentpagina.marginright {
    margin-right: 20px;
}
.bedrijven-block-contentpagina .bedrijven-block-content{
	height:303px;
}
.bedrijven-block-content-top{
	height:185px;
	margin-top: 10px;
}
.bedrijven-block-content-title{
	display: inline-block;
	color:#fff;
	font-size:22px;
	padding:20px 26px 10px;
	text-decoration: none;
}
.bedrijven-block-content-companies{
	margin:0 26px 12px;
	font-size:18px;
	opacity:0.6;
}
.bedrijven-block-label-wrapper{
	display: block;
	height:auto;
	padding:0 20px;
}
.label{
	background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	padding:8px 15px;
	display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: disc;       /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside;
	float:left;
	margin: 0 4px 6px;
	color:#ffbd25;
	font-size:12px;
}
.label span{
	color:#fff;
	font-weight: 400;
	letter-spacing: 0;
}

.bedrijven-block-bottom .bedrijven-block-content{
	height:116px;
}
.bedrijven-block-bottom img{
	width:100%;
}
.bedrijven-block-bottom img{
	width:100%;
}
.bedrijven-arrow{
	width:95px;
	height:45px;
	background-color: rgba(0,0,0,0.1);
	float:right;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;

	-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
.bedrijven-arrow i{
	display: inline-block;
	font-size: 28px;
	color: #000;
	padding: 3px 12px;
	opacity: 0.5;

	-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
.bedrijven-arrow:hover {
	background-color: rgba(0,0,0,0.2);
}
.bedrijven-arrow:hover i {
	opacity: 1;
}
.bedrijven-block-bottom .bedrijven-block-content-title{
	width:70%;
	float:left;
}
.bedrijven-block-bottom .bedrijven-block-content-companies{
	width:70%;
	float:left;
}
.bedrijven-block-bottom .bedrijven-arrow{
	bottom:10px;
	position:relative;
}
#bedrijven-content-wrapper-white{
	background:#fff;
	height:193px;
	padding: 0 20px 0 50px;
}
.bedrijven-block-icon{
	background: url('../img/maatregel-block-icon.png') no-repeat;
	height:43px;
	width:44px;
	float:left;
	margin-top:35px;
}
.bedrijven-block-title{
	width:100%;
	float:left;
}
.bedrijven-block-text{
	width:100%;
		float:left;
}
.bedrijven-block-title-content{
	float:left;
	margin-left:23px;
	margin-top:43px;
	font-weight:600;
	font-size:18px;
}
.bedrijven-block-number{
	font-weight:600;
	font-size:50px;
	color:#363547;
	padding-left: 5px;
}
.bedrijven-block-number{
	width:20%;
	float:left;
	opacity: 0.4;
}
.bedrijven-block-text-content{
	float:left;
	width:80%;
	opacity: 0.9;
	padding-top: 10px;
}
.steps-wrapper{
	height:100%;
	width:100%;
	background: url('../img/steps-border.png') no-repeat 10px 10px;
	padding:0 0 0 32px;
}

/* Verhalen */
body.verhalen .content-wrapper {
	padding-top: 75px;
}
body.verhalen #intro-slash::after {
	margin-top: -15px;
}
body.verhalen #intro-text {
	margin-top: 50px
}
 #listing-left-top{
	 background:#fff;
	 width:100%;
	 padding: 20px 25px;
	 margin-bottom: 15px;
 }

 #listing-left-top .postcodemargin {
	 margin-top: 15px;
 }

 #listing-left-middle .form-control {
    height: 45px;
    padding: 3px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#listing-left-top .postcodeveld {
    text-transform: uppercase;
}

 .form-left-select {
	 float:left;
	 display: block;
	 height: 52px;
	 padding: 6px 12px;
	 font-size: 16px;
	 line-height: 1.42857143;
	 color: #363547;
	 background-color: #fff;
	 border: 1px solid #ebedf0;
 }
 .form-right-select {
	 float:left;
	 display: block;
	 height: 52px;
	 padding: 6px 12px;
	 font-size: 16px;
	 line-height: 1.42857143;
	 color: #363547;
	 border: 1px solid #ebedf0;
 }
 #sel1{
	 width:186px;
	 margin:20px 0 0 20px;
 }
 #sel2 {
	 width:145px;
	 margin:20px 0 0 0;
 }
 #sel3 {
	 width:140px;
	 margin:9px 0 0 0;
	 height:34px;
 }

 .checkbox-title {
	 display: block;
	 position: relative;
	 padding-left: 35px;
	 margin-bottom: 9px;
	 cursor: pointer;
	 font-size: 22px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
 }

 .postcode_desc {
	 margin-top: 10px;
 }

.postcode_desc p {
	float: left !important;
}

 .checkbox-wrapper.scroll {
	 padding: 10px 20px 10px 20px;
	 background: #f1f1f1;
	 overflow-y: auto;
	 margin-bottom: 25px;
 }

 .checkbox-wrapper.scroll.autoheight {
	 height: auto;
	 margin-bottom: 10px;
 }

 .checkbox-wrapper.scroll ul {
	 list-style: none;
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
 }

 .checkbox-wrapper.scroll ul ul {
	 margin-bottom: 5px;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch .label-default {
	background-color: #fff;
}

.material-switch .label-default span {
	display: none;
}

.material-switch > label::before {
    background: rgb(173, 16, 16);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    content: '';
    height: 12px;
    margin-top: -6px;
    position:absolute;
    opacity: 1;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 9px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 18px;
    left: -4px;
    margin-top: -5px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: rgb(56, 95, 20);
    opacity: 1;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.material-switch.hoofditemswitch {
	margin-right: 15px;
}

.switch_css {
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

li.hoofdcategorie span {
	line-height: 24px;
	margin-top: 10px;
	color: #000;
}

li.hoofdcategorie .hoofditem {
	padding: 10px 0;
}

.verhalen-single-title-image {
	height: 100%;
	max-width: none;
}

 /* Hide the browser's default radio button */
 .checkbox-title input {
	 position: absolute;
	 opacity: 0;
	 cursor: pointer;
 }

 /* Create a custom radio button */
 .checkmark {
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 25px;
	 width: 25px;
	 background-color: #fff;
	 border:1px solid #d3cfc8;

	 -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
 }

 /* On mouse-over, add a grey background color */
 .checkbox-title:hover input ~ .checkmark {
	 background-color: #efefef;
 }

 /* When the radio button is checked, add a blue background */
 .checkbox-title input:checked ~ .checkmark {
	 background-color: #fff;
 }

 /* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
	 content: "";
	 position: absolute;
	 display: none;
 }

 /* Show the indicator (dot/circle) when checked */
 .checkbox-title input:checked ~ .checkmark:after {
	 display: block;
 }

 /* Style the indicator (dot/circle) */
 .checkbox-title .checkmark:after {
	 top: 4px;
	 left: 5px;
	 width: 14px;
	 height: 14px;
	 border-radius: 60%;
	 background: #455C23;
 }
 .filterselect {
	 margin-top: 15px;
 }
 .form-left-wrapper{
	 float:left;
	 width:100%;
 }
 #listing-left-middle{
	 float:left;
	 background: #fff;
	 height: auto;
	 min-height: 600px;
	 width: 100%;
	 margin-bottom: 13px;
	 padding: 0 25px;
 }
 #listing-left-middle .list-group-item{
	 cursor: pointer;
 }
 #listing-left-middle .list-group-item:hover{
	background: #efefef;
 }
 #listing-left-bottom{
	 float:left;
	 background: #fff;
	 height: 58px;
	 width: 100%;
 }
 #listing-left-top label, #listing-left-middle label{
	 font-weight:500;
	 font-size:14px;
	 line-height:27px;
 }
 #listing-right-top{
	 background:#fff;
	 height:52px;
	 width:100%;
	 margin-bottom:11px;
 }
 #listing-right-top-text{
	 width:128px;
	 padding:16px 4px 0 20px;
	 font-size:16px;
	 float:left;
 }
 #listing-right-top-button{
	 background: #9a9a9a;
	 width: 137px;
	 border-bottom: 2px solid #868686;
	 text-align: center;
	 padding: 8px 0;
	 margin-top: 8px;
	 margin-right:20px;
	 float:right;
	 color:#fff;
	 text-decoration: none;
 }
 #listing-right-top-button:hover{
	background: #455C23;
	border-bottom: 2px solid rgb(107, 155, 56);
}
 #listing-right-bottom{
	 float:left;
	 height:801px;
	 width: 100%;
 }
 .listing-block-left{
	 float:left;
	 position: relative;
	 width:190px;
	 height:190px;
	 background: #eeeeee;
 }
 .listing-block-left img{
	 width: 75%;
	 margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 .listing-block-right{
	 height:auto;
	 padding-bottom: 15px;
	 min-height: 190px;
	 width:599px;
	 float:left;
	 background:#fff;
 }
 .listing-block-header{
	 float:left;
	 width:100%;
	 padding-top: 5px;
 }
 .listing-block-title{
	 padding-left:22px;
	 float:left;
	 width:70%;
 }
 .listing-block-distance{
	 float:right;
	 font-weight:600;
	 width:30%;
	 margin-top:10px;
	 padding-right:20px;
	 text-align:right;
	 color:#777f85;
 }
 .listing-block-distance span{
	 font-weight:400;
 }
 .listing-block-content{
	 width:100%;
	 float:left;
	 margin-left:22px;
	 color:#000;
	 line-height:24px;
 }
 .listing-block-content span{
	 font-weight:600;
 }
 .listing-block-services {
	width: 85%;
 }
 .listing-block-buttons{
	 width:100%;
	 float:left;
	 width:280px;
	 height:45px;
	 margin-top:12px;
 }
 .listing-block-button-1{
	 width:170px;
	 background:#f1f3f6 !important;
	 height:43px;
	 display:block;
	 padding: 10px 26px;
	 color:#363547;
	 font-weight:600;
	 float:left;
	 text-decoration: none;
 }
 .listing-block-button-1:hover{
	color:#363547 !important;
	text-decoration: none !important;
	background:#c7c9cc !important;
}
 .listing-block-button-2{
	 width:43px;
	 height:43px;
	 float:left;
	 margin-left:8px;
	 background: rgb(201, 201, 201);
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 cursor: pointer;
 }
 .listing-block-button-2:hover{
	background: rgb(160, 160, 160);
}
 .listing-block-button-3{
	 width:43px;
	 height:43px;
	 background: #455C23;
	 color: #fff;
	 float:left;
	 margin-left:8px;
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 cursor: pointer;
 }
 .listing-block-button-3:hover{
	background: rgb(116, 161, 67);
}
 .listing-block-button-2 i,
 .listing-block-button-3 i {
	color: #fff;
	font-size: 28px;
}
.listing-block-button-3 img {
	max-width: 25px;
}
 .listing-block{
	 margin-bottom:24px;
	 float:left;
 }
 #listing-left-middle-title{
	 padding:8px 0 0 0;
	 font-size: 1.4em !important;
 }
 .postcodeselect {
	 font-size: 1.4em !important;
 }
 #listing-left-bottom{
	 padding:18px 0 0 22px;
 }
 .categorieselect {
	 margin-bottom: 10px;
 }
 .listing-right-top-icon{
	 height:18px;
	 width:18px;
	 float:left;
	 margin:8px 0 0 10px;
 }
 .listing-right-top-icon i{
	font-size: 22px;
}
#header-algemeen {
	z-index: 100;
	clear: both;
	padding-bottom: 25px;
}
#header-algemeen-image-wrapper{
	position: relative;
	height:250px;
	max-height: 250px;
	width:100%;
	max-width: 1464px;
	margin:0 auto;
	background: #333242;
}
#header-algemeen-image-wrapper .image-container {
	position: absolute;
	width: 100%;
	max-width: 1464px;
	height: 250px;
	max-height: 250px;
	overflow: hidden;
}
#header-algemeen-image-wrapper .image-container img {
	width: 100%;
}
#header-algemeen-image-wrapper .header-algemeen-gradient {
	position: absolute;
	width: 100%;
	height: 250px;
		background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 23%, rgba(0,0,0,0.03) 98%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 98%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 98%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#header-algemeen-white-bottom{
	position: absolute;
	width: 100%;
	height: auto;
	max-width: 1464px;
	background: #fff;
	bottom: 0;
	z-index: 50;
 }
 #header-algemeen-white-bottom p {
	display: inline-block;
	padding: 20px 0;
	font-size: 14px;
 }
 #verhalen-header {
	 z-index: 100;
 }
 #verhalen-intro a.transparent-info-button {
	 margin-top: 30px;
 }

 #verhalen-intro #intro-name{
	 margin-top:30px;
 }
 #verhalen-intro #intro-slash{
	 margin:30px 10px 0 5px;
 }
 #verhalen-intro #intro-location{
	 margin-top:30px;
 }
 #verhalen-header-image-wrapper{
	 position: relative;
	 height:350px;
	 max-height: 350px;
	 width:100%;
	 max-width: 1464px;
	 margin:0 auto;
 }
 #verhalen-header-image-wrapper .focuspoint {
	 position: absolute;
	 top: 0;
	 height:350px;
	 max-height: 350px;
	 width:100%;
	 max-width: 1464px;
	 z-index: 0;
	 overflow: hidden;
 }
 #verhalen-header-image-wrapper .focuspoint img {
	width: 100%;
}
 #verhalen-header-white-bottom{
	position: absolute;
	width: 100%;
	height: 50px;
	max-width: 1464px;
	background: #fff;
	bottom: 0;
	z-index: 50;
 }
 .verhalen-gradient {
	 position: absolute;
	 width: 100%;
	 height: 303px;
	 	background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 23%, rgba(0,0,0,0.03) 98%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 98%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 23%,rgba(0,0,0,0.03) 98%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
 #verhalen-header-image{
	 position:relative;
	 bottom:0;
	 height:303px;
	 width:100%;
 }
 .verhalen-header-title-wrapper{
	 height:100px;
	 margin-bottom:138px;

 }
 .verhalen-header-pre-title{
	 float: left;
	 width: 100%;
	 letter-spacing: -1px;
 }
 .verhalen-header-title{
	 float: left;
	 color: #455C23;
	 font-size: 57px;
	 width: 100%;
	 line-height: 52px;
	 font-weight: 600;
	 letter-spacing: -1px;
 }
 #verhalen-search-result{
	 padding: 15px;
 }
 #verhalen-search-result span{
	 font-weight:600;
 }
 #verhalen-sort{
	 margin-top:64px;
	 font-weight:bold;
 }
 #verhalen-right-top{
	 padding:10px;
	 display: inline-block;
 }
 #verhalen-right-top-text {
	 width: 128px;
	 padding: 4px 4px 0 20px;
	 font-size: 14px;
	 float: left;
	 text-align: right;
 }
 #verhalen-right-top-dropdown {
	 float: left;
 }
 .verhalen-right-top-icon{
	 float: left;
	 padding-top:0;
	 padding-left:5px;
 }
 #sel4 {
	 width: 130px;
	 margin: 0 0 0 0;
	 height: 30px;
	 padding:0 12px 0 5px;
 }
 .verhalen-right-top-icon-img{
	 padding-left:4px;
	 padding-top:4px;
 }
 .verhalen-right{
	 float:right;
	 background:#fff;
	 height:720px;
	 width:100%;
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
	 -webkit-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	 box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	 margin-top: -10px;
 }
 .verhalen-left-block{
	 float:left;
	 background:#fff;
	 min-height:440px;
	 margin:0 10px 10px 0;
	 width:100%;

	 -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
 }
 #verhaal-content-wrapper {
	 position: relative;
	 padding-top: 35px;
 }
 .verhalen-left-block{
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
	 -webkit-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	 box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
 }
 .verhalen-left-block hr{
	 border-top: 1px solid #e9edf0;
	 margin:0;
 }
 .verhalen-left-block-top{
	 width:100%;
	 height:170px;
	 max-height: 170px;
	 overflow:hidden;
 }
 .verhalen-left-block-top-image{
	 height:100%;

	 -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
 }
 .verhalen-left-block:hover .verhalen-left-block-top-image {
	transform: scale(1.05);
 }
 .verhalen-left-block-top-label{
	 background:url('../img/verhaal-label.png') no-repeat;
	 background-size:100%;
	 height: 88px;
	 width: 71px;
	 position: absolute;
	 top: 0;
	 right: 32px;
 }
 .verhalen-left-block-bottom{
	padding: 15px 25px;
 }
 .verhalen-left-block-bottom a {
	 color: #000;
	 text-decoration: none;
 }
 .verhalen-left-block-bottom a:hover {
	color: #455C23;
 }
 .verhalen-left-block-sub-title{
	 margin-bottom:20px;
	 font-weight: 300;
 }
 .verhalen-left-block-maatregelen{
	 margin-top:15px;
	 margin-bottom:0;
	 font-weight:400;
	 font-size: 14px;
	 opacity: 0.7;
 }
 .verhalen-left-block-bouwjaar{
	 font-weight: 400;
	 font-size: 14px;
	 opacity: 0.7;
 }

 .verhalen-select {
	 float:left;
	 display: block;
	 height: 52px;
	 padding: 6px 12px;
	 font-size: 16px;
	 line-height: 1.42857143;
	 color: #363547;
	 background-color: #fff;
	 border: 1px solid #ebedf0;
 }
 .verhalen-select option {
	font-weight: 300;
}
 .verhalen-right-top{
	 padding:10px 18px;
	 height:518px;
	 width:100%;
 }
 .verhalen-right-top hr{
	 border-top: 1px solid #e9edf0;
 }
 .verhalen-right-bottom{
	 padding:25px 30px;
	 height:auto;
	 width:100%;
	 background:#f2f2f2;
 }
 .verhalen-right-bottom p{
	 font-size:14px;
 }
 #sel5, #sel6, #sel7{
		-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;       /* remove default arrow */
	background-image: url('../img/select-arrow.png');   /* add custom arrow */
	background-repeat: no-repeat;
	background-position: right 24px top 20px;
	width:100%;
	cursor:pointer;
 }
 #sel4{
		-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;       /* remove default arrow */
	background-image: url('../img/select-arrow.png');   /* add custom arrow */
	background-repeat: no-repeat;
	background-position: right 12px top 10px;
	width:135px;
	cursor:pointer;
 }
 .verhalen-right-top select{
	 font-size: 14px;
		 margin-bottom:30px;
		 font-weight:400;
		 -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
		 border-radius: 4px;
 }
 a.block-button-gray {
	 color: #fff;
	 font-size: 16px;
	 font-weight: 500;
	 display:block;
	 height: 47px;
	 width:200px;
	 text-decoration: none;

	 -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
 }
 .block-button-gray {
	 margin:0 auto;
	 background: #dddee2;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 padding-top: 12px;
	 padding-left: 16px;
	 padding-right: 16px;
	 text-align:center;
	 text-decoration: none;

	 -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
 }
 a.block-button-gray:hover,
 .block-button-gray:hover {
	background: #B30000;
 }
 #verhalen-button-wrapper{
	   display: none;
	   height: 54px;
	   width:100%;
	   float:left;margin-top:100px;
 }
 .verhalen-label-score{
	 font-size:26px;
	 float:left;
	 color:#455C23;
	 font-weight: 600;
	 text-align: center;
	 width: 100%;
	 margin-top:16px;
 }

 .verhalen-label-gas{
	 font-size:16px;
	 float:left;
	 width:100%;
	 font-weight: 500;
	 text-align: center;
	 position:relative;
	 bottom:10px;
 }
 #verhalen-single-content-wrapper{
	 position: relative;
	  background:#fff;
	  height:100%;
	  padding-top: 50px;
	  padding-bottom: 150px;
	  max-width: 1464px;
	  left: 50%;
	  margin-left: -732px;
 }
 .verhalen-single-right-title{
	line-height: 37px;
}
.verhalen-single-right {
	padding-top: 110px;
}
.verhalen-single-right ul li {
	line-height: 30px;
	padding-left: 10px;
}
.verhalen-single-woninginfo {
	list-style: none;
	margin-bottom: 40px;
}
.verhalen-single-right-images{
	margin-bottom: 40px;
}
.verhalen-single-right-header{
	padding-top:16px;
	font-weight: 600;
	letter-spacing: 0;
}
.verhalen-single-right-image{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	height:60px;
	width:75px;
	margin-bottom:5px;
}
.verhalen-single-right ul{
	padding:0 0 0 12px;
}
.verhalen-single-title-wrapper-left{
	height:86px;
	width:86px;
	float:left;
	-webkit-border-radius: 43px;
	-moz-border-radius: 43px;
	border-radius: 43px;
	overflow:hidden;
}
.verhalen-single-title-wrapper-right{
	height:86px;
	width:100%;
	float:left;
}
#verhalen-single-right-image {
	margin-top: 5px;
	border-radius: 50%;
	border: 4px solid #efefef;
}
.verhalen-sidebar-link {
	color: #000;
	text-decoration: none;
}
.verhalen-sidebar-link:hover {
	color: #000;
	cursor: pointer;
}
.sidebar-hr {
	border: 0;
	border-top: 1px solid #ccc;
}
body.verhalen-single header{
	padding: 10px;
    box-shadow: 5px 10px 8px 10px #888888;
}
.verhalen-single-title-wrapper{
	height:100px;
	width:100%;
	margin-bottom:30px;
}
.verhalen-single-content-wrapper{
	padding-bottom:40px;
}
.verhalen-single-content-wrapper h4{
	padding-top:30px;
	padding-bottom:15px;
	width:100%;
}
.verhalen-single-content-wrapper p{
	padding-bottom:30px;
	color: #504f56;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.42857143;
}
.verhalen-single-content-wrapper li{
	font-size: 15px;
}
.verhalen-single-content-wrapper p a{
	color: #455C23;
	font-size: 15px;
	font-weight: 300;
	text-decoration: underline;
}
.verhalen-single-content-wrapper p a:hover{
	text-decoration: none;
}
.verhalen-single-content-wrapper img{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
}
.verhalen-single-right-images{
	padding-top:12px;
}
.verhalen-single-title-wrapper-right h3{
	margin-bottom:4px;
	letter-spacing: -1px;
	font-weight: 600;
}
.verhalen-single-title-wrapper-right p {
	opacity: 0.5;
}
.firstcharacter {
	color: #000;
	float: left;
	font-size: 55px;
	line-height: 60px;
	padding-top: 2px;
	padding-right: 20px;
	padding-left: 15px;
	font-weight: 500;
}
.verhaal-block {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/* Header small */
header.small{
	height:50px;
}

header.small nav {
	margin-top: -10px !important;
}

header.small nav ul {
	padding: 10px !important;
}

header.small nav ul li {
	padding: 5px 15px;
}

header.small nav ul li::after{
	display: none;
}

header.small #logo-header {
	height: 50px;
}

header.small #logo-header img {
	height: 30px;
}

header.small #phone-number-header {
	height: 50px;
}

header.small #phone-number-wrapper{
	padding-top:1px;
}

header.small .phone-number-digits {
	margin-top: 3px;
}

header.small #phone-number-header #phone-number-icon {
	margin: 10px 10px 0 22px;
}

header.small #phone-number-opening {
	display: none;
}

.postcodeveld {
    text-transform: uppercase;
}


#accordion {
	position: relative;
}

#accordion:before{
    content: "";
    width: 1px;
    height: 80%;
    background: #550527;
    position: absolute;
    top: 20px;
    left: 9px;
    bottom: 20px;
}
#accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    margin: 0 0 12px 50px;
    position: relative;
}
#accordion .panel:before{
    content: "";
    width: 2px;
    height: 100%;
    background: #B30000;
    position: absolute;
    top: 0;
    left: -2px;
}
#accordion .panel-heading{
    padding: 0;
    background: #fff;
    position: relative;
}
#accordion .panel-heading:before{
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #B30000;
    position: absolute;
    top: 50%;
    left: -48px;
    transform: translateY(-50%);
}
#accordion .panel-title a{
    display: block;
    padding: 15px 55px 15px 15px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #26262B;
    border: none;
    margin: 0;
    position: relative;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
	content: '\f143';
	font-family: "Material Design Icons";
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    font-size: 15px;
    font-weight: normal;
    color: #ccc;
    text-align: center;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
	transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed:before{ content: '\f140'; }
#accordion .panel-body{
    padding: 0 30px 15px;
    border: none;
    font-size: 14px;
    color: #305275;
    line-height: 28px;
}

.card{position:relative;box-shadow:2px 2px 20px rgba(0,0,0,0.15); border:none; margin-top: 15px; margin-bottom: 0; overflow:hidden}
.card-01 .card-body{position:relative; padding-top:40px;overflow:hidden}
.card-01 .badge-box{position:absolute; top:-20px; left:50%; width:100px; height:100px;margin-left:-50px; text-align:center;}
.card-01 .badge-box i{background:#DFC717; color:#fff; border-radius:50%;  width:50px; height:50px; line-height:50px; text-align:center; font-size:20px;}
.card-01.height-fix{height:250px; overflow:hidden;}
a.cardlink:hover .card-01.height-fix {
	cursor: pointer;
}
.card-01.height-fix .card-img-overlay{
top:unset; color:#fff;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0,0,0,0.41) 31%, rgba(0,0,0,0.91) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.41) 31%,rgba(0,0,0,0.91) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.41) 31%,rgba(0,0,0,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a606f', endColorstr='#e8154159',GradientType=0 );
position: absolute;
top: unset;
right: 0;
bottom: 0;
left: 0;
padding: 2rem;
}
.card-01:hover .card-img-overlay, .card-01:focus .card-img-overlay{
	padding-bottom: 2.8rem;
}
.cardlink:focus .card-01 .card-img-overlay {
	padding-bottom: 2.8rem;
}
.cardlink:focus .card-01 {
	border: 1px solid #000;
}
.card-title { line-height: 20px; font-size: 20px; }
.card-text { line-height: 1.4; }
.card-01.height-fix .fa{color: #fff;font-size: 22px;margin-right: 18px;};

.kennisbank-content-footer{
	margin-bottom:74px;
	height:248px;
}
.writer{
	float: left;
	width: 100%;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 56px -1px rgba(0,0,0,0.1);
	height:auto;
	margin:20px 0 20px;
	padding-bottom: 30px;
}
.writer-header{
	margin-top:27px;
}
img.writer-image{
	height:44px;
	width:44px;
	-webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius:44px;
}
.writer p{
	margin:0;
	line-height:19px;
}
.article-votes {
    border-top: 1px solid #ddd;
    padding: 30px 0;
	text-align: center;
	float: left;
	width: 100%;
}
.article-vote {
	border: 1px solid #455C23;
	border-radius: 4px;
	color: #455C23;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	line-height: 2.34;
	margin: 0;
	padding: 0 20px;
	text-align: center;
	transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
	white-space: nowrap;
	width: 100%;
	-webkit-touch-callout: none;
    background: transparent;
    background-color: transparent;
    border: 1px solid #455C23;
    color: #455C23;
    margin: 10px 5px;
    min-width: 90px;
	width: auto;
	text-decoration: none;
}
.article-vote:hover {
	background: #455C23;
	color: #fff;
}
.article-votes-controls .button {
	text-decoration: none;
}
.article-votes-controls .button.disabled {
	opacity: 0.3;
}
.article-vote {
	border: 1px solid rgb(92, 150, 117);
	border-radius: 4px;
	color: rgb(92, 150, 117);
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	line-height: 2.34;
	margin: 0;
	padding: 0 20px;
	text-align: center;
	transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
	white-space: nowrap;
	width: 100%;
	-webkit-touch-callout: none;
    background: transparent;
    background-color: transparent;
    border: 1px solid rgb(92, 150, 117);
    color: rgb(92, 150, 117);
    margin: 10px 5px;
    min-width: 90px;
	width: auto;
	text-decoration: none;
}
.article-vote:hover {
	background: rgb(92, 150, 117);
	color: #fff;
}
.article-vote.active {
	background: rgb(92, 150, 117);
	color: #fff;
}

#kennisbank-content-footer-labels{
	padding:20px 0;
	width:100%;
}
#kennisbank-content-footer-social{
	font-weight:500;
	color:#6f7680;
	width:100%;
	float: left;
}
#kennisbank-content-footer-social span{
	padding-right:5px;
}
.kennisbank-content-footer .label{
	color:#b9cda5;
}
.kennisbank-content-footer .label span{
	color:#959292;
}
#kennisbank-content-footer-social img{
	margin-right:5px;
}

/* !FOCUSED IMAGES */
/*-----------------------------------------*/
.focuspoint {
	position: relative; /*Any position but static should work*/
	overflow: hidden;
}
.focuspoint.abs img {
	position: absolute;
}
.focuspoint img {
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	width: auto; height: auto;
	min-width: 100%; min-height: 100%;
	max-height: none; max-width: none;
}

.card .focuspoint { position: relative; height: 275px !important; }

.navbar-offcanvas {
	display: none;
}

/* !MOBILE MENU */
/*-----------------------------------------*/

.mobile-menu .logocol {
	padding: 15px 25px;
}

.mobile-menu .logocol img {
	width: 70%;
}

.mobile-menu .menucol {
	padding: 0;
}

.mobile-menu .menucol ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
	list-style: none;
}

.mobile-menu .menucol ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style: none;
	margin-bottom: 1px;
}

.mobile-menu .menucol ul li {
	width: 100%;
	padding: 10px 10px;;
	border-left: 5px solid #455C23;
	background: #efefef;
	color: #000 !important;
}

.kennisbank .mobile-menu .menucol ul li {
	width: 100%;
	padding: 10px 10px;;
	border-left: 5px solid #80C29D;
	background: #efefef;
}

.mobile-menu .menucol ul li i {
	width: 50px;
	font-size: 20px;
	padding: 0 10px;
}

.mobile-menu .menucol ul li:after {
	display: none;
}

.mobile-menu .mobile-footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 200px;
}

.mobile-menu .mobile-footer .phone-number-digits {
	color: #333;
}

.mobile-menu .mobile-footer .img {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 98px;
}

.mobile-menu .mobile-footer .img img {
	width: 100%;
	height: 98px;
}

/* MODAL CSS */
.modal.modal-success .modal-header {
	background-color: #455C23;
	color: #fff;
}
.modal.modal-info .modal-header {
	background-color: rgb(16, 97, 163);
	color: #fff;
}
.modal.modal-notify .modal-header {
    border: 0;
}
.modal .modal-content .modal-header {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}
.modal .padding_groot {
	padding: 15px 20px;
}

  /* Loading div */

  /* Absolute Center Spinner */
  .loading {
	display: none;
	position: fixed;
	z-index: 1500;
	height: 10em;
	width: 10em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }

  /* Transparent Overlay */
  .loading:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.6);
	content: '';
	display: block;
	position: fixed;
  }

  .circular {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  }

  .path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
  }
   @-webkit-keyframes
  rotate {  100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
  }
  }
   @keyframes
  rotate {  100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
  }
  }
  @-webkit-keyframes
  dash {  0% {
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
  }
   50% {
   stroke-dasharray: 89, 200;
   stroke-dashoffset: -35;
  }
   100% {
   stroke-dasharray: 89, 200;
   stroke-dashoffset: -124;
  }
  }
  @keyframes
  dash {  0% {
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
  }
   50% {
   stroke-dasharray: 89, 200;
   stroke-dashoffset: -35;
  }
   100% {
   stroke-dasharray: 89, 200;
   stroke-dashoffset: -124;
  }
  }
  @-webkit-keyframes
  color {  100%, 0% {
   stroke: #d62d20;
  }
   40% {
   stroke: #0057e7;
  }
   66% {
   stroke: #008744;
  }
   80%, 90% {
   stroke: #ffa700;
  }
  }
  @keyframes
  color {  100%, 0% {
   stroke: #d62d20;
  }
   40% {
   stroke: #0057e7;
  }
   66% {
   stroke: #008744;
  }
   80%, 90% {
   stroke: #ffa700;
  }
  }

#verhaal-filtermaatregelen {
	display: none;
}

.alert-message
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.alert-message h4
{
	font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message p:last-child
{
    margin-bottom: 0;
}
.alert-message code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-message-success
{
    background-color: #F4FDF0;
    border-color: #3C763D;
}
.alert-message-success h4
{
    color: #3C763D;
}
.alert-message-danger
{
    background-color: rgba(253,247,247,0.8);
    border-color: #d9534f;
}
.alert-message-danger h4
{
    color: #d9534f;
}
.alert-message-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}
.alert-message-warning h4
{
    color: #f0ad4e;
}
.alert-message-info
{
    background-color: #f4f8fa;
    border-color: #5bc0de;
}
.alert-message-info h4
{
    color: #5bc0de;
}
.alert-message-default
{
    background-color: #EEE;
    border-color: #B4B4B4;
}
.alert-message-default h4
{
    color: #000;
}
.alert-message-notice
{
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.alert-message-notice h4
{
    color: #444;
}

/**/

.teamblok {
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
	margin: 0 20px 30px 0;
}

.teamblok .foto {
	background: #ccc;
}

.teamblok .caption {
	background: #f0eeed;
	padding: 15px 20px;
	min-height: 90px;
}

.teamblok .titel {
	font-style: italic;
}

.teamblok .titel.muted {
	opacity: 1;
}

#wit-content-wrapper{
	position: relative;
	max-width: 1464px;
	height:100%;
	background: #fff;
	margin:0 auto;
	padding-top: 135px;
	padding-bottom: 50px;
}

/*
 CONTACT 1670
*/
.bg-header-container.contact-header .bg-header {
	max-width: 1670px;
	height: 662px;
	background: transparent;
	margin-top: -45px;
}

.contact-header .header-algemeen-title-wrapper{
	margin-top: 60px;
}

.weight600 {
	font-weight: 700 !important;
}

.contact-header-buttons {
	margin-top: 50px;
}

.contact-header-buttons .btn {
	float: left;
	font-size: 18px;
}

.transparant_button_contact {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	opacity: 0.7;
	cursor: pointer;
}

.transparant_button_contact:hover {
	opacity: 1;
}

.transparant_button_contact i {
	float: left;
	font-size: 28px;
	color: #fff;
}

.transparant_button_contact span {
	float: left;
	font-size: 22px;
	color: #fff;
	margin-left: 10px;
	padding-top: 3px;
}

.contact-balk-wit {
	color: #272630;
	display: inline-block;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 20px;
	background: #fff;
	font-size: 17px;
	text-decoration: none !important;
	padding: 20px 25px 17px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}

.contact-balk-wit {
	color: #000;
	text-decoration: none;
	border-bottom: 3px solid #455C23;
}

.contact-balk-wit:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 3px solid #fff;
}

.header-box {
	margin-top: -20px;
	padding-bottom: 20px;
}

.box {
	padding: 20px 25px;
	margin-bottom: 40px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
}

.box hr {
	border-top: 1px solid #e9edf0;
}

hr.grey {
	border-top: 1px solid #e9edf0;
}

.contact-bericht-textarea {
	resize: none;
}

.form-control.input-sm {
	height: auto;
	padding: 5px 12px;
}

.contact-melding {
	display: none;
}

.contact-melding i {
	float: left;
	font-size: 48px;
	padding: 10px 40px 10px 30px;
	color: #455C23;
}

.inforegelbedrijven {
	padding: 0 0 8px 0;
}

.margin-top-min {
	margin-top: -120px;
}

.bg-header-container.contact-header .bg-header img {
	margin-left: -150px;
}

.muted {
	color: #3A4E1D;
}
.muted a {
	color: #3A4E1D;
}

.bgwhite {
	background: #fff;
}

.faq-content {
	padding: 50px 0 75px;
}

.faq-list {
	padding-top: 30px;
}

.faq-item-button {
	position: relative;
	padding: 14px 28px;
	text-align: left;
	width: 100%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #f2f2f2;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	background-color:#f2f2f2;
	margin-bottom: 10px;
}
.faq-item-button-search {
	position: relative;
	padding: 14px 20px;
	text-align: left;
	width: 100%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #f2f2f2;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 10px;
	background-color:#fff;
	font-size: 16px;
}

.faq-item-button:after {
	content: '\F140';
	font-size: 24px;
	position: absolute;
	right: 20px;
	top: 15px;
	font-family: "Material Design Icons";
}

.faq-item-button:hover {
	border-left: 10px solid #f2f2f2;
}

.faq-item-button.active {
	border-left: 10px solid #f2f2f2;
}

.faq-item-button.active:after {
	content: '\F143';
	font-size: 24px;
	position: absolute;
	right: 20px;
	top: 15px;
	font-family: "Material Design Icons";
}

.faq-item-button h4 {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	padding-right: 30px;
}

.faq-item-content {
	display: none;
	position: relative;
	padding: 28px;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;

	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.cookiewarning {display:none; z-index:200;}
body.cookies_not_ok .cookiewarning {
	position: fixed;
	display: block;
	z-index: 9999;
	padding: 15px;
	bottom: 0;
	width: 100%;
	height: auto;
	background: #7f9667;
	opacity: 0.90;
	color: #fff;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
}
body.cookies_not_ok .cookiemelding_sluit {
	position: absolute;
	bottom: 10px;
	right: 20px;
	padding: 5px;
	color: #fff;
	background: #80aa65;
	z-index: 999;
}
body.cookies_not_ok .cookiemelding_sluit i {
	font-size: 22px;
	color: #fff;
}
body.cookies_not_ok .cookiewarning a {color:#fff;}
body.cookies_not_ok .cookiewarning_yes a {color:rgb(9, 61, 27);}
body.cookies_not_ok .cookiewarning_explanation {display:none;}
body.cookies_not_ok .cookiewarning_help {opacity: 0.8;}
body.cookies_not_ok .cookiewarning.showhelp .cookiewarning_explanation {display:block;}
body.cookies_not_ok .cookiewarning.showhelp .cookiewarning_introduction {display:none;}

.contactformaangesloten {
	margin-top: -110px;
}

.highlight {
    background-color: rgba(128, 255, 68, 0.3);
	background: rgba(128, 255, 68, 0.3);
}

.btn-tohome {
	position: absolute;
	z-index: 10;
	bottom: -10px;
	padding: 3px 6px;
	background: #efefef;
	color: #222;
	font-size: 11px;
	text-decoration: none;
	border-radius: 5px;
	transition: all 0.1s ease;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.btn-tohome:hover {
	color: #fff;
	text-decoration: none;
	background: #333242;
}

.btn-tohome:focus {
	text-decoration: none;
}

.nieuwskrant-sidebar h5 {
	color: #fff;
	padding: 12px;
	background: #333242;
	font-size: 16px;
	margin: 0;
}

.nieuwskrant-sidebar h4 {
	color: #fff !important;
	padding: 12px;
	font-size: 16px;
	background: #455C23;
}

.nieuwskrant-sidebar .list-container .list-title {
	display: block;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 17px;
	border: 0 !important;
}

.list-title-2 {
	color: #fff !important;
	padding: 12px;
	font-size: 14px;
	background: #455C23;
	margin-bottom: 10px;
}

.list-title-2.dark {
	background: #333242;
}

.list-group-item {
	border-radius: 0 !important;
}

.informatieblok {
	display: flex;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 35px 0;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: stretch;
	border: 1px solid #cfcfcf;
}

.informatieblok .afbeelding {
	position: relative;
	width: 250px;
	height: auto;
	min-height: 190px;
	background: #ccc;
	overflow: hidden;
}

.informatieblok .afbeelding img {
	width: 100%;
}

.informatieblok .afbeelding .overlay {
	position: absolute;
	width: 220px;
	background: #26a858;
	padding: 5px 40px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	transform: rotate(-45deg);
	left: -60px;
	top: 30px;
}

.informatieblok .tekst {
	flex: 1;
	width: auto;
	height: auto;
	min-height: 100px;
	padding: 20px;
}

.informatieblok .tekst h3 {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #455C23;
	text-transform: uppercase;
}

.informatieblok .tekst p {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.informatieblok .aanmelden {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 300px;
	height: auto;
	min-height: 100px;
	background: #26a858;
	padding: 20px;
}

.informatieblok .aanmelden p {
	color: #fff;
	font-size: 16px !important;
	font-weight: 700;
	text-transform: uppercase;
}

.informatieblok .aanmelden .link {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	padding: 13px;
	text-align: right;
	color: #303338;
	margin-top: auto;
	font-size: 16px;
	font-weight: 700;
	background: #fbc047 !important;
	border-radius: 8px 0 0 0;
}

.informatieblok_omschrijving {
	padding: 20px;
	width: 100%;
}

/* Zonnekaart */

.header-zonnekaart{
	background: url('../img/header-zonnekaart.jpg') no-repeat 100%;
	background-size: cover;
	background-position:top;
	margin-top: -40px;
	padding-bottom: 130px;
	padding-top: 70px;
	max-height: 1100px;
}

.zon-banner {
	position: absolute;
	right: 0;
	z-index: 1;
	margin-top: -75px;
	margin-right: 25px;
}

.section-subtitle {
	font-size: 16px !important;
}

#zonnekaart-content-wrapper-white {
	background: #fff;
	height:auto;
	padding: 0 20px 50px 20px;
	margin-bottom: 30px;
}

.form-zonnekaartform {
	padding: 10px 0 0 0;
}

.zonnekaart-content-wrapper-white .nav-tabs > li.active > a,
.zonnekaart-content-wrapper-white .nav-tabs > li.active > a:focus,
.zonnekaart-content-wrapper-white .nav-tabs > li.active > a:hover { border-width: 0; }

.zonnekaart-content-wrapper-white .nav-tabs > li > a { border: none; color: #ffffff;background: #455C23;font-size: 15px; }
.zonnekaart-content-wrapper-white .nav-tabs > li.active > a,
.zonnekaart-content-wrapper-white .nav-tabs > li > a:hover { border: none;  color: #000000 !important; background: #fff; }

.zonnekaart-content-wrapper-white .nav-tabs > li > a::after { content: ""; background: #455C23; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.zonnekaart-content-wrapper-white .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.zonnekaart-content-wrapper-white .tab-nav > li > a::after { background: #455C23 none repeat scroll 0% 0%; color: #fff; }
.zonnekaart-content-wrapper-white .tab-pane { min-height: 500px; padding: 30px; }
.zonnekaart-content-wrapper-white .tab-pane.nopadding { padding: 0 !important; }
.zonnekaart-content-wrapper-white.tab-content{ padding:20px }
.zonnekaart-content-wrapper-white .nav-tabs > li  {width:20%; text-align:center;}
.zonnekaart-content-wrapper-white .card { margin-bottom: 20px; background: #fff; }

.pb-5 {
	padding-bottom: 25px !important;
}

#zonnekaart_resultaat {
	padding: 5px 20px 1px 20px;
	background: #fff;
	margin-bottom: 20px;
}

.zonnekaart-iframe {
	background: #efefef;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 500px;
	border: 0;
}

.widget-zonnekaart {
	position: relative;
	margin-bottom: 0;
	padding: 0px 20px;
	background: #fff;
	max-width: 180px;
	border-radius: 3px;
	padding: 15px;
	margin-top: 15px;
	font-size: 16px;
}

.widget-zonnekaart.statuslabel:before {
	content: "";
	position: absolute;
	top: 8px;
	right: -17px;
	width: 37px;
	height: 37px;
	border-left: none;
	border-bottom: none;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);	  
}

.widget-zonnekaart.statuslabel.ongeschikt:before {
	background: #455C23;
}
.ongeschikt {
	background: #455C23;
	color: #fff;
}

.widget-zonnekaart.statuslabel.geschikt:before {
	background: #455C23;
}
.geschikt {
	background: #455C23;
	color: #fff;
}

.widget-zonnekaart-overig {
	position: relative;
	margin-bottom: 0;
	padding: 0px 20px;
	background: #fff;
	width: 120%;
	max-width: 120%;
	border-radius: 3px;
	padding: 10px;
	font-size: 16px;
	margin-top: 15px;
	border: 1px solid #efefef;
}

.widget-zonnekaart-overig h5 {
	font-size: 16px;
	color: #008196;
	margin: 0;
	padding: 0;
}


/* MD Sizes */
@media only screen and (max-width : 1280px){
	.navbar-offcanvas {
		display: block;
	}
	.offcanvas-toggle {
		display: block;
		position: absolute;
		right: 10px;
		margin-top: 23px;
		z-index: 1000;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	header.small .offcanvas-toggle {
		position: absolute;
		right: 10px;
		margin-top: 7px;
		z-index: 100;
	}
	.hidden-md {
		display: none;
	}
	html,body {
		/*background: #0ffc5e;*/
	}
	#phone-number-frontpage {
		width: auto;
		float: right;
	}
	#intro-name-block {
		width: auto;
		float: right;
		padding-left: 0;
	}
	#block-1 {
		margin-top: 100px;
		margin-bottom: 120px;
	}
	#block-2 {
		margin-top: 50px;
		margin-bottom: 120px;
	}
	#block-1 .block-header-icon,
	#block-2 .block-header-icon {
		display: none;
	}
	#frontpage-selection-text {
		width: 90%;
	}
	.block-header {
		padding-top: 0;
	}
	#block-1 .block-image,
	#block-2 .block-image {
		height: auto;
	}
	#header-prefooter {
		margin-top: 50px;
	}
	#prefooter {
		height: 295px;
		background-size: 60%;
	}
	a.footer-top-left-bottom {
		font-size: 30px;
	}
	.phone-number-digits {
		font-size: 24px;
		margin-top: 9px;
	}
	header.small #phone-number-wrapper {
		padding-top: 2px;
	}
	#phone-number-opening {
		font-size: 12px;
	}
	#phone-number-header #phone-number-icon{
		height:50px;
		width:35px;
		background:url('../img/phone-icon.png') no-repeat;
		float:left;
		margin:30px 10px 0 20px;
	}
	.verhalen-single-title-wrapper {
		height: auto;
	}
	.verhalen-single-title-wrapper-right {
		padding-left: 20px;
		height: auto;
	}
	.contact .margin-top-min {
		margin-top: -80px;
	}
	.bg-header-container.contact-header .bg-header img {
		margin-left: -300px;
	}
	.header-algemeen-title-wrapper-logo{
		top: 20px;
	}
	.content .sidebar {
		margin-top: 40px;
	}
	.block-news-title {
		font-size: 20px !important;
	}
	.verhalen h2 {
		font-size: 24px;
	}
	#intro-text::before {
		font-size: 26px;
	}
	#verhalen-intro {
		margin-top: 20px;
	}
	.listing-block-left{
		float:left;
		position: relative;
		width:190px;
		height:auto !important;
		background: #eeeeee;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.listing-block-left img{
		position: relative !important;
		height: 80%;
		transform: unset !important;
		top: unset !important;
		left: unset !important;
		padding: 10px;
	}
	.listing-block-right{
		height:auto;
		width:430px;
		padding-bottom: 20px;
		float:left;
		background:#fff;
	}
	.bedrijven-aansluiten .aansluiten-afbeelding img {
		max-width: 135px;
	}
	.bedrijven-aansluiten strong {
		font-size: 15px !important;
	}
	.bedrijven-aansluiten span {
		font-size: 15px !important;
	}
	.bedrijven-aansluiten-info {
		font-size: 15px !important;
	}
	.bedrijven-aansluiten-info i {
		display: none;
	}
	#zonnekaart-content-wrapper-white{
		padding: 0 40px 50px 20px;
	}
	.zon-banner {
		margin-top: -25px !important;
	}
	.zon-banner img {
		max-width: 250px;
	}
	#prefooter .adviseurs img {
		max-width: 85%;
	}
}

/* SM Sizes */
@media only screen and (max-width : 992px){
	.verhalen-left-block{
		height:450px;
	}
	.btn-tohome { 
		display: none;
	}
	.hide-sm {
		display: none;
	}
	#intro-text {
		margin-top: 160px;
	}
	body.verhalen .content-wrapper,
	.content-wrapper {
		padding-top: 50px;
	}
	a.transparent-info-button {
		height: 65px;
		width: 251px;
	}
	#intro-name-block {
		width: auto;
		float: right;
		padding-top: 15px;
	}
	#intro-name {
		font-size: 22px;
	}
	#intro-location {
		font-size: 22px;
	}
	#intro-slash:after {
		font-size: 3.3em;
	}
	#frontpage-selection [type="text"] {
		margin-top: 25px;
		font-size: 24px;
		height: 70px;
	}
	#frontpage-selection [type="submit"] {
		margin-top: 25px;
		height: 70px;
	}
	#frontpage-selection {
		height: 195px;
	}
	#prefooter {
		background-size: 50%;
	}
	#prefooter-content {
		display: none;
	}
	#prefooter {
		height: 170px;
	}
	#footer-top-middle {
		float: right;
		height: auto;
		width: auto;
	}
	#overview-wrapper {

	}
	.overview-header-title-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	#block-1 {
		margin-top: 75px;
		height: auto;
	}
	#block-2 {
		margin-top: 50px;
		height: auto;
	}
	#block-1 .block-header-icon,
	#block-2 .block-header-icon {
		display: none;
	}
	#frontpage-selection-text {
		width: 90%;
	}
	.block-header {
		padding-top: 0;
	}
	#block-1 .block-image,
	#block-2 .block-image {
		height: 300px;
	}
	header.small #phone-number-header {
		padding-top: 7px;
	}
	#phone-number-header {
		padding-top: 0;
		height: 75px;
	}
	#logo-header img {
		width: 100%;
	}
	nav ul li {
		font-size: 14px;
		padding: 10px 9px
	}
	header.small nav ul li {
		font-size: 14px;
		padding: 4px 9px
	}
	.verhalen-right-top {
		height: auto;
	}
	.verhalen-right {
		height: auto;
	}
	.phone-number-digits {
		font-size: 22px;
		text-align: center;
	}
	#phone-number-opening {
		font-size: 12px;
		text-align: center;
	}
	header {
		height: 60px;
	}
	#logo-header a {
		margin-top: 4px;
	}
	header.small #logo-header a {
		margin-top: 9px;
	}
	#phone-number-header {
		height: 80px;
	}
	.phone-number-digits {
		margin-top: 0;
	}
	.overview-block {
		margin-bottom: 10px;
	}
	.block-green .block-button {
		bottom: 30px;
	}
	#verhaal-content-wrapper {
		padding: 40px 20px;
	}
	#verhalen-single-content-wrapper {
		left: 0;
		width: 100%;
		margin-left: 0;
		padding-bottom: 50px;
	}
	.center-xs {
		text-align: center;
	}
	.verhalen-single-title-wrapper {
		height: auto;
		margin-bottom: 0;
	}
	.verhalen-single-title-wrapper-left {
		display: block;
		margin: 0 auto;
		float: none;
		background: #efefef;
		margin-bottom: 5px;
	}
	.verhalen-single-title-wrapper-right {
		text-align: center;
	}
	.verhalen-single-title-wrapper-right h3 {
		font-size: 22px;
	}
	.verhalen-single-title-wrapper-right {
		height: auto;
	}
	.verhalen-single-content-wrapper {
		padding: 20px 20px 20px;
	}
	.verhalen-single-title-image {
		height: 100%;
		max-width: none;
	}
	.verhalen-single-right {
		padding: 20px 20px 10px;
		border-top: 30px solid #f7f8fc;
	}
	#personal-advisor {
		display: none;
	}
	.page-content li {
		letter-spacing: -0.3px;
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
	.maatregel-header-bottom-content .uitleg-factsheet {
		font-size: 14px;
		opacity: 0.8;
		padding-top: 20px;
		padding-right: 0;
	}
	.maatregel-header-bottom-content .uitleg-factsheet i {
		display: block;
		padding-left: 2px;
		padding-top: -5px;
	}
	#verhaal-content-wrapper {
		padding-left: 0;
		padding-right: 0;
		padding-top: 50px;
	}
	.maatregel-post-header .maatregel-post-header-image {
		display: none;
	}
	.maatregel-post-header-text {
		margin-top: 15px;
		margin-bottom: 55px;
		line-height: 1.5;
		padding-left: 5px;
	}
	.maatregel-post-header-text span {
		float: left;
	}
	#maatregel-header {
		margin-top: -400px;
	}
	.col-titel-factsheet {
		margin-top: 50px;
	}
	#maatregel-header-image-wrapper {
		margin-top: -30px;
	}
	.maatregel-header-post-title span {
		background: #fff;
		padding: 3px 0;
		box-shadow: 5px 0 0px 0px #fff, -5px 0 0px 0px #fff;
		line-height: 1.9;
	}
	.maatregel-header-image-container .gradient.wit {
		background: -moz-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.0) 75%, rgba(255,255,255,0) 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-9255deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,0.0) 75%,rgba(255,255,255,0) 50%); /* Chrome1255-25,Safari5.1-6 */
		background: linear-gradient(-255deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,0.0) 75%,rgba(255,255,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.bedrijven-block {
		margin-bottom: 0;
	}
	.listing-block-left{
		float:left;
		position: relative;
		width:100%;
		height:170px;
		background: #eeeeee;
		text-align: center;
	}
	.listing-block-left img{
		width: 75%;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.listing-block-right{
		height:auto;
		width:100%;
		padding-bottom: 20px;
		float:left;
		background:#fff;
	}
	.gemeente_logo {
		bottom: 30px;
	}
	.gemeente_logo img {
	    max-height: 100px;
	}
	#maatregel-header-image-wrapper {
		margin-top: 0;
	}
	.overview-change {
		display: block;
		top: -130px;
		bottom: auto;
		right: 5px;
		left: auto;
	}
	.bedrijven-aansluiten {
		font-size: 15px !important;
	}
	.bedrijven-aansluiten strong,
	.bedrijven-aansluiten span {
		padding: 0;
		padding-left: 10px;
		display: block;
		margin: 0;
	}
	.bedrijven-aansluiten span {
		font-size: 15px !important;
	}
	.bedrijven-aansluiten-info {
		font-size: 15px !important;
		padding-left: 0 !important;
	}
	.bedrijven-aansluiten-info i {
		display: none;
	}
	.informatieblok {
		display: flex;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 25px 0;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		align-content: stretch;
		border: 1px solid #cfcfcf;
	}
	.informatieblok .afbeelding {
		position: relative;
		width: 200px;
		height: auto;
		overflow: hidden;
	}
	.informatieblok .afbeelding img {
		width: 100%;
	}
	.informatieblok .afbeelding .overlay {
		position: absolute;
		width: 200px;
		background: #455C23;
		padding: 5px 40px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-weight: 700;
		transform: rotate(-45deg);
		left: -50px;
		top: 20px;
	}
	.informatieblok .tekst {
		flex: 1;
		width: auto;
		height: auto;
		min-height: 100px;
		padding: 20px;
	}
	.informatieblok .tekst h3 {
		color: #000;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
		color: #455C23;
		text-transform: uppercase;
	}
	.informatieblok .tekst p {
		font-size: 14px;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}
	.informatieblok .aanmelden {
		display: flex;
		flex-direction: column;
		width: 200px;
		height: auto;
		min-height: 100px;
		background: #00bfff;
		padding: 20px;
	}
	.informatieblok .aanmelden p {
		color: #fff;
		font-size: 16px !important;
		font-weight: 700;
		text-transform: uppercase;
	}
	.informatieblok .aanmelden .link {
		width: 100%;
		text-align: right;
		color: #fff;
		margin-top: auto;
		font-size: 16px;
		font-weight: 700;
	}
	.offcanvas-toggle {
		display: block;
		position: absolute;
		right: 10px;
		margin-top: 14px;
		z-index: 1000;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	nav ul {
		margin-top: -8px;
	}
	nav ul li {
		padding: 16px 8px !important;
	}
	.widget-zonnekaart-overig {
		max-width: 100%;
		width: 100%;
	}
	.zon-banner {
		display: none;
	}
	.btn-zonnekaart {
		margin-top: 20px !important;
	}
	#subsidiecheck-tool {
		padding-bottom: 10px !important;
	}
	#prefooter .adviseurs img {
		max-width: 60%;
	}
	.bedrijven-block.bedrijven-block-contentpagina.marginright {
		margin-right: 0;
	}
	.bedrijven-block.bedrijven-block-contentpagina,
	.bedrijven-block.bedrijven-block-contentpagina * {
		height: auto !important;
	}
	.bedrijven-block.bedrijven-block-contentpagina .label {
		display: block !important;
		font-size: 14px;
		padding: 12px 15px;
		width: 100% !important;
		float: none;
	}
	.bedrijven-block-label-wrapper {
		padding-bottom: 15px;
	}
}

/* XS Sizes */
@media only screen and (max-width : 767px){
	html,body {
		/*background: rgb(204, 0, 204);*/
	}
	#intro-text {
		font-size: 32px;
		line-height: unset;
		margin-bottom: 140px;
	}
	#verhalen-right-top {
		display: none;
	}
	#verhalen-header-image-wrapper .focuspoint img {
		width: auto;
	}
	.transparent-info-button {
		display: none !important;
	}
	#verhalen-header-image-wrapper #intro-text {
		margin-bottom: 20px;
		text-align: center;
	}
	#verhalen-header-image-wrapper #intro-text::before {
		display: none;
	}
	#verhalen-header-image-wrapper #intro-name-block {
		display: none !important;
	}
	.navbar-offcanvas {
		display: block;
		z-index: 1000;
	}
	.offcanvas-toggle {
		position: absolute;
		right: 10px;
		margin-top: 13px;
		z-index: 100;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	header.small .offcanvas-toggle {
		position: absolute;
		right: 10px;
		margin-top: 7px;
		z-index: 100;
	}
	header.small #logo-header, header.small #logo-header.text-right {
		padding-top: 0;
	}
	.hidden-xs {
		display: none;
	}
	#bg_logo {
		height: 78px;
		background: url(../img/logo_bg.png) no-repeat right;
		position: absolute;
		left: 0;
		right: auto;
		padding-left: 20px;
		text-align: right;
	}
	.block-header-text {
		width: 100%;
	}
	a.transparent-info-button{
		margin-top: 20px;
	}
	#frontpage-intro {
		height: auto;
	}
	#selection-title {
		position: relative;
		font-size: 22px;
	}
	#frontpage-selection {
		height: auto;
	}
	#frontpage-selection form {
		padding: 10px;
	}
	#frontpage-selection [type="text"] {
		margin-top: 5px;
		font-size: 16px;
		height: 50px;
		padding-left: 15px;
	}
	#frontpage-selection [type="submit"] {
		margin-top: 5px;
		height: 50px;
		font-size: 22px;
	}
	#frontpage-selection #frontpage-selection-icon {
		margin-top: 0;
	}
	#frontpage-selection-text {
		margin-top: 0;
		padding-bottom: 15px;
	}
	#block-1,
	#block-2 {
		height: auto;
	}
	#prefooter-bottom {
		font-size: 20px;
	}
	#prefooter-top {
		font-size: 18px;
	}
	#header-prefooter {
		margin-top: 80px;
	}
	#footer-bottom {
		height: auto;
	}
	#footer-bottom li {
		display: inline-block;
	}
	#footer-bottom a {
		width: auto;
		padding-top: 15px;
		padding-bottom: 10px;
	}
	.bg-image-container .gradient.aangepast.wit {
		position: absolute;
		z-index: 10;
		width: 100%;
		max-width: 1464px;
		height: 555px;
		top: 0;
		margin: 0 auto;
		overflow: hidden;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
		background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%); /* FF3.6-15 */
		background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.bg-image-container,
	.bg-image-container .bg-image,
	.bg-image-container .bg-image .focuspoint,
	.bg-image-container .gradient,
	.bg-image-container .gradient.aangepast.wit {
		height: 340px;
	}
	.bg-image-container .gradient {
		background: -moz-linear-gradient(-90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 23%, rgba(0,0,0,0.0) 75%, rgba(0,0,0,0) 50%); /* FF3.6-15 */
    	background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 23%,rgba(0,0,0,0.0) 75%,rgba(0,0,0,0) 50%); /* Chrome10-25,Safari5.1-6 */
    	background: linear-gradient(-0deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 23%,rgba(0,0,0,0.0) 75%,rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	#logo-header,
	#logo-header.text-right {
		height: 55px;
		padding-top: 3px;
		text-align: center !important;
	}
	#logo-header img {
		height: 45px;
	}
	.bg-header-container.contact-header .bg-header img {
		margin-left: -600px;
	}
	.header-algemeen-pre-title {
		font-size: 18px;
	}
	.header-algemeen-title-wrapper {
		padding: 0 20px;
	}
	.header-algemeen-title {
		font-size: 42px;
	}
	.contact-header .header-algemeen-title-wrapper {
		margin-top: 180px;
		margin-bottom: 30px;
	}
	.contact-header-buttons {
		margin-top: 35px;
		padding: 0 20px;
	}
	.header-overlay.height500px {
		height: auto;
	}
	.bg-header-container {
		height: auto;
	}
	.contact .margin-top-min {
		margin: 0;
	}
	.header-box {
		padding: 0 20px;
	}
	.kennisbankbalkcol {
		padding-left: 20px;
		padding-right: 20px;
	}
	.muted {
		padding: 20px 20px 0;
		color: #507a23;
	}
	.muted a {
		color: #507a23;
	}
	.header-algemeen-title-wrapper-logo {
		display: none;
	}
	.mobile-menu .mobile-footer.hidden-md {
		display: block !important;
	}
	.page-content p {
		padding: 0 20px;
	}
	.page-header-title {
		padding: 0 20px;
	}
	.page-content p {
		line-height: 2.3rem;
	}
	.overview-header-pre-title {
		width: 100%;
		text-align: center;
		font-size: 18px;
	}
	.overview-header-title {
		width: 100%;
		text-align: center;
		font-size: 28px;
		line-height: 35px;
	}
	.overview-block.block-thin-text {
		text-align: center;
	}
	.block-thin-text {
		height: 57px;
		margin-bottom: 15px;
	}
	#het-team {
		margin-top: 40px !important;
		padding: 0 15px;
	}
	.teamblok {
		padding: 10px !important;
		margin: 0 10px 30px 0;
	}
	.teamblok .titel.muted {
		padding: 0;
		opacity: 1;
	}
	.bg-header-container.height250px,
	.bg-header-container.height250px .bg-header,
	.bg-header-container.height250px .gradient,
	.bg-header-container.height250px .header-overlay,
	.bg-header-container.height250px .focuspoint,
	.header-overlay.height250px {
		height: 300px;
	}
	#maatregel-header-image-wrapper {
		margin-top: 0;
	}
	.overview-change {
		display: block;
		top: -150px;
		bottom: auto;
		right: auto;
		left: auto;
	}
	.informatieblok {
		display: flex;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 25px 0;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: stretch;
		border: 1px solid #cfcfcf;
	}
	.informatieblok .afbeelding {
		position: relative;
		width: 200px;
		height: auto;
		overflow: hidden;
	}
	.informatieblok .afbeelding img {
		width: 100%;
	}
	.informatieblok .afbeelding .overlay {
		position: absolute;
		width: 200px;
		background: #455C23;
		padding: 5px 40px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-weight: 700;
		transform: rotate(-45deg);
		left: -50px;
		top: 20px;
	}
	.informatieblok .tekst {
		flex: 1;
		width: auto;
		height: auto;
		min-height: 100px;
		padding: 20px;
	}
	.informatieblok .tekst h3 {
		color: #000;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
		color: #455C23;
		text-transform: uppercase;
	}
	.informatieblok .tekst p {
		font-size: 14px;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}
	.informatieblok .aanmelden {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		min-height: 100px;
		background: #00bfff;
		padding: 20px;
	}
	.informatieblok .aanmelden:after {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #00bfff;
		border-width: 10px;
		margin-left: -10px;
	}
	.informatieblok .aanmelden p {
		color: #fff;
		font-size: 16px !important;
		font-weight: 700;
		text-transform: uppercase;
		margin: 0; 
		padding: 0;
	}
	.informatieblok .aanmelden .link {
		width: 100%;
		text-align: right;
		color: #fff;
		margin-top: auto;
		font-size: 16px;
		font-weight: 700;
	}
	.contactformaangesloten {
		margin-top: 20px !important;
	}
	#prefooter .adviseurs img {
		max-width: 60%;
	}
	.gemeenten_sitemap {
		padding-top: 25px;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.verhalen-left-block-top{
		height:260px;
		max-height: 260px;
	}
}

@media (max-height: 520px) {
	.mobile-menu .mobile-footer.height {
	  display: none !important;
	}

	.postcode_desc p {
		width: 100%;
		float: left;
	}
}

/* Extra XS Media */
@media only screen and (max-width : 480px){
	#form-odwh {
		padding: 0 20px;
	}
	.hidden-xxs {
		display: none;
	}
	.show-xxs {
		display: block !important;
	}
	html,body {
		/*background: rgb(0, 204, 119);*/
	}
	#frontpage-image-wrapper,
	#frontpage-image-wrapper .focuspoint,
	#frontpage-image-wrapper .overlay {
		height: 500px;
	}
	#frontpage-image-wrapper .overlay {
		background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	.bg-image-container .gradient.aangepast.wit {
		position: absolute;
		z-index: 10;
		width: 100%;
		max-width: 1464px;
		height: 555px;
		top: 0;
		margin: 0 auto;
		overflow: hidden;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
		background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%); /* FF3.6-15 */
		background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.bg-image-container,
	.bg-image-container .bg-image,
	.bg-image-container .bg-image .focuspoint,
	.bg-image-container .gradient,
	.bg-image-container .gradient.aangepast.wit {
		height: 340px;
	}
	a.transparent-info-button {
		display: block;
		margin: 0 auto;
		height: 45px;
		width: 225px;
	}
	a.transparent-info-button #transparent-info-button-icon {
		margin: 0;
		padding: 0;
		height: 45px;
		width: 24px;
		padding-left: 2px;
		padding-top: 0;
		float: left;
	}
	a.transparent-info-button #transparent-info-button-icon svg {
		height: 45px;
		width: 40px;
		fill: #455C23;
	}
	a.transparent-info-button #transparent-info-button-text {
		padding-top: 12px;
		padding-left: 25px;
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		float: left;
	}
	div[class*="col-xs"] {
		width: 100%;
	}
	header.small .offcanvas-toggle {
		position: absolute;
		right: 10px;
		margin-top: 3px;
		z-index: 100;
	}
	.verhalen-single-title-wrapper-right {
		padding-left: 0;
	}
	#bg_logo {
		height: 73px;
		background: #fff;
		position: absolute;
		margin: 0;
		padding: 0;
		left: 0;
		right: auto;
		text-align: center;
		width: 100%;
	}
	#intro-text {
		margin-top: 200px;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		padding: 0 15px;
		margin-bottom: 10px;
	}
	#selection-title {
		margin-top: 40px;
	}
	#frontpage-selection {
		padding-bottom: 5px;
	}
	#intro-text::before {
		content: '';
	}
	#frontpage-selection [type="submit"] {
		margin-top: 10px;
	}
	#prefooter {
		height: 345px;
		background-size: 100%;
	}
	#prefooter-content {
		display: block;
		text-align: center;
		padding: 0 20px;
	}
	#prefooter-bottom {
		font-size: 20px;
		text-align: center;
	}
	#prefooter-top {
		font-size: 18px;
		text-align: center;
	}
	#header-prefooter {
		margin-top: 30px;
	}
	#footer-top-left {
		text-align: center;
		width: 100%;
	}
	#footer-top-middle {
		display: inline-block;
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#footer-top-middle a {
		width: 25%;
		margin-right: 0;
		height: auto;
		text-align: center;
	}
	.footer-icon {
		margin-top: 10px;
	}
	#footer-top-middle a svg {
		width: 65%;
	}
	.footer-menu {
		height: auto;
	}
	.footer-menu-header,
	.footer-menu .nav > li > a {
		text-align: center;
	}
	.footer-menu-header {
		margin-top: 20px;
	}
	.footer-menu ul {
		width: auto;
	}
	#footer-bottom li {
		width: 100%;
	}
	#footer-bottom {
		height: auto;
	}
	#footer-bottom a {
		margin-right: 0;
	}
	#block-2 {
		margin-bottom: 20px;
	}
	.overview #block-1 {
		margin-bottom: 30px;
	}
	.block-header {
		padding: 0 20px;
	}
	.block-header-text {
		text-align: left;
		font-size: 26px;
		letter-spacing: -1px;
	}
	.block-content {
		padding: 10px 20px;
		margin: 0;
		text-align: left;
	}
	.block-button-red {
		display: inline-block;
		float: none;
		width: auto;
		height: auto;
		margin-top: 25px;
		padding-bottom: 12px;
		font-size: 14px !important;
	}
	.maatregel-header-bottom-content .uitleg-factsheet {
		font-size: 14px;
		opacity: 0.8;
		padding-top: 20px;
		padding-right: 0;
	}
	.maatregel-header-bottom-content .uitleg-factsheet i {
		display: none;
	}
	.overview-block.block-news {
		height: auto;
	}
	.overview-block.block-news .block-news-list {
		padding-bottom: 15px;
	}
	.overview-block.block-news .block-news-list ul {
		display: block;
	}
	.overview-block.block-news .block-news-list ul li {
		float: none;
		height: auto;
		padding-bottom: 10px;
	}
	.block-livechat {
		display: none;
	}
	.section-subtitle {
		line-height: 24px;
	}
	header {
		height: 55px;
	}
	#logo-header img {
		height: 40px;
	}
	header.small {
		height: 40px;
	}
	header.small #logo-header a {
		margin-top: 4px;
	}
	header.small #logo-header {
		padding-top: 0;
	}
	.block-image-half-left {
		width: 100%;
	}
	.block-image-half .block-button {
		background: #B30000;
		padding: 12px 15px;
		color: #fff;
		margin: 0 24px 0 24px;
		position: absolute;
		bottom: 20px;
		font-weight: 500;
	}
	.overview-header-pre-title {
		width: 100%;
		text-align: center;
		font-size: 18px;
	}
	.overview-header-title {
		width: 100%;
		text-align: center;
		font-size: 28px;
		line-height: 35px;
	}
	.overview-block.block-thin-text {
		text-align: center;
	}
	.block-thin-text {
		height: 57px;
		margin-bottom: 15px;
	}
	.bg-header-container {
		height: 350px;
	}
	.header-algemeen-title-wrapper {
		padding: 60px 20px 0 20px;
	}
	.header-algemeen-title {
		font-size: 42px;
	}
	.header-algemeen-pre-title {
		font-size: 18px;
	}
	.bg-header-container .gradient {
		background: -moz-linear-gradient(bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	.page-content p {
		padding: 0 20px;
	}
	.header-overlay {
		height: 300px;
	}
	.page-content p {
		padding-bottom: 15px;
		letter-spacing: -0.3px;
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
	.steps-wrapper{
		height:100%;
		width:100%;
		background: url('../img/steps-border.png') no-repeat 15px 10px;
		padding:0 0 0 28px;
	}
	.maatregel-text-right {
		padding-right: 20px;
	}
	#accordion::before,
	#accordion .panel-heading::before,
	#accordion .panel:before {
		content: none;
		display: none;
		border: none;
		width: 0;
		background: transparent;
	}
	#accordion .panel {
		margin-left: 0;
	}
	#accordion .panel-body {
		padding: 0 20px 15px;
	}
	#accordion .panel-title a {
		font-size: 14px;
		font-weight: 500;
		padding-left: 20px;
	}
	.spacer-50 {
		padding: 10px 0;
	}
	.card-title {
		font-size: 18px;
	}
	.card-01.height-fix {
		height: 180px;
	}
	.card .focuspoint {
		height: 180px;
	}
	.card-01.height-fix .card-img-overlay {
		padding-bottom: 1rem;
	}
	.content .content-wrapper {
		padding-top: 50px;
	}
	.maatregel-header-pre-title h4 {
		font-size: 18px;
	}
	.fs57px {
		font-size: 34px;
		line-height: 32px;
	}
	#maatregel-header {
		margin-top: 20px;
		padding: 0 20px 50px;
		height: auto;
	}
	#maatregel-header-image-wrapper,
	.maatregel-header-image-container,
	.maatregel-header-image-container .focuspoint {
		height: 200px;
	}
	.maatregel-header-image-container .gradient {
		display: none;
	}
	.maatregel-header-post-title {
		margin-bottom: 30px;
	}
	.maatregel-post-header .maatregel-post-header-image {
		display: none;
	}
	.maatregel-post-header-text {
		margin-top: 10px;
		font-size: 16px;
		letter-spacing: -0.3px;
		color: #504f56;
		padding: 0 5px;
	}
	.maatregel-steps-title-left {
		margin-top: 25px;
		padding: 0 15px;
		margin-top: 40px;
	}
	.maatregel-text-left {
		padding: 0 15px;
	}
	.maatregel-block-image img {
		min-width: 100%;
	}
	.maatregel-block-image {
		min-width: 100%;
		max-height: 250px;
		margin-top: 25px;
	}
	.maatregel-image-button-verhaal {
		width: 100%;
		left: 0;
	}
	.maatregel-image-button-verhaal a {
		margin-left: 20px;
	}
	.maatregel-block-header-text {
		padding: 0 20px;
	}
	.maatregel-block-header-text h4 {
		line-height: 26px;
	}
	.maatregel-block-header-rating {
		display: inline-block;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.maatregel-block-content {
		padding: 0 20px;
	}
	.col-xs-offset-1 {
		margin-left: 0;
	}
	.prefooter-maatregel-block {
		margin-bottom: 40px;
	}
	.prefooter-maatregel-block-title a {
		line-height: 22px;
	}
	#kennisbank-list {
		margin-top: 0;
		margin-bottom: 100px;
	}
	.prefooter-maatregel-block-title {
		font-size: 18px;
	}
	.prefooter-maatregel-block-text {
		display: none;
	}
	#prefooter-maatregel .container {
		padding: 0 20px;
	}
	#kennisbank-block {
		margin: 30px 0;
	}
	.maatregel-header-bottom-content {
		padding: 25px;
	}
	.bg-header-container.contact-header .bg-header img {
		margin-left: -800px;
		margin-top: -150px;
	}
	.header-algemeen-pre-title {
		font-size: 14px;
		text-align: center;
		letter-spacing: 0;
		line-height: 17px;
		margin-bottom: 5px;
	}
	.header-algemeen-title-wrapper {
		padding: 0 20px;
		margin-top: 30px;
	}
	.header-algemeen-title {
		font-size: 32px;
		line-height: 30px;
		text-align: center;
	}
	.contact-header .header-algemeen-title-wrapper {
		margin-top: 110px;
	}
	.contact-header-buttons {
		display: none;
	}
	.header-overlay.height500px {
		height: auto;
	}
	.bg-header-container {
		height: auto;
	}
	.contact .margin-top-min {
		margin: 0;
	}
	.header-box {
		padding: 0 20px;
	}
	.kennisbankbalkcol {
		padding-left: 20px;
		padding-right: 20px;
	}
	.toggle-wrapper {
		width: 100%;
		text-align: center;
	}
	.toggle-right {
		text-align: center;
		width: 100%;
	}
	#stap2 .form-group {
		padding-top: 15px;
	}
	#stap2 .form-group:nth-child(even) {
		background: #efefef;
	}
	#subsidiecheck-tool h6 {
		font-size: 18px;
	}
	.page-header-title.single {
		font-size: 24px;
		line-height: 34px;
	}
	.faq-content {
		padding: 30px 20px;
	}
	.nieuwsitem-groot,
	.meernieuws {
		padding: 0 15px;
	}
	.nieuwskrant-sidebar {
		padding: 0 35px 0 25px;
	}
	.side-right {
		padding-left: 25px !important;
	}
	.maatregel-header-post-title span {
		background: none;
		padding: 0;
		box-shadow: none;
		line-height: 1.5;
	}
	.col-titel-factsheet {
		margin-top: 0;
	}
	body.zoeken{
		background-image: unset;
		background-color: #fff;
		background-position:center;
		min-height: 600px;
	}
	.bedrijven-header-title,
	.bedrijven-header-title span {
		font-size: 20px;
		line-height: unset;
	}
	#prefooter .adviseurs img {
		max-width: 100%;
	}
}

/* Offcanvas */
@media (max-width: 1280px){.offcanvas-stop-scrolling{height:100%;overflow:hidden}.offcanvas-stop-scrolling .off-canvas-bg{display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 101; }.navbar-default .navbar-offcanvas{background-color:#f8f8f8}.navbar-inverse .navbar-offcanvas{background-color:#222}.navbar-offcanvas{position:fixed;width:100%;max-width:250px;height:100%;left:-250px;top:0;z-index:999;overflow:scroll;-webkit-overflow-scrolling:touch;transition:all .15s ease-in-out}.navbar-offcanvas.in{box-shadow:0 0 20px rgba(0,0,0,0.3)}.navbar-offcanvas.navbar-offcanvas-fade{opacity:0}.navbar-offcanvas.navbar-offcanvas-fade.in{opacity:1}.navbar-offcanvas.offcanvas-transform.in{-webkit-transform:translateX(250px);transform:translateX(250px)}.navbar-offcanvas.offcanvas-position.in{left:0}.navbar-offcanvas.navbar-offcanvas-right{left:auto;right:-250px}.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{-webkit-transform:translateX(-250px);transform:translateX(-250px)}.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{left:auto;right:0}.navbar-offcanvas .dropdown.open .caret{border-top:0;border-bottom:4px solid}.navbar-offcanvas .dropdown-menu{position:relative;width:100%;border:inherit;box-shadow:none;transition:height .15s ease-in-out}.navbar-offcanvas .dropdown-menu.shown{display:block;margin-bottom:10px}}.offcanvas-toggle .icon-bar{background:#000;transition:all .25s ease-in-out}.offcanvas-toggle.is-open .icon-bar:nth-child(1){-webkit-transform:rotate(45deg) translate(5px, 4px);transform:rotate(45deg) translate(5px, 4px)}.offcanvas-toggle.is-open .icon-bar:nth-child(2){opacity:0}.offcanvas-toggle.is-open .icon-bar:nth-child(3){-webkit-transform:rotate(-45deg) translate(4px, -4px);transform:rotate(-45deg) translate(4px, -4px)}

/* !GRADIENTS */
/*-----------------------------------------*/

.overlay.geen {
	background: transparent !important;
}
.wit-links-rechts {
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 52%, rgba(255,255,255,0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.zwart-links-rechts {
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 52%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,1) 52%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.zwart-links-rechts-soft {
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.2) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.2) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.2) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.wit-beneden-boven {
	background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.zwart-beneden-boven {
	background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.wit-boven-beneden {
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.zwart-boven-beneden {
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/* -------------------------------- */

.boxgemeentekeuze.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0; 
	top: 0;
	left: 0;
	min-height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.boxgemeentekeuze .modal-block {
	position: fixed;
	width: 95%;
	max-width: 792px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	background-color: #fff;
	color: #052A40;
	padding-top: 48px;
	padding-bottom: 65px;
	border-radius: 3px
}
.boxgemeentekeuze .modal-block__title {
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 8px;
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 50px;
}
.boxgemeentekeuze .modal-block__subtitle {
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	padding: 0 50px;
	margin-bottom: 32px;
	margin-top: -25px;
	text-align: left;
}
.boxgemeentekeuze .form form {
display: flex;
flex-direction: column;
text-align: left;
width: auto;
padding: 0 50px;
margin: auto;}
.boxgemeentekeuze .form__label span {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 6px;
}
.boxgemeentekeuze .form__label input {
	background: #F5F5F5;
	border: 1px solid #DCE1E5;
	border-radius: 2px;
	padding-left: 15px;
	height: 48px;
	width: 100%;
	outline: none;
	font-size: 24px;
}
.boxgemeentekeuze .form__label__btn {
	  height: 48px;
    background: #455C23;
    border-radius: 2px;
    border: none;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 13px;
    cursor: pointer;
}

/* Extra XS Media */
@media only screen and (max-width : 480px){
	.boxgemeentekeuze .modal-block__subtitle {
		font-size: 14px;
		line-height: 20px;
		padding: 0 20px;
		margin-bottom: 22px;
	}
	.boxgemeentekeuze .modal-block {
		padding-top: 20px;
		padding-bottom: 0;
	}
}

.autocomplete-suggestions {
    position: absolute;
    max-height: 200px !important;
    z-index: 9999;
    top: 402px;
    left: 286.5px;
    width: 574px;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.autocomplete-suggestions {
    cursor: pointer;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #455C23; }
.autocomplete-group { padding: 2px 5px; } 
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.d-none {
	display: none;
}

.text-white {
	color: #fff !important;
}

.btn-success {
	color: #fff !important;
	background: #455C23 !important;
	background-color: #455C23 !important;
	border-color: #455C23 !important;
	transition: all 0.2s ease;
}

.btn-success:hover {
	color: #fff !important;
	background: #7da04b !important;
	background-color: #7da04b !important;
	border-color: #7da04b !important;
}

#landingspagina_rre .btn_bespaarbon,
#landingspagina_rre .btn_cashback {
	border: 0;
	width: 100%;
	padding: 20px;
	display: flex;
	text-decoration: none;
	height: 200px;
	color: #fff;
	justify-content: center;
	align-items: center;
	background: #000;
	text-align: center;
	transition: all 0.3s ease;
	opacity: 1;
}

#landingspagina_rre .btn_bespaarbon.inactive,
#landingspagina_rre .btn_cashback.inactive {
	opacity: 0.5;
}

#landingspagina_rre .btn_bespaarbon.active,
#landingspagina_rre .btn_cashback.active {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#landingspagina_rre .btn_bespaarbon h4,
#landingspagina_rre .btn_cashback h4 {
	font-size: 26px;
	font-weight: 600;
}

#landingspagina_rre .btn_bespaarbon span,
#landingspagina_rre .btn_cashback span {
	font-size: 18px;
	font-weight: 400;
}

#landingspagina_rre .btn_vouchercode {
	display: flex;
	width: 100%;
	border: 0;
	background: #1d8046;
	color: #fff;
	transition: all 0.3s ease;
	font-size: 15px;
	text-align: center;
	padding: 7px 15px;
	text-decoration: none;
	margin-top: 5px;
	font-weight: 400;
	transition: all 0.1s ease;
}

#landingspagina_rre .btn_vouchercode i {
	padding-right: 5px;
}

#landingspagina_rre .btn_vouchercode.geen {
	background: #9b2e1a;
}

#landingspagina_rre .btn_vouchercode:hover {
	opacity: 0.8;
}

#button_factsheet_opvragen {
	margin-top: 24px !important
}

.page_klanttevredenheid {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #efefef;
	min-height: 500px;
	margin-top: -38px;
}
  
.page_klanttevredenheid .inner {
	width: 50%;
	height: auto;
	padding: 50px;
	background: #fff;
}

@media only screen and (max-width : 767px){
	.page_klanttevredenheid {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #fff;
		min-height: 250px;
		margin-top: 0;
	}
	.page_klanttevredenheid .inner {
		width: 100%;
		height: auto;
		padding: 20px;
		background: #fff;
	}
	.header-zonnekaart{
		background: none;
		max-height: unset;
	}
	#zonnekaart_resultaat .nav-tabs > li {
		float: none !important;
	}
	.zonnekaart-content-wrapper-white .nav-tabs > li {
		width: 100%;
	}
}

.skip-link {
	background: #fff;
	color: #000;
	font-weight: 500;
	padding: 4px;
	position: absolute;
	left: 50%;
	font-size: 16px;
	z-index: 10000;
	top: -45px;
	margin-left: -130px;
	padding: 10px 15px;
	transform: translateY(-100%);
	-webkit-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	border-bottom: 2px solid #455C23;
}

.skip-link:focus-within {
	transform: translateY(100%);
}

#hoofdmenu ul a:focus li {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
}

.visually-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.visually-hidden:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto;
}

.livechat_button a {
	position: relative;
	display: inline-block;
	margin: 1px auto 0;
	padding: 16px 24px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	text-decoration: none !important;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	transition: background 0.2s ease, color 0.1s ease;
	background: #8ac44b;
	border-bottom: 4px solid #455C23 !important;
	border: none;
		border-bottom-color: currentcolor;
		border-bottom-style: none;
		border-bottom-width: medium;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 500;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.livechat_button a:hover {
	background: #455C23;
    background-color: rgb(116, 162, 65);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
}

.verhalen-titel {
	background: #455C23;
	padding: 20px 15px 30px;
	color: #fff;
	line-height: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.verhalen-titel h4 {
	font-weight: 600;
	color: #fff;
	margin: 0;
	padding: 0 0 10px 0;
}

.verhalen-titel span {
	color: #fff;
	margin: 0;
	padding: 0 0 15px 0;
}

/* RREW */

.rrew_container {
	font-family: Poppins,sans-serif;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

.rrew_titel h1 {
	color: #fff;
	font-weight: 900;
	margin-top: 15px;
}

.rrew_titel h4 {
	color: #fff;
	font-weight: 300;
	margin-top: 5px;
}

.rrew_titel img {
	height: 50px;
	margin-top: 80px;
}

.rrew_intro {
	height: 270px !important;
}

#frontpage-image-wrapper.rrew,
#frontpage-image-wrapper.rrew .focuspoint,
#frontpage-image-wrapper.rrew .overlay {
	height: 479px !important;
}

#frontpage-selection.rrew {
	padding: 30px 0 30px 0;
}

#frontpage-selection.rrew h3 {
	padding-bottom: 15px;
	font-weight: 700;
}

#frontpage-selection.rrew p {
	font-family: Poppins,sans-serif;
	font-weight: 400;
	line-height: 1.6;
	padding-bottom: 20px;
}

#frontpage-selection.rrew .split {
	padding: 20px 0 0;
	width: 100%;
	background: url('../img/bg-rrew-split.png') repeat-x;
}

#frontpage-selection.rrew .split .row {
	padding: 10px 40px;
}

#frontpage-selection.rrew .split .flexlogogemeente {
	display: flex;
	justify-content: left;
	align-items: center;
	min-height: 90px;
}

#frontpage-selection.rrew .logo_gemeente {
	max-width: 150px;
	padding-right: 15px;
	padding-bottom: 5px;
}

#frontpage-selection.rrew .split .rrew_num {
	display: block;
	color: #9cc871;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -1px;
}

#frontpage-selection.rrew .split .rrew_desc strong {
	font-size: 120%;
}

#frontpage-selection-xor.rrew .rrew_num {
	display: block;
	color: #000;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -1px;
}

#frontpage-selection-xor.rrew .rrew_desc strong {
	font-size: 120%;
}

#frontpage-selection-xor label {
    width: 100%;
}

#frontpage-selection-xor .card-input-element {
    display: none;
}

#frontpage-selection-xor .card-input {
    padding: 00px;
	width: 100%;
}

#frontpage-selection-xor .card-input:hover {
    cursor: pointer;
}

#frontpage-selection-xor .card-input-element:checked + .card-input {
     box-shadow: 0 0 1px 1px #455C23;
 }

#rrew_choices {
	margin-top: 15px;
	margin-bottom: 50px;
}

#rrew_choices .rrew_choise {
	background: #fff;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 4px 18px 0px rgba(0,0,0,0.10);
	display: flex;
	margin-bottom: 15px;
	min-height: 275px;
}

#rrew_choices .rrew_choise .afb {
	background: white;
	width: 150px;
}

#rrew_choices .rrew_choise p {
	display: block;
}

#rrew_choices .rrew_choise .afb .focuspoint {
	height: 100%;
}

#rrew_choices .rrew_choise .text {
	flex: 1;
	line-height: 1.6;
	padding: 15px 30px 25px;
}

#block-1.rrew {
	margin-top: 175px;
}

.subsidiecheck_icons {
	margin: 0 30px;
}

.subsidiecheck_icons span {
	font-size: 16px;
	font-weight: 400;
	line-height: 3rem;
}

.subsidiecheck_icons span.status {
	font-size: 16px;
	font-weight: 700;
	display: block;
}

.subsidiecheck_icons i {
	font-size: 42px;
}

.subsidiecheck_block {
	background: #efefef;
	border-radius: 25px;
	padding: 15px 0;
	margin-right: 15px;
	margin-bottom: 15px;
}

#stap2 {
	padding-top: 15px;
}

@media only screen and (max-width: 1280px){
	#frontpage-image-wrapper.rrew,
	#frontpage-image-wrapper.rrew .focuspoint,
	#frontpage-image-wrapper.rrew .overlay {
		height: 505px !important
	}

	#frontpage-selection.rrew {
		height: auto !important;
	}

	#frontpage-selection.rrew .split .logo_gemeente {
		max-width: 120px;
	}

	#frontpage-selection.rrew .split .rrew_num {
		font-size: 24px;
	}
	
	#frontpage-selection.rrew .split .rrew_desc strong {
		font-size: 120%;
	}

	#frontpage-selection.rrew hr {
		border: 0;
		border-bottom: 1px solid #efefef;
	}

	#frontpage-selection.rrew .split .flexlogogemeente {
		display: flex;
		justify-content: left;
		align-items: center;
		min-height: 70px;
	}

	#frontpage-selection.rrew .split .logo_gemeente {
		max-width: 100%;
	}
}

@media only screen and (max-width: 985px){
	#frontpage-selection.rrew {
		padding: 25px 0 30px 0;
	}
	#frontpage-selection.rrew .split {
		text-align: center;
	}
	#frontpage-selection.rrew .split .paddingbot {
		padding-bottom: 20px !important;
	}
	#frontpage-selection.rrew .split .logo_gemeente {
		max-width: 150px;
	}
	#frontpage-selection.rrew .split .paddingbot {
		padding-bottom: 0 !important;
	}
	#frontpage-selection.rrew .split .paddingbot-mobile {
		padding-bottom: 25px !important;
	}
	#frontpage-selection.rrew .split .flexlogogemeente {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: auto;
	}
}

@media only screen and (max-width: 768px){
	#frontpage-selection.rrew {
		padding: 0;
	}
	#frontpage-selection .rrew_content {
		padding: 30px 30px 10px;
	}
	#frontpage-selection.rrew .split {
		padding-bottom: 40px !important;
		text-align: center;
	}
	#frontpage-selection.rrew .split .row {
		padding: 10px 30px;
	}
	#frontpage-image-wrapper.rrew,
	#frontpage-image-wrapper.rrew .focuspoint,
	#frontpage-image-wrapper.rrew .overlay {
		height: 330px !important
	}
	#rrew_choices .rrew_choise { 
		flex-direction: column;
	}
	#rrew_choices .rrew_choise .afb { 
		width: 100%;
		min-height: 190px;
	}
	#rrew_choices .rrew_choise .afb .focuspoint { 
		min-height: 190px;
	}
	#block-1.rrew {
		margin-top: 50px;
	}
	#frontpage-selection.rrew .split .logo_gemeente {
		max-width: 200px;
	}
	.focuspoint.abs img {
		position: relative;
	}
	.subsidiecheck_block {
		text-align: center;
	}
	#stap2 {
		padding-top: 25px;
	}
	.subsidiecheck_icons {
		margin: 0; 
	}
	.subsidiecheck_block {
		margin-right: 0;
	}
}