@charset "utf-8";
/* Copyright www.digiplek.nl */

/* TEMPLATE FUNDERING */
/* TEMPLATE ONAFHANKELIJKE STANDAARD BOOTSTRAP CLASSES */
/* RESPONSIVE VIEWPORT WEERGAVE BALK */

/* lichtblauw: #004382 - donkerblauw: #0A141F - grijs: #ccc */

/* TEMPLATE FUNDERING */
body {
	margin:0 0 26px;
	padding:0; /* Padding links en rechts van website voorkomen bij resoluties kleiner dan 768 */
	overflow-y:scroll;
	background-color:#e3e3e3;
	/* overflow-x:hidden; */ /* Gebruiken als elementen ongewild buiten de viewport vallen en een ongewenste horizontale scrollbar veroorzaakt. */
}
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Extra kleine, kleinere en kleine apparaten */
	body {
		margin:0;
	}
}
/* end */
@font-face { /* Nodig om sommige icomoon iconen zichtbaar te maken in de frontend. Kijk in het protostar template voor de juiste icoon codes zoals \45 voor icon-question. */
	font-family:'IcoMoon';
	src:url('../../../media/jui/fonts/IcoMoon.eot');
	src:url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight:normal;
	font-style:normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family:'IcoMoon';
	font-style:normal;
	speak:none;
}
.icon-question:before,
.icon-help:before {
	content:"\45";
}
/* end */
#dp_logo {
	display:inline-block;
}
a#dp_logo:active,
a#dp_logo:focus {
	outline:0;
}
a.dp_homelogo {
	cursor:default;	
}
/* end */
.dp_container { /* Container */
	margin:0 auto;
	padding:0 30px;
	max-width:1200px;
	/* background-color:#fff; */
}
.dp_container02 { /* Ingesprongen container */
	margin:0 auto;
	padding:0 30px;
	max-width:1140px;
	width:calc(100% - 60px);
	/* background-color:rgba(255,255,0,0.65); */
}
.dp_cont-shadow {
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65); /* Nodig tot Firefox 13 */
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65); /*Nodig tot Safari 5.1 / Chrome */
	box-shadow:0px 0px 4px rgba(0,0,0,0.65); /* Opera & hoe het zou moeten. */
}
body > .dp_container, /* Indien .dp_container class direct na de body tag */
body > .dp_container02 {
	padding:0;
}
@media all
and (min-width: 1px)
and (max-width: 500px) {
	.dp_container {
		padding:0 5px;
	}
	.dp_container02 {
		padding:0 5px;
		width:calc(100% - 10px);
	}
}
@media all
and (min-width: 501px)
and (max-width: 767px) {
	.dp_container {
		padding:0 10px;
	}
	.dp_container02 {
		padding:0 10px;
		width:calc(100% - 20px);
	}
}
@media all
and (min-width: 768px)
and (max-width: 991px) {
	.dp_container {
		padding:0 20px;
	}
	.dp_container02 {
		padding:0 20px;
		width:calc(100% - 40px);
	}
}
/* end */
#dp_content { /* Contentgedeelte met optionele linker en/of rechter sidebar */
	margin:30px 0;
	/* background-color:#fff; */
}
.view-featured #dp_content {
	/* margin:30px 0; */
}
#dp_content h1:first-child,
#dp_content h2:first-child,
#dp_content h4:first-child,
#dp_content h5:first-child,
#dp_content h6:first-child,
#dp_leftsidebar h1:first-child,
#dp_leftsidebar h2:first-child,
#dp_leftsidebar h3:first-child,
#dp_leftsidebar h4:first-child,
#dp_leftsidebar h5:first-child,
#dp_leftsidebar h6:first-child,
#dp_rightsidebar h1:first-child,
#dp_rightsidebar h2:first-child,
#dp_rightsidebar h3:first-child,
#dp_rightsidebar h4:first-child,
#dp_rightsidebar h5:first-child,
#dp_rightsidebar h6:first-child {
	margin-top:0;
	/* background-color:green; */
}
#dp_leftsidebar,
#dp_rightsidebar {
	float:left;
	width:20%;
	box-sizing:border-box; /* Breedte incl. border en padding */
	/* background-color:yellow; */
}
#dp_leftsidebar p,
#dp_rightsidebar p,
#dp_leftsidebar li,
#dp_rightsidebar li,
#dp_leftsidebar label,
#dp_rightsidebar label,
#dp_leftsidebar input[type],
#dp_rightsidebar input[type],
#dp_leftsidebar textarea,
#dp_rightsidebar textarea,
#dp_leftsidebar button,
#dp_rightsidebar button,
#dp_leftsidebar .input-prepend .add-on,
#dp_rightsidebar .input-prepend .add-on,
#dp_leftsidebar .input-append .add-on,
#dp_rightsidebar .input-append .add-on,
#dp_leftsidebar .input-prepend .btn,
#dp_rightsidebar .input-prepend .btn,
#dp_leftsidebar .input-append .btn,
#dp_rightsidebar .input-append .btn {
	/* font-size:18px;
	line-height:23px; */
	font-weight:300;
	height:auto !important;
	font-family:'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#dp_maincontent {
	float:left;
	width:100%;
	/* background-color:grey; */
}
#dp_maincontent button:not(.btn-micro),
#dp_maincontent a.btn:not(.btn-micro) {
	font-size:18px;
	line-height:23px;
	text-decoration:none;
}
#dp_maincontent.dp_plusleftsidebar.dp_plusrightsidebar {
	width:60%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 30px;
}
#dp_maincontent.dp_plusleftsidebar {
	width:80%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0 0 30px;
}
#dp_maincontent.dp_plusrightsidebar {
	width:80%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 30px 0 0;
}
#dp_content [class^="icon-"],
#dp_content [class*=" icon-"] {
	vertical-align:middle;
	margin-top:-2px;
}
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Extra kleine apparaten */
	#dp_maincontent.dp_plusleftsidebar.dp_plusrightsidebar,
	#dp_maincontent.dp_plusleftsidebar,
	#dp_maincontent.dp_plusrightsidebar,
	#dp_leftsidebar,
	#dp_rightsidebar {
		display:block;
		width:100%;
	}
	#dp_leftsidebar {
		padding-bottom:20px;
	}
	#dp_maincontent.dp_plusleftsidebar.dp_plusrightsidebar,
	#dp_maincontent.dp_plusleftsidebar,
	#dp_maincontent.dp_plusrightsidebar {
		padding:0;
	}
	#dp_rightsidebar {
		padding-top:20px;
	}
}
@media all
and (min-width: 501px)
and (max-width: 767px) { /* Kleinere apparaten */
	#dp_maincontent.dp_plusleftsidebar.dp_plusrightsidebar,
	#dp_maincontent.dp_plusleftsidebar,
	#dp_maincontent.dp_plusrightsidebar,
	#dp_leftsidebar,
	#dp_rightsidebar {
		display:block;
		width:100%;
	}
	#dp_leftsidebar {
		padding-bottom:20px;
	}
	#dp_maincontent.dp_plusleftsidebar.dp_plusrightsidebar,
	#dp_maincontent.dp_plusleftsidebar,
	#dp_maincontent.dp_plusrightsidebar {
		padding:0;
	}
	#dp_rightsidebar {
		padding-top:20px;
	}
}
@media all
and (min-width: 768px)
and (max-width: 991px) { /* Kleine apparaten */
	#dp_leftsidebar {
		width:25%;
	}
	#dp_maincontent.dp_plusleftsidebar.dp_plusrightsidebar {
		width:75%;
		padding-right:0;
	}
	#dp_maincontent.dp_plusleftsidebar {
		width:75%;
	}
	#dp_maincontent.dp_plusrightsidebar {
		width:100%;
		padding:0;
	}
	#dp_rightsidebar {
		display:block;
		width:100%;
		padding-top:20px;
	}
	#dp_rightsidebar.dp_leftsidebar-off {
		float:left;
		width:25%;
		padding-top:0;
	}
}
/* end */
.dp_copyright {
	color:inherit;
	font-size:80%;
	line-height:20px;
	text-align:center;
	margin:0 auto;
	padding-right:10px;
	padding-left:10px;
	max-width:1680px;
	background-color:transparent;
}
.dp_copyright a {
	text-decoration:none !important;
}
.dp_copyright a:link,
.dp_copyright a:visited {
	color:inherit;
}
.dp_copyright a:hover,
.dp_copyright a:active {
	color:inherit;
}
/* end */
.dp_small,
.dp_smaller,
.dp_smallest,
.dp_large,
.dp_larger,
.dp_largest {
	display:inline-block;	
}
/* end */
@media all
and (min-width: 1px)
and (max-width: 768px) { /* 768px is nodig om iPad-portraitmode te pakken. */
	.view-wrapper .contentpane { /* Iframe - scrollen op iPhone en iPad-portraitmode mogelijk maken */
		overflow:auto;
		-webkit-overflow-scrolling:touch;
	}
	.view-wrapper iframe { /* Zorgen dat op de iPad en iPhone de hoogte van het iframe automatisch aanpast */
		height:auto;
	}
}
/* end */
.grecaptcha-badge { /* Badge altijd zichtbaar */
     z-index:100;   
}
/* END */







.dp_sticky { /* Begin: Stickymenu */
  position:fixed;
  z-index:200;
  top:0;
  /* left:0; */
  width:100%;
  /* background-color:#13213C; */
}
.dp_sticky + #dp_stickyhelper { /* Zie betekenins + op https://www.w3schools.com/cssref/css_selectors.asp */
  padding-top:50px;
}
/* end */
.dp_sticky-bar { /* Offerteknop linksonder */
	position:fixed;
	display:inline-block;
	z-index:99;
	text-align:center;
	background:rgba(100,168,10,0.95);
	transition-duration:0.4s;
	-moz-box-shadow:0px 0px 4px rgba(55,55,55,0.80); /* Firefox/Mozilla */
	-webkit-box-shadow:0px 0px 4px rgba(55,55,55,0.80); /*Safari/Chrome */
	box-shadow:0px 0px 4px rgba(55,55,55,0.80); /* Opera & hoe het zou moeten. */
	font-size:120%;
	animation:sticky-bar-animation 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both;
}
@keyframes sticky-bar-animation {
  0% {
    -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
            transform: translateY(600px) rotateX(-30deg) scale(6.5);
    -webkit-transform-origin: 50% -100%;
            transform-origin: 50% -100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 500px;
            transform-origin: 50% 500px;
    opacity: 1;
  }
}
.dp_sticky-position1 {
	top:200px;
}
.dp_sticky-position2 {
	top:200px;
	right:0;
}
.dp_sticky-position3 {
	bottom:40px;
	right:0;
}
.dp_sticky-position4 {
	bottom:40px;
	left:0;
}
.dp_sticky-position1,
.dp_sticky-position4 {
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.dp_sticky-position2,
.dp_sticky-position3 {
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.dp_sticky-bar:hover {
	background-color:#rgba(114,192,11,1.00);
}
.dp_sticky-bar a {
	display:inline-block;
	padding:15px;
	text-decoration:none;
	font-weight:700;
}
.dp_sticky-position1 a:hover,
.dp_sticky-position4 a:hover {
	padding-left:30px;
}
.dp_sticky-position2 a:hover,
.dp_sticky-position3 a:hover {
	padding-right:30px;
}
.dp_sticky-bar a:link,
.dp_sticky-bar a:visited {
	color:#fff;
}
.dp_sticky-bar a:hover,
.dp_sticky-bar a:active {
	color:#000;
}
@media all
and (min-width: 1px)
and (max-width: 768px) { /* Kleinere apparaten */
	body:not(.dp_sticky-bar-uit) {
		margin-bottom:45px;
	}
	.dp_sticky-bar { /* Offerteknop linksonder */
		bottom:0;
		display:block;
		width:100%;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		font-size:15px;
		line-height:15px;
		animation:sticky-bar-animation 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both;
	}
	.dp_sticky-position1,
	.dp_sticky-position2,
	.dp_sticky-position3,
	.dp_sticky-position4 {
		top:auto;
		bottom:0;
		border-radius:0;
	}
	.dp_sticky-bar a {
		padding:15px 0;
		display:block;
		width:100%;
	}
	.dp_sticky-bar a:hover {
		padding-left:0;
	}
}
/* end */


/* TEMPLATE ONAFHANKELIJKE STANDAARD BOOTSTRAP CLASSES */
.table th,
.table td,
.readmore .btn {
	font-size:18px;
	line-height:23px;
}
.table td.small {
	font-size:10px;
	line-height:15px;
}
.readmore .btn {
	text-decoration:none;
}
/* end */
.table.table-striped.text-center th,
.table.table-striped.text-center td { /* Tekst in tabellen gecentreerd */
	text-align:center;
}
.table.table-striped.text-center td { 
	vertical-align:middle;
}
.table.table-striped.text-center th:first-of-type,
.table.table-striped.text-center tr td:first-of-type {
	text-align:left;	
}
.table.table-striped.text-center th.dp_tabletextmiddle {
	vertical-align:bottom;
}
.table.table-striped.text-center th.dp_tabletextbottom {
	vertical-align:bottom;
}
/* end */
.chzn-container, /* Selectielijst */
.chzn-results .active-result { /* Selectielijst */
	font-size:18px !important;
	line-height:23px !important;
}
.chzn-container-single .chzn-single {
	height:auto;
}
.chzn-single span {
	padding:5px 0;
}
/* end */
.btn-primary {
  background-image:-webkit-linear-gradient(top, #9AC2C8 0%, #376066 100%);
  background-image:-o-linear-gradient(top, #9AC2C8 0%, #376066 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#9AC2C8), to(#376066));
  background-image:linear-gradient(to bottom, #9AC2C8 0%, #376066 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9AC2C8', endColorstr='#376066', GradientType=0);
	border-color:#5E9DA6;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color:#376066;
}
/* end */
@media all
and (min-width: 1200px) {
	.table {
		table-layout:fixed; /* Elke tabel kolom gelijke breedte */
	}
}

/* RESPONSIVE VIEWPORT WEERGAVE BALK */
#dp_resolutieweergave_container {
	position:fixed;
	z-index:3000;
	bottom:0;
	background-color:green;
	width:100%;
}
#dp_resolutieweergave {
	/* zet de volgende code in het index.php bestand: <div id="dp_resolutieweergave"> - Viewport br: <span id="dp_jsWidth"></span> hg: <span id="dp_jsHeight"></span></div> */
	position:fixed;
	bottom:0;
	z-index:100;
	text-align:center;
	padding:0;
	color:#fff;
	/* font-size:85%; */
}
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Extra kleine apparaten */
	#dp_resolutieweergave:before { content: "Resolutie van 1px tot 500px"; }
	#dp_resolutieweergave {	background-color:#ff0000;width:100%;	}
}
@media all
and (min-width: 501px)
and (max-width: 767px) { /* Kleinere apparaten */
	#dp_resolutieweergave:before { content: "Resolutie van 501 tot 767"; }
	#dp_resolutieweergave { background-color:#cc0000;width:501px; }
}
@media all
and (min-width: 768px)
and (max-width: 991px) { /* Kleine apparaten */
	#dp_resolutieweergave:before { content: "Resolutie van 768 tot 991"; }
	#dp_resolutieweergave { background-color:#990000;width:768px; }
}
@media all
and (min-width: 992px)
and (max-width: 1199px) { /* Gemiddelde apparaten */
	#dp_resolutieweergave:before { content: "Resolutie van 992 tot 1199"; }
	#dp_resolutieweergave { background-color:#660000;width:992px; }
}
@media all
and (min-width: 1200px) { /* Grote apparaten */
	#dp_resolutieweergave:before { content: "Resolutie vanaf 1200"; }
	#dp_resolutieweergave { background-color:#330000;width:1200px; }
	}
}