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

/* TEMPLATE FUNDERING */
/* ALLEEN VOOR DIT TEMPLATE AANGEMAAKTE JOOMLA CLASSES */
/* TEMPLATE ONAFHANKELIJKE STANDAARD JOOMLA CLASSES */
/* TEMPLATE ONAFHANKELIJKE STANDAARD JOOMLA BOOTSTRAP CLASSES */
/* RESPONSIVE VIEWPORT WEERGAVE BALK */

/* rood: #E3001A - lichtrood: #F21E38 - grijs: #E3E3E3 - antraciet: #241E20 */

/* TEMPLATE FUNDERING */
body {
	margin:0 0 0;
	padding:0; /* Padding links en rechts van website voorkomen bij resoluties kleiner dan 768 */
	overflow-y:scroll;
	background:#151515 url(../images/bg-content.jpg) center top repeat;
	/* 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 */
a#dp_logo:active,
a#dp_logo:focus {
	outline:0;
}
a.dp_homelogo {
	cursor:default;	
}
/* end */
.dp_container { /* Voorheen container class */
	margin:0 auto;
	padding:0 30px;
	max-width:1680px;
	/* background-color:#fff; */
}
body > .dp_container { /* Indien .dp_container class direct na de body tag */
	padding:0;
	max-width:100%;
}
@media all
and (min-width: 1px)
and (max-width: 500px) {
	.dp_container {
		padding:0 5px;
	}
}
@media all
and (min-width: 501px)
and (max-width: 767px) {
	.dp_container {
		padding:0 10px;
	}
}
@media all
and (min-width: 768px)
and (max-width: 991px) {
	.dp_container {
		padding:0 20px;
	}
}
/* 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; */
}
/* Dit kan als ik het niet mis helemaal weggelaten worden.
#dp_content :last-child,
#dp_leftsidebar :last-child,
#dp_rightsidebar :last-child {
	margin-bottom:0;
}*/
#dp_leftsidebar,
#dp_rightsidebar {
	float:left;
	width:20%;
	/* 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:14px; /* voorheen 18px */
	line-height:19px; /* voorheen 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; /* voorheen 25px */
	line-height:23px; /* voorheen 30px */
	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;
	}
	#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:14px; /* voorheen 12px */
		line-height:19px; /* voorheen 17px */
	}
	#dp_maincontent button:not(.btn-micro),
	#dp_maincontent a.btn:not(.btn-micro) {
		font-size:18px; /* voorheen 18px */
		line-height:23px; /* voorheen 23px */
	}
}
@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;
	}
	#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:14px; /* voorheen 14px */
		line-height:19px; /* voorheen 19px */
	}
	#dp_maincontent button:not(.btn-micro),
	#dp_maincontent a.btn:not(.btn-micro) {
		font-size:18px; /* voorheen 20px */
		line-height:23px; /* voorheen 25px */
	}
}
@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;
	}
	#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:14px; /* voorheen 14px */
		line-height:19px; /* voorheen 19px */
	}
	#dp_maincontent button:not(.btn-micro),
	#dp_maincontent a.btn:not(.btn-micro) {
		font-size:18px; /* voorheen 20px */
		line-height:23px; /* voorheen 25px */
	}
}
@media all
and (min-width: 992px)
and (max-width: 1199px) { /* Gemiddelde apparaten */
	#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:14px; /* voorheen 16px */
		line-height:19px; /* voorheen 21px */
	}
	#dp_maincontent button:not(.btn-micro),
	#dp_maincontent a.btn:not(.btn-micro) {
		font-size:18px; /* voorheen 22px */
		line-height:23px; /* voorheen 27px */
	}
}
/* end */
.dp_copyright {
	color:#1f1f1f;
	font-size:80%;
	line-height:30px; /* voorheen 20px */
	text-align:center;
	margin:0 auto;
	padding:10px;
	max-width:auto;
	background-color:#000;
}
.dp_copyright a:link,
.dp_copyright a:visited {
	text-decoration:none;
	color:inherit;
}
.dp_copyright a:hover,
.dp_copyright a:active {
	color:#E3001A;
}
@media all and (min-width: 1px) and (max-width: 500px) {
	.dp_copyright {
		font-size:70%;
	}
}
/* 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 */

/* ALLEEN VOOR DIT TEMPLATE AANGEMAAKTE JOOMLA CLASSES */
#dp_topnav ul {
	text-align:right;
}
#dp_topnav {
	background-color:#000;
	padding:5px 0;
}
#dp_topnav li {
	display:inline-block;
	font-size:15px;
	line-height:15px;
}
#dp_topnav a:link,
#dp_topnav a:visited {
	color:#fff;
	text-decoration:none;
	padding:0 5px;
}
#dp_topnav .current a,
#dp_topnav a:hover,
#dp_topnav a:active {
	color:#E3001A;
	background-color:transparent;
}
#dp_topnav li:first-child a {
	padding-left:0;
}
#dp_topnav li:last-child a {
	padding-right:0;
}
/* end */
#dp_secondrow {
	position:relative;
	background-color:#e3e3e3;
	border-top:#E3001A 1px solid;
	border-bottom:#E3001A 1px solid;
	z-index:1000;
}
#dp_secondrow .dp_divtable {
	margin:0;
	padding:10px 0;
	background-color:#e3e3e3;
}
#dp_secondrow .dp_divcell3{
	text-align:center;
}
#dp_secondrow #dp_dealers li {
	display:inline-block;
}
#dp_secondrow #dp_dealers a:link,
#dp_secondrow #dp_dealers a:visited {
	color:#000;
	font-weight:300;
	text-decoration:none;
	padding:4px 40px;
	border:1px solid #E3001A;
	background-color:#E3E3E3;
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65); /* Firefox/Mozilla */
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65); /*Safari/Chrome */
	box-shadow:0px 0px 4px rgba(0,0,0,0.65); /* Opera & hoe het zou moeten. */
}
#dp_secondrow #dp_dealers .current a,
#dp_secondrow #dp_dealers a:hover,
#dp_secondrow #dp_dealers a:active {
	color:#E3001A;
	background-color:transparent;
}
#dp_secondrow #dp_logo img {
	max-width:224px;
	height:auto;
}
#dp_secondrow .dp_divcell3#dp_zoekvenster form {
	margin-bottom:0;	
}
#dp_secondrow .dp_divcell3#dp_zoekvenster input {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	padding-left:31px;
	border-radius:0;
	border:#E3001A 1px solid;
	color:#000;
	background:#fff url(../images/zoeken-vergrootglas.png) 8px 8px no-repeat;
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65); /* Firefox/Mozilla */
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65); /*Safari/Chrome */
	box-shadow:0px 0px 4px rgba(0,0,0,0.65); /* Opera & hoe het zou moeten. */
}
/* Let op: de placeholders kunnen niet gecombineerd worden */
#dp_secondrow .dp_divcell3#dp_zoekvenster input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:#000 !important;
	opacity:1;
}
#dp_secondrow .dp_divcell3#dp_zoekvenster input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#000 !important;
	opacity:1;
}
#dp_secondrow .dp_divcell3#dp_zoekvenster input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#000 !important;
	opacity:1;
}
#dp_secondrow .dp_divcell3#dp_zoekvenster input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#000 !important;
	opacity:1;
}
#dp_secondrow .dp_divcell3#dp_zoekvenster input::placeholder { /* Wordt waarschijnlijk de standaard */
	color:#000 !important;
	opacity:1;
}
#dp_secondrow .dp_divcell3#dp_zoekvenster input:focus {
	border-color: rgba(247,196,7,0.8);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.65); /* Firefox/Mozilla */
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.65); /*Safari/Chrome */
	box-shadow:0px 0px 4px rgba(0,0,0,0.65); /* Opera & hoe het zou moeten. */
}
/* end */
#dp_mainnav {
	background-color:#E3001A;
	/* overflow:hidden; als dit aan staat is het submenu niet zichtbaar */
	display:block;
}
#dp_mainnav .container {
	width:100%;
}
/* Begin: JUX CSS3 Mega menu */
body {
	overflow-x:hidden; /* Nodig om problemen met een horizontale scrollbar op te lossen in IE als het menu horizontaal gecentreerd wordt. */
}
.jux-fa.jux-fa-bars {
	margin-bottom:3px !important;
}
#js-meganav ul.level0 > li > a.haschild.megacss3 > span.menu-title:after { /* Eerste level: pijl naar beneden bij dropdown */
	margin-top:4px;
}
#js-meganav-off-canvas.js-megamenu-off-canvas {
  margin-top:0 !important; /* Voorkomen dat offcanvas menu aan de onderkant een rand toont */
}
/* Lettergroottes bepalen */
.js-megamenu-off-canvas .jux-closed{
    font-size: 29px !important;
}
#jux_megamenucss3 .megamenu .js-megamenu {
  font-family:'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
}
#jux_megamenucss3 .menu-title .font-icon-drop,
#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.image-title,
#jux_megamenucss3 .megamenu ul.level0 li.megacss3 .group-content,
#jux_megamenucss3 .js-megamenu .megamenu i.jux-fa {
  font-size: 18px !important;
}#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title,
#jux_megamenucss3 .megamenu ul.level0 li.megacss3 .group-title {
  font-size: 19px !important;
}
#jux_megamenucss3 .megamenu ul.megamenu.level0 .contact-form form p {
  font-size: 16px !important;
}
#jux_megamenucss3 .jux-fa.jux-fa-bars {
  font-size: 30px !important;
}
#jux_megamenucss3 .jux-fa.jux-fa-bars:after {
	margin-left:5px;
	content:"Menu";
	font-family:'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-weight:300;
}
#dp_nav #jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild.megacss3 span.menu-title:after,
#dp_nav #jux_megamenucss3 .megamenu.horizontal ul.level0 li a.haschild-over.megacss3 span.menu-title:after,
#jux_megamenucss3 .megamenu ul.level1 li.megacss3 span.megacss3,
#jux_megamenucss3 .megamenu ul.level1 li.megacss3 a.megacss3 {
	font-weight:300 !important;
}
#jux_megamenucss3 .megamenu ul.level0 > li.megacss3 {
	font-weight:400 !important;	
}
.none .megamenu ul.level0 li.megacss3 a.megacss3,
.megamenu ul.level0 li.megacss3 span.megacss3,
.js-megamenu-off-canvas ul.level0 li>a {
	color:#fff !important; /* Conflict oplossen tussen Breezingforms en JUX CSS3 Mega menu */
}
.js-megamenu-off-canvas ul.level0 li > a:active,
.none #js-mainnavcss3 .active, #js-meganav-off-canvas .active {
	color:#fff !important; /* Conflict oplossen tussen Breezingforms en JUX CSS3 Mega menu */
}
/* Eind: JUX CSS3 Mega menu */
@media all
and (min-width: 1px)
and (max-width: 400px) {
	#dp_topnav ul {
		text-align:center;
	}
	#dp_topnav li {
		font-size:12px;
		line-height:12px;
	}
	#dp_secondrow .dp_divtable {
		display:block;
	}
	#dp_secondrow .dp_divcell3 {
		width:50%;
	}
	#dp_secondrow .dp_divcell3#dp_dealers {
		display:block;
		margin-bottom:10px;
		width:auto;
		text-align:center;
	}
	#dp_secondrow li,
	#dp_secondrow input {
		font-size:14px;
		line-height:19px;
	}
	#dp_secondrow .dp_divcell3#dp_logo {
		margin:20px 0;
	}
	#dp_secondrow .dp_divcell3#dp_logo img {
		padding:0 5%;
		width:90%;
		height:auto;
	}
	#dp_secondrow #dp_dealers a {
		padding:0 6px
	}
	#dp_secondrow .dp_divcell3#dp_zoekvenster {
		padding:0 10px;
	}
	#dp_secondrow .dp_divcell3#dp_zoekvenster input {
		padding:0 5% 0 15%;
		width:100%;
		box-sizing:border-box;
		background-position:2px 2px;
	}
}
@media all
and (min-width: 400px)
and (max-width: 767px) {
	#dp_topnav ul {
		text-align:center;
	}
	#dp_secondrow li,
	#dp_secondrow input {
		font-size:14px;
		line-height:19px;
	}
	#dp_secondrow .dp_divcell3#dp_logo img {
		padding:0 5%;
		width:90%;
		height:auto;
	}
	#dp_secondrow #dp_dealers a {
		padding:0 6px
	}
	#dp_secondrow .dp_divcell3#dp_zoekvenster {
		padding:0 10px;
	}
	#dp_secondrow .dp_divcell3#dp_zoekvenster input {
		padding:0 5% 0 15%;
		width:80%;
		box-sizing:border-box;
		background-position:2px 2px;
	}
}
@media all
and (min-width: 768px)
and (max-width: 991px) {
	#jux_megamenucss3 .megamenu .js-megamenu {
		font-family:'Roboto Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif !important;
		font-size: 13px !important;
	}
	#jux_megamenucss3 .menu-title .font-icon-drop,
	#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.image-title,
	#jux_megamenucss3 .megamenu ul.level0 li.megacss3 .group-content,
	#jux_megamenucss3 .js-megamenu .megamenu i.jux-fa {
		font-size: 13px !important;
	}#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title,
	#jux_megamenucss3 .megamenu ul.level0 li.megacss3 .group-title {
		font-size: 14px !important;
	}
	#jux_megamenucss3 .megamenu ul.megamenu.level0 .contact-form form p {
		font-size: 11px !important;
	}
	#jux_megamenucss3 .jux-fa.jux-fa-bars {
		font-size: 30px !important;
	}
}
#dp_sliderblok {
	position:relative;
	padding-bottom:20px;
	max-height:280px;
	background:#fff url(../images/slider_bg.jpg) bottom center repeat-x;
	background-size:contain;
	overflow:hidden;
}
#dp_img-left {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	text-align:left;
	height:100%;
}
#dp_img-right {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	z-index:1;
	text-align:right;
	height:100%;
}
.dp_img-slide {
	position:relative;
	top:0;
	bottom:0;
	z-index:3;
	height:100%;
	width:auto;
	object-fit:cover;
}
#dp_img-left .dp_img-slide {
	left:0;
}
#dp_img-right .dp_img-slide {
	right:0;
}
.dp_binnenrand {
	position:relative;
	top:0;
	bottom:0;
	z-index:4;
	height:100%;
	width:70px;
}
#dp_img-left .dp_binnenrand {
	left:-73px;
}
#dp_img-right .dp_binnenrand {
	right:-73px;
}
.dp_buitenrand {
	position:absolute;
	top:0;
	bottom:0;
	z-index:4;
	height:100%;
	width:auto;
}
#dp_img-left .dp_buitenrand {
	left:0;
}
#dp_img-right .dp_buitenrand {
	right:0;
}
#dp_sliderblok .dp_container {
	position:relative;
	z-index:3;
	text-align:center;
}
#dp_sliderblok h1 {
	margin:9px auto 17px !important;
	padding:5px;
	display:inline-block;
	color:#000;
	/* background-color:rgba(21,21,21,0.5); */
}
#dp_sliderblok h1.dp_tekstschaduw02 {
	/*text-shadow:none;*/
}
@media all
and (min-width: 1px)
and (max-width: 767px) {
	#dp_sliderblok {
		padding-bottom:10px;
	}
	.dp_img-slide {
		width:30%;
	}
}
@media all
and (min-width: 768px)
and (max-width: 991px) {
	.dp_img-slide {
		width:30%;
	}
}
@media all
and (min-width: 992px)
and (max-width: 1199px) {
	.dp_img-slide {
		width:50%;
	}
}
#dp_content {
	padding-top:30px;
	margin-top:0;
}
#dp_topafbeeldingen { /* Header afbeeldingen op vervolgpagina's */
	position:relative;
	z-index:1;
	height:300px;
	overflow:hidden;
}
#dp_topafbeeldingen img {
	width:100%;
	height:300px;
	object-fit:cover;
	object-position:center top;
	font-family: 'object-fit: cover; object-position: center top;'
}
#dp_topafbeeldingen h1.dp_tekstschaduw02 {
	position:absolute;
	top:18%;
	transform:translate(0, -18%);
	z-index:2;
	font-family:'Petit Formal Script', cursive, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:65px;
	line-height:65px;
	font-weight:bold;
}
#dp_content.dp_clearfix.dp_vervolgcontent {
	margin-top:-180px;
	position:relative;
	z-index:2;
}
@media all and (min-width: 1px) and (max-width: 500px) {
	#dp_topafbeeldingen h1.dp_tekstschaduw02 {
    left:50%;
		top:20%;
		width:98%;
		padding:0 1%;
    transform:translate(-50%, -20%);
		text-align:center;
		font-size:35px;
		line-height:35px;
	}
}
@media all and (min-width: 501px) and (max-width: 767px) {
	#dp_topafbeeldingen h1.dp_tekstschaduw02 {
    left:50%;
		top:20%;
		width:98%;
		padding:0 1%;
    transform:translate(-50%, -20%);
		text-align:center;
		font-size:45px;
		line-height:45px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#dp_topafbeeldingen h1.dp_tekstschaduw02 {
    left:50%;
		top:20%;
		width:98%;
		padding:0 1%;
    transform:translate(-50%, -20%);
		text-align:center;
		font-size:50px;
		line-height:50px;
	}
}
/* Blogweergave i.c.m. intstellingen in templateDetails.xml */
.blog-featured .grid-sizer,
.blog-featured .items-row {
	box-sizing:border-box;
}
.blog-featured .items-row {
	margin-bottom:2%;
	padding:2% 2% 0%;
	-moz-box-shadow:0 0 4px #000;
	-webkit-box-shadow:0 0 4px #000;
	box-shadow:0 0 4px #000;
	background:#ffffff;
}
.blog-featured .items-row:last-child {margin-bottom:0;}
/* Ruimte rondom artikelen */
.blog-featured .gutter-sizer {
	width:2%;
}
.blog-featured div[class~='items-row'] div.item {
	padding-bottom:0;	
	border-bottom:none;
}
/* Alle artikelen - 100% = 1 kolom - 49% = 2 kolommen - 32% = 3 kolommen */
@media all and (min-width: 1px) and (max-width: 500px) {
	.dp_blogart-2columns .grid-sizer,.dp_blogart-2columns .blog-featured .items-row {width:100%;}
	.dp_blogart-3columns .grid-sizer,.dp_blogart-3columns .blog-featured .items-row {width:100%;}
	.dp_blogart-vol .blog-featured .items-row.row-0 {width:100%;}
	.dp_blogart-vol .blog-featured .items-row.row-1 {width:100%;}
}
@media all and (min-width: 501px) and (max-width: 767px) {
	.dp_blogart-2columns .grid-sizer,.dp_blogart-2columns .blog-featured .items-row {width:100%;}
	.dp_blogart-3columns .grid-sizer,.dp_blogart-3columns .blog-featured .items-row {width:100%;}
	.dp_blogart-vol .blog-featured .items-row.row-0 {width:100%;}
	.dp_blogart-vol .blog-featured .items-row.row-1 {width:100%;}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.dp_blogart-2columns .grid-sizer,.dp_blogart-2columns .blog-featured .items-row {width:100%;}
	.dp_blogart-3columns .grid-sizer,.dp_blogart-3columns .blog-featured .items-row {width:100%;}
	.dp_blogart-vol .blog-featured .items-row.row-0 {width:100%;}
	.dp_blogart-vol .blog-featured .items-row.row-1 {width:100%;}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	.dp_blogart-2columns .grid-sizer,.dp_blogart-2columns .blog-featured .items-row {width:49%;} /* Alle artikelen - 2 kolommen */
	.dp_blogart-3columns .grid-sizer,.dp_blogart-3columns .blog-featured .items-row {width:32%;} /* Alle artikelen - 3 kolommen */
	.dp_blogart-2columns.dp_blogart1-vol .blog-featured .items-row.row-0 {width:100%;}
	.dp_blogart-2columns.dp_blogart2-vol .blog-featured .items-row.row-1 {width:100%;}
	.dp_blogart-3columns.dp_blogart1-vol .blog-featured .items-row.row-0 {width:66%;}
	.dp_blogart-3columns.dp_blogart2-vol .blog-featured .items-row.row-1 {width:66%;}
}
@media all and (min-width: 1200px) {
	.dp_blogart-2columns .grid-sizer,.dp_blogart-2columns .blog-featured .items-row {width:49%;} /* Alle artikelen - 2 kolommen */
	.dp_blogart-3columns .grid-sizer,.dp_blogart-3columns .blog-featured .items-row {width:32%;} /* Alle artikelen - 3 kolommen */
	.dp_blogart-2columns.dp_blogart1-vol .blog-featured .items-row.row-0 {width:49%;}
	.dp_blogart-2columns.dp_blogart2-vol .blog-featured .items-row.row-1 {width:49%;}
	.dp_blogart-3columns.dp_blogart1-vol .blog-featured .items-row.row-0 {width:66%;}
	.dp_blogart-3columns.dp_blogart2-vol .blog-featured .items-row.row-1 {width:66%;}
}
.dp_artikel1-wit .blog-featured .items-row.row-0,
.dp_artikel2-wit .blog-featured .items-row.row-1 {
	padding:0;	
}
.dp_artikel1-wit .blog-featured div[class~='items-row'].row-0 div.item,
.dp_artikel2-wit .blog-featured div[class~='items-row'].row-1 div.item {
	margin-bottom:0;
}
#dp_socialfeeds { /* Social feeds homepage */
	margin-bottom:30px;	
}
#dp_socialfeeds .dp_container {
	max-width:1200px;
}
#dp_socialfeeds .moduletable {
	float:left;
	margin-right:2%;
	width:32%;
	padding:2% 0;
	background-color:#fff;	
}
#dp_socialfeeds .moduletable:nth-child(3n+3) {
	margin-right:0;
}
#dp_socialfeeds .moduletable iframe {
	border:none;
	border:0;
	overflow:hidden;
}
@media all and (min-width: 1px) and (max-width: 991px) {
	#dp_socialfeeds .moduletable {
		float:none;
		margin-right:0;
		margin-bottom:2%;
		width:96%;
		padding:2%;
	}
	#dp_socialfeeds .moduletable.dp_last {
		margin-bottom:0;	
	}
}
#dp_paardruitermerken .dp_container { /* Merken logo's homepage */
	margin-bottom:30px;
}
#dp_paardruiterlinks { /* Dreamteam, Powerhorse, referentie logo's */
	background-color:#e3e3e3;
}
#dp_paardruiterlinks .dp_container {
	max-width:1200px;
}
#dp_footer { /* Footer opmaak */
	background-color:#151515;
}
#dp_footer .dp_container {
	padding:0 10px;	
}
#dp_footer .dp_divtable {
	margin:0;
	border-collapse:seperate;
	border-spacing:20px;
}
#dp_footer .dp_divtable .dp_divcell3 {
	vertical-align:top;
	text-align:center;
	border:#1f1f1f 2px solid;
	padding:0;
	box-sizing:border-box;
}
/* Onderstaande werd tot 20180823 gebruikt voor het routekaartje */
/*#dp_footer .dp_divtable .dp_divcell3#dp_footerblok1:not(iframe) {
	vertical-align:middle;
	background-color:#1F1F1F;
}
#dp_footer .dp_divtable .dp_divcell3#dp_footerblok1:not(iframe) a:link,
#dp_footer .dp_divtable .dp_divcell3#dp_footerblok1:not(iframe) a:visited {
	display:block;
	color:#fff;
	outline:0;
}
#dp_footer .dp_divtable .dp_divcell3#dp_footerblok1:not(iframe) a:hover,
#dp_footer .dp_divtable .dp_divcell3#dp_footerblok1:not(iframe) a:active {
	color:#000;
}
#dp_footer #dp_footerblok1 .moduletable p.dp_iframeonly {
	line-height:0;
}
#dp_footer #dp_footerblok1 .moduletable iframe {
	width:100%;
	height:300px;
	border:0;	
}
#dp_footer #dp_footerblok1 .moduletable {
	padding:0;	
}
*/
#dp_footer .moduletable {
	padding:10px;
}
#dp_footer .moduletable h3 {
	color:#fff;
	margin-top:0;
}
#dp_footer .moduletable a img {
	width:auto;
	height:20px;
	margin-right:5px;
}
#dp_footer .moduletable a:link,
#dp_footer .moduletable a:visited {
	color:#fff;
	text-decoration:none;
}
#dp_footer .moduletable a:hover,
#dp_footer .moduletable a:active,
#dp_footer .moduletable a:focus,
#dp_footer .moduletable li.current a:link,
#dp_footer .moduletable li.current a:visited {
	color:#E3001A;
	background-color:transparent;
}
#dp_footer .dp_divtable #dp_footerblok3.dp_divcell3 img.dp_adviesnodig {
	width:100%;
	max-width:394px !important;
	height:298px !important;
	object-fit:cover;
	object-position:center top;
	font-family: 'object-fit: cover; object-position: center top;'
}
/*#dp_footer .dp_divtable #dp_footerblok3.dp_divcell3 .moduletable {
	padding:0;
}*/
@media all and (min-width: 1px) and (max-width: 767px) {
	#dp_footer .dp_container {
		padding:20px 10px;
	}
	#dp_footer .dp_divtable {
		display:block;
	}
	#dp_footer .dp_divtable .dp_divcell3 {
		display:inline-block;
		width:100%;	
		margin-bottom:10px;
	}
	#dp_footer .dp_divtable #dp_footerblok3.dp_divcell3 {
		margin-bottom:0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#dp_footer .dp_container {
		padding:0px;
	}
}
body:not(.view-featured) #dp_content {
	margin:0 30px 30px;
}
@media all and (min-width: 1px) and (max-width: 500px) {
	body:not(.view-featured) #dp_content {
		margin:0 5px 30px;
	}
	#dp_footer .dp_container {
		padding:20px 5px;
	}
}
@media all and (min-width: 501px) and (max-width: 767px) {
	body:not(.view-featured) #dp_content {
		margin:0 10px 30px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	body:not(.view-featured) #dp_content {
		margin:0 20px 30px;
	}
}
body:not(.view-featured) #dp_content .dp_container {
	background-color:#fff;
	padding:30px;
	max-width:1620px;
	min-height:180px;
	-moz-box-shadow:0 0 4px #000;
	-webkit-box-shadow:0 0 4px #000;
	box-shadow:0 0 4px #000;
}
ul.category-module { /* Gerelateerde artikelen module in sidebar */
	list-style-type:none;
	margin-left:0;
	border-bottom:#ccc 1px solid;
}
.category-module li a:link,
.category-module li a:visited {
	display:block;
	padding:10px;
	font-size:18px;
	line-height:23px;
	font-weight:400;
	text-decoration:none;
	border:#ccc 1px solid;
	border-bottom:none;
}
.category-module li a:hover,
.category-module li a:active,
.category-module li a.active {
	color:#E3001A;
}
#lightbox-wrap { /* Widgetkit popup overlay */
	z-index:10000;
}
/* FORMULIEROPMAAK */
.dp_frm-opmaak h2 {
	margin-bottom:20px;
}
.dp_frm-opmaak .formControlLabel {
	font-weight:700;
	font-size:18px;
    line-height:23px;
}
.dp_frm-opmaak textarea,
.dp_frm-opmaak input[type="text"],
.dp_frm-opmaak input[type="email"]{
	width:100%;
}
.dp_frm-opmaak ::placeholder {
	color:#888 !important;
	transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak :hover::placeholder {
	color:#e3e3e3 !important;
}

.dp_frm-opmaak .form-control {
	border-radius:0;
	border-color:#D1D2D4;
	transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak .form-control:hover {
	border-color:#376066;
}
.dp_frm-opmaak .rsform-radio {
	background-color:#f5f5f5 !important;
	border-color:#231F20 !important;
	transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak .rsform-radio:hover {
	background-color:#E3001A !important;
	border-color:#231F20 !important;
}
.dp_frm-opmaak .rsform-radio:checked {
	background-color:#E3001A !important;
	border-color:#231F20 !important;
}
.dp_frm-opmaak .formError {
	font-size:0.7em;
	font-weight:500;
	color:red;
	border:1px solid #231f20;
	margin-top:2px;
	padding:5px;
	background-color:#f5f5f5;
}
.dp_frm-opmaak .btn {
	border-radius:0;
	color:#f5f5f5;
	font-size:1em;
	padding:8px 16px;
}
.dp_frm-opmaak button.btn-primary:hover {
	color:#E3001A;
}
@media all and (min-width: 1px) and (max-width: 767px) {
	.dp_frm-opmaak .row-fluid > .span4:last-child,
	.dp_frm-opmaak .row-fluid:has(.rsform-block-aanhef) > .span4:nth-child(2) {
		display:none;
	}
}
/*.dp_frm-opmaak .btn-primary,
.dp_frm-opmaak .sppb-btn-primary,
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary {
	font-weight:700;
	color:#f5f5f5;
	border-color:#231f20;
	background-color:#231f20;
}
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary {
	border-radius:0;
	font-size:20px;
	padding:8px 16px;
}
.dp_frm-opmaak .btn-primary:hover,
.dp_frm-opmaak .sppb-btn-primary:hover,
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary:hover {
	color:#231f20;
	border-color:#64A80A;
	background-color:#64A80A;
}*/
.dp_frm-opmaak .btn.btn-warning {
	color:#f5f5f5;
	background-color:#E5301F;
	border-color:#E5301F;
	margin-right:10px;
}
.dp_frm-opmaak .btn.btn-warning:hover {
	color:#231f20;
	background-color:#72C00B;
	border-color:#72C00B;
}
.dp_frm-opmaak .btn.btn-success {
	color:#f5f5f5;
}
.dp_frm-opmaak .btn.btn-success:hover {
	color:#231f20;
}
.dp_frm-opmaak .rsformProgress {
	margin-bottom:1rem!important;
}
.dp_frm-opmaak .progress {
	border-radius:0;
	height:30px;
	color:#f5f5f5;
	background-color:#f5f5f5;
}
.dp_frm-opmaak .progress .progress-bar {
	background-color:#ffe35f;
}
/* END */

/* TEMPLATE ONAFHANKELIJKE STANDAARD JOOMLA CLASSES */
.breadcrumb { /* Kruimelpad */
	background-color:transparent;
	padding:0;
	margin:10px 0 0 -20px;
}
.breadcrumb > li {
	font-size:14px; /* voorheen 18px */
	line-height:19px; /* voorheen 23px */
	font-weight:300;	
}
.breadcrumb > .active {
  color:#F47920;
	font-weight:400;
}
.breadcrumb > li > .divider {
	color:inherit;
}
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Extra kleine apparaten */
	.breadcrumb > li {
		font-size:14px; /* voorheen 12px */
		line-height:19px; /* voorheen 17px */
	}
}
@media all
and (min-width: 501px)
and (max-width: 767px) { /* Kleinere apparaten */
	.breadcrumb > li {
		font-size:14px; /* voorheen 14px */
		line-height:19px; /* voorheen 19px */
	}
}
@media all
and (min-width: 768px)
and (max-width: 991px) { /* Kleine apparaten */
	.breadcrumb > li {
		font-size:14px; /* voorheen 14px */
		line-height:19px; /* voorheen 19px */
	}
}
@media all
and (min-width: 992px)
and (max-width: 1199px) { /* Gemiddelde apparaten */
	.breadcrumb > li {
		font-size:14px; /* voorheen 16px */
		line-height:19px; /* voorheen 21px */
	}
}
/* end */
.page-header { /* Paginatitel */
	padding-bottom:0;
	margin:0;
	border:none;
}
.blog-featured .page-header h1 { /* Paginatitel featured blog */
	margin-bottom:0!important;
}
.view-featured h1 {
	text-align:center;	
}
h2 a:link,h2 a:visited,h2 a:hover,h2 a:active {
	text-decoration:none;
}
/* end */
.category-desc { /* Ruimte onder categorie beschrijving */
	margin-bottom:20px;
}
/* end */
div[class~="items-row"] div.item { /* Ruimte onder blogartikelen */
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
div[class~="items-row"]:last-of-type div.item { /* Ruimte onder laatste blogartikel */
	/* Werkt alleen niet omdat :last-of-type enkel op HTML tags werkt */
	/* Gebruik de volgende jQuery code: $( "div.items-row:last div.item" ).css({ borderBottom: "none", marginBottom: "10px" }); */
}
/* end */
.category-list td a {
	display:block;	
}
/* end */
.pagination,
.pagination p {
	margin-bottom:0;	
}
.pager .previous a,
.pager .next a { /* Paginanavigatie: vorige / volgende */
	text-decoration:none;
}
ul.pager.pagenav {
	margin-top:10px;
}
/* end */
p.readmore {
	display:block;
	/*margin-top:-20px; Lelijke fix om teveel ruimte boven readmore button te voorkomen */
}
/* end */


/* TEMPLATE ONAFHANKELIJKE STANDAARD JOOMLA BOOTSTRAP CLASSES */
.table th,
.table td,
.readmore .btn {
	font-size:18px; /* voorheen 25px */
	line-height:23px; /* voorheen 30px */
}
.table td.small {
	font-size:10px; /* voorheen 17px */
	line-height:15px; /* voorheen 22px */
}
.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 th:first-of-type,
.table.table-striped.text-center tr td:first-of-type {
	text-align:left;	
}
/* end */
.chzn-container, /* Selectielijst */
.chzn-results .active-result { /* Selectielijst */
	font-size:18px !important; /* voorheen 25px */
	line-height:23px !important; /* voorheen 30px */
}
.chzn-container-single .chzn-single {
	height:auto;
}
.chzn-single span {
	padding:5px 0;
}
/* end */
.btn-primary {
  background-image: -webkit-linear-gradient(top, #000 0%, #000 100%);
  background-image: -o-linear-gradient(top, #000 0%, #000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(to bottom, #000 0%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=0);
	border-color:#000;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color:#111;
}
/* end */
@media all
and (min-width: 1px)
and (max-width: 500px) { /* Extra kleine apparaten */
	.table th,
	.table td,
	.readmore .btn {
		font-size:18px; /* voorheen 18px */
		line-height:23px; /* voorheen 23px */
	}
	.table td.small {
		font-size:10px; /* voorheen 10px */
		line-height:15px; /* voorheen 15px */
	}
	/* end */
	.chzn-container, /* Selectielijst */
	.chzn-results .active-result { /* Selectielijst */
		font-size:18px !important; /* voorheen 18px */
		line-height:23px !important; /* voorheen 23px */
	}
	/* end */
}
@media all
and (min-width: 501px)
and (max-width: 767px) { /* Kleinere apparaten */
	.table th,
	.table td,
	.readmore .btn {
		font-size:18px; /* voorheen 20px */
		line-height:23px; /* voorheen 25px */
	}
	.table td.small {
		font-size:10px; /* voorheen 12px */
		line-height:15px; /* voorheen 17px */
	}
	/* end */
	.chzn-container, /* Selectielijst */
	.chzn-results .active-result { /* Selectielijst */
		font-size:18px !important; /* voorheen 20px */
		line-height:23px !important; /* voorheen 25px */
	}
	/* end */
}
@media all
and (min-width: 768px)
and (max-width: 991px) { /* Kleine apparaten */
	.table th,
	.table td,
	.readmore .btn {
		font-size:18px; /* voorheen 20px */
		line-height:23px; /* voorheen 25px */
	}
	.table td.small {
		font-size:10px; /* voorheen 12px */
		line-height:15px; /* voorheen 17px */
	}
	/* end */
	.chzn-container, /* Selectielijst */
	.chzn-results .active-result { /* Selectielijst */
		font-size:18px !important; /* voorheen 20px */
		line-height:23px !important; /* voorheen 25px */
	}
	/* end */
}
@media all
and (min-width: 992px)
and (max-width: 1199px) { /* Gemiddelde apparaten */
	.table th,
	.table td,
	.readmore .btn {
		font-size:18px; /* voorheen 22px */
		line-height:23px; /* voorheen 27px */
	}
	.table td.small {
		font-size:10px; /* voorheen 14px */
		line-height:15px; /* voorheen 19px */
	}
	/* end */
	.chzn-container, /* Selectielijst */
	.chzn-results .active-result { /* Selectielijst */
		font-size:18px !important; /* voorheen 22px */
		line-height:23px !important; /* voorheen 27px */
	}
	/* end */
}

/* 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; }
	}
}