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

/* STANDAARD HTML TAGS */
/* ZELF AANGEMAAKTE VAAK GEBRUIKTE CLASSES */
/* OP MAAT GEMAAKTE CLASSES SPECIFIEK VOOR DIT TEMPLATE */

/* lichtblauw: #004382 - donkerblauw: #0A141F - grijs: #ccc */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* STANDAARD HTML TAGS */
body {
	font-family:'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#231f20;
}
h1 {
	margin:0 0 20px 0 !important;
	font-size:28px;
	line-height:28px;
	font-weight:700;
	color:#376066;
}
h2,h3,h4,h5,h6 {
	font-weight:400;
	margin-bottom:5px;
}
h2 {
	font-size:27px;
	line-height:27px;
	font-weight:700;
	color:#376066;
}
h3 {
	font-size:24px;
	line-height:24px;
}
h4 {
	font-size:21px;
	line-height:21px;
}
h5 {
	font-size:18px;
	line-height:18px;
}
h6 {
	font-size:15px;
	line-height:15px;
}
p,
li,
blockquote,
blockquote p,
th,
td,
legend,
label,
input[type],
textarea,
button,
select {
	font-size:18px;
	line-height:25px;
}
label input[type="radio"],
label input[type="checkbox"] {
	width:20px;
	height:20px;
}
p {
	font-weight:300;
	margin-bottom:20px;
}
p:last-child {
	margin-bottom:0;
}
div[itemprop="acceptedAnswer"] p:last-child { /* Microdata onderste paragraaf */
	margin-bottom:20px;
}
small { /* Zorg dat de SMALL tag binnen een P tag wordt geplaatst */
	font-size:60%;
}
strong {
	font-weight:400;	
}
a,
a:link,
a:visited,
li a:link,
li a:visited {
	color:#231F20;
	text-decoration:underline;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
a:hover,
a:active,
li a:hover,
li a:active {
	color:#376066;
}
img,
input[type="submit"] {
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
a img {
	border:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
a img:hover,
a:hover img,
.dp_transp { /* oplichten van afbeelding met link - de div waar de afbeelding in zit zorgt voor de achtergrondkleur */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
a img.dp_no-transp,
a img.dp_no-transp:hover,
a.dp_no-transp:hover img { /* Transparantie voorkomen */
	filter:none;
	-moz-opacity:1;
	opacity:1;
}
img.dp_no-shadow {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
li {
	font-weight:300;
	color:inherit; /* Afwijkende kleur aan LI tags geven */
}
ul {
	margin-bottom:20px;
	list-style-type:square;
}
ul ul {
	margin-bottom:0 !important;	
	list-style-type:circle;
}
ul:last-of-type {
	/* margin-bottom:70px; eventueel meer ruimte aan de onderkant van laatste UL tag */
}
ul:last-child {
	margin-bottom:0;
}
ol {
	margin-bottom:20px;
	list-style-type:decimal;
}
ol ol {
	margin-bottom:0 !important;	
}
ol:last-of-type {
	/* margin-bottom:70px; eventueel meer ruimte aan de onderkant van laatste UL tag */
}
ol:last-child {
	margin-bottom:0;
}
blockquote {
	display:inline-block;
	padding:25px 15px 25px 15px;
	font-weight:300;
	font-style:italic;
	border-left:#376066 7px solid;
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	box-shadow:0px 0px 4px rgba(0,0,0,0.65);
}
table {
	/* table-layout:fixed; Geeft elke kolom gelijke breedte maar dit geeft ongewenste effecten op kleine schermen */
	max-width:200%; /* Nodig omdat de rechter border van tabellen op kleine schermen als een iPhone anders raar gerenderd worden. */
	border-collapse:collapse;
	margin-bottom:20px;	
}
table:last-child {
	margin-bottom:0;	
}
th,
th p {
	font-weight:700;	
}
td {
	font-weight:300;
}
th,
td {
	/* Begin: als woord te lang is */
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	/* Eind: als woord te lang is */	
}
hr {
	height:0;
	border:0;
	border-top:1px solid #5F6062;
	margin:30px 0;
}
label,
input[type],
textarea,
button,
select {
	font-weight:300;
	height:auto;
	font-family:'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
legend {
	margin-top:30px;
	font-weight:700;
}
/* Let op: de placeholders kunnen niet gecombineerd worden */
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:#999 !important;
	opacity:1;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#999 !important;
	opacity:1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#999 !important;
	opacity:1;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#999 !important;
	opacity:1;
}
input::placeholder { /* Wordt waarschijnlijk de standaard */
	color:#999 !important;
	opacity:1;
}
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Extra kleine apparaten */
	h1 {
		margin-bottom:10px !important;
	}
}
@media all
and (min-width: 501px)
and (max-width: 767px) { /* Kleinere apparaten */
	h1 {
		margin-bottom:15px !important;
	}
}
iframe {
	border:0;	
}

/* ZELF AANGEMAAKTE VAAK GEBRUIKTE CLASSES */
.dp_tcenter,
table.dp_tcenter th,
table.dp_tcenter td {
	text-align:center;
}
.dp_tleft {
	text-align:left;	
}
.dp_tright {
	text-align:right;	
}
/* end */
.dp_small { /* zie ook raamwerk.css de classes dp_small, dp_smaller, etc anders werkt de line-height niet. Plaats die CSS ook niet in template.css. Anders kan je de tekst niet editen in Joomla */
	font-size:80%;
	line-height:130%;
}
.dp_smaller {
	font-size:70%;
	line-height:120%;
}
.dp_smallest {
	font-size:60%;
	line-height:110%;
}
.dp_large {
	font-size:120%;
	line-height:140%;
}
.dp_larger {
	font-size:130%;
	line-height:140%;
}
.dp_largest {
	font-size:140%;
	line-height:140%;
}
/* end */
.dp_doorstrepen {
	text-decoration:line-through;
}
.dp_onderstrepen {
	text-decoration:underline;
}
/* end */
.dp_img-cover-h { /* Toevoegen als <img class="dp_img-cover" src="#" /> */
	width:auto;
	height:100%;
	object-fit:cover;
	object-position:50% 50%; /* Horizontaal en verticaal gecentreerd */
}
.dp_img-cover-w {
	width:100%;
	height:auto;
	object-fit:cover;
	object-position:50% 50%;
}
.dp_img-cover01-h {
	width:auto;
	height:100%;
	object-fit:cover;
	object-position:center right; /* Keuze in deze volgorde: bottom center left right top */
}
.dp_img-cover01-w {
	width:100%;
	height:auto;
	object-fit:cover;
	object-position:center right;
}
.dp_img-cover02-h {
	width:auto;
	height:100%;
	object-fit:cover;
	object-position:center left;
}
.dp_img-cover02-w {
	width:100%;
	height:auto;
	object-fit:cover;
	object-position:center left;
}
/* end */
.dp_geen-uitlijning,
.dp_geen_uitlijning,
.dp_geen_uitlijningbo {
	display:inline-block;
	margin-bottom:10px;
}
.dp_geen_uitlijningbo {
	border:#e3e3e3 1px solid;
}
.dp_foto-links,
.dp_foto_links { /* foto links zonder border */
	float:left;
	clear:left;
	margin:6px 20px 10px 0;
}
.dp_foto-rechts,
.dp_foto_rechts { /* foto rechts zonder border */
	float:right;
	clear:right;
	margin:6px 0 10px 20px;
}
.dp_foto-links-border,
.dp_foto_links_border { /* foto links met border */
	float:left;
	clear:left;
	margin:6px 20px 10px 0;
	border:#e3e3e3 1px solid;
}
.dp_foto-rechts-border,
.dp_foto_rechts_border,
.dp_foto_rechs_border { /* foto rechts met border - laat de class met spelfout staan voor F2C*/
	float:right;
	clear:right;
	margin:6px 0 10px 20px;
	border:#e3e3e3 1px solid;
}
.dp_foto-links-border-dik {
	float:left;
	clear:left;
	padding:7px;
	margin:6px 20px 10px 0;
	background-color:#fff;
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	box-shadow:0px 0px 4px rgba(0,0,0,0.65);
}
.dp_foto-rechts-border-dik {
	float:right;
	clear:left;
	padding:7px;
	margin:6px 0 10px 20px;
	background-color:#fff;
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	box-shadow:0px 0px 4px rgba(0,0,0,0.65);
}
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Extra kleine apparaten */
	.dp_geen-uitlijning,
	.dp_geen_uitlijning,
	.dp_geen_uitlijningbo,
	.dp_foto-links,
	.dp_foto_links,
	.dp_foto-rechts,
	.dp_foto_rechts,
	.dp_foto-links-border,
	.dp_foto_links_border,
	.dp_foto-rechts-border,
	.dp_foto_rechs_border {
		float:none;
		clear:both;
		display:block;
		margin:10px 0;
		width:100%;
	}
	.dp_foto-width-01,
	.dp_foto-width-02 {
		width:100%;
		max-width:500px;
	}
}
@media all
and (min-width: 501px)
and (max-width: 767px) { /* Kleinere apparaten */
	.dp_foto-width-01 {
		width:45%;
	}
	.dp_foto-width-02 {
		width:35%;
	}
}
@media all
and (min-width: 768px)
and (max-width: 991px) { /* Kleine apparaten */
	.dp_foto-width-01 {
		width:40%;
	}
	.dp_foto-width-02 {
		width:30%;
	}
}
@media all
and (min-width: 992px)
and (max-width: 1199px) { /* Gemiddelde apparaten */
	.dp_foto-width-01 {
		width:35%;
	}
	.dp_foto-width-02 {
		width:25%;
	}
}
@media all
and (min-width: 1200px) { /* Grote apparaten */
	.dp_foto-width-01 {
		width:30%;
	}
	.dp_foto-width-02 {
		width:20%;
	}
}
/* end */
.dp_red,
.dp_error {
	color:#F00;	
}
.dp_green {
	color:#7db605;	
}
.dp_silver-bg {
	background-color:silver;
}
.dp_marker { /* Tekst markeren */
	background-color:yellow;
}
/* end */
.dp_devider-ruimte span,
.dp_devider-ruimte strong { /* horizontale witruimte tussen spans op 1 regel creeren. */
	margin-right:40px;
	display:inline-block;
}
.dp_devider-ruimte :last-child {
	margin-right:0;
}
/* end */
.dp_nospace {
	margin:0;
	padding:0;	
}
.dp_nospace-top {
	margin-top:0;
	padding-top:0;
}
.dp_nospace-bottom {
	margin-bottom:0;
	padding-bottom:0;
}
.dp_nospace-left {
	margin-left:0;
	padding-left:0;
}
.dp_nospace-right {
	margin-right:0;
	padding-right:0;
}
.dp_space10 {
	margin:10px;	
}
.dp_space-top10 {
	margin-top:10px;
}
.dp_space-bottom10 {
	margin-bottom:10px;
	-webkit-margin-after:10px !important; /* Nodig omdat anders Chrome deze class niet respecteert */
}
.dp_space-left10 {
	margin-left:10px;
}
.dp_space-right10 {
	margin-right:10px;
}
.dp_space20 {
	margin:20px;	
}
.dp_space-top20 {
	margin-top:20px;
}
.dp_space-bottom20 {
	margin-bottom:20px;
	-webkit-margin-after:20px !important; /* Nodig omdat anders Chrome deze class niet respecteert */
}
.dp_space-left20 {
	margin-left:20px;
}
.dp_space-right20 {
	margin-right:20px;
}
.dp_space30 {
	margin:30px;
}
.dp_space-top30 {
	margin-top:30px;
}
.dp_space-bottom30 {
	margin-bottom:30px;
	-webkit-margin-after:30px !important; /* Nodig omdat anders Chrome deze class niet respecteert */
}
.dp_space-left30 {
	margin-left:30px;
}
.dp_space-right30 {
	margin-right:30px;
}
/* end */
.dp_in-a-row {
	float:left;	
}
.dp_clearfix { /* Gebruik dit voor de omliggende div van de gefloate elementen. */
  *zoom: 1;
}
.dp_clearfix:before,
.dp_clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.dp_clearfix:after {
  clear:both;
}
/* end */
.dp_clr { /* Aan div toevoegen die als doel heeft om floaten te stoppen */
	clear:both;
}
/* end */
.dp_shadow {
	/* horizontal offset, vertical offset, optional blur distance and optional spread distance of the shadow */
	/* Text-shadow generator: css-generators.com/#CSS_Features */
	/* Gebruik inset | box-shadow:inset 0 0 10px #000000; | voor schaduw binnen het element */
	/* Combineren van schaduwen met volgende schrijfwijze: box-shadow: 3px 3px red, -1em 0 0.4em olive; */
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	box-shadow:0px 0px 4px rgba(0,0,0,0.65);
}
/* end */
.dp_tekstschaduw {
	/* Text-shadow generator: css-generators.com/#CSS_Features */
	/* Horizontale positie - verticale positie - focus */
	text-shadow:5px 5px 4px rgba(0,0,0,0.70);
}
/* end */
.dp_roundcorner10 {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.dp_roundcorner20 {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
/* end */
.dp_fotoflipx {
	-moz-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	filter:FlipH;
	-ms-filter:"FlipH";
}
.dp_fotoflipy {
	-moz-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
	transform:scaleY(-1);
	filter:FlipV;
	-ms-filter:"FlipV";
}
/* end */
.dp_video-container-16x9,
.dp_video-container-4x3 { /* Plaats een <div class="dp_video-container" om een Youtube iframe zodat deze responsive wordt */
  position:relative;
  padding-top:30px;
  height:0; 
  overflow:hidden;
}
.dp_video-container-16x9 {
  padding-bottom:56.25%; /* 16:9 */	
}
.dp_video-container-4x3 {
  padding-bottom:75%; /* 4:3 */	
}
.dp_video-container-16x9 iframe,
.dp_video-container-16x9 object,
.dp_video-container-16x9 embed,
.dp_video-container-4x3 iframe,
.dp_video-container-4x3 object,
.dp_video-container-4x3 embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
	border:0 none;
}
/* end */
.dp_responsive-tabel { /* Zet een DIV met deze class om de tabel die responsive moet worden: <div class="dp_responsive-tabel"> */
	overflow-x:auto;
	margin-bottom:20px;	
}
.dp_tabel-opmaak1,
.dp_tabel-opmaak2 {
	width:100%;	
}
.dp_tabel-opmaak2 th, .dp_tabel-opmaak2 td { /* Opmaak voor tabellen */
	border:#231F20 1px solid;
}
.dp_tabel-opmaak1 th, .dp_tabel-opmaak1 td,
.dp_tabel-opmaak2 th, .dp_tabel-opmaak2 td {
	vertical-align:top;
}
.dp_tabel-opmaak2 th, .dp_tabel-opmaak2 td {
	padding:4px;
}
/* end */
.dp_divtable { /* Tabel op basis van DIVS */
	display:table;
	box-sizing:border-box; /* juni 2016 toegevoegd */
	width:100%;
	margin:10px 0; /* Ruimte onder en boven tabel */
	/* border-spacing:5px; */ /* Ruimte om cellen heen - Werkt alleen als border-collapse:seperate; wordt gebruikt */
}
.dp_divrow {
	display:table-row;
}
/* Steek geen moeite in margins en paddings in CSS tabel cellen want dat werkt gewoon niet.  */
.dp_divcell1,
.dp_divcell2,
.dp_divcell3,
.dp_divcell4,
.dp_divcell5,
.dp_divcell25,
.dp_divcell75 {
	display:table-cell;
	vertical-align:top;
	/* border:1px solid #000;
	border-collapse:collapse; */
	/* padding:10px; ruimte in cellen zelf */
}
.dp_divcell1 {
	width:100%;
}
.dp_divcell2 {
	width:50%;
}
.dp_divcell3 {
	width:33.33%;
}
.dp_divcell4 {
	width:25%;
}
.dp_divcell5 {
	width:20%;
}
.dp_divcell25 {
	width:25%;
}
.dp_divcell75 {
	width:75%;
}
/* end */
a.dp_knop:link,
a.dp_knop:visited {
	position:relative;
	padding:10px;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border:#377966 1px solid;
	/* Eenvoudig crossbrowser gradients maken: colorzilla.com/gradient-editor/ */
	background-color:#377966;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D3DAD6), to(#377966));
	background: -webkit-linear-gradient(#D3DAD6, #377966);
	background: -moz-linear-gradient(#D3DAD6, #377966);
	background: -ms-linear-gradient(#D3DAD6, #377966);
	background: -o-linear-gradient(#D3DAD6, #377966);
	background: linear-gradient(#D3DAD6, #377966);
	-pie-background: linear-gradient(#D3DAD6, #377966);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
a.dp_knop:hover,
a.dp_knop:active {
	color:#231F20;
}
input[type="submit"],
a.dp_knop02:link,
a.dp_knop02:visited {
	position:relative;
	padding:10px;
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	border:1px solid #fff;
	background-color:#377966;
	margin-bottom:20px;
}
input[type="submit"]:hover,
a.dp_knop02:hover,
a.dp_knop02:active {
	color:#000;
}
input[type='email'] {
	border:1px solid #000;
}
/* end */
.dp_nbr {
	white-space:nowrap;
}
/* end */
.dp_nostrong {
	font-weight:300;	
}
/* end */
.dp_contactblok {
	max-width:800px;
	padding-bottom:20px;
	margin:0 auto 10px;
	background:url(../images/contactblok.gif) bottom center no-repeat;
	clear:both;
}
.dp_contactblok p  {
	margin:0;
	padding:10px;
	text-align:center;
	color:#fff;
	-webkit-text-size-adjust:none;
	background-color:#0978C2;
	transition:all .2s ease-in-out;
}
.dp_contactblok p:hover  {
	-webkit-transform:scale(1.02);
	-ms-transform:scale(1.02);
	transform:scale(1.02);
}
.dp_contactblok p a:link,
.dp_contactblok p a:visited,
.dp_contactblok p a:hover,
.dp_contactblok p a:active {
	color:#fff;
	text-decoration:none;
}
.dp_contactblok-actie {
	text-align:center;
	margin-bottom:30px;
	transition:all .2s ease-in-out;
}
.dp_contactblok-actie a {
	border:1px solid #64A80A;
	transition:all .2s ease-in-out;
	font-weight:700;
}
.dp_contactblok-actie a:link,
.dp_contactblok-actie a:visited {
	display:inline-block;
	padding:10px;
	color:#FFF;
	-webkit-text-size-adjust:none;
	text-decoration:none;
	background-color:#64A80A;
}
.dp_contactblok-actie a:hover,
.dp_contactblok-actie a:active {
	color:#FFF;
	-webkit-text-size-adjust:none;
	background-color:#72c00b;
}
.dp_contactblok-actie a:hover {
	-webkit-transform:scale(1.02);
	-ms-transform:scale(1.02);
	transform:scale(1.02);
	border:1px solid #64A80A;
}
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Extra kleine, kleinere en kleine apparaten */
	.dp_weg500 {
		display:none;	
	}
}
@media all
and (min-width: 501px)
and (max-width: 767px) { /* Kleinere apparaten */
	.dp_weg501-767 {
		display:none;	
	}
}
@media all
and (min-width: 768px)
and (max-width: 991px) { /* Kleine apparaten */
	.dp_weg768-991 {
		display:none;	
	}
}
@media all
and (min-width: 992px)
and (max-width: 1199px) { /* Gemiddelde apparaten */
	.dp_weg992-1199 {
		display:none;	
	}
}
@media all
and (max-width: 1199px) { /* Extra kleine tot gemiddelde apparaten */
	.dp_weg-max-1199 {
		display:none;	
	}
}
@media all
and (min-width: 1200px) { /* Grote apparaten */
	.dp_weg-min1200 {
		display:none;	
	}
}
/* end */
.dp_blocks {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex; /* flex container */
	justify-content:space-between; /* Verdeel childs gelijkmatig */
	flex-wrap:wrap;
	align-items:stretch; /* Verticale uitlijning childs. Gebruik: stretch|center|flex-start|flex-end */
}
.dp_block1,
.dp_block2,
.dp_block20,
.dp_block3,
.dp_block30,
.dp_block4,
.dp_block40,
.dp_block5,
.dp_block50,
.dp_block6,
.dp_block60,
.dp_block7,
.dp_block70,
.dp_block8,
.dp_block80,
.dp_block9,
.dp_block90,
.dp_block10,
.dp_block100 {
	position:relative;
	margin-bottom:20px;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	overflow:hidden;
}
.dp_block1 {
	width:100%;
	background-color:gold;
}
.dp_block2 { /* 3% gutter width */
	width:48.5%;
	background-color:RoyalBlue;
}
.dp_block2:nth-child(odd) {
	background-color:DodgerBlue;
}
.dp_block20 {
	width:50%;
	background-color:RoyalBlue;
}
.dp_block20:nth-child(odd) {
	background-color:DodgerBlue;
}
.dp_block3 { /* 3% gutter width */
	width:31.33%;
	background-color:gold;
}
.dp_block3:nth-child(odd) {
	background-color:GoldenRod;
}
.dp_block3.dp_blockmerge2 {
	width:65.66%;
}
.dp_block30 { /* 0% gutter width */
	width:33.33%;
	background-color:gold;
}
.dp_block30:nth-child(odd) {
	background-color:GoldenRod;
}
.dp_block30.dp_blockmerge2 {
	width:66.66%;
}
.dp_block4 {
	width:22.75%; /* 3% gutter width */
	background-color:#fff;
}
.dp_block4:nth-child(odd) {
	background-color:#fff;
}
.dp_block4.dp_blockmerge2 {
	width:48.5%;
}
.dp_block4.dp_blockmerge3 {
	width:74.25%;
}
.dp_block40 {
	width:25%; /* 0% gutter width */
	background-color:#fff;
}
.dp_block40:nth-child(odd) {
	background-color:#fff;
}
.dp_block40.dp_blockmerge2 {
	width:50%;
}
.dp_block40.dp_blockmerge3 {
	width:75%;
}
.dp_block5 {
	width:18.40%; /* 2% gutter width */
	background-color:gold;
}
.dp_block5:nth-child(odd) {
	background-color:GoldenRod;
}
.dp_block5.dp_blockmerge2 {
	width:38.80%;
}
.dp_block5.dp_blockmerge3 {
	width:59.20%;
}
.dp_block5.dp_blockmerge4 {
	width:79.60%;
}
.dp_block50 {
	width:20%; /* 0% gutter width */
	background-color:gold;
}
.dp_block50:nth-child(odd) {
	background-color:GoldenRod;
}
.dp_block50.dp_blockmerge2 {
	width:40%;
}
.dp_block50.dp_blockmerge3 {
	width:60%;
}
.dp_block50.dp_blockmerge4 {
	width:80%;
}
.dp_block6 {
	width:15.00%; /* 2% gutter width */
	background-color:RoyalBlue;
}
.dp_block6:nth-child(odd) {
	background-color:DodgerBlue;
}
.dp_block6.dp_blockmerge2 {
	width:32.00%;
}
.dp_block6.dp_blockmerge3 {
	width:49.00%;
}
.dp_block6.dp_blockmerge4 {
	width:66.00%;
}
.dp_block6.dp_blockmerge5 {
	width:83.00%;
}
.dp_block60 {
	width:16.66%; /* 0% gutter width */
	background-color:RoyalBlue;
}
.dp_block60:nth-child(odd) {
	background-color:DodgerBlue;
}
.dp_block60.dp_blockmerge2 {
	width:33.32%;
}
.dp_block60.dp_blockmerge3 {
	width:49.98%;
}
.dp_block60.dp_blockmerge4 {
	width:66.64%;
}
.dp_block60.dp_blockmerge5 {
	width:83.30%;
}
.dp_block7 {
	width:12.58%; /* 1.99% gutter width */
	background-color:gold;
}
.dp_block7:nth-child(odd) {
	background-color:GoldenRod;
}
.dp_block7.dp_blockmerge2 {
	width:27.15%;
}
.dp_block7.dp_blockmerge3 {
	width:41.72%;
}
.dp_block7.dp_blockmerge4 {
	width:56.29%;
}
.dp_block7.dp_blockmerge5 {
	width:70.86%;
}
.dp_block7.dp_blockmerge6 {
	width:85.43%;
}
.dp_block70 {
	width:14.28%; /* 0% gutter width */
	background-color:gold;
}
.dp_block70:nth-child(odd) {
	background-color:GoldenRod;
}
.dp_block70.dp_blockmerge2 {
	width:28.57%;
}
.dp_block70.dp_blockmerge3 {
	width:42.85%;
}
.dp_block70.dp_blockmerge4 {
	width:57.14%;
}
.dp_block70.dp_blockmerge5 {
	width:71.42%;
}
.dp_block70.dp_blockmerge6 {
	width:85.71%;
}
.dp_block8 {
	width:11.10%; /* 1.60% gutter width */
	background-color:RoyalBlue;
}
.dp_block8:nth-child(odd) {
	background-color:DodgerBlue;
}
.dp_block8.dp_blockmerge2 {
	width:23.80%;
}
.dp_block8.dp_blockmerge3 {
	width:36.50%;
}
.dp_block8.dp_blockmerge4 {
	width:49.20%;
}
.dp_block8.dp_blockmerge5 {
	width:61.90%;
}
.dp_block8.dp_blockmerge6 {
	width:74.60%;
}
.dp_block8.dp_blockmerge7 {
	width:87.30%;
}
.dp_block80 {
	width:12.50%; /* 0% gutter width */
	background-color:RoyalBlue;
}
.dp_block80:nth-child(odd) {
	background-color:DodgerBlue;
}
.dp_block80.dp_blockmerge2 {
	width:25%;
}
.dp_block80.dp_blockmerge3 {
	width:37.50%;
}
.dp_block80.dp_blockmerge4 {
	width:50%;
}
.dp_block80.dp_blockmerge5 {
	width:62.50%;
}
.dp_block80.dp_blockmerge6 {
	width:75%;
}
.dp_block80.dp_blockmerge7 {
	width:87.50%;
}
.dp_block9 {
	width:10.40%; /* 0.80% gutter width */
	background-color:gold;
}
.dp_block9:nth-child(odd) {
	background-color:GoldenRod;
}
.dp_block9.dp_blockmerge2 {
	width:21.60%;
}
.dp_block9.dp_blockmerge3 {
	width:32.80%;
}
.dp_block9.dp_blockmerge4 {
	width:44%;
}
.dp_block9.dp_blockmerge5 {
	width:55.2%;
}
.dp_block9.dp_blockmerge6 {
	width:66.40%;
}
.dp_block9.dp_blockmerge7 {
	width:77.60%;
}
.dp_block9.dp_blockmerge8 {
	width:88.80%;
}
.dp_block90 {
	width:11.11%; /* 0% gutter width */
	background-color:gold;
}
.dp_block90:nth-child(odd) {
	background-color:GoldenRod;
}
.dp_block90.dp_blockmerge2 {
	width:22.22%;
}
.dp_block90.dp_blockmerge3 {
	width:33.33%;
}
.dp_block90.dp_blockmerge4 {
	width:44.44%;
}
.dp_block90.dp_blockmerge5 {
	width:55.55%;
}
.dp_block90.dp_blockmerge6 {
	width:66.66%;
}
.dp_block90.dp_blockmerge7 {
	width:77.77%;
}
.dp_block90.dp_blockmerge8 {
	width:88.88%;
}
.dp_block10 {
	width:9.10%; /* 1.00% gutter width */
	background-color:RoyalBlue;
}
.dp_block10:nth-child(odd) {
	background-color:DodgerBlue;
}
.dp_block10.dp_blockmerge2 {
	width:19.20%;
}
.dp_block10.dp_blockmerge3 {
	width:29.30%;
}
.dp_block10.dp_blockmerge4 {
	width:39.40%;
}
.dp_block10.dp_blockmerge5 {
	width:49.50%;
}
.dp_block10.dp_blockmerge6 {
	width:59.60%;
}
.dp_block10.dp_blockmerge7 {
	width:69.70%;
}
.dp_block10.dp_blockmerge8 {
	width:79.80%;
}
.dp_block10.dp_blockmerge9 {
	width:89.90%;
}
.dp_block100 {
	width:10%; /* 0% gutter width */
	background-color:RoyalBlue;
}
.dp_block100:nth-child(odd) {
	background-color:DodgerBlue;
}
.dp_block100.dp_blockmerge2 {
	width:20%;
}
.dp_block100.dp_blockmerge3 {
	width:30%;
}
.dp_block100.dp_blockmerge4 {
	width:40%;
}
.dp_block100.dp_blockmerge5 {
	width:50%;
}
.dp_block100.dp_blockmerge6 {
	width:60%;
}
.dp_block100.dp_blockmerge7 {
	width:70%;
}
.dp_block100.dp_blockmerge8 {
	width:80%;
}
.dp_block100.dp_blockmerge9 {
	width:90%;
}
@media all
and (min-width: 1px)
and (max-width: 767px) { /* Omslagpunt automatisch responsive tot 767px tenzij de class dp_blockbr500 toegevoegd is */
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > div,
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > .dp_blockmerge2,
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > .dp_blockmerge3,
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > .dp_blockmerge4,
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > .dp_blockmerge5,
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > .dp_blockmerge6,
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > .dp_blockmerge7,
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > .dp_blockmerge8,
	.dp_blocks:not(.dp_not-resp):not(.dp_blockbr500) > .dp_blockmerge9 {
		width:100.00%;
	}
}
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Omslagpunt handmatig responsive tot 500px.  */
	.dp_blocks.dp_blockbr500 > div,
	.dp_blocks.dp_blockbr500 > .dp_blockmerge2,
	.dp_blocks.dp_blockbr500 > .dp_blockmerge3,
	.dp_blocks.dp_blockbr500 > .dp_blockmerge4,
	.dp_blocks.dp_blockbr500 > .dp_blockmerge5,
	.dp_blocks.dp_blockbr500 > .dp_blockmerge6,
	.dp_blocks.dp_blockbr500 > .dp_blockmerge7,
	.dp_blocks.dp_blockbr500 > .dp_blockmerge8,
	.dp_blocks.dp_blockbr500 > .dp_blockmerge9 {
		width:100.00%;
	}
}
@media all
and (min-width: 1px)
and (max-width: 991px) { /* Omslagpunt handmatig responsive tot 991px.  */
	.dp_blocks.dp_blockbr991 > div,
	.dp_blocks.dp_blockbr991 > .dp_blockmerge2,
	.dp_blocks.dp_blockbr991 > .dp_blockmerge3,
	.dp_blocks.dp_blockbr991 > .dp_blockmerge4,
	.dp_blocks.dp_blockbr991 > .dp_blockmerge5,
	.dp_blocks.dp_blockbr991 > .dp_blockmerge6,
	.dp_blocks.dp_blockbr991 > .dp_blockmerge7,
	.dp_blocks.dp_blockbr991 > .dp_blockmerge8,
	.dp_blocks.dp_blockbr991 > .dp_blockmerge9 {
		width:100.00%;
	}
}
.dp_block1 > *,
.dp_block2 > *,
.dp_block20 > *,
.dp_block3 > *,
.dp_block30 > *,
.dp_block4 > *,
.dp_block40 > *,
.dp_block5 > *,
.dp_block50 > *,
.dp_block6 > *,
.dp_block60 > *,
.dp_block7 > *,
.dp_block70 > *,
.dp_block8 > *,
.dp_block80 > *,
.dp_block9 > *,
.dp_block90 > *,
.dp_block10 > *,
.dp_block100 > * { /* Zorgen voor ruimte in blokken. */
	padding:0 10px;
}
.dp_blocks.dp_full-item > div > *,
.dp_blocks > div.dp_full-item > * {
	padding-right:0;
	padding-left:0;
}
.dp_blocks.dp_nomar-bottom > div,
.dp_blocks > div.dp_nomar-bottom {
	margin-bottom:0;
}
.dp_block-ce-align { /* Inhoud horizontaal en verticaal centreren - voeg bijv. toe als <div class="dp_block1"><p class="dp_block-vtext">Tekst</p></div> */
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	max-width:100%;	
}
.dp_block-ro-align { /* Inhoud rechtsonder positioneren */
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	height:100%;
	max-width:100%;	
}
.dp_block-lb-align { /* Inhoud linksboven positioneren */
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	height:100%;
	max-width:100%;	
}
.dp_block-vblock { /* Blocks verticaal centreren - voeg bijv. toe als <div class="dp_block1 dp_block-vblock"><p class="dp_tcenter">Tekst</p></div> */
	align-self:center;
}
.dp_block-border > div { /* Voeg class dp_block-border toe aan class dp_blocks om kaders weer te geven */
	border:1px solid #fff;
	box-sizing:border-box;
}
p.dp_block-button,
p.dp_block-button a { /* Gecentreerde knop - voeg bijv. toe als <div class="dp_block1 dp_full-item"><p class="dp_block-button"><a href="#">Bloklink</a></p></div> */
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	width:100%;	
}
p.dp_block-button a:link,
p.dp_block-button a:visited {
	color:white;
	background-color:green;
}
p.dp_block-button a:hover,
p.dp_block-button a:active {
	color:#000;
	background-color:#fff;
}
.dp_block-img-l h2,
.dp_block-img-c h2,
.dp_block-img-r h2 { /* Op deze wijze toevoegen: <div class="dp_block1 dp_block-img-l"><h2><span>Tekst</span></h2><p><a href="#"><img src="image.jpg" /></a></p></div> */
	margin:0;
	width:100%;
	color:#fff;
	position:absolute;
	z-index:3;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	text-shadow:0px 0px 4px rgba(0,0,0,0.15);
	pointer-events:none;
}
.dp_block-img-l h2 {
	text-align:left;
}
.dp_block-img-c h2 {
	text-align:center;
}
.dp_block-img-r h2 {
	text-align:right;
}
.dp_block-img-l h2 span,
.dp_block-img-c h2 span,
.dp_block-img-r h2 span {
	padding:10px;
	display:inline-block;
	background:rgba(255,255,255,0.15);
}
.dp_block-img-l p.dp_block-img-overlay::after,
.dp_block-img-c p.dp_block-img-overlay::after,
.dp_block-img-r p.dp_block-img-overlay::after { /* Op deze wijze toevoegen: <div class="dp_block1 dp_block-img-l"><h2><span>Tekst</span></h2><p class="dp_block-img-overlay"><img src="image.jpg" /></p></div> */
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:"";
	position:absolute;
	z-index:1;
	/* background:rgba(0,0,0,0.50); */
}
.dp_block-img-l a:link::after,
.dp_block-img-c a:link::after,
.dp_block-img-r a:link::after {
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:"";
	position:absolute;
	z-index:2;
	background:rgba(255,0,0,0.00);
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.dp_block-img-l a:hover::after,
.dp_block-img-c a:hover::after,
.dp_block-img-r a:hover::after {
	background:rgba(0,0,0,0.30);
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
/* END */

/* OP MAAT GEMAAKTE CLASSES SPECIFIEK VOOR DIT TEMPLATE */
body {
	background-color:#0A141F;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02' fill-rule='nonzero'%3E%3Cpath d='M29 58.58l7.38-7.39A30.95 30.95 0 0 1 29 37.84a30.95 30.95 0 0 1-7.38 13.36l7.37 7.38zm1.4 1.41l.01.01h-2.84l-7.37-7.38A30.95 30.95 0 0 1 6.84 60H0v-1.02a28.9 28.9 0 0 0 18.79-7.78L0 32.41v-4.84L18.78 8.79A28.9 28.9 0 0 0 0 1.02V0h6.84a30.95 30.95 0 0 1 13.35 7.38L27.57 0h2.84l7.39 7.38A30.95 30.95 0 0 1 51.16 0H60v27.58-.01V60h-8.84a30.95 30.95 0 0 1-13.37-7.4L30.4 60zM29 1.41l-7.4 7.38A30.95 30.95 0 0 1 29 22.16 30.95 30.95 0 0 1 36.38 8.8L29 1.4zM58 1A28.9 28.9 0 0 0 39.2 8.8L58 27.58V1.02zm-20.2 9.2A28.9 28.9 0 0 0 30.02 29h26.56L37.8 10.21zM30.02 31a28.9 28.9 0 0 0 7.77 18.79l18.79-18.79H30.02zm9.18 20.2A28.9 28.9 0 0 0 58 59V32.4L39.2 51.19zm-19-1.4a28.9 28.9 0 0 0 7.78-18.8H1.41l18.8 18.8zm7.78-20.8A28.9 28.9 0 0 0 20.2 10.2L1.41 29h26.57z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#sportprijs_aanbiedingen h1 {
	margin:20px 0;
	padding:28px 0 20px;
	color:#fff;
	text-align:center;
	font-size:60px;
	line-height:60px;
	text-shadow:4px 4px 0px rgba(0,0,0,0.20);
}
#sportprijs_aanbiedingen .dp_block4 {
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	box-shadow:0px 0px 4px rgba(0,0,0,0.65);
	background:-moz-linear-gradient(-45deg,  #ffffff 50%, #cccccc 100%);
	background:-webkit-linear-gradient(-45deg,  #ffffff 50%,#cccccc 100%);
	background:linear-gradient(135deg,  #ffffff 50%,#cccccc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 );
}
#sportprijs_aanbiedingen .dp_block4 a:link,
#sportprijs_aanbiedingen .dp_block4 a:visited {
	display:inline-block;
	border:3px solid #ffffff;
}
#sportprijs_aanbiedingen .dp_block4 a:hover,
#sportprijs_aanbiedingen .dp_block4 a:active {
	border-color:#004382;
}
#sportprijs_aanbiedingen .dp_block4 a img {
	vertical-align:middle;
	width:100%;
	height:auto;
	object-fit:cover;
	object-position:50% 50%;
}
#sportprijs_aanbiedingen .dp_block4 h2 {
	color:#004382;
}
#sportprijs_aanbiedingen .dp_block4 h2,
#sportprijs_aanbiedingen .dp_block4 p {
	text-align:center;
	margin:10px 0;
}
#sportprijs_aanbiedingen .dp_block4 p span {
	display:inline-block;
	color:#DCD1A6;
	background-color:#0A141F;
	margin:3px;
	padding:0 4px;
}
/* end */