:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
div.print { display: none; }
*:focus { outline: none; }
div.clear {width: 100%;height: 0px;font-size: 1px;line-height: 1px;clear: both;margin: 0;padding: 0;border: 0;background: transparent;}
div.pageBreak {display: none;}
.hidden, .hide{display:none;}
html{-webkit-text-size-adjust:none;}
textarea{resize: none;}
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto ;
	padding: 0;
	*zoom: 1;
	z-index: 1;
}

.bx-wrapper img {
	width: 100%;
	display: block;
}

.bx-wrapper div.slide{
    width: 100%;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*
-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px;
*/
	/* background: #fff; */
	z-index: 1000;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	/*background: url(images/bx_loader.gif) center center no-repeat #fff;*/
	background: #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/**
    HTML & Body
*/
body {
    font-family: 'Source Sans Pro', sans-serif;
    background: #fff;
    color: #2D2B2E;
}

/**
    Headers
*/
h1 {
    font-weight: bold;
}

h2 {
    font-weight: bold;
}

h3 {
    font-weight: bold;
}

/**
    Basis tekstelementen
*/

p {
    line-height: 1.8em;
}

/**
	Afbeeldingen
*/
img.left {
	float: left;
	margin: 10px 10px 10px 0;
}

img.right {
	float: right;
	margin: 10px 0 10px 10px;
}

/**
    Hyperlinks
*/
a, a:link, a:visited, a:hover, a:active {
    text-decoration: underline;
    color: #EB6C2C;
}

a:hover {
    text-decoration: none;
}

a.knop{
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-weight: 700;
    -webkit-transition: background-color 150ms linear;
    -moz-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}

a.knop.blauw{
    background: #1E6CB1;
    color: white;
}

a.knop.blauw:hover{
    background: #1B588E;
}

a.knop.oranje{
    background: #EB6C2C;
    color: white
}

a.oranje:hover{
    background: #D36128;
}

a.knop.omlijnd{
    background: transparent;
    color: #EB6C2C;
    border: 1px solid #EB6C2C;
    padding: 4px 9px 4px 9px;
}

a.knop.omlijnd:hover{
    background: white;
}

/**
    Lijsten
*/
ul, ol {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}

ul li, ol li {}

/**
    Formulier-elementen
*/


/**
    contact-formulier stijlen
*/

div.contact-formulier{
    background: white;
}

div.contact-formulier form.formulier label{}

div.contact-formulier form.formulier input{
    /* background: white; */
    border: 1px #D8D8D8 solid;
    border-radius: 0;
    -webkit-appearance: none;
}

div.contact-formulier form.formulier textarea{
/*     background: white; */
    border: 1px #D8D8D8 solid;
    border-radius: 0;
    -webkit-appearance: none;
}

div.contact-formulier form.formulier div.formulier-rechts{}

div.contact-formulier form.formulier div.formulier-links{}

button {
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-weight: 700;
    -webkit-transition: background-color 150ms linear;
    -moz-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
    background: #EB6C2C;
    color: white;
    border: none;
    cursor: pointer;
}

button:hover{
    background: #D36128;
}

input{
    background: white;
}

input.error,
textarea.error {
    background: #F2DEDE;
}

::-webkit-input-placeholder {
   color: #CBCBCB;
   text-transform: uppercase;
}

:-moz-placeholder { /* Firefox 18- */
   color: #CBCBCB;
   text-transform: uppercase;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #CBCBCB;
   text-transform: uppercase;
}

:-ms-input-placeholder {
   color: #CBCBCB;
   text-transform: uppercase;
}

/**
    Tabellen
*/
table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table thead {}
table thead tr {}

table thead tr th {
    vertical-align: top;
    text-align: left;
}

table tbody {}
table tbody tr {}

table tbody tr td {
    vertical-align: top;
    text-align: left;
}

/**
	Foutmelding, feedback en mededeling
*/
div.fout {
	display: block;
	background: #F2DEDE;
	color: #B84A47;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

div.fout ul {
	margin: 15px 0 0 0;
}

div.fout a {
	color: #B84A47;
}

div.feedback {
	display: block;
	background: #DFF780;
	color: #8CAA1D;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

div.feedback a {
	color: #8CAA1D;
}

div.mededeling {
	display: block;
	background: #ffffb2;
	color: #CC6600;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

div.mededeling a {
	color: #CC6600;
}

/**
    Classes om afbeeldingen rechts of links uit te lijnen (CKeditor)
*/
.afbeelding_links{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.afbeelding_rechts{
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

/**
    header stijlen
*/

div.header{
    background: #F1F1F1;
}

div.header div.logo {}

div.header div.logo a{
    text-indent: -1000px;
    overflow: none;
    display: block;
    background-image: url(../images/layout/logo.png);
}

/**
    Toggle menu
*/
div.header .toggle-menu-zoeken {
    vertical-align: middle;
}

div.header .toggle-menu-zoeken ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div.header .toggle-menu-zoeken ul li {
    display: inline;
    text-align: left;
}

div.header .toggle-menu-zoeken ul li a {
    display: inline-block;
    text-indent: -1000px;
    overflow: hidden;
    font-weight: bold;
}

div.header .toggle-menu-zoeken ul li a.toggle-zoeken {}
div.header .toggle-menu-zoeken ul li a.toggle-menu {}
div.header .toggle-menu-zoeken ul li a.toggle-menu.actief {}

/**
    Keuze website
*/
div.header div.website {}

div.header div.website ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.header div.website ul li {
    vertical-align: middle;
}

div.header div.website ul li a {
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
    display: block;
    width: 100%;
}

div.header div.website ul li a.actief {}
div.header div.website ul li a.particulier {}
div.header div.website ul li a.zakelijk {}

/**
    Navigatie
*/
div.navigatie nav.hoofd-navigatie{
    color: #1E6CB1;
}

div.navigatie nav.hoofd-navigatie ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.navigatie nav.hoofd-navigatie ul li{}

div.navigatie nav.hoofd-navigatie ul li a{
    color: #1E6CB1;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0px;
    -webkit-transition: color 150ms linear;
    -moz-transition: color 150ms linear;
    -o-transition: color 150ms linear;
    -ms-transition: color 150ms linear;
    transition: color 150ms linear;
}

div.navigatie nav.hoofd-navigatie ul li ul.dropdown{
    display: none;
}

div.navigatie nav.hoofd-navigatie ul li ul.dropdown li{}

div.navigatie nav.hoofd-navigatie ul li ul.dropdown li a{}


/**
    Zoeken
*/

div.navigatie div.zoeken-formulier{}

div.navigatie div.zoeken-formulier form{}

div.navigatie div.zoeken-formulier form input{
    border-radius: 5px;
    border: 1px solid #CBCBCB;
}

div.navigatie div.zoeken-formulier button.zoeken-knop{
    background: transparent;
    cursor: pointer;
    text-indent: -1000px;
    overflow: hidden;
}



/**
    slider stijlen
*/
div.slider-holder {
    background: #F6F6F6     ;
}

div.slider-holder div.slider{
    position: relative;
    max-width: 1500px;
}

div.slider-holder div.slider .bxslider {
    position: absolute;
}

div.slider-holder div.slider .bxslider div.slide{
    width: 100%;
}

div.slider-holder div.slider .bxslider div.slide div.slide-midden{
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst{}

div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst span.tekst {
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
}

div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst a.knop {
    margin-top: 15px;
}

div.slider-holder div.slider div.lijn {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100000;
}

div.slider-holder div.slider div.lijn.links {}
div.slider-holder div.slider div.lijn.rechts {}

div.slider-holder div.slider .timer-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
}

div.slider-holder div.slider .timer-holder .timer {
    margin: 0 auto;
}

div.slider-holder div.slider .timer-holder .timer .display-holder {}

div.slider-holder div.slider .timer-holder .timer .display-holder .display {
    background: #EB6C2C;
    width: 0%;
}

/**
    google maps stijlen
*/

div.slider-holder div#map-canvas{}

div.slider-holder div.lijn {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFFFFF;
    z-index: 100000;
}

div.slider-holder div.lijn.links {}
div.slider-holder div.lijn.rechts {}

div.infowindow p{
    margin-bottom: 5px;
}


/**
    intro stijlen
*/

div.intro{}

div.intro h1{}

div.intro p{}

/**
    detail stijlen
*/

div.detail img{
    width: 50%;
    height: 100%;
}

div.foto-bg{}

div.detail{}

div.detail h1{}

div.detail p{}


/**
    kruimelspoor stijlen
*/

div.kruimelspoor{}

div.kruimelspoor p{
    color: #B7B7B7;
    text-transform: lowercase;
}

div.kruimelspoor p span.u-bent-hier{
    color: #1E6CB1;
}

div.kruimelspoor p a {
    color: #B7B7B7;
    text-decoration: none;
}

div.kruimelspoor p a:hover {
    text-decoration: underline;
}

/**
    Widgets
*/
div.widgets {}

div.widgets .widget {
    background: #F0F0F0;
    color: #878787;
}

div.widgets .widget.blauw {
    background: #1E6CB1;
    color: #fff;
}

div.widgets .widget.blauw a{
    color: #FFF;
}

div.widgets .widget h3 {
    color: #1E6CB1;
}

div.widgets .widget.blauw h3 {
    color: #fff;
    border-bottom: dashed 1px #FFFFFF;
}

div.widgets .widget.nieuws {}

div.widgets .widget.nieuws ul {
    list-style-image:url(../images/layout/lijst-pijl.svg);
}

html.no-svg div.widgets .widget.nieuws ul {
    list-style-image:url(../images/layout/lijst-pijl.png);
}

div.widgets .widget.nieuws ul li {}

div.widgets .widget.nieuws ul li a {
    color: #878787;
    font-weight: 700;
    text-decoration: none;
}

div.widgets .widget.nieuws ul li a:hover {
    text-decoration: underline;
}

/**
    merken-blok stijlen
*/

div.merken-blok{
    background: #1E6CB1;
    overflow: !important visible;
    padding: 0;
}

div.merken-blok h3{
	color: white;
    letter-spacing: 0px;
    font-weight: 900;
}

div.merken-blok div.line {
    border-top: dashed 1px #FFFFFF;
}

div.merken-blok ul{
	list-style-type: none;
    padding: 0;
    margin: 0;
}

div.merken-blok ul li{}

div.merken-blok ul li a{
	text-decoration: none;
}

/**
    recent stijlen
*/
div.recent-titel {}

div.recent-titel h2 {
    color: #1E6CB1;
    font-weight: bold;
}

div.recent-holder{
    background: #EEEEEE;
}

div.recent-holder div.recent{
    background: #EEEEEE;
    float: left;
}

div.recent-holder div.recent h3 {
    color: #1E6CB1;
}

div.recent-holder div.recent h3 a {
    color: #1E6CB1;
    text-decoration: none;
}

div.recent-holder div.recent p{}

/**
    snel-contact stijlen
*/

div.snel-contact-holder {
    background: #8BB3D7;
}

div.snel-contact{}

div.snel-contact p{
    color: #1E6CB1;
}

div.snel-contact a.knop.email-link {
    background-image: url(../images/layout/email-icoon.svg);
    background-repeat: no-repeat;
}

html.no-svg div.snel-contact a.knop.email-link {
    background-image: url(../images/layout/email-icoon.png);
    background-size: 19px 14px;
}

/**
    footer stijlen
*/

div.footer{
    background: #1E6CB1;
    color: white;
}

div.footer div.contact-gegevens{}

div.footer div.contact-gegevens .adres {}

div.footer div.contact-gegevens .adres a {
    background-image: url(../images/layout/contact-pin.svg);
    background-repeat: no-repeat;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
}

html.no-svg div.footer div.contact-gegevens .adres a {
    background-image: url(../images/layout/contact-pin.png);
}

div.footer div.contact-gegevens .telefoon {}

div.footer div.contact-gegevens .telefoon a {
    color: #fff;
    text-decoration: none;
}

div.footer div.contact-gegevens .email {}

div.footer div.contact-gegevens .email a {
    color: #fff;
}

div.footer div.nieuwsbrief-aanmelding{}
div.footer div.nieuwsbrief-aanmelding h3{}
div.footer div.nieuwsbrief-aanmelding p{}
div.footer div.nieuwsbrief-aanmelding form{}

div.footer div.nieuwsbrief-aanmelding form input{
    background: white;
    border: none;
}

input.footer-input::-webkit-input-placeholder {
   color: #000000;
   text-transform: lowercase;
}

input.footer-input:-moz-placeholder { /* Firefox 18- */
   color: #000000;
   text-transform: lowercase;
}

input.footer-input::-moz-placeholder {  /* Firefox 19+ */
   color: #000000;
   text-transform: lowercase;
}

input.footer-input:-ms-input-placeholder {
   color: #000000;
   text-transform: lowercase;
}


div.footer div.nieuwsbrief-aanmelding a{}

div.footer div.quote{
    position: relative;
/*     background: url(../images/layout/quotes-andersom.png) top left no-repeat, url(../images/layout/quotes-rechtop.png) bottom right no-repeat; */
}

div.footer div.quote p{
    z-index: 100;
}


div.superlatief {
    text-align: center;
}

div.superlatief a {
    text-decoration: none;
}

div.superlatief a:hover {
    text-decoration: underline;
}

div.superlatief p.recaptcha {
    font-size: .75em;
    margin-top: 10px;
}


/**
    Elementen in de pagina
*/
div.fotoalbum-include {
    background: #F0F0F0;
    color: #1E6CB1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.fotoalbum-include h3 {}
div.fotoalbum-include a {}
div.fotoalbum-include a img {}

/**
    detail formulier stijlen
*/

div.detail{}

div.detail h1{}

div.detail form{}

div.detail form input{
    background: white;
    border: 1px #D8D8D8 solid;
}

input.detail-placeholder::-webkit-input-placeholder {
   color: #000000;
   text-transform: lowercase;
}

input.detail-placeholder:-moz-placeholder { /* Firefox 18- */
   color: #000000;
   text-transform: lowercase;
}

input.detail-placeholder::-moz-placeholder {  /* Firefox 19+ */
   color: #000000;
   text-transform: lowercase;
}

input.detail-placeholdert:-ms-input-placeholder {
   color: #000000;
   text-transform: lowercase;
}

/**
    detail stijlen
*/

div.detail ul.actueel{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.detail ul.actueel li{
    background: #EEEEEE;
}

div.detail ul.actueel span.titel a{
    color: #1E6CB1;
    font-weight: bold;
    text-decoration: none;
}

div.detail ul.actueel a.lees-meer{}

span.datum{
    color: #5c5c5c;
}

div.actueel-detail{}

div.actueel-detail img{}

div.actueel-detail p{}

div.zoekresultaten{}

div.zoekresultaten p{}

div.zoekresultaten div.zoeken-resultaten{}

div.zoekresultaten div.zoeken-resultaten div.item{}

div.zoekresultaten div.zoeken-resultaten div.item h3 a{
    color: #1E6CB1;
    font-weight: bold;
    text-decoration: none;
}

div.zoekresultaten div.zoeken-resultaten div.item span.path{}

div.zoekresultaten div.zoeken-resultaten div.item span.path a{
    color: #1E6CB1;
}

div.zoekresultaten div.zoeken-resultaten div.item p{}

div.col.quote.usp{}
div.col.quote.usp ul{
    list-style-image: url(../images/layout/check.png);
}
div.col..usp ul li{
    line-height: 25px;
    margin-bottom: 10px;
}


/* Downloadcenter */
div.downloadcenter h1 {
  text-align: center;
}
div.downloadcenter ul.downloads-merken-afbeeldingen {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
div.downloadcenter ul.downloads-merken-afbeeldingen li {
  display: inline-block;
}
div.downloadcenter ul.downloads-merken-afbeeldingen li a {
  background-color: #1E6CB1;
  background-position: center center;
  background-repeat: no-repeat;
  border-color: #1E6CB1;
  border-style: solid;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  -webkit-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -ms-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}
div.downloadcenter ul.downloads-merken-afbeeldingen li a.actief,
div.downloadcenter ul.downloads-merken-afbeeldingen li a:hover {
  background-color: #fff;
}
div.downloadcenter div.download-categorie h3 {
  text-align: center;
  display: block;
  color: #999999;
  font-weight: 600;
  border: 1px solid #979797;
  border-left: 0px;
  border-right: 0px;
}
div.downloadcenter div.downloads:last-child {
  border-bottom: 1px solid #979797;
}
div.downloadcenter div.downloads div.download {
  border-bottom: 1px solid #979797;
  -webkit-transition: background-color 0.4s ease;
  /* Safari 3.2+, Chrome */
  -moz-transition: background-color 0.4s ease;
  /* Firefox 4-15 */
  -o-transition: background-color 0.4s ease;
  /* Opera 10.5-12.00 */
  transition: background-color 0.4s ease;
  /* Firefox 16+, Opera 12.50+ */
}
div.downloadcenter div.downloads div.download:hover {
  background-color: #F1F1F1;
}
div.downloadcenter div.downloads div.download:last-child {
  border-bottom: none;
}
div.downloadcenter div.downloads div.download a {
  display: block;
  background-image: url('../../images/layout/download-icon.svg');
  background-repeat: no-repeat;
  text-decoration: none;
  color: #333333;
}
div.downloadcenter div.downloads div.download a:hover {
  text-decoration: underline;
}
div.downloadcenter div.downloads div.download p {
  box-sizing: border-box;
  float: right;
  text-align: right;
}


.landing {
    padding-top: 40px;
}

.grecaptcha-badge { visibility: hidden; }

/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

/* 1. 2 Column Grid 0px - 469px
-----------------------------------------------------------------------------

Span 1:    49.5%
Span 2:    100%

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

@media screen and (min-width: 0px) and (max-width: 619px) {
    .col {
        margin-left:1%;
        padding:0 3%;
    }

    .row .col:first-child {
        margin-left:0;
    }

    /**
        Kolommen
    */
    .span_1,
    .logo-holder,
    .toggle-menu-zoeken {
        width:49.5%;
    }

    .span_2,
    .header,
    .gebruiker,
    .hoofd-navigatie,
    .zoeken-formulier,
    .merken-blok,
    .recent,
    .contact-gegevens,
    .nieuwsbrief-aanmelding,
    .quote,
    .slider-tekst,
    .widgets,
    .hoofd-navigatie,
    .intro,
    .detail,
    .kruimelspoor,
    .header,
    .snel-contact,
    .footer,
    .intro-holder,
    .recent-holder,
    .recent-titel,
    .superlatief,
    .website ,
    .slider-holder,
    #map-canvas,
    .downloadcenter,
    .contact-formulier {
        margin-left:0;
        width:100%;
    }

    /**
        Elementen zonder de padding
    */
    div.website,
    div.widgets {
        padding: 0;
    }

    /**
        Elementen die niet te zien mogen zijn
    */
    .website,
    .slider-holder,
    .hoofd-navigatie,
    .zoeken-formulier {
        display: none;
    }

    /**
        HTML & Body
    */
    body {
        font-size: 15px;
        line-height: 1.8em;
    }

    /**
        Headers
    */
    h1 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    /**
        Basis tekstelementen
    */

    p {
        margin-bottom: 20px;
    }

    /**
        Hyperlinks
    */
    a, a:link, a:visited, a:hover, a:active {}
    a:hover {}

    a.knop{
        font-size: 19px;
        display: block;
    }

    .blauw{}
    .oranje{}
    .omlijnd{}

    /**
        Lijsten
    */
    ul, ol {
        margin-bottom: 20px;
        padding-left: 30px;
    }

    ol {}
    ul ul, ol ol, ul ol, ol ul {}

    ul li, ol li {
        line-height: 30px;
    }


    /**
        Formulier-elementen
    */

    input{
        font-size: 14px;
    }

    /**
        Tabellen
    */


    /**
        header stijlen
    */

    div.header{}

    div.header div.logo-holder div.logo{
        margin-top: 10px;
        margin-bottom: 20px;
        width: 150px;
        height: 50px;
    }

    div.header div.logo-holder div.logo a {
        width: 150px;
        height: 53px;
        background-size: 150px 53px;
    }

    /**
        Toggle menu
    */
    div.header .toggle-menu-zoeken {
        text-align: right;
        line-height: 80px;
    }

    div.header .toggle-menu-zoeken ul {}

    div.header .toggle-menu-zoeken ul li {
        margin-left: 10px;
    }

    div.header .toggle-menu-zoeken ul li a {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }

    div.header .toggle-menu-zoeken ul li a.toggle-zoeken {
        background-image: url(../images/layout/svg.php?src=zoeken-icoon.svg&colorFill=%23B7B7B7);

        visibility: hidden;
    }

    html.no-svg div.header .toggle-menu-zoeken ul li a.toggle-zoeken {
        background-image: url(../images/layout/zoeken-icoon.png);
    }

    div.header .toggle-menu-zoeken ul li a.toggle-menu {
        background-image: url(../images/layout/bg_toggle_menu_open.svg);
    }

    html.no-svg div.header .toggle-menu-zoeken ul li a.toggle-menu {
        background-image: url(../images/layout/bg_toggle_menu_open.png);
    }

    div.header .toggle-menu-zoeken ul li a.toggle-menu.actief {
        background-image: url(../images/layout/bg_toggle_menu_sluit.svg);
    }

    html.no-svg div.header .toggle-menu-zoeken ul li a.toggle-menu.actief {
        background-image: url(../images/layout/bg_toggle_menu_sluit.png);
    }

    /**
        Keuze website
    */
    div.header div.website {}

    div.header div.website ul {}

    div.header div.website ul li {
        display: inline-block;
        width: 50%;
        height: 45px;
        line-height: 45px;
        float: left;
        font-size: 14px;
    }

    div.header div.website ul li a {
        background-color: #E9E9E9;
        color: #4A4A4A;
        text-indent: 40px;
    }

    div.header div.website ul li a.actief,
    div.header div.website ul li a:hover {
        color: #1E6CB1;
        background-color: #D8D8D8;
    }

    div.header div.website ul li a.particulier {
        background-image: url(../images/layout/svg.php?src=particulier-grijs.svg);
        background-position: 12px 16px;
    }

    html.no-svg div.header div.website ul li a.particulier {
        background-image: url(../images/layout/particulier-grijs.png);
    }

    div.header div.website ul li a.zakelijk {
        background-image: url(../images/layout/svg.php?src=zakelijk-grijs.svg);
        background-position: 13px 16px;
    }

    html.no-svg div.header div.website ul li a.zakelijk {
        background-image: url(../images/layout/zakelijk-grijs.png);
    }

    div.header div.website ul li a.particulier.actief,
    div.header div.website ul li a.particulier:hover {
        background-image: url(../images/layout/svg.php?src=particulier-grijs.svg&colorFill=%231E6CB1);
    }

    html.no-svg div.header div.website ul li a.particulier.actief,
    html.no-svg div.header div.website ul li a.particulier:hover {
        background-image: url(../images/layout/particulier-blauw.png);
    }

    div.header div.website ul li a.zakelijk.actief,
    div.header div.website ul li a.zakelijk:hover {
        background-image: url(../images/layout/svg.php?src=zakelijk-grijs.svg&colorFill=%231E6CB1);
    }

    html.no-svg div.header div.website ul li a.zakelijk.actief,
    html.no-svg div.header div.website ul li a.zakelijk:hover {
        background-image: url(../images/layout/zakelijk-blauw.png);
    }

    /**
        Navigatie
    */
    div.navigatie nav.hoofd-navigatie{
        background: #D8D8D8;
        padding: 0;
    }

    div.navigatie nav.hoofd-navigatie ul{}

    div.navigatie nav.hoofd-navigatie ul li{
        border-top: 1px dashed #ffffff;
        padding: 0 4%;
        line-height: 47px;
        vertical-align: middle;
    }

    div.navigatie nav.hoofd-navigatie ul li:first-child {
        border-top: none;
    }

    div.navigatie nav.hoofd-navigatie ul li a{}

    div.navigatie nav.hoofd-navigatie ul li a:hover{}

    div.navigatie nav.hoofd-navigatie ul li ul {}

    div.navigatie nav.hoofd-navigatie ul li ul li {
        line-height: 40px;
    }

    div.navigatie nav.hoofd-navigatie ul li ul li:first-child {
        border-top: 1px dashed #ffffff;
    }

    div.navigatie nav.hoofd-navigatie ul li ul li a {}

    /**
        Zoeken
    */

    div.navigatie div.zoeken-formulier{
        background: #D8D8D8;
        border-bottom: 1px solid #D8D8D8;
    }

    div.navigatie div.zoeken-formulier form{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    div.navigatie div.zoeken-formulier form input{
        padding: 7px 10px;
        width: calc(100% - 70px);
        margin-right: 10px;
        display: inline-block;
        float: right;
    }

    div.navigatie div.zoeken-formulier button.zoeken-knop{
        display: inline-block;
        width: 30px;
        height: 30px;
        border: none;
        background-image: url(../images/layout/svg.php?src=zoeken-icoon.svg&colorFill=%23ffffff);
        background-repeat: no-repeat;
    }

    html.no-svg div.navigatie div.zoeken-formulier button.zoeken-knop {
        background-image: url(../images/layout/zoeken-icoon.png);
    }

    /**
        Google maps stijlen
    */

    div.slider-holder{
        height: 378px;
    }

    div.slider-holder div#map-canvas{
        height: 378px;
        height: 1000px;
        background: red;
        margin-bottom: 50px;
        max-width: 1500px;
        margin: 0 auto 50px;
    }

    /**
        intro stijlen
    */

    div.intro{
        text-align: center;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    div.intro h1{}
    div.intro p{}

    /**
        kruimelspoor stijlen
    */

    div.kruimelspoor{}
    div.kruimelspoor p {}
    div.kruimelspoor p span.u-bent-hier{}



    /**
        Widgets
    */
    div.widgets {}

    div.widgets .widget {
        padding: 30px 5%;
        font-size: 18px;
    }

    div.widgets .widget.blauw {
        font-size: 15px;
    }

    div.widgets .widget h3 {
        font-size: 30px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    div.widgets .widget.blauw h3 {
        margin-left: -5%;
        margin-right: -5%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 10px;
    }

    div.widgets .widget.nieuws {}
    div.widgets .widget.nieuws ul {}

    div.widgets .widget.nieuws ul li {
        margin-top: 15px;
    }

    div.widgets .widget.nieuws ul li:first-child {
        margin-top: 0;
    }

    div.widgets .widget.nieuws ul li a {}

    div.widgets .widget a.knop {
        display: inline-block;
        width: auto;
    }

    /**
        merken-blok stijlen
    */

    div.merken-blok{
        text-align: center;
    }

    div.merken-blok h3{
        font-size: 28px;
        line-height: 1.2em;
        margin: 30px 4% 20px;
    }

    div.merken-blok div.line{}

    div.merken-blok ul{
        padding: auto 4%;
        margin: 30px 0;
    }

    div.merken-blok ul li{
        margin: 30px 30px;

    }

    div.merken-blok ul li img{
        width: 85%;
    }

    div.merken-blok ul li:nth-child(1){
        margin-top: 0;
    }

    div.merken-blok ul li a {}

    /**
        recent stijlen
    */

    div.recent-titel {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    div.recent-titel h2 {
        font-size: 28px;
    }

    div.recent-holder{}

    div.recent-holder div.recent{
        margin-bottom: 20px;
        padding-top: 20px;
        border-top: dashed #1E6CB1 1px;
    }

    div.recent-holder div.recent:first-child{
        margin-top: 20px;
        border: none;
    }

    div.recent-holder div.recent h3{
        font-size: 20px;
        line-height: 1.2em;
    }

    div.recent-holder div.recent p{}

    div.recent-holder div.recent a.knop {
        text-align: center;
        border-width: 2px;
    }

    /**
        contact-formulier stijlen
    */

    div.contact-formulier{
        margin-bottom: 50px;
    }

    div.contact-formulier form.formulier label{}

    div.contact-formulier form.formulier input{
        padding: 10px 10px;
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
        margin-top: 5px;
        color: #726f6f;
        width: calc(100% - 20px);
    }

    div.contact-formulier form.formulier textarea{
        font-family: 'Source Sans Pro', sans-serif;
        padding: 10px 10px ;
        width: calc(100% - 20px);
        margin-top: 5px;
        margin-bottom: 20px;
        color: #726f6f;
    }

    div.contact-formulier form.formulier div.formulier-rechts{
        float: none;
    }

    button.verzenden{
        width: 100%;
        padding: 10px;
        font-size: 19px;
    }

    div.contact-formulier form.formulier div.formulier-links{
        float: none;
    }


    /**
        snel-contact stijlen
    */

    div.snel-contact{
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    div.snel-contact p {
        font-size: 30px;
        line-height: 1.5em;
    }

    div.snel-contact a.knop.email-link{
        background-position: 95%;
        background-size: 28px 21px;
        margin-top: 20px;
        padding: 0;
    }

    /**
        footer stijlen
    */

    div.footer{
        text-align: center;
        font-size: 17px;
    }

    div.footer div.contact-gegevens{
        padding-top: 25px;
        padding-bottom: 25px;
        border-bottom: dashed 1px #FFFFFF;
    }

    div.footer div.contact-gegevens h3{
        font-size: 17px;
        text-align: center;
    }

    div.footer div.contact-gegevens .adres {
        margin: 0 auto 20px;
        width: 60%;
    }

    div.footer div.contact-gegevens .adres a {
        width: 21px;
        height: 41px;
        background-size: 21px 41px;
        float: right;
        margin-top: 25px;
    }

    div.footer div.contact-gegevens .telefoon {
        margin-bottom: 20px;
    }

    div.footer div.contact-gegevens .telefoon a {}
    div.footer div.contact-gegevens .email {}
    div.footer div.contact-gegevens .email a {}

    div.footer div.nieuwsbrief-aanmelding{
        padding-top: 25px;
        padding-bottom: 25px;
        border-bottom: dashed 1px #FFFFFF;
    }

    div.footer div.nieuwsbrief-aanmelding h3{
        font-size: 17px;
    }

    div.footer div.nieuwsbrief-aanmelding p{}

    div.footer div.nieuwsbrief-aanmelding form{}

    div.footer div.nieuwsbrief-aanmelding form input{
        padding: 10px 10px;
        display: block;
        margin-bottom: 10px;
        width: calc(100% - 20px);
    }

    div.footer div.nieuwsbrief-aanmelding a{}

    div.footer div.nieuwsbrief-aanmelding button{
        width: 100%;
        padding: 10px 10px;
        font-size: 19px;
        /* width: calc(100% - 20px); */
    }

    div.footer div.quote{
        overflow: visible;
        background-repeat: no-repeat;
        padding-top: 25px;
    }

    div.footer div.quote p{}

    div.footer div.quote h3{
        font-size: 18px;
        margin-bottom: 5px;
    }

    div.superlatief {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    div.superlatief a {}

    /**
        Elementen in de pagina
    */
    div.fotoalbum-include {
        padding: 15px 20px;
        margin-bottom: 20px;
    }

    div.fotoalbum-include h3 {
        margin-bottom: 5px;
    }

    div.fotoalbum-include a {}

    div.fotoalbum-include a img {
        margin-right: 10px;
        margin-top: 10px;
    }

        /**
	    Foutmelding, feedback en mededeling
    */

    div.fout{
        padding: 15px;
        margin-bottom: 15px;
    }

    /**
        detail formulier stijlen
    */

    div.detail img{
        width: 100%;
        height: 100%;
    }

    div.detail{
        margin-bottom: 50px;
    }

    div.detail form{
        margin-bottom: 30px;
    }

    div.detail form input{
        padding: 10px 10px;
        display: inline-block;
        margin-bottom: 10px;
        width: calc(100% - 20px);
    }

    div.detail form label{}

    div.detail form button{
        width: 100%;
        font-size: 18px;
    }

    /**
        detail stijlen
    */

    div.detail ul.actueel{}

    div.detail ul.actueel li{
        padding-left: 15px;
        padding-top: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    div.detail ul.actueel li p{}

    div.detail ul.actueel span.titel a{
        font-size: 27px;
        letter-spacing: 0px;
        margin-bottom: 10px;
        display: inline-block;
    }

    div.detail ul.actueel span.titel a.knop{
        text-align: center;
    }

    div.detail ul.actueel li a img{
        width: 100%;
    }

    div.detail ul.actueel a.lees-meer{}

    span.datum{
        margin-bottom: 10px;
        display: inline-block;
    }

    div.actueel-detail{}

    div.actueel-detail img{
        width: 100%;
    }

    div.actueel-detail p{}

    div.zoekresultaten{}

    div.zoekresultaten p{}

    div.zoekresultaten div.zoeken-resultaten{}

    div.zoekresultaten div.zoeken-resultaten div.item{}

    div.zoekresultaten div.zoeken-resultaten div.item h3 a{
        margin-bottom: 10px;
        display: inline-block;
    }

    div.zoekresultaten div.zoeken-resultaten div.item span.path{
        margin-bottom: 15px;
        display: inline-block;
    }

    div.zoekresultaten div.zoeken-resultaten div.item span.path a{}

    div.zoekresultaten div.zoeken-resultaten div.item p{}
    
    /* Downloadcenter */
    div.downloadcenter {
        padding: 16px 0 30px;
    }
    div.downloadcenter h1 {
        margin-bottom: 21px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen {
        margin-bottom: 36px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen li {
        margin: 5px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen li a {
        width: 100px;
        height: 35px;
        padding: 5px;
        border-width: 3px;
        line-height: 35px;
        vertical-align: middle;
        background-size: 80% auto;
    }
    div.downloadcenter div.download-categorie h3 {
        line-height: 35px;
        margin-bottom: 0;
    }
    div.downloadcenter div.downloads div.download {
        padding: 9px 0;
    }
    div.downloadcenter div.downloads div.download a {
        box-sizing: border-box;
        padding-left: 36px;
        background-position: 10px center;
        background-size: 15px 19px;
        width: 73%;
        float: left;
        line-height: 15px;
    }
    div.downloadcenter div.downloads div.download p {
        padding-right: 10px;
        width: 27%;
        line-height: 15px;
        margin-bottom: 0;
    }
    
}

@media screen and (min-width: 500px) and (max-width: 620px) {
    div.merken-blok ul li img{
        width: 65%;
    }
}

/* 2. 6 Column Grid 620px - 749px
-----------------------------------------------------------------------------

Span 1:    15.8333333333%
Span 2:    32.6666666667%
Span 3:    49.5%
Span 4:    66.3333333333%
Span 5:    83.1666666667%
Span 6:    100%

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

@media screen and (min-width: 620px) and (max-width: 749px) {
.col {
        margin-left:0.5%;
        padding:0 1%;
    }

    .row .col:first-child {
        margin-left:0;
    }

    /**
        Kolommen
    */
    .span_1 {
        width:7.875%;
    }

    .span_2 {
        width:16.25%;
    }

    .span_3{
        width:24.625%;
    }

    .span_4,
    .zoeken-formulier,
    .website,
    .merken-blok,
    .recent,
    .contact-gegevens,
    .nieuwsbrief-aanmelding,
    .quote,
    .slider-tekst,
    .widgets {
        width:33.0%;
    }

    .span_5 {
        width:41.375%;
    }

    .span_6,
    .particulier,
    .zakelijk,
    .formulier-links,
    .formulier-rechts,
    .logo-holder,
    .toggle-menu-zoeken {
        width:49.75%;
    }

    .span_7 {
        width:58.125%;
    }

    .span_8,
    .hoofd-navigatie,
    /* .logo-holder, */
    .intro,
    .detail,
    .kruimelspoor {
        width:66.5%;
    }

    .span_9 {
        width:74.875%;
    }

    .span_10{
        width:83.25%;
    }

    .span_11 {
        width:91.625%;
    }

    .span_12,
    .header,
    .snel-contact,
    .footer,
    .slider,
    .intro-holder,
    .recent-holder,
    .superlatief,
    .contact-formulier,
    #map-canvas,
    .gebruiker,
    .hoofd-navigatie,
    .zoeken-formulier,
    .downloadcenter,
    .website {
        margin-left:0;
        width:100%;
    }

    /**
        Elementen zonder de padding
    */
    div.widgets {
        padding: 0;
    }

    /**
        Elementen die niet te zien mogen zijn
    */
    div.recent-titel,
    .hoofd-navigatie,
    .zoeken-formulier,
    .website {
        display: none;
    }

    div.lijn{
        display: none;
    }

    /**
        HTML & Body
    */
    body {
        font-size: 14px;
    }

    /**
        Headers
    */
    h1 {
        font-size: 17px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    /**
        Basis tekstelementen
    */

    p {
        margin-bottom: 20px;
        font-size: 13px;
    }

    /**
        Hyperlinks
    */
    a, a:link, a:visited, a:hover, a:active {}
    a:hover {}

    a.knop{
        font-size: 19px;
        margin-bottom: 15px;
    }

    .blauw{}
    .oranje{}
    .omlijnd{}

    /**
        Lijsten
    */
    ul, ol {
        margin-bottom: 20px;
        padding-left: 30px;
    }

    ol {}
    ul ul, ol ol, ul ol, ol ul {}

    ul li, ol li {
        line-height: 30px;
    }

    /**
        Formulier-elementen
    */

    button {
        font-size: 18px;
        margin-bottom: 15px;
    }

    input{
        font-size: 14px;
    }

    /**
        Tabellen
    */

        /**
        header stijlen
    */

    div.header{}

    div.header div.logo-holder div.logo{
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 20px;
        width: 150px;
        height: 50px;
    }

    div.header div.logo-holder div.logo a {
        width: 150px;
        height: 53px;
        background-size: 150px 53px;
    }

    /**
        Toggle menu
    */
    div.header .toggle-menu-zoeken {
        text-align: right;
        line-height: 80px;
    }

    div.header .toggle-menu-zoeken ul {}

    div.header .toggle-menu-zoeken ul li {
        margin-left: 10px;
    }

    div.header .toggle-menu-zoeken ul li:nth-child(2){
        margin-right: 20px;
    }

    div.header .toggle-menu-zoeken ul li a {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;

    }

    div.header .toggle-menu-zoeken ul li a.toggle-zoeken {
        background-image: url(../images/layout/svg.php?src=zoeken-icoon.svg&colorFill=%23B7B7B7);

        visibility: hidden;
    }

    html.no-svg div.header .toggle-menu-zoeken ul li a.toggle-zoeken {
        background-image: url(../images/layout/zoeken-icoon.png);
    }

    div.header .toggle-menu-zoeken ul li a.toggle-menu {
        background-image: url(../images/layout/bg_toggle_menu_open.svg);
    }

    html.no-svg div.header .toggle-menu-zoeken ul li a.toggle-menu {
        background-image: url(../images/layout/bg_toggle_menu_open.png);
    }

    div.header .toggle-menu-zoeken ul li a.toggle-menu.actief {
        background-image: url(../images/layout/bg_toggle_menu_sluit.svg);
    }

    html.no-svg div.header .toggle-menu-zoeken ul li a.toggle-menu.actief {
        background-image: url(../images/layout/bg_toggle_menu_sluit.png);
    }

     /**
        Keuze website
    */
    .geen-padding{
        padding: 0;
    }

    div.header div.website {}

    div.header div.website ul {}

    div.header div.website ul li {
        display: inline-block;
        width: 50%;
        height: 45px;
        line-height: 45px;
        float: left;
        font-size: 14px;
    }

    div.header div.website ul li a {
        background-color: #E9E9E9;
        color: #4A4A4A;
        text-indent: 40px;
    }

    div.header div.website ul li a.actief,
    div.header div.website ul li a:hover {
        color: #1E6CB1;
        background-color: #D8D8D8;
    }

    div.header div.website ul li a.particulier {
        background-image: url(../images/layout/svg.php?src=particulier-grijs.svg);
        background-position: 12px 16px;
    }

    html.no-svg div.header div.website ul li a.particulier {
        background-image: url(../images/layout/particulier-grijs.png);
    }

    div.header div.website ul li a.zakelijk {
        background-image: url(../images/layout/svg.php?src=zakelijk-grijs.svg);
        background-position: 13px 16px;
    }

    html.no-svg div.header div.website ul li a.zakelijk {
        background-image: url(../images/layout/zakelijk-grijs.png);
    }

    div.header div.website ul li a.particulier.actief,
    div.header div.website ul li a.particulier:hover {
        background-image: url(../images/layout/svg.php?src=particulier-grijs.svg&colorFill=%231E6CB1);
    }

    html.no-svg div.header div.website ul li a.particulier.actief,
    html.no-svg div.header div.website ul li a.particulier:hover {
        background-image: url(../images/layout/particulier-blauw.png);
    }

    div.header div.website ul li a.zakelijk.actief,
    div.header div.website ul li a.zakelijk:hover {
        background-image: url(../images/layout/svg.php?src=zakelijk-grijs.svg&colorFill=%231E6CB1);
    }

    html.no-svg div.header div.website ul li a.zakelijk.actief,
    html.no-svg div.header div.website ul li a.zakelijk:hover {
        background-image: url(../images/layout/zakelijk-blauw.png);
    }


     /**
        Navigatie
    */

    div.navigatie nav.hoofd-navigatie{
        background: #D8D8D8;
        padding: 0;
    }

    div.navigatie nav.hoofd-navigatie ul{}

    div.navigatie nav.hoofd-navigatie ul li{
        border-top: 1px dashed #ffffff;
        padding: 0 4%;
        line-height: 47px;
        vertical-align: middle;
    }

    div.navigatie nav.hoofd-navigatie ul li:first-child {
        border-top: none;
    }

    div.navigatie nav.hoofd-navigatie ul li a{}

    div.navigatie nav.hoofd-navigatie ul li a:hover{}

    div.navigatie nav.hoofd-navigatie ul li ul {}

    div.navigatie nav.hoofd-navigatie ul li ul li {
        line-height: 40px;
    }

    div.navigatie nav.hoofd-navigatie ul li ul li:first-child {
        border-top: 1px dashed #ffffff;
    }

    div.navigatie nav.hoofd-navigatie ul li ul li a {}

    /**
        Zoeken
    */

    div.navigatie div.zoeken-formulier{
        background: #D8D8D8;
        border-bottom: 1px solid #D8D8D8;

        visibility: hidden;
    }

    div.navigatie div.zoeken-formulier form{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    div.navigatie div.zoeken-formulier form input{
        padding: 7px 10px;
        width: calc(100% - 90px);
        margin-right: 10px;
        display: inline-block;
        float: right
    }

    div.navigatie div.zoeken-formulier button.zoeken-knop{
        display: inline-block;
        width: 30px;
        height: 30px;
        border: none;
        margin-left: 20px;
        background-image: url(../images/layout/svg.php?src=zoeken-icoon.svg&colorFill=%23ffffff);
        background-repeat: no-repeat;
        margin: 0;
        margin-left: 20px;
    }

    html.no-svg div.navigatie div.zoeken-formulier button.zoeken-knop {
        background-image: url(../images/layout/zoeken-icoon.png);
    }

    /**
        slider stijlen
    */

    div.slider-holder {
        position: relative;
    }

    div.slider-holder div.slider{
        margin: 0 auto 15px;
    }

    div.slider-holder div.slider .bxslider {
        position: absolute;
    }

    div.slider-holder div.slider .bxslider div.slide{}

    div.slider-holder div.slider .bxslider div.slide div.slide-midden{
        width: 910px;
        padding-left: 15px;
        padding-top: 15px;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst{
        width: 30%;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst span.tekst {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst a.knop {
        font-size: 20px;
        line-height: 20px;
    }

    div.slider-holder div.slider div.lijn {
        width: 10px;
    }

    div.slider-holder div.slider div.lijn.links {}
    div.slider-holder div.slider div.lijn.rechts {}

    div.slider-holder div.slider .timer-holder {
        height: 5px;
    }

    div.slider-holder div.slider .timer-holder .timer {
        height: 5px;
        /* width: 940px; */
        width: 100%;
    }

    div.slider-holder div.slider .timer-holder .timer .display-holder {
        height: 5px;
        width: 67.4%;
    }

    div.slider-holder div.slider .timer-holder .timer .display-holder .display {
        height: 5px;
    }

    /**
        Google maps stijlen
    */


    div.slider-holder div#map-canvas{
        height: 378px;
        margin-bottom: 50px;
        max-width: 1500px;
        margin: 0 auto 50px;
    }

    div.slider-holder div.lijn {
        width: 10px;
        height: 378px;
    }

    div.slider-holder div.lijn.links {}
    div.slider-holder div.lijn.rechts {}

    /**
        intro stijlen
    */

    div.intro{margin-bottom: 35px;}

    div.intro h1{}

    div.intro p{}

    /**
        kruimelspoor stijlen
    */

    div.kruimelspoor{}

    div.kruimelspoor p{
        font-size: 14px;
    }

    div.kruimelspoor p span.u-bent-hier{}

    /**
        detail stijlen
    */

    div.foto-bg{
        height: 100px;
        margin-bottom: 15px;
    }

/*
    div.foto-bg div.slider-lijnen{
        width: 940px;
        border-right:solid 10px white;
        border-left:solid 10px white;
        height: 100px;
        margin: 0 auto;
    }
*/

    div.foto-bg div.slider-lijnen{
        width: 100%;
        border-right:solid 1% white;
        border-left:solid 1% white;
        height: 100px;
        margin: 0 auto;
    }




    div.detail{}

    div.detail h1{}

    div.detail p{}

    /**
        Widgets
    */
    div.widgets {
        overflow: !important visible;
	    margin-top: -121px;
        padding: 0;
        z-index: 3000;
        position: relative;
        width: 31%;
        float: right;
        margin-right: 1%;
    }

    div.widgets .widget {
        padding: 15px 5%;
        font-size: 20px;
    }

    div.widgets .widget.blauw {
        font-size: 15px;
    }

    div.widgets .widget h3 {
        font-size: 23px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    div.widgets .widget.blauw h3 {
        margin-left: -5%;
        margin-right: -5%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 10px;
    }

    div.widgets .widget.nieuws {}
    div.widgets .widget.nieuws ul {}

    div.widgets .widget.nieuws ul li {
        margin-top: 30px;
    }

    div.widgets .widget.nieuws ul li:first-child {
        margin-top: 0;
    }

    div.widgets .widget.nieuws ul li a {}

    /**
        merken-blok stijlen
    */

    div.merken-blok{
	    margin-top: -150px;
        z-index: 1000000;
        position: relative;
        width: calc(33% - 1%);
        width: 31%;
        padding-top: 10px;
        float: right;
        margin-right: 1%;    }

    div.merken-blok h3{
	    line-height: 25px;
        font-size: 23px;
        margin-left: 30px;
        margin-bottom: 15px;
        padding-right: 20px;
    }

    div.merken-blok img{
        width: 85%;
    }

    div.merken-blok div.line{}

    div.merken-blok ul{}

    div.merken-blok ul li{
        text-align: center;
        margin-bottom: 50px;
        margin: 20px 20px;
    }

    div.merken-blok ul li:nth-child(1){
        margin-top: 20px;
    }

    div.merken-blok ul li a {}

    /**
        recent stijlen
    */

    div.recent-titel {}
    div.recent-titel h2 {}

    div.recent-holder{
        margin-bottom: 50px;
    }

    div.recent-holder div.recent{
        padding-top: 25px;
    }

    div.recent-holder div.recent:nth-child(2){
        border-right: 1px dashed #1E6CB1;
        border-left: 1px dashed #1E6CB1;
        padding-left: 15px;
        padding-right: 15px;
    }

    div.recent-holder div.recent:nth-child(3){
        padding-left: 15px;
    }

    div.recent-holder div.recent:nth-child(1){
        padding-right: 15px;
    }

    div.recent-holder div.recent h3 {
        font-size: 27px;
        line-height: 30px;
        letter-spacing: 0px;
        margin-bottom: 15px;
    }

    div.recent-holder div.recent p{}

    /**
        contact-formulier stijlen
    */

    div.contact-formulier{
        margin-bottom: 50px;
    }

    div.contact-formulier form.formulier label{}

    div.contact-formulier form.formulier input{
        padding: 10px 10px;
        display: inline-block;
        margin-bottom: 10px;
        width: 90%;
        margin-top: 5px;
        color: #726f6f;
    }

    div.contact-formulier form.formulier textarea{
        font-family: 'Source Sans Pro', sans-serif;
        padding: 5px 10px 28px 10px ;
        width: 90%;
        margin-top: 5px;
        margin-bottom: 20px;
        color: #726f6f;
    }

    div.contact-formulier form.formulier div.formulier-rechts{
        float: right;
    }

    div.contact-formulier form.formulier div.formulier-rechts button.verzenden{
        width: 95%;
        padding: 8px ;
    }

    div.contact-formulier form.formulier div.formulier-links{
        float: left;
    }

    .verzend-button-holder{
        text-align: center;
    }

    .verzend-button-holder button.verzenden{
        width: 40%;
        margin-right: 20px;
    }

    /**
        snel-contact stijlen
    */

    div.snel-contact{
        text-align: center;
    }

    div.snel-contact p{
        line-height: 60px;
        vertical-align: middle;
        font-size: 20px;
        margin: 0;
        word-spacing: 3px;
    }

    div.snel-contact a.knop.email-link{
        line-height: 30px;
        background-size: 19px 14px;
        background-position: 270px 13px;
        padding-right: 60px;
        padding-left: 30px;
    }


    /**
        footer stijlen
    */

    div.footer{
        padding-top: 65px;
        font-size: 14px;
        padding-bottom: 50px;
    }

    div.footer div.contact-gegevens{}

    div.footer div.contact-gegevens h3{

    }

    div.footer div.contact-gegevens .adres {
        margin-bottom: 30px;
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.contact-gegevens .adres a {
        width: 21px;
        height: 41px;
        background-size: 21px 41px;
        float: right;
        margin-right: 41px;
        margin-top: 18px;
    }

    div.footer div.contact-gegevens .telefoon {
        margin-bottom: 30px;
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.contact-gegevens .telefoon a {}
    div.footer div.contact-gegevens .email {
        line-height: 30px;
        font-weight: 700;
    }
    div.footer div.contact-gegevens .email a {}

    div.footer div.nieuwsbrief-aanmelding{
        padding-right: 25px;
        padding-left: 15px;
    }

    div.footer div.nieuwsbrief-aanmelding h3{
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.nieuwsbrief-aanmelding p{
        margin-bottom: 10px;
    }

    div.footer div.nieuwsbrief-aanmelding form{}

    div.footer div.nieuwsbrief-aanmelding form input{
        padding: 7px 10px;
        display: inline-block;
        margin-bottom: 12px;
        width: 93%;
    }

    div.footer div.nieuwsbrief-aanmelding a{}

    div.footer div.quote{
        /* padding-top: 5px; */
/*
        overflow: visible;
        background-repeat: no-repeat;
        padding-left: 25px;
        padding-top: 20px;
*/
    }

    div.footer div.quote h3{
        margin-bottom: 2px;
        line-height: 30px;
    }

    div.footer div.quote p{
        margin-bottom: 50px;
    }

    div.superlatief {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    div.superlatief a {}

    /**
        Elementen in de pagina
    */
    div.fotoalbum-include {
        padding: 15px 20px;
        margin-bottom: 20px;
    }

    div.fotoalbum-include h3 {
        margin-bottom: 5px;
    }

    div.fotoalbum-include a {}

    div.fotoalbum-include a img {
        margin-right: 10px;
        margin-top: 10px;
    }

    /**
	    Foutmelding, feedback en mededeling
    */

    div.fout{
        padding: 15px;
        margin-bottom: 15px;
    }

    /**
        detail formulier stijlen
    */

    div.detail{
        margin-bottom: 50px;
    }

    div.detail form{
        margin-bottom: 30px;
    }

    div.detail form input{
        padding: 5px 10px;
        display: inline-block;
        margin-bottom: 10px;
    }

    div.detail form label{}

    /**
        detail stijlen
    */

    div.detail ul.actueel{}

    div.detail ul.actueel li{
        padding-left: 15px;
        padding-top: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    div.detail ul.actueel li p{}

    div.detail ul.actueel span.titel a{
        font-size: 27px;
        letter-spacing: 0px;
        margin-bottom: 10px;
        display: inline-block;
    }

    div.detail ul.actueel li a img{
        width: 100%;
    }

    div.detail ul.actueel a.lees-meer{}

    span.datum{
        margin-bottom: 10px;
        display: inline-block;
    }

    div.actueel-detail{}

    div.actueel-detail img{
        width: 100%;
    }

    div.actueel-detail p{}

    div.zoekresultaten{}

    div.zoekresultaten p{}

    div.zoekresultaten div.zoeken-resultaten{}

    div.zoekresultaten div.zoeken-resultaten div.item{}

    div.zoekresultaten div.zoeken-resultaten div.item h3 a{
        margin-bottom: 10px;
        display: inline-block;
    }

    div.zoekresultaten div.zoeken-resultaten div.item span.path{
        margin-bottom: 15px;
        display: inline-block;
    }

    div.zoekresultaten div.zoeken-resultaten div.item span.path a{}

    div.zoekresultaten div.zoeken-resultaten div.item p{}
    
/*     downloadcenter */
    div.downloadcenter {
        padding: 16px 0 30px;
    }
    div.downloadcenter h1 {
        margin-bottom: 21px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen {
        margin-bottom: 36px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen li {
        margin: 5px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen li a {
        width: 100px;
        height: 35px;
        padding: 5px;
        border-width: 3px;
        line-height: 35px;
        vertical-align: middle;
        background-size: 80% auto;
    }
    div.downloadcenter div.download-categorie h3 {
        line-height: 40px;
        margin-bottom: 0;
    }
    div.downloadcenter div.downloads div.download {
        padding: 9px 0;
    }
    div.downloadcenter div.downloads div.download a {
        box-sizing: border-box;
        padding-left: 36px;
        background-position: 10px center;
        background-size: 15px 19px;
        width: 75%;
        float: left;
        line-height: 15px;
    }
    div.downloadcenter div.downloads div.download p {
        padding-right: 10px;
        width: 25%;
        line-height: 15px;
        margin-bottom: 0;
    }   
    
}

/* 3. 12 Column Grid 750px - 959px
-----------------------------------------------------------------------------

Span 1:    7.875%
Span 2:    16.25%
Span 3:    24.625%
Span 4:    33.0%
Span 5:    41.375%
Span 6:    49.75%
Span 7:    58.125%
Span 8:    66.5%
Span 9:    74.875%
Span 10:    83.25%
Span 11:    91.625%
Span 12:    100%

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

@media screen and (min-width: 750px) and (max-width: 959px) {
    .col {
        margin-left:0.5%;
        padding:0 1%;
    }

    .row .col:first-child {
        margin-left:0;
    }

    /**
        Kolommen
    */
    .span_1,
    .zoeken-formulier {
        width:7.875%;
    }

    /*
.zoeken-formulier {
        width: 4.875%;
    }
*/

    .span_2 {
        width:16.25%;
    }

    .span_3{
        width:24.625%;
    }

    .span_4,
    .website,
    .merken-blok,
    .recent,
    .contact-gegevens,
    .nieuwsbrief-aanmelding,
    .quote,
    .slider-tekst,
    .widgets,
    .zoeken-formulier {
        width:33.0%;
    }

    .span_5 {
        width:41.375%;
    }

    .span_6,
    .particulier,
    .zakelijk,
    .formulier-links,
    .formulier-rechts {
        width:49.75%;
    }

    .span_7 {
        width:58.125%;
    }

    .span_8,
    .hoofd-navigatie,
    .logo-holder,
    .intro,
    .detail,
    .kruimelspoor {
        width:66.5%;
    }

    .span_9 {
        width:74.875%;
    }

    .span_10{
        width:83.25%;
    }

    .span_11 {
        width:91.625%;
    }

    .hoofd-navigatie{
        width: 94.625%;
    }

    .span_12,
    .header,
    .snel-contact,
    .footer,
    .slider,
    .intro-holder,
    .recent-holder,
    .superlatief,
    .contact-formulier,
    #map-canvas,
    .downloadcenter,
    .hoofd-navigatie {
        margin-left:0;
        width:100%;
    }

    /**
        Elementen zonder de padding
    */
    div.widgets {
        padding: 0;
    }

    /**
        Elementen die niet te zien mogen zijn
    */
    div.toggle-menu-zoeken,
    div.recent-titel {
        display: none;
    }

    div.lijn{
        display: none;
    }

    /**
        HTML & Body
    */
    body {
        font-size: 15px;
    }

    /**
        Headers
    */
    h1 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    /**
        Basis tekstelementen
    */

    p {
        margin-bottom: 20px;
        font-size: 14px;
    }

    /**
        Hyperlinks
    */
    a, a:link, a:visited, a:hover, a:active {}
    a:hover {}

    a.knop{
        font-size: 19px;
        margin-bottom: 15px;
    }

    .blauw{}
    .oranje{}
    .omlijnd{}

    /**
        Lijsten
    */
    ul, ol {
        margin-bottom: 20px;
        padding-left: 30px;
    }

    ol {}
    ul ul, ol ol, ul ol, ol ul {}

    ul li, ol li {
        line-height: 30px;
    }

    /**
        Formulier-elementen
    */

    button {
        font-size: 18px;
        margin-bottom: 15px;
    }

    input{
        font-size: 14px;
    }

    /**
        Tabellen
    */

    /**
        header stijlen
    */

    div.header{}

    div.header div.logo-holder div.logo{
        margin-top: 10px;
        margin-bottom: 10px;
        width: 188px;
        height: 67px;
    }

    div.header div.logo-holder div.logo a {
        width: 188px;
        height: 67px;
        background-size: 188px 67px;
    }

    /**
        Keuze website
    */
    div.header div.website {}

    div.header div.website ul {
        height: 42px;
        margin-top: 45px;
    }

    div.header div.website ul li {
        display: inline-block;
        width: 50%;
        height: 42px;
        line-height: 42px;
        float: left;
        font-size: 14px;
    }

    div.header div.website ul li a {
        background-color: #F6F6F6;
        color: #B7B7B7;
        text-indent: 40px;
    }

    div.header div.website ul li a.actief,
    div.header div.website ul li a:hover {
        color: #1E6CB1;
        background-color: #fff;
    }

    div.header div.website ul li a.particulier {
        background-image: url(../images/layout/svg.php?src=particulier-grijs.svg);
        background-position: 6px 14px;
        text-indent: 30px;
    }

    div.header div.website ul li a.zakelijk {
        background-image: url(../images/layout/svg.php?src=zakelijk-grijs.svg);
        background-position: 13px 14px;
    }

    div.header div.website ul li a.particulier.actief,
    div.header div.website ul li a.particulier:hover {
        background-image: url(../images/layout/svg.php?src=particulier-grijs.svg&colorFill=%231E6CB1);
    }

    div.header div.website ul li a.zakelijk.actief,
    div.header div.website ul li a.zakelijk:hover {
        background-image: url(../images/layout/svg.php?src=zakelijk-grijs.svg&colorFill=%231E6CB1);
    }

    /**
        Navigatie
    */
    div.navigatie nav.hoofd-navigatie{}
    div.navigatie nav.hoofd-navigatie ul{}

    div.navigatie nav.hoofd-navigatie ul li{
        float: left;
        margin-right: 24px;
        position: relative;
    }

    div.navigatie nav.hoofd-navigatie ul li a{
        font-size: 13px;
        line-height:61px;
    }

    div.navigatie nav.hoofd-navigatie ul li a:hover{
        color: #8BB3D7;
    }

    div.navigatie nav.hoofd-navigatie ul li a.home-icoon{
        display: block;
        background-image: url(../images/layout/home-icoon.svg);
        background-repeat: no-repeat;
        background-position: left center;
        width: 15px;
        text-indent: -1000px;
        margin-left: 20px;
    }

    div.navigatie nav.hoofd-navigatie ul li a.home-icoon:hover{
        background-image: url(../images/layout/home-icoon-hover.svg);
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown{
        border-left: 1px solid #8BB3D7;
        border-right: 1px solid #8BB3D7;
        border-bottom: 1px solid #8BB3D7;
        position: absolute;
        top: 61px;
        z-index: 999999;
        min-width: 120px;
        width: 250px;
        background: #fff;
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown li{
        float: none;
        margin-right: 0;
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown li:hover{
        background: #F6F6F6;
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown li a{
        line-height: 1.2em;
        padding: 15px 15px;
        display: inline-block;
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown li a:hover{
        color: #2C2B2E;
    }

     /**
        Zoeken
    */


    div.navigatie div.zoeken-formulier{
        position: absolute;
        right: 0;

        visibility: hidden;
    }

    div.navigatie div.zoeken-formulier form{
        margin-top: 15px;
    }

    div.navigatie div.zoeken-formulier form input{
        padding: 7px 10px;
        float: right;
        position: absolute;
        right: 65px;
    }

    div.navigatie div.zoeken-formulier button.zoeken-knop{
        width: 30px;
        height: 30px;
        right: 20px;
        border: none;
        position: absolute;
        background-image: url(../images/layout/svg.php?src=zoeken-icoon.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    /**
        slider stijlen
    */

    div.slider-holder {
        position: relative;
    }

    div.slider-holder div.slider{
        margin: 0 auto 15px;
    }

    div.slider-holder div.slider .bxslider {
        position: absolute;
    }

    div.slider-holder div.slider .bxslider div.slide{}

    div.slider-holder div.slider .bxslider div.slide div.slide-midden{
        width: 910px;
        padding-left: 30px;
        padding-top: 30px;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst{
        width: 30%;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst span.tekst {
        font-size: 25px;
        line-height: 25px;
        letter-spacing: 0px;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst a.knop {}

    div.slider-holder div.slider div.lijn {
        width: 10px;
    }

    div.slider-holder div.slider div.lijn.links {}
    div.slider-holder div.slider div.lijn.rechts {}

    div.slider-holder div.slider .timer-holder {
        height: 5px;
    }

    div.slider-holder div.slider .timer-holder .timer {
        height: 5px;
        /* width: 940px; */
        width: 100%;
    }

    div.slider-holder div.slider .timer-holder .timer .display-holder {
        height: 5px;
        width: 67.4%;
    }

    div.slider-holder div.slider .timer-holder .timer .display-holder .display {
        height: 5px;
    }

    /**
        Google maps stijlen
    */

    div.slider-holder div#map-canvas{
        height: 378px;
        margin-bottom: 50px;
        max-width: 1500px;
        margin: 0 auto 50px;
    }

    div.slider-holder div.lijn {
        width: 10px;
        height: 378px;
    }

    div.slider-holder div.lijn.links {}
    div.slider-holder div.lijn.rechts {}

    /**
        intro stijlen
    */

    div.intro{margin-bottom: 35px;}

    div.intro h1{}

    div.intro p{}

    /**
        kruimelspoor stijlen
    */

    div.kruimelspoor{}

    div.kruimelspoor p{
        font-size: 14px;
    }

    div.kruimelspoor p span.u-bent-hier{}

    /**
        detail stijlen
    */

    div.foto-bg{
        height: 100px;
        margin-bottom: 15px;
    }

/*
    div.foto-bg div.slider-lijnen{
        width: 940px;
        border-right:solid 10px white;
        border-left:solid 10px white;
        height: 100px;
        margin: 0 auto;
    }
*/

    div.foto-bg div.slider-lijnen{
        width: 100%;
        border-right:solid 1% white;
        border-left:solid 1% white;
        height: 100px;
        margin: 0 auto;
    }


    div.detail{}

    div.detail h1{}

    div.detail p{}

    /**
        Widgets
    */
    div.widgets {
        overflow: !important visible;
	    margin-top: -121px;
        padding: 0;
        z-index: 3000;
        position: relative;
        width: 31%;
        float: right;
        margin-right: 1%;
    }

    div.widgets .widget {
        padding: 15px 5%;
        font-size: 20px;
    }

    div.widgets .widget.blauw {
        font-size: 15px;
    }

    div.widgets .widget h3 {
        font-size: 25px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    div.widgets .widget.blauw h3 {
        margin-left: -5%;
        margin-right: -5%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 10px;
    }

    div.widgets .widget.nieuws {}
    div.widgets .widget.nieuws ul {}

    div.widgets .widget.nieuws ul li {
        margin-top: 30px;
    }

    div.widgets .widget.nieuws ul li:first-child {
        margin-top: 0;
    }

    div.widgets .widget.nieuws ul li a {}

    /**
        merken-blok stijlen
    */

    div.merken-blok{
	    margin-top: -150px;
        z-index: 1000000;
        position: relative;
        width: calc(33% - 1%);
        width: 31%;
        padding-top: 10px;
        float: right;
        margin-right: 1%;    }

    div.merken-blok h3{
	    line-height: 25px;
        font-size: 25px;
        margin-left: 30px;
        margin-bottom: 15px;
        padding-right: 20px;
    }

    div.merken-blok img{
        width: 85%;
    }

    div.merken-blok div.line{}

    div.merken-blok ul{}

    div.merken-blok ul li{
        text-align: center;
        margin-bottom: 50px;
        margin: 30px 30px;
    }

    div.merken-blok ul li:nth-child(1){
        margin-top: 20px;
    }

    div.merken-blok ul li a {}

    /**
        recent stijlen
    */

    div.recent-titel {}
    div.recent-titel h2 {}

    div.recent-holder{
        margin-bottom: 50px;
    }

    div.recent-holder div.recent{
        padding-top: 25px;
    }

    div.recent-holder div.recent:nth-child(2){
        border-right: 1px dashed #1E6CB1;
        border-left: 1px dashed #1E6CB1;
        padding-left: 15px;
        padding-right: 15px;
    }

    div.recent-holder div.recent:nth-child(3){
        padding-left: 15px;
    }

    div.recent-holder div.recent:nth-child(1){
        padding-right: 15px;
    }

    div.recent-holder div.recent h3 {
        font-size: 27px;
        line-height: 30px;
        letter-spacing: 0px;
        margin-bottom: 15px;
    }

    div.recent-holder div.recent p{}

    /**
        contact-formulier stijlen
    */

    div.contact-formulier{
        margin-bottom: 50px;
    }

    div.contact-formulier form.formulier label{}

    div.contact-formulier form.formulier input{
        padding: 10px 10px;
        display: inline-block;
        margin-bottom: 10px;
        width: 90%;
        margin-top: 5px;
        color: #726f6f;
    }

    div.contact-formulier form.formulier textarea{
        font-family: 'Source Sans Pro', sans-serif;
        padding: 5px 10px 28px 10px ;
        width: 90%;
        margin-top: 5px;
        margin-bottom: 20px;
        color: #726f6f;
    }

    div.contact-formulier form.formulier div.formulier-rechts{
        float: right;
    }

    div.contact-formulier form.formulier div.formulier-rechts button.verzenden{
        width: 95%;
        padding: 8px ;
    }

    div.contact-formulier form.formulier div.formulier-links{
        float: left;
    }

    .verzend-button-holder{
        text-align: center;
    }

    .verzend-button-holder button.verzenden{
        width: 40%;
        margin-right: 20px;
    }

    /**
        snel-contact stijlen
    */

    div.snel-contact{
        text-align: center;
    }

    div.snel-contact p{
        line-height: 60px;
        vertical-align: middle;
        font-size: 20px;
        margin: 0;
        word-spacing: 3px;
    }

    div.snel-contact a.knop.email-link{
        line-height: 30px;
        background-size: 19px 14px;
        background-position: 270px 13px;
        padding-right: 60px;
        padding-left: 30px;
    }


    /**
        footer stijlen
    */

    div.footer{
        padding-top: 65px;
        font-size: 14px;
        padding-bottom: 50px;
    }

    div.footer div.contact-gegevens{}

    div.footer div.contact-gegevens h3{

    }

    div.footer div.contact-gegevens .adres {
        margin-bottom: 30px;
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.contact-gegevens .adres a {
        width: 21px;
        height: 41px;
        background-size: 21px 41px;
        float: right;
        margin-right: 80px;
        margin-top: 18px;
    }

    div.footer div.contact-gegevens .telefoon {
        margin-bottom: 30px;
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.contact-gegevens .telefoon a {}
    div.footer div.contact-gegevens .email {
        line-height: 30px;
        font-weight: 700;
    }
    div.footer div.contact-gegevens .email a {}

    div.footer div.nieuwsbrief-aanmelding{
        padding-right: 25px;
        padding-left: 15px;
    }

    div.footer div.nieuwsbrief-aanmelding h3{
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.nieuwsbrief-aanmelding p{
        margin-bottom: 10px;
    }

    div.footer div.nieuwsbrief-aanmelding form{}

    div.footer div.nieuwsbrief-aanmelding form input{
        padding: 7px 10px;
        display: inline-block;
        margin-bottom: 12px;
        width: 93%;
    }

    div.footer div.nieuwsbrief-aanmelding a{}

    div.footer div.quote{
/*
        overflow: visible;
        background-repeat: no-repeat;
        padding-left: 25px;
        padding-top: 20px;
*/
    }

    div.footer div.quote p{
        margin-bottom: 50px;
    }

    div.footer div.quote h3{
        margin-bottom: 2px;
        line-height: 30px;
    }

    div.superlatief {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    div.superlatief a {}

    /**
        Elementen in de pagina
    */
    div.fotoalbum-include {
        padding: 15px 20px;
        margin-bottom: 20px;
    }

    div.fotoalbum-include h3 {
        margin-bottom: 5px;
    }

    div.fotoalbum-include a {}

    div.fotoalbum-include a img {
        margin-right: 10px;
        margin-top: 10px;
    }

    /**
	    Foutmelding, feedback en mededeling
    */

    div.fout{
        padding: 15px;
        margin-bottom: 15px;
    }

    /**
        detail formulier stijlen
    */

    div.detail{
        margin-bottom: 50px;
    }

    div.detail form{
        margin-bottom: 30px;
    }

    div.detail form input{
        padding: 5px 10px;
        display: inline-block;
        margin-bottom: 10px;
    }

    div.detail form label{}

    /**
        detail stijlen
    */

    div.detail ul.actueel{}

    div.detail ul.actueel li{
        padding-left: 15px;
        padding-top: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    div.detail ul.actueel li p{}

    div.detail ul.actueel span.titel a{
        font-size: 27px;
        letter-spacing: 0px;
        margin-bottom: 10px;
        display: inline-block;
    }

    div.detail ul.actueel li a img{
        width: 100%;
    }

    div.detail ul.actueel a.lees-meer{}

    span.datum{
        margin-bottom: 10px;
        display: inline-block;
    }

    div.actueel-detail{}

    div.actueel-detail img{
        width: 100%;
    }

    div.actueel-detail p{}

    div.zoekresultaten{}

    div.zoekresultaten p{}

    div.zoekresultaten div.zoeken-resultaten{}

    div.zoekresultaten div.zoeken-resultaten div.item{}

    div.zoekresultaten div.zoeken-resultaten div.item h3 a{
        margin-bottom: 10px;
        display: inline-block;
    }

    div.zoekresultaten div.zoeken-resultaten div.item span.path{
        margin-bottom: 15px;
        display: inline-block;
    }

    div.zoekresultaten div.zoeken-resultaten div.item span.path a{}

    div.zoekresultaten div.zoeken-resultaten div.item p{}
    
/*     downloadcenter */
    div.downloadcenter {
        padding: 20px 0 38px;
    }
    div.downloadcenter h1 {
        margin-bottom: 26px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen {
        margin-bottom: 45px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen li {
        margin: 5px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen li a {
        width: 128px;
        height: 46px;
        padding: 5px;
        border-width: 3px;
        line-height: 46px;
        vertical-align: middle;
        background-size: 80% auto;
    }
    div.downloadcenter div.download-categorie h3 {
        line-height: 45px;
        margin-bottom: 0;
    }
    div.downloadcenter div.downloads div.download {
        padding: 11px 0;
    }
    div.downloadcenter div.downloads div.download a {
        box-sizing: border-box;
        padding-left: 45px;
        background-position: 12px center;
        background-size: 19px 24px;
        width: 80%;
        float: left;
        line-height: 17px;
    }
    div.downloadcenter div.downloads div.download p {
        padding-right: 12px;
        width: 20%;
        line-height: 17px;
        margin-bottom: 0;
    }


}

/* 4. 12 Column Grid 960px - Infinity
-----------------------------------------------------------------------------

Span 1:    7.875%
Span 2:    16.25%
Span 3:    24.625%
Span 4:    33.0%
Span 5:    41.375%
Span 6:    49.75%
Span 7:    58.125%
Span 8:    66.5%
Span 9:    74.875%
Span 10:    83.25%
Span 11:    91.625%
Span 12:    100%

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

@media screen and (min-width: 960px) {
    .col {
        margin-left:0.5%;
        padding:0 1%;
    }

    .row .col:first-child {
        margin-left:0;
    }


    .page{
        max-width: 960px;
        margin: 0 auto;
    }


    /**
        Kolommen
    */
    .span_1,
    .zoeken-formulier {
        width:7.875%;
    }

/*
    .zoeken-formulier {
        width: 4.875%;
    }
*/

    .span_2 {
        width:16.25%;
    }

    .span_3{
        width:24.625%;
    }

    .span_4,
    .website,
    .merken-blok,
    .recent,
    .contact-gegevens,
    .nieuwsbrief-aanmelding,
    .quote,
    .slider-tekst,
    .widgets,
    .zoeken-formulier  {
        width:33.0%;
    }

    .span_5 {
        width:41.375%;
    }

    .span_6,
    .particulier,
    .zakelijk,
    .formulier-links,
    .formulier-rechts {
        width:49.75%;
    }

    .span_7 {
        width:58.125%;
    }

    .span_8,
    .logo-holder,
    .intro,
    .detail,
    .kruimelspoor {
        width:66.5%;
    }

    .span_9 {
        width:74.875%;
    }

    .span_10{
        width:83.25%;
    }

    .span_11,
    .hoofd-navigatie, {
        width:91.625%;
    }

/*
    .hoofd-navigatie{
        width: 94.625%;
    }
*/

    .span_12,
    .header,
    .snel-contact,
    .footer,
    .slider,
    .intro-holder,
    .recent-holder,
    .superlatief,
    .contact-formulier,
    #map-canvas,
    .verzend-button-holder,
    .downloadcenter {
        margin-left:0;
        width:100%;
    }

    /**
        Elementen zonder de padding
    */
    div.widgets {
        padding: 0;
    }

    /**
        Elementen die niet te zien mogen zijn
    */
    div.toggle-menu-zoeken,
    div.recent-titel {
        display: none;
    }

    /**
        HTML & Body
    */
    body {
        font-size: 15px;
    }

    /**
        Headers
    */
    h1 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }

    /**
        Basis tekstelementen
    */

    p {
        margin-bottom: 20px;
        /* font-size: 15px; */
    }

    /**
        Hyperlinks
    */
    a, a:link, a:visited, a:hover, a:active {}
    a:hover {}

    a.knop{
        font-size: 19px;
        margin-bottom: 15px;
    }

    .blauw{}
    .oranje{}
    .omlijnd{}

    /**
        Lijsten
    */
    ul, ol {
        margin-bottom: 20px;
        padding-left: 30px;
    }

    ol {}
    ul ul, ol ol, ul ol, ol ul {}

    ul li, ol li {
        line-height: 30px;
    }

    /**
        Formulier-elementen
    */

    button {
        font-size: 18px;
        margin-bottom: 15px;
    }

    input{
        font-size: 14px;
    }

    /**
        Tabellen
    */

    /**
        header stijlen
    */

    div.header{}

    div.header div.logo-holder div.logo{
        margin-top: 10px;
        margin-bottom: 10px;
        width: 188px;
        height: 67px;
    }

    div.header div.logo-holder div.logo a {
        width: 188px;
        height: 67px;
        background-size: 188px 67px;
    }

    /**
        Keuze website
    */
    div.header div.website {}

    div.header div.website ul {
        height: 42px;
        margin-top: 45px;
    }

    div.header div.website ul li {
        display: inline-block;
        width: 50%;
        height: 42px;
        line-height: 42px;
        float: left;
        font-size: 14px;
    }

    div.header div.website ul li a {
        background-color: #F6F6F6;
        color: #B7B7B7;
        text-indent: 40px;
    }

    div.header div.website ul li a.actief,
    div.header div.website ul li a:hover {
        color: #1E6CB1;
        background-color: #fff;
    }

    div.header div.website ul li a.particulier {
        background-image: url(../images/layout/svg.php?src=particulier-grijs.svg);
        background-position: 12px 14px;
    }

    div.header div.website ul li a.zakelijk {
        background-image: url(../images/layout/svg.php?src=zakelijk-grijs.svg);
        background-position: 13px 14px;
    }

    div.header div.website ul li a.particulier.actief,
    div.header div.website ul li a.particulier:hover {
        background-image: url(../images/layout/svg.php?src=particulier-grijs.svg&colorFill=%231E6CB1);
    }

    div.header div.website ul li a.zakelijk.actief,
    div.header div.website ul li a.zakelijk:hover {
        background-image: url(../images/layout/svg.php?src=zakelijk-grijs.svg&colorFill=%231E6CB1);
    }

    /**
        Navigatie
    */

    div.navigatie nav.hoofd-navigatie{}
    div.navigatie nav.hoofd-navigatie ul{}

    div.navigatie nav.hoofd-navigatie ul li{
        float: left;
        margin-right: 40px;
        position: relative;
    }

    div.navigatie nav.hoofd-navigatie ul li a{
        font-size: 14px;
        line-height:61px;
    }

    div.navigatie nav.hoofd-navigatie ul li a:hover{
        color: #8BB3D7;
    }

    div.navigatie nav.hoofd-navigatie ul li a.home-icoon{
        display: block;
        background-image: url(../images/layout/home-icoon.svg);
        background-repeat: no-repeat;
        background-position: left center;
        width: 15px;
        text-indent: -1000px;
        margin-left: 20px;
        float: right;
    }

    div.navigatie nav.hoofd-navigatie ul li a.home-icoon:hover{
        background-image: url(../images/layout/home-icoon-hover.svg);
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown{
        border-left: 1px solid #8BB3D7;
        border-right: 1px solid #8BB3D7;
        border-bottom: 1px solid #8BB3D7;
        position: absolute;
        top: 61px;
        z-index: 999999;
        min-width: 120px;
        width: 250px;
        background: #fff;
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown li{
        float: none;
        margin-right: 0;
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown li:hover{
        background: #F6F6F6;
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown li a{
        line-height: 1.2em;
        padding: 15px 15px;
        display: inline-block;
    }

    div.navigatie nav.hoofd-navigatie ul li ul.dropdown li a:hover{
        color: #2C2B2E;
    }

    /**
        Zoeken
    */

    div.navigatie{
        position: relative;
    }

    div.navigatie div.zoeken-formulier{
        right: 0;
        position: absolute;

        visibility: hidden;
       /*  position: relative; */
    }

    div.navigatie div.zoeken-formulier form{
        margin-top: 15px;
    }

    div.navigatie div.zoeken-formulier form input{
        padding: 7px 10px;
        position: absolute;
        right: 65px;
    }

    div.navigatie div.zoeken-formulier button.zoeken-knop{
        width: 30px;
        height: 30px;
        right: 20px;
        border: none;
        position: absolute;
        background-image: url(../images/layout/svg.php?src=zoeken-icoon.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
    }


    /**
        slider stijlen
    */

    div.slider-holder {
        position: relative;
    }

    div.slider-holder div.slider{
        margin: 0 auto 15px;
    }

    div.slider-holder div.slider .bxslider {
        position: absolute;
    }

    div.slider-holder div.slider .bxslider div.slide{}

    div.slider-holder div.slider .bxslider div.slide div.slide-midden{
        width: 910px;
        padding-left: 30px;
        padding-top: 30px;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst{
        width: 40%;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst span.tekst {
        font-size: 35px;
        line-height: 35px;
        letter-spacing: 0px;
    }

    div.slider-holder div.slider .bxslider div.slide div.slide-midden div.slider-tekst a.knop {}

    div.slider-holder div.slider div.lijn {
        width: 10px;
    }

    div.slider-holder div.slider div.lijn.links {}
    div.slider-holder div.slider div.lijn.rechts {}

    div.slider-holder div.slider .timer-holder {
        height: 5px;
    }

    div.slider-holder div.slider .timer-holder .timer {
        height: 5px;
        width: 940px;
    }

    div.slider-holder div.slider .timer-holder .timer .display-holder {
        height: 5px;
        width: 67.4%;
    }

    div.slider-holder div.slider .timer-holder .timer .display-holder .display {
        height: 5px;
    }

    /**
        Google maps stijlen
    */

    div.slider-holder div#map-canvas{
        height: 378px;
        margin-bottom: 50px;
        max-width: 1500px;
        margin: 0 auto 50px;
    }

    div.slider-holder div.lijn {
        width: 10px;
        height: 378px;
    }

    div.slider-holder div.lijn.links {}
    div.slider-holder div.lijn.rechts {}

    /**
        intro stijlen
    */

    div.intro{margin-bottom: 35px;}

    div.intro h1{}

    div.intro p{}

    /**
        kruimelspoor stijlen
    */

    div.kruimelspoor{}

    div.kruimelspoor p{
        font-size: 14px;
    }

    div.kruimelspoor p span.u-bent-hier{}

    /**
        detail stijlen
    */

    div.foto-bg{
        height: 100px;
        margin-bottom: 15px;
    }

    div.foto-bg div.slider-lijnen{
        width: 940px;
        border-right:solid 10px white;
        border-left:solid 10px white;
        height: 100px;
        margin: 0 auto;
    }

    @media screen and (max-width: 993px) {
        div.foto-bg div.slider-lijnen{
            display: none;
        }
    }


    div.detail{}

    div.detail h1{}

    div.detail p{}

    /**
        Widgets
    */
    div.widgets {
        overflow: !important visible;
	    margin-top: -121px;
        padding: 0;
        z-index: 3000;
        position: relative;
        width: 31%;
        float: right;
        margin-right: 1%;
    }

    div.widgets .widget {
        padding: 15px 5%;
        font-size: 20px;
    }

    div.widgets .widget.blauw {
        font-size: 15px;
    }

    div.widgets .widget h3 {
        font-size: 30px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    div.widgets .widget.blauw h3 {
        margin-left: -5%;
        margin-right: -5%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 10px;
    }

    div.widgets .widget.nieuws {}
    div.widgets .widget.nieuws ul {}

    div.widgets .widget.nieuws ul li {
        margin-top: 30px;
    }

    div.widgets .widget.nieuws ul li:first-child {
        margin-top: 0;
    }

    div.widgets .widget.nieuws ul li a {}

    /**
        merken-blok stijlen
    */

    div.merken-blok{
	    margin-top: -245px;
        z-index: 1000000;
        position: relative;
        width: calc(33% - 1%);
        width: 31%;
        padding-top: 10px;
        float: right;
        margin-right: 1%;
    }

    div.merken-blok h3{
	    line-height: 40px;
        font-size: 30px;
        margin-left: 30px;
        margin-bottom: 15px;
        padding-right: 20px;
    }

    div.merken-blok img{
        width: 85%;
    }

    div.merken-blok div.line{}

    div.merken-blok ul{}

    div.merken-blok ul li{
        text-align: center;
        width: 235px;
        margin: 30px 30px;
    }

    div.merken-blok ul li:nth-child(1){
        margin-top: 20px;
    }

    div.merken-blok ul li a {}

    /**
        recent stijlen
    */

    div.recent-titel {}
    div.recent-titel h2 {}

    div.recent-holder{
        margin-bottom: 75px;
    }

    div.recent-holder div.recent{
        padding-top: 25px;
    }

    div.recent-holder div.recent:nth-child(2){
        border-right: 1px dashed #1E6CB1;
        border-left: 1px dashed #1E6CB1;
        padding-left: 20px;
        padding-right: 20px;
    }

    div.recent-holder div.recent:nth-child(3){
        padding-left: 20px;
    }

    div.recent-holder div.recent:nth-child(1){
        padding-right: 20px;
    }

    div.recent-holder div.recent h3 {
        font-size: 27px;
        line-height: 30px;
        letter-spacing: 0px;
        margin-bottom: 15px;
    }

    div.recent-holder div.recent p{}

    /**
        contact-formulier stijlen
    */

    div.contact-formulier{
        margin-bottom: 50px;
    }

    div.contact-formulier form.formulier label{}

    div.contact-formulier form.formulier input{
        padding: 10px 10px;
        display: inline-block;
        margin-bottom: 10px;
        width: 90%;
        margin-top: 5px;
        color: #726f6f;
    }

    div.contact-formulier form.formulier textarea{
        font-family: 'Source Sans Pro', sans-serif;
        padding: 5px 10px 28px 10px ;
        width: 90%;
        margin-top: 5px;
        margin-bottom: 20px;
        color: #726f6f;
    }

    div.contact-formulier form.formulier div.formulier-rechts{
        float: right;
    }

    div.contact-formulier form.formulier div.formulier-rechts button.verzenden{
        width: 95%;
        padding: 8px ;
    }

    div.contact-formulier form.formulier div.formulier-links{
        float: left;
    }

    .verzend-button-holder{
        text-align: center;
    }

    .verzend-button-holder button.verzenden{
        width: 40%;
        margin-right: 20px;
    }

    /**
        snel-contact stijlen
    */

    div.snel-contact{}

    div.snel-contact p{
        line-height: 85px;
        vertical-align: middle;
        font-size: 20px;
        margin: 0;
        word-spacing: 3px;
    }

    div.snel-contact a.knop.email-link{
        line-height: 30px;
        float: right;
        background-size: 19px 14px;
        background-position: 270px 13px;
        padding-right: 60px;
        padding-left: 30px;
        margin-top: 23px;
    }


    /**
        footer stijlen
    */

    div.footer{
        padding-top: 65px;
        font-size: 14px;
        padding-bottom: 50px;
    }

    div.footer div.contact-gegevens{}

    div.footer div.contact-gegevens h3{

    }

    div.footer div.contact-gegevens .adres {
        margin-bottom: 30px;
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.contact-gegevens .adres a {
        width: 21px;
        height: 41px;
        background-size: 21px 41px;
        float: right;
        margin-right: 145px;
        margin-top: 15px;
    }

    div.footer div.contact-gegevens .telefoon {
        margin-bottom: 30px;
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.contact-gegevens .telefoon a {}
    div.footer div.contact-gegevens .email {
        line-height: 30px;
        font-weight: 700;
    }
    div.footer div.contact-gegevens .email a {}

    div.footer div.nieuwsbrief-aanmelding{
        padding-right: 25px;
        padding-left: 15px;
    }

    div.footer div.nieuwsbrief-aanmelding h3{
        line-height: 30px;
        font-weight: 700;
    }

    div.footer div.nieuwsbrief-aanmelding p{
        margin-bottom: 10px;
    }

    div.footer div.nieuwsbrief-aanmelding form{}

    div.footer div.nieuwsbrief-aanmelding form input{
        padding: 7px 10px;
        display: inline-block;
        margin-bottom: 12px;
        width: 93%;
    }

    div.footer div.nieuwsbrief-aanmelding a{}

    div.footer div.quote{}

    div.footer div.quote p{
        margin-bottom: 50px;
    }

    div.footer div.quote h3{
        margin-bottom: 2px;
        line-height: 30px;
    }

    div.superlatief {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    div.superlatief a {}

    /**
        Elementen in de pagina
    */
    div.fotoalbum-include {
        padding: 15px 20px;
        margin-bottom: 20px;
    }

    div.fotoalbum-include h3 {
        margin-bottom: 5px;
    }

    div.fotoalbum-include a {}

    div.fotoalbum-include a img {
        margin-right: 10px;
        margin-top: 10px;
    }

    /**
	    Foutmelding, feedback en mededeling
    */

    div.fout{
        padding: 15px;
        margin-bottom: 15px;
    }

    /**
        detail formulier stijlen
    */

    div.detail{
        margin-bottom: 50px;
    }

    div.detail form{
        margin-bottom: 30px;
    }

    div.detail form input{
        padding: 5px 10px;
        display: inline-block;
        margin-bottom: 10px;
    }

    div.detail form label{}

    /**
        detail stijlen
    */

    div.detail ul.actueel{}

    div.detail ul.actueel li{
        padding-left: 15px;
        padding-top: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    div.detail ul.actueel li p{}

    div.detail ul.actueel span.titel a{
        font-size: 27px;
        letter-spacing: 0px;
        margin-bottom: 10px;
        display: inline-block;
    }

    div.detail ul.actueel li a img{
        width: 100%;
    }

    div.detail ul.actueel a.lees-meer{}

    span.datum{
        margin-bottom: 10px;
        display: inline-block;
    }

    div.actueel-detail{}

    div.actueel-detail img{
        width: 100%;
    }

    div.actueel-detail p{}

    div.zoekresultaten{}

    div.zoekresultaten p{}

    div.zoekresultaten div.zoeken-resultaten{}

    div.zoekresultaten div.zoeken-resultaten div.item{}

    div.zoekresultaten div.zoeken-resultaten div.item h3 a{
        margin-bottom: 10px;
        display: inline-block;
    }

    div.zoekresultaten div.zoeken-resultaten div.item span.path{
        margin-bottom: 15px;
        display: inline-block;
    }

    div.zoekresultaten div.zoeken-resultaten div.item span.path a{}

    div.zoekresultaten div.zoeken-resultaten div.item p{}
    
/*     downloadcenter */
    
    div.downloadcenter {
        padding: 24px 0 48px;
    }
    div.downloadcenter h1 {
        margin-bottom: 32px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen {
        margin-bottom: 60px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen li {
        margin: 5px;
    }
    div.downloadcenter ul.downloads-merken-afbeeldingen li a {
        width: 128px;
        height: 46px;
        padding: 5px;
        border-width: 3px;
        line-height: 46px;
        vertical-align: middle;
        background-size: 80% auto;
    }
    div.downloadcenter div.download-categorie h3 {
        line-height: 52px;
        margin-bottom: 0;
    }
    div.downloadcenter div.downloads div.download {
        padding: 14px 0;
    }
    div.downloadcenter div.downloads div.download a {
        box-sizing: border-box;
        padding-left: 70px;
        background-position: 15px center;
        width: 80%;
        float: left;
        line-height: 21px;
    }
    div.downloadcenter div.downloads div.download p {
        padding-right: 15px;
        width: 20%;
        line-height: 21px;
  }

}
#popup {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
	text-align: left;
    font: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
    color: #333333;
    font-size: 14px;
}

#popup-sluiten {
	background: url(../images/layout/bg_popup.png) no-repeat 0 0;
}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999999999999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:30px;line-height:30px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:30px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:30px;width:30px;margin-left:3px;cursor:pointer;background-repeat:no-repeat; background-size: 20px 20px;background-position: 0px 0px}
#sb-nav-close{background-image:url(../images/shadowbox/stop.png);}
#sb-nav-next{background-image:url(../images/shadowbox/forward.png);}
#sb-nav-previous{background-image:url(../images/shadowbox/backwards.png);}
#sb-nav-play{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}