/* CSS door CM Specialist.nl */
/* Versie 6.3.0 */
/* Algemeen */
/* Alle form velden */
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="number"] {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: none;
color: #666;
font-family: inherit;
font-size: inherit;
line-height: normal;
padding: 8px 10px;
box-sizing: border-box;
width: 100%;
transition: all .3s ease;
outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::-moz-focus-inner {border: 0; padding: 0}
input[type='number'] {-moz-appearance: textfield;}
input:focus, textarea:focus, select:focus {color: #000 !important;}
input.verplicht, textarea.verplicht {background: #fff no-repeat scroll right 6px top 6px; background-size: 6px; background-image: url('data:image/svg+xml;utf8,');}
input.correct, .correct {border-color: #41ae28; background-size: 15px !important; background-repeat: no-repeat !important; background-position: right 8px center !important; background-image: url('data:image/svg+xml;utf8,') !important; }
input.laden {background: #fff no-repeat scroll right 5px top 5px url("images/loading.svg"); background-size: 30px; transition: all .01s ease;}
input.nietMeerVerplicht, .nietMeerVerplicht {background: #f2f2ef;}
select {
font-family: inherit;
font-size: inherit;
border-radius: 3px;
border: 1px solid #ddd;
color: #666;
padding: 8px 25px 8px 10px;
background: #fff no-repeat right center;
vertical-align: top;
box-sizing:border-box;
background-image: url('data:image/svg+xml;utf8,');
margin:0;
line-height: normal;
outline: none;
-webkit-appearance: none; -moz-appearance: none; appearance: none;
cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {border: none !important; box-shadow: none; background: none; height: auto; appearance: none; -webkit-appearance: none; -o-appearance: none; padding: 1px; border-radius: 50px; margin: 0 5px 0 0; outline: none; cursor: pointer; background: none; box-sizing: border-box; line-height: 1em; }
input[type="radio"]::before {content: "\f111"; font-family: "Font Awesome 5 Pro"; font-size: 16px; position: relative; display: block; letter-spacing: 0px; color: #aaa; }
input[type="radio"]:checked::before {color: #000; content: "\f058"; font-weight: bold;}
input[type="checkbox"]::before {content: "\f0c8"; font-family: "Font Awesome 5 Pro"; font-size: 16px; position: relative; display: block; letter-spacing: 0px; color: #aaa; }
input[type="checkbox"]:checked::before {color: #000; content: "\f14a"; font-weight: bold;}
/* Einde alle form velden */
#NiksNiet {position: absolute; opacity: 0; pointer-events: none;}
#fancy_ajax input {height: auto;}
table {border-spacing:0;width: 100%;}
td,th {padding:0}
::selection {background: #515555; color: #fff;}
/* Einde algemeen */
.CMSMenu1ul,.CMSMenu2ul,.CMSMenu3ul,.CMSMenu4ul {margin: 0 !important; list-style:none; padding:0 !important;}
.CMSMenuLink1li, .CMSMenuLink1liSel {
color: #777 !important;
display: inline-block;
font-size: 14px;
font-weight: normal;
line-height: 1.25em;
margin: 5px 0;
padding: 0;
text-decoration: none !important;
}
.CMSMenuLink1liSel {color: #000 !important; font-weight: bold;}
.CMSMenuLink2li, .CMSMenuLink2liSel {
color: #777 !important;
display: inline-block;
font-size: 13px;
line-height: 1.75em;
text-decoration: none !important;
padding: 0 0 0 15px;
font-weight: normal;
margin: 2px 0;
}
.CMSMenuLink2liSel {color: #000 !important; font-weight: bold;}
.CMSMenuLink3li, .CMSMenuLink3liSel {
color: #777 !important;
display: inline-block;
font-size: 13px;
line-height: 1.75em;
text-decoration: none !important;
padding: 0 0 0 15px;
font-weight: normal;
margin: 2px 0;
margin-left: 30px;
}
.CMSMenuLink3liSel {color: #000 !important; padding: 0 0 0 15px; margin-left:30px;}
.CMSMenu2li > a:hover, .CMSMenu3li > a:hover, .CMSMenu4li > a:hover {text-decoration: underline !important;}
.CMSMenu2liSel > a:hover, .CMSMenu3liSel > a:hover, .CMSMenu4liSel > a:hover {text-decoration: underline !important;}
/* Einde Menu */
/* Taalvlaggen ------------- */
.Taalkeuze_vlaggen {position: relative; display: inline-block; margin: auto auto auto 0;}
.Taalkeuze_vlaggen ul {margin: 0; padding: 0;}
.Taalkeuze_vlaggen ul li {display: inline-block; padding: 0 5px;}
.Taalkeuze_vlaggen ul li a {color: inherit;}
.Taalkeuze_vlaggen ul li .afbeelding {display: inline-block; position: relative; vertical-align: middle; line-height: 0;}
.Taalkeuze_vlaggen ul li .omschrijving {display: none;}
.Taalkeuze_vlaggen ul li.actief .afbeelding::before {content: "\f14a"; font-family: "Font Awesome 5 Pro"; position: absolute; font-size: 14px; font-weight: bold; color: #75c567; z-index: 1; right: 0; bottom: 5px;}
/* Einde Taalvlaggen ------------- */
/* Taalvlaggen dropdown ------------- */
.Taalkeuze_vlaggen.dropdownTaal {line-height: 30px; height: 30px; margin: auto 0; min-width: 135px;}
.Taalkeuze_vlaggen.dropdownTaal ul {position: absolute; transition: .3s all ease; border-radius: 0 0 3px 3px; max-height: 30px; overflow: hidden;}
.Taalkeuze_vlaggen.dropdownTaal.open {z-index: 5;}
.Taalkeuze_vlaggen.dropdownTaal.open ul {background: rgba(255,255,255,1); max-height: 180px; box-shadow: var(--box-shadow-venster);}
.Taalkeuze_vlaggen.dropdownTaal ul li {display: block; white-space: nowrap; box-sizing: border-box;}
.Taalkeuze_vlaggen.dropdownTaal ul li a {display: block;}
.Taalkeuze_vlaggen.dropdownTaal ul li.actief {cursor: pointer; background: transparent;}
.Taalkeuze_vlaggen.dropdownTaal ul li .omschrijving {display: inline-block; line-height: 1em; padding: 5px; box-sizing: border-box;}
.Taalkeuze_vlaggen.dropdownTaal ul li.actief .omschrijving::after {content: "\f078"; padding-left: 10px; font-family: "Font Awesome 5 Pro"; font-size: 9px; bottom: 1px; position: relative;}
/* Einde Taalvlaggen dropdown ------------- */
/* FAQ ------------- */
.faqHolder {margin-top: 10px;}
.faqHolder .bericht:empty {display: none;}
.faqHolder .titel {border: 1px solid #ddd; padding: 5px 10px; font-weight:bold;}
.faqHolder .titel a {text-decoration: none; outline: none;}
.faqHolder.actief .titel a {color: #000;}
.faqHolder .bericht {border: 1px solid #ddd; border-top:1px solid #ddd; margin-top:-1px; padding: 10px; border-radius: 0px; background-color:#fff;}
/* Einde FAQ ------------- */
/* Gastenboek ------------- */
.gbBericht {padding:1.5em; box-sizing: border-box; background:#fff; border-top: 1px solid #eee; margin: 0 0 10px;}
.gbBericht .gbHeader {margin: 0 0 5px; padding: 0 0 5px; font-size: 14px;}
.gbBericht .gbEmail {display: none;}
.gbBericht .gbNaam {font-weight: bold; font-size: 17px;}
.gbBericht .gbdatum {display: block; font-size: 13px; color:#999; font-weight: normal;}
.gbBericht .gbdatum span {display: inline-block;}
.gbBericht .gbdatum span::after {content: "-"; margin: 0 3px;}
.gbBericht .gbdatum span:last-child::after {display: none;}
.gb_aanmelden {position: relative; padding:1.5em; width:100%;}
.gb_aanmelden h2 {margin-top:0;}
.gbBreedteKol1 {padding-right:30px;}
#gb_naam, #gb_email, .gb_message2 {width:100%;}
.gb_message2 {height:100px;}
#gb_A, #gb_B {position:relative; transition: all .3s ease; overflow:hidden;}
#gb_B .sluiten {display: none;}
#gbHolder {max-height:0; background:#f5f5f5; transition: all .3s ease; position:relative; display:block; overflow:hidden; margin:20px 0;}
/* Rating */
.gbRating{float:right; line-height: 1;}
.gbRating .ratingStar label{color: #edd821; cursor: default; text-shadow: 0px 1px 0px #b7a614; font-weight: bold;}
.gbRating .ratingStar label::before{top: 0;}
.rate1 .star2 label::before, .rate1 .star3 label::before, .rate1 .star4 label::before, .rate1 .star5 label::before,
.rate2 .star3 label::before, .rate2 .star4 label::before, .rate2 .star5 label::before,
.rate3 .star4 label::before, .rate3 .star5 label::before,
.rate4 .star5 label::before{top: 0px; color: #bbb; text-shadow: 0px 1px 0px #8a8a8a;}
.rating{overflow:hidden; display:inline-block; height:20px; direction:rtl; position:relative; line-height: 1;}
.ratingInput{display:none;}
.ratingStar{position: relative; display: inline-block; vertical-align: top; transition: all .3s ease; font-size: 16px;}
.ratingStar label{cursor: pointer; display: inline-block; transition: .3s all ease; position: relative;}
.ratingStar label::before{content: attr(data-star); font-family: "Font Awesome 5 Pro"; left: 0; top: -20px; position: absolute; transition: .3s all ease; color: #edd821; text-shadow: 0px 1px 0px #b7a614; line-height: inherit; font-weight: bold;}
.ratingStar label i{font-weight: bold; color: #bbb; text-shadow: 0px 1px 0px #8a8a8a;}
.rating:hover .ratingStar:hover label,
.rating:hover .ratingStar:hover ~ .ratingStar label,
.ratingInput:checked ~ .ratingStar label{padding-top: 20px;}
.rating:hover .ratingStar:hover label::before,
.rating:hover .ratingStar:hover ~ .ratingStar label::before,
.ratingInput:checked ~ .ratingStar label::before{top: 0;}
/* Einde Rating */
/* Einde Gastenboek */
/* Nieuws */
.nieuws .bericht {box-sizing: border-box; margin: 0 0 10px; position: relative;}
.nieuws .bericht .titel {display: inline-block;}
.nieuws .bericht .titel a {text-decoration: none; color: #000; font-weight: bold; font-size: 15px; display: block;}
.nieuws .bericht .redactielid {font-size: 12px; display: inline-block;}
.nieuws.lijst .bericht {padding: 0px;}
.nieuws.lijst .bericht > a {position: absolute; z-index: 100; left: 0; right: 0; top: 0; bottom: 0; background-image: url("images/spacer.png")}
.nieuws.lijst .bericht.actief > a {display: none;}
.nieuws.lijst .bericht .datum {font-size: 12px; display: inline-block; margin-right: 5px;}
.nieuws.lijst .bericht .aankeiler {display: none;}
.nieuws.lijst .bericht .aankeilerafb {display: none;}
.nieuws.lijst .bericht .inhoud {border-left: 5px solid #e9e9e9; display: none; margin: 0; padding: 10px;}
.nieuws.lijst .bericht.actief .inhoud {display: block;}
.nieuws.lijst .bericht .nieuwsboven {padding: 8px 10px; border-left: 5px solid #000;}
.nieuws.lijst .bericht.actief .nieuwsboven {padding: 8px 10px;}
/* Types */
.nieuws.lijst .bericht .datum .type5,
.nieuws.lijst .bericht .datum .type6 {float: left; font-size: 12px; font-weight: bold; line-height: 1.65em; margin-right: 20px; position: relative; width: 60px;}
.nieuws.lijst .bericht .datum .type5 .dag,
.nieuws.lijst .bericht .datum .type6 .dag {background-color: #eee; color: #505050; display: block; font-size: 30px; font-weight: bold; line-height: 1.5em; padding: 0; text-align: center;}
.nieuws.lijst .bericht .datum .type5 .maand,
.nieuws.lijst .bericht .datum .type6 .maand {background-color: #505050; box-sizing: border-box; color: #fff; display: block; padding: 2px; text-align: center; text-transform: uppercase; font-size: 10px;}
.nieuws.lijst .bericht .datum .type5 .jaar,
.nieuws.lijst .bericht .datum .type6 .jaar,
.nieuws.lijst .bericht .datum .type6 .tijd {background-color: #fff; display: block; text-align: center; width: 100%;}
/* Einde Types */
/* Widget */
.nieuws.widget .bericht .datum .type1 {color: #aaa; font-size: 11px; text-align: left;}
.nieuws.widget .bericht .nieuwstitel {color: #fff;}
.nieuws.widget .bericht .nieuwstitel a {color: #fff; text-decoration: none; font-size: 15px; font-weight: bold;}
.nieuws.widget .bericht .nieuwstitel, .nieuws.widget .bericht .aankeiler {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nieuws.widget .bericht > a {position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-image: url("images/spacer.png");}
.nieuws.widget .bericht .aankeilerafb {display: block; float: left; line-height: 0; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); margin: 0 10px 0 0 !important;}
.nieuws.widget .bericht .aankeilerafb:empty {display: none;}
.nieuws.widget .bericht .datum .type5,
.nieuws.widget .bericht .datum .type6 {float: left; font-size: 12px; font-weight: bold; line-height: 1.65em; margin-right: 20px; position: relative; width: 60px;}
.nieuws.widget .bericht .datum .type5 .dag,
.nieuws.widget .bericht .datum .type6 .dag {background-color: #eee; color: #505050; display: block; font-size: 30px; font-weight: bold; line-height: 1.5em; padding: 0; text-align: center;}
.nieuws.widget .bericht .datum .type5 .maand,
.nieuws.widget .bericht .datum .type6 .maand {background-color: #505050; box-sizing: border-box; color: #fff; display: block; padding: 2px; text-align: center; text-transform: uppercase; font-size: 10px;}
.nieuws.widget .bericht .datum .type5 .jaar,
.nieuws.widget .bericht .datum .type6 .jaar,
.nieuws.widget .bericht .datum .type6 .tijd {display: block; text-align: center; width: 100%;}
/* Einde Widget*/
.nieuwsNavigatie {margin: 10px; width: 100%; display: flex;}
.nieuwsNavigatie .nieuwsNavigatieVorige {flex: 1; text-align: left;}
.nieuwsNavigatie .nieuwsNavigatieLijst {flex: 1; text-align: center;}
.nieuwsNavigatie .nieuwsNavigatieVolgende {flex: 1; text-align: right;}
.nieuwsNavigatie a.nietTonen {display: none;}
/* Einde Nieuws ------------- */
/* Inloggen ------------- */
.inloggen_holder {border: 1px solid #ddd; border-radius: 3px; width: 100%; box-sizing: border-box; max-width: 350px; margin: 0 auto;}
.inloggen_holder .inloggen_beschrijving {padding: 20px;}
.inloggen_holder .inloggen_beschrijving p:last-child {margin-bottom: 0;}
.inloggen_holder .inloggen_content { padding: 20px; border-top: 1px solid #ddd;}
.inloggen_holder .inloggen_content > input {width: 100%; margin: 0 0 10px;}
/* Einde Inloggen ------------- */
/* Wachtwoord vergeten */
.nieuwWachtwoordHolder {border: 1px solid #ddd; border-radius: 3px; width: 100%; box-sizing: border-box; max-width: 350px; margin: 0 auto;}
.nieuwWachtwoordHolder .nieuwWachtwoordBeschrijving {padding: 20px;}
.nieuwWachtwoordHolder .nieuwWachtwoordBeschrijving p:last-child {margin-bottom: 0;}
.nieuwWachtwoordHolder .nieuwWachtwoordContent { padding: 20px; border-top: 1px solid #ddd;}
.nieuwWachtwoordHolder .nieuwWachtwoordContent input {width: 100%; margin: 0 0 10px;}
/* Einde Wachtwoord vergeten */
/* Bladeren ------------- */
.blader_holder {border-top: 1px solid #ddd; margin: 30px 0 0; padding: 30px 0 0;}
.blader_tabel1 {margin: 0 auto; border-spacing: 0; width: auto;}
.blader_tabel1 td {font-size: 14px; line-height: 0; padding: 0 3px; width: auto; vertical-align: middle;}
.blader_tabel1_n, .blader_tabel1_s {background-color: #fff; border: 1px solid #ccc; border-radius: 3px; font-size: 12px; font-weight: bold; height: 1.75em; line-height: 1.75em; text-align: center; transition: all 0.3s ease 0s; width: 1.75em;}
.blader_tabel1_n a {color: #737373; display: block; font-size: 12px; text-decoration: none; transition: all 0.3s ease 0s;}
.blader_tabel1_s {background-color: #000; color: #fff !important;}
.blader_tabel1_n:hover {background:#737373; border-color: #737373;}
.blader_tabel1_n:hover a {color:#fff;}
.blader_tabel1 img {position: relative;}
.bladerBoven {display: none;}
/* Einde Bladeren ------------- */
/* Formulieren ------------- */
#formulier_holder {width:100%;}
.formulier_tabel1_td1 {padding-right:10px;}
.formulier_text {width: 100%; display: block; margin: 5px 0;}
.formulier_textarea {height: 90px; width: 100%; display: block;}
.formulierVersturen a.button {margin-top: 10px;}
/* Einde Formulieren ------------- */
/* Inschrijfformulier 2.0 */
.inschrijfFormulier {width: 100%; padding: 0; border-spacing: 0; margin: 0 0 10px;}
.inschrijfFormulier td {padding: 0;}
.inschrijfFormulier .beschrijving {vertical-align: middle; padding:5px 0;}
.inschrijfFormulier .invoer {vertical-align: middle; padding:5px 0;}
.inschrijfFormulier input[type="text"],
.inschrijfFormulier input[type="password"],
.inschrijfFormulier textarea {margin:0; width:100%; box-sizing: border-box;}
.inschrijfFormulier select {width:100%;}
.inschrijfFormulier input#inschrijf_1 {width:40%; border-right:0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.inschrijfFormulier input#inschrijf_2 {width:20%; border-right:0; border-radius: 0;}
.inschrijfFormulier input#inschrijf_3 {width:40%; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.inschrijfFormulier input#inschrijf_10 {width:70%; border-right:0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.inschrijfFormulier input#inschrijf_11 {width:30%; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.inschrijfFormulier input#inschrijf_12 {width:30%; border-right:0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.inschrijfFormulier input#inschrijf_13 {width:70%; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.inschrijfFormulier #geslachtvrouw {margin-left:10px;}
#inschijfformulier_holder .recaptchaInschrijven {margin: 10px 0;}
.inschrijvenKolom textarea {margin:0; width:100%; box-sizing: border-box;}
.inschrijvenKolom textarea {height:80px;}
.inschrijvenKolom select {width:100%;}
.inschrijvenKolom .contactpersoon {display:flex;}
.inschrijvenKolom .contactpersoon .voornaam {width:39%; margin-right:10px;}
.inschrijvenKolom .contactpersoon .tussenvoegsel {width:22%; margin-right:10px;}
.inschrijvenKolom .contactpersoon .achternaam {width:39%;}
.inschrijvenKolom .telefoon {display: flex;}
.inschrijvenKolom .telefoon .vast {width:50%; margin-right:10px;}
.inschrijvenKolom .telefoon .mobiel {width:50%;}
.inschrijvenKolom .geboortedatum {display:flex;}
.inschrijvenKolom .geboortedatum .geboorteDag,
.inschrijvenKolom .geboortedatum .geboorteMaand,
.inschrijvenKolom .geboortedatum .geboorteJaar {width: 33%;}
.inschrijvenKolom .geboortedatum .geboorteMaand {margin: 0 10px;}
.inschrijvenKolom input[type="text"],
.inschrijvenKolom input[type="password"],
.inschrijvenKolom input[type="email"],
.inschrijvenKolom input[type="tel"],
.inschrijvenKolom textarea {margin: 0; width: 100%; box-sizing: border-box;}
.inschrijvenKolom .factuurAdresGelijk {padding: 3px 5px; cursor: pointer; box-sizing: border-box;}
.inschrijvenKolom .blokholder {margin-bottom: 20px; padding: 20px; border-radius: 3px; background: #eee; border: 1px solid #e6e7e8;}
.inschrijvenKolom .blokholder > .titel {font-size: 16px; margin-bottom: 15px;}
.inschrijvenKolom {display: flex; box-sizing: border-box;}
.inschrijvenKolom > .links {flex: 1;}
.inschrijvenKolom > .rechts {margin-left: 20px; width: 450px;}
.inschrijvenKolom .blokholder.knopVersturen .button {display: block; width: 100%; text-align: center; padding: 10px; box-sizing: border-box; font-size: 15px; font-weight: bold; }
/* Einde inschrijfformulier 2.0 */
/* Formulier widget */
.formulier.widget {position: relative;}
.formulier.widget label, .formulier.widget .label {display: block; margin: 5px 0 0;}
.formulier.widget label.checkbox {font-weight: normal; margin: 0;}
.formulier.widget label.radio {font-weight: normal; margin: 0;}
/* Einde Formulier widget */
/* Formulier met iDeal */
.formulierArtikelen {width: 100%;}
.formulierArtikelen td {border-spacing:0; padding: 0;}
.formulierArtikelen .td1 {width: 30px;}
.formulierArtikelen .aantal {width:40px;}
.formulierArtikelen .x {float: left; padding: 0 6px 0 2px; opacity: .5}
.formulierArtikelen .prijs {float:right; padding-left:10px; font-weight:bold;}
.formulierDonatie {width: 100%;}
.formulierDonatie td {border-spacing:0; padding:0;}
.formulierDonatie .euro {float: left; font-size: 20px; font-weight: bold; padding-right: 10px; padding-top: 5px;}
.formulierDonatie .prijs {font-size: 20px; font-weight: bold; height: 30px; padding-right: 10px; text-align: right; width: 90px;}
/* Einde Formulier met iDeal */
/* Logo's ------------- */
a.logo {display: block; margin: auto 10px auto 0; line-height: 0;}
a.logo img {width: 200px; height: auto;}
/* Einde Logo's ------------- */
/* Google Maps Kleur in kaart fix */
.gmnoprint {color: #000;}
/* Breadcrumbs */
.breadcrumbs {line-height: normal; position: relative; margin: 0 0 10px; font-size: 13px;}
.breadcrumbs ol {list-style: none; margin: 0; padding: 0;}
.breadcrumbs ol li {display: inline-block;}
.breadcrumbs ol li.crumbSpace {border-color: transparent transparent transparent #888; border-style: solid; border-width: 4px; content: ""; height: 0; left: 0; margin: 0 3px 0 8px; overflow: hidden; position: relative; top: 0; width: 2px;}
.breadcrumbs ol li a {color: #404040 !important; text-decoration: none;}
.breadcrumbs ol li a:hover {text-decoration: underline;}
/* Bovenkant */
.bovenkantHolder {background-color: #FFF; border-top: 1px solid #ddd; position: relative; width: 100%; z-index: 4; border-bottom: 1px solid #dddddd;}
.bovenkantHolder .bovenkant {max-width: 1580px; min-height: 70px; margin: 0 auto; padding: 10px 30px; box-sizing: border-box; display: flex;}
.bovenkantHolder .bovenkant .zoekenHolder {display: flex; margin: auto 0 auto auto; min-width: 0;}
.bovenkantHolder .bovenkant .zoekenHolder:empty {display: none;}
.bovenkantHolder .bovenkant .shopitems {display: flex; margin: auto 0; min-width: 0;}
.bovenkantHolder .bovenkant .shopitems:empty {display: none;}
.bovenkantHolder .winkelmenu {padding: 0px 30px; max-width:1580px; box-sizing:border-box; margin: 0 auto; text-align: center; line-height: normal;}
.bovenkantHolder .winkelmenu:empty,
.bovenkantHolder .winkelmenu::-webkit-scrollbar {display: none;}
/* Einde bovenkant */
/* Header */
.HeaderExtra {height:0px; visibility: hidden;}
.HeaderHolder {margin: 0 auto; padding: 0; position: relative;}
/* Einde header */
/* Pagina Footer */
.pageFooterHolder {background-color: #303030; position: relative; width: 100%;}
.pageFooterHolder .pageFooter {max-width: 1580px; margin: 0 auto; padding: 45px 30px 30px; color: #fff; box-sizing: border-box;}
.pageFooterHolder a {color: rgba(255,255,255,.8);}
.pageFooterHolder a:hover {color: rgba(255,255,255,1);}
.pageFooter h2, .pageFooter .h2 {color: #fff;}
.pageFooterKnoppenHolder {background-color: #303030; position: relative;}
.pageFooterKnoppenHolder .pageFooterKnoppen {max-width: 1580px; display: flex; margin: 0 auto; font-size: 13px; line-height: 1.5em; color: #fff; padding: 15px 30px; box-sizing: border-box;}
.pageFooterKnoppenHolder .pageFooterKnoppen .extramenu {margin: auto auto auto 0;}
.pageFooterKnoppenHolder .pageFooterKnoppen .extramenu a {color: inherit; text-decoration: none;}
.pageFooterKnoppenHolder .pageFooterKnoppen .copyright {opacity: .75;}
/* Einde pagina Footer */
/* FCK Templates */
.FCK2kol, .FCK3kol, .FCK4kol, .FCK5kol {width:100%;}
.FCK2kolTdS {width: 6%;}
.FCK2kolTd {width: 47%; vertical-align: top;}
.FCK3kolTdS {width: 5%;}
.FCK3kolTd {width: 30%; vertical-align: top}
.FCK4kolTdS {width: 5%;}
.FCK4kolTd {width: 20%; vertical-align: top}
.FCK5kolTdS {width: 5%;}
.FCK5kolTd {width: 18%; vertical-align: top}
.FCKSpec {width: 100%; border:0}
.FCKSpecTd1 {border-bottom: 1px solid #ddd; padding: 5px; font-weight: bold;}
.FCKSpecTd2 {border-bottom: 1px solid #ddd; padding: 5px;}
/* Einde FCK Templates */
/* Gallery type 3 */
.Gv3 {display: flex; flex-wrap: wrap; margin: 0 -5px; line-height: 0;}
.Gv3 .Gv3Thumb {position: relative; width: calc(33.333% - 10px); margin: 5px;}
.Gv3 .Gv3Thumb a {display: block; text-decoration: none; color: inherit;}
.Gv3 .Gv3Thumb a .Gv3ThumbImg img {width: 100%;}
.Gv3Thumb .desc {position: absolute; bottom: 0; left: 0; line-height: normal; color: #fff; padding: 10px; font-size: 12px; background: rgba(0,0,0,.2); right: 0; text-shadow: 0px 1px 1px rgba(0,0,0,.2);}
/* Einde gallery type 3 */
/* knoppen */
.KnopGroepRechts {text-align: right; width: 800px;}
.icon2 {border: 0 none; height: 16px; padding-right: 5px; position: relative; vertical-align: text-bottom; margin:-1px 0;}
.button, a.button, button {
background-color: #000;
border: 0;
color: #fff;
display: inline-block;
text-align: center;
font-size: 13px;
margin: 0;
padding: 6px 10px;
position: relative;
text-decoration: none;
transition: all 0.3s ease 0s;
line-height: normal;
border-radius: 3px;
font-family: inherit;
cursor: pointer;
}
a.button.negative:hover, button.negative:hover {background-color: #c04c4a; border-color: #974646;}
a.button.negative:active, button.negative:active, a.button.negative.active, button.negative.active {background-color: #c04c4a; border-color: #974646;}
a.button.left, button.left {border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none;}
a.button.middle, button.middle {margin-right: 0px; margin-left: 0px; border-radius: 0px; border-right: none;}
a.button.right, button.right {border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px;}
a.button.left:active, button.left:active, a.button.middle:active, button.middle:active, a.button.right:active, button.right:active {top: 0px;}
.button img {float: left; height: 12px; margin-right: 6px; width: 12px;}
.button.disabled {background-color: #888; border-color: #888; pointer-events: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
/* Eigen knoppen */
a.knop {
background-color: #000;
border: 0;
color: #fff;
display: inline-block;
font-size: 14px;
margin: 0;
text-align: center;
padding: 10px;
position: relative;
text-decoration: none;
transition: all 0.3s ease 0s;
line-height: 1;
border-radius: 3px;
font-family: inherit;
}
a.knop.pdf:before {content:"\f1c1"; font-family: "Font Awesome 5 Pro"; margin-right:0.5em; font-weight:normal;}
a.knopKaal {text-decoration: underline; padding:5px 10px;}
/* einde eigen knoppen */
/* Upload functie */
.uploadHolder {background-color: #ebebeb; border: 1px solid #cacaca; border-radius: 3px; display: inline-block; padding: 5px; box-sizing: border-box; margin: 5px 0; position: relative;}
.uploadHolder .uploadOmsch {margin: 0 0 5px;}
.uploadHolder input {margin: 0;}
.uploadDelete {background-color: #fff; padding: 5px; border-right: 3px; position: relative;}
.uploadProcess {position: absolute; text-align: center; width: 100%;}
.uploadFilename {width: 250px;}
.uploadTochniet {position: absolute; right: 5px; top: 8px;}
.upload_1 {display: table; border-spacing: 0;}
.upload_1 > * {border: 0 !important; display: table-cell !important;}
.upload_1 > input {border-radius: 3px 0 0 3px; cursor: pointer; width: 100%; max-width: 400px;}
.upload_1 > a {border-radius: 0px 3px 3px 0; padding: 8px 12px; display: none !important;}
.upload_4 {visibility: hidden; position: absolute;}
.upload_5 {position: relative;}
.uploadHolder ul {margin: 0; padding: 10px; list-style: none;}
.uploadHolder ul li {width: 100%; display: flex;}
.uploadFilename {width: 100%;}
/*Einde Upload functie */
/* Google Dealerkaart opmaak */
.gMaps_bedrijfsnaam, .gMaps_naam, .gMaps_adres, .gMaps_postcode, .gMaps_land, .gMaps_email, .gMaps_website, .gMaps_extra1, .gMaps_extra2, .gMaps_extra3, .gMaps_Telefoon, .gMaps_Mobiel, .gMaps_Fax, .gMaps_logo {display:block; color:#666;}
.gMapsHolder {width:250px; padding:10px;}
.gMaps_logo {position:relative; float:right; margin-left:10px;}
.gMaps_bedrijfsnaam {font-weight:400 !important; font-size: 110% !important; color:#000;}
.gMaps_email, .gMaps_extra1, .gMaps_adres {margin-top: 1em;}
.gMaps_afbeelding {float:right; margin-left:1em; margin-bottom:1em;}
.gMaps_Telefoon {margin-top:1em; background: url('images/iconPhone-16.png') no-repeat left center; padding-left:20px;}
.gMaps_Fax {background: url('images/iconFax-16.png') no-repeat left center; padding-left:20px;}
.gMaps_Mobiel {background: url('images/iconMobile-16.png') no-repeat left center; padding-left:20px;}
.gMaps_email {background: url('images/iconMail-16.png') no-repeat left center; padding-left:20px;}
.gMaps_website {background: url('images/iconWebsite-16.png') no-repeat left center; padding-left:20px;}
.gMaps_VrijeTekst1 {display: block;}
.gMaps_VrijeTekst2 {display: block;}
.gMaps_VrijeTekst3 {display: block;}
.gMapsPopup {color:#666; font-size: 13px; font-weight: 300;}
.gMapsHolder {width:250px; padding:10px;}
.gMaps_logo {position:relative; float:right; margin-left:10px;}
.gMapsPopup .bedrijfsnaam {font-weight:400 !important; font-size: 110% !important; color:#000;}
.gMapsPopup .email {background: url('images/iconMail-16.png') no-repeat left center; padding-left:20px;}
.gMapsPopup .website {background: url('images/iconWebsite-16.png') no-repeat left center; padding-left:20px;}
.gMapsPopup .omschrijving {font-weight: bold;}
.gMapsPopup .omschrijving::after {content: ": ";}
.gMaps_afbeelding {float: right; margin-left: 1em; margin-bottom: 1em;}
.gMaps_type span {display: none; }
.gMaps_type {text-transform: uppercase; font-size:10px;}
.gMaps_Telefoon {margin-top: 1em; background: url('images/iconPhone-16.png') no-repeat left center; padding-left: 20px;}
.gMaps_Fax {background: url('images/iconFax-16.png') no-repeat left center; padding-left: 20px;}
.gMaps_Mobiel {background: url('images/iconMobile-16.png') no-repeat left center; padding-left: 20px;}
/* Einde Google Dealerkaart opmaak */
/* Google Dealerkaart paneel */
.dealerKaartMap {float:left; width:65%; z-index:0; border-radius: 4px;}
#pac-input {background-color:#fff; font-size:15px; border-radius:4px; width:210px; margin-top:10px; padding: 9px 14px; text-overflow: ellipsis; transition: all .3s ease;}
#pac-input:focus {border-color:#A3958D; }
.dealerLijstHolder #knopGeoCoordinaten {background: #eee url("images/location-marker.png") no-repeat scroll 6px center; background-size: 16px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; display: block; height: 30px; line-height: 30px; margin-left: 15px; padding-left: 30px; font-weight: bold; -moz-user-select: none; -webkit-user-select: none; user-select:none; transition: all .3s ease; }
.dealerLijstHolder #knopGeoCoordinaten:hover {background-color:#ddd;}
.dealerLijstHolder {width:35%; overflow-y:scroll; float:right; display: block; z-index:1;}
.dealerData {box-shadow: inset 0 2px 14px rgba(0,0,0,0); transition: all .3s ease; padding:5px 20px; border-top:1px solid #eee; -moz-user-select:none; user-select:none; cursor:pointer; z-index:2; display:block; clear:both;}
.dealerData.actief {box-shadow: inset 0 2px 14px rgba(0,0,0,0); background-color:#f1f1f1; padding:10px 20px; position: relative;}
.dealerData:hover {background-color: #f1f1f1;}
.dealerData.actief:before {position: absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; right: 0; top: 50%; margin-top: -12px; width: 0; height: 0; content: " ";}
/* Google delealerlijst opmaak */
.gMapsL_gegevens {max-height:0; transition: all .3s ease; overflow:hidden;}
.dealerData.actief .gMapsL_gegevens {max-height:5.25em;}
.gMapsL_bedrijfsnaam, .gMapsL_naam, .gMapsL_adres, .gMapsL_postcode, .gMapsL_land, .gMapsL_email, .gMapsL_website, .gMapsL_extra1, .gMapsL_extra2, .gMapsL_extra3, .gMapsL_Telefoon, .gMapsL_Mobiel, .gMapsL_Fax, .gMapsL_logo {display:block; color:#666;}
.gMapsL_logo {position:relative; float:right; margin-left:10px;}
.gMapsL_bedrijfsnaam {font-weight:bold; font-size: 100% !important; color:#000;}
.gMapsL_afbeelding {float:right; margin-left:1em; margin-bottom:1em;}
.gMapsL_type span {display: none; }
.gMapsL_type {text-transform: uppercase; font-size:10px;}
.gMapsL_Telefoon {background: url('images/iconPhone-16.png') no-repeat left center; padding-left:20px;}
.gMapsL_Fax {background: url('images/iconFax-16.png') no-repeat left center; padding-left:20px;}
.gMapsL_Mobiel {background: url('images/iconMobile-16.png') no-repeat left center; padding-left:20px;}
.gMapsL_email {background: url('images/iconMail-16.png') no-repeat left center; padding-left:20px;}
.gMapsL_website {background: url('images/iconWebsite-16.png') no-repeat left center; padding-left:20px;}
.gMapsL_afstand {float:right; font-size:16px; font-weight:bold;color:#000; border-radius:5px; padding:0px 8px;}
.gMapsL_afstand span {font-size:10px;margin-left:3px; color:#666;}
.dealerLijstAantal {padding:10px 20px; font-weight:bold; }
.dealerLijstAantal span {padding-right:0.3em; font-size:16px; color:#000;}
/* Einde Google Dealerkaart paneel */
/* Rotator navigatie */
.slideshowHolder {position:relative; z-index: 1;}
.slideshowNav {position:absolute; right:10px; bottom:10px;}
.slideshowNav a {background-color: #fff; border: 3px solid #fff; border-radius: 10px 10px 10px 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); float: left; font-size: 1px; height: 9px; margin-right: 5px; overflow: hidden; text-indent: -100px; width: 9px; transition:all ease .5s;}
.slideshowNav .activeSlide {background-color:#000; }
.slideshowBlader {position:absolute; width:100%; top:50%; z-index:10;}
.slideshowBlader a {background-color:#fff; padding:5px 10px; box-shadow:0 1px 2px rgba(0,0,0,.5); cursor:pointer; opacity:.5; text-decoration:none; }
.slideshowBlader a:hover {opacity:1;}
.slideshowBlader .vorige {float:left; margin-left:0px; border-radius: 0 5px 5px 0;}
.slideshowBlader .volgende {float:right; margin-right: 0px; border-radius: 5px 0 0 5px;}
/* Einde Rotator navigatie */
/* Landingpages navigatie */
.aLandingMenu {background: url(images/tree.png) no-repeat center; height: 39px; opacity: 0.5; position: relative; width: 39px; z-index: 5; margin: auto 0; box-sizing: border-box;}
.aLandingMenu:hover {overflow:visible; opacity:1;}
.LandingMenu {display: none; background-color: #fff; box-shadow: var(--box-shadow-venster); list-style-type: none; margin: 0; border-radius: 0px 3px 3px 3px; padding: 5px 5px; position: relative; top: 100%; width: 150px; left: 0; line-height: 1;}
.aLandingMenu:hover .LandingMenu {display:block;}
.LandingMenu li a {display: block; padding: 10px; text-decoration:none; font-size:11px;}
/* Einde Landingpages navigatie */
/* Autorisatie lijstfunctie */
.relatieTop {background-color: #eee; border-radius: 4px 4px 4px 4px; padding: 3px 10px; width: 100%; border:1px solid #ccc;}
.relatieTabel {margin:0; width:100%; border-spacing:0; border:0; padding:10px; border-bottom:1px solid #ccc; }
.relatieTabel:hover {background-color:#f9f9f9;}
.relatieTabel td {vertical-align:top; border:0;}
.relatieTd1 {width:150px; background-color:#fff; vertical-align:middle !important; text-align:center; border:3px solid #fff !important; box-shadow:0 1px 6px rgba(255,255,255,.5); display:none;}
.relatieTd2 {padding:0; width: 100%;}
.relatieTd2 div {float:left; margin-right:10px; width:140px; white-space: nowrap;}
.relatieTd3 {width:200px;}
a.fancyRelatie.bedrijfsLink {color:#666;}
.bedrijfsLink {text-decoration:none!important;}
.bedrijfsNaam {color:#000; font-weight:bold; width:100px;}
.bedrijfsLogo {width:170px; overflow:hidden; }
.bedrijfsAdres {width:200px !important}
.bedrijfsPlaats {width:100px;}
.bedrijfsLand {width:75px !important;}
.bedrijfsTelefoon {margin: 0 !important; width: 90px !important;}
.bedrijfsProfiel {overflow:hidden; line-height:1.5em; height:7.5em; color:#aaa; font-style:italic; padding:3px;}
.bedrijfsMeer {color:#000; font-weight:bold;}
.bedrijfsProfielLogo {padding:10px 10px; }
.bedrijfsProfielProfiel {padding:20px;}
.bedrijfsProfielProfiel table {border-spacing:0; border:0; width:100%; color:#666;}
.bedrijfsProfielNaam {font-weight:bold; font-size:15px; color:#000;}
.account_holder .melding {background-color: #6B8BBD; border: 2px solid #334477; border-radius: 5px 5px 5px 5px; box-shadow: var(--box-shadow-venster); color: #fff; font-style: italic; font-weight: bold; margin: 10px; padding: 10px 15px; text-shadow: 0 -1px 0 #000;}
.gMaps_VrijeTeks1, .gMaps_VrijeTekst2, .gMaps_VrijeTekst3 {color:#333;}
/* relatielijst */
.relatieLijst {display: flex; flex-wrap: wrap; margin: 5px -5px;}
.relatieItem {border: 1px solid #ddd; border-radius: 2px; background-color: #fff; box-sizing: border-box; display: flex; margin: 5px; padding: 15px; position: relative; width: calc(50% - 10px);}
.relatieItem:hover {background-color: #f8f8f8;}
.relatieItem .afbeelding {margin-right: 20px;}
.relatieItem .afbeelding img {border: 2px solid #fff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15); max-width: 90px;}
.relatieItem .extra {width: 60%; float: left; box-sizing: border-box; padding: 0px 10px;}
.relatieItem > a.fancyRelatie.bedrijfsLink {bottom: 0; display: block; left: 0; right: 0; top: 0; z-index: 1; position: absolute;}
.relatieItem .bedrijfsnaam {color: #000; font-size: 17px; line-height: 1.65em; max-height: 60px; overflow: hidden; position: relative; text-overflow: ellipsis;} .relatieItem .website {position: relative; z-index: 100;}
.relatieItem .website, .relatieItem .email {text-overflow: ellipsis; white-space: nowrap; max-width: 200px; overflow: hidden; display: block;}
.relatieItem .vrijVeld2 {display: inline;}
.relatieOpties {background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 2px; padding: 10px; }
.relatieOpties > div {border-right: 1px solid #ddd; display: inline-block; margin: 0;}
.relatieOpties > div:last-child {border: none;}
.relatieOpties > div a {color: #666; padding: 0 15px 0 10px; text-decoration: none; font-weight: bold;}
.relatieZoek {display: inline-table !important; margin: 0; padding: 0 15px 0 0 !important;}
.relatieZoek input {display: table-cell; margin: 0; border-radius: 2px 0px 0px 2px;}
.relatieZoek .icoon {display: table-cell; margin: 0; width: 33px; background-color: #eee; text-align: center; border-radius: 0px 2px 2px 0px; border: 1px solid #c4c4c4; border-left: none;}
.relatieZoek .icoon:hover {cursor: pointer; background-color: #e2e2e2;}
.relatieZoek .wissen {padding-left: 15px;}
.relatieZoek .wissen a {color: #fff; padding: 7px 10px; font-weight: normal;}
.relatieOpties > div .icoon {margin-left: 10px;}
/* Verkopersmodule relatie kiezen */
.verkopersModuleLijst {border-spacing: 0; width:100%; table-layout: fixed;}
.verkopersModuleLijst tr {border-spacing: 0; width:100%;}
.verkopersModuleLijst tr td {border-bottom: 1px solid #ddd; background:#fff; transition: all .3s ease; padding:5px;}
.verkopersModuleLijst tr:last-child td {border-bottom:0;}
.verkopersModuleLijst tr:hover td {background:#eee;}
.verkopersModuleLijst .debnr {width:150px;}
.verkopersModuleLijst .bedrijfsnaam {font-weight: bold;}
.verkopersModuleLijst .inloggen {text-align: right;}
/* Einde Verkopersmodule relatie kiezen */
/* relatie retail */
.relatieItem.detail {margin: 20px; width: calc(100% - 40px); height: auto; border: none;}
.relatieItem.relatieItem.detail:hover {background-color: #fff;}
.relatieItem.detail .persoon {display: inline-block;}
.relatieItem.detail hr {background-color: #ddd; margin: 20px 0;}
.relatieItem.detail h2 {font-size: 17px; max-width: 370px;}
.relatieItem.detail .bedrijfsnaam {color: #000;}
.relatieItem.detail .vrijVeld2 {display: inline-block;}
.detail .website {position: absolute; right: 10px; top: 10px;}
.relatieItem.detail .website a {color: #fff; text-decoration: none; background-color: #000; border-radius: 2px; padding: 5px 10px; display: block;}
.relatieItem.detail .website:hover a {background-color: #415E81;}
.relatieItem.detail .MeerGegevens {float: left; width: 50%;}
/* Einde Autorisatie lijstfunctie */
/* Afbeeldingen uitlijnen */
img.volledig {max-width: 100% !important; height: auto !important;}
img.volledig, img.links-20, img.links-30, img.links-40, img.links-50, img.links-60, img.links-70, img.links-80,
img.rechts-20, img.rechts-30, img.rechts-40, img.rechts-50, img.rechts-60, img.rechts-70, img.rechts-80 {clear:both;}
img.links-20, img.links-30, img.links-40, img.links-50, img.links-60, img.links-70, img.links-80 {float:left; height:auto !important; margin:0 2em 2em 0em;}
img.rechts-20, img.rechts-30, img.rechts-40, img.rechts-50, img.rechts-60, img.rechts-70, img.rechts-80 {float:right; height:auto !important; margin:0 0em 2em 2em;}
img.links-20, img.rechts-20 {max-width: 20% !important;}
img.links-30, img.rechts-30 {max-width: 30% !important;}
img.links-40, img.rechts-40 {max-width: 40% !important;}
img.links-50, img.rechts-50 {max-width: 50% !important;}
img.links-60, img.rechts-60 {max-width: 60% !important;}
img.links-70, img.rechts-70 {max-width: 70% !important;}
img.links-80, img.rechts-80 {max-width: 80% !important;}
/* Einde Afbeeldingen uitlijnen */
/* Sitemap */
.sitemap1ul {clear:both; padding:0; margin:0;}
.sitemap1ul a {text-decoration: none;}
.sitemap1ul a:hover {text-decoration: underline;}
.sitemap1ul > li {float: left; font-weight: bold; padding: 1%; width: 25%; padding-top: 5px; font-size: 17px; list-style: none; box-sizing: border-box;}
.sitemap1ul > li:nth-of-type(4n+1) {clear:both;}
.sitemap1ul li li {font-weight:normal; font-size:13px; list-style:circle outside; line-height: 1.25em; margin-top:0.4em; margin-bottom:0.4em;}
.sitemap1ul li li a {color:#777;}
.sitemap1ul li li li {list-style: disc outside;}
.sitemap1ul li li li li {list-style: circle outside;}
.sitemap1ul li li li li li {list-style: disc outside;}
.sitemap1ul ul {margin:5px; margin-left:1em;}
.sitemap1ul ul ul {margin:0; margin-left:1em;}
.sitemapWinkel::before {border-bottom:1px solid #eee; padding-top:20px; margin-bottom:20px; content:" "; display: block; clear:both;}
.sitemapWinkel {clear:both; padding: 0; margin:0;}
.sitemapWinkel a {text-decoration: none;}
.sitemapWinkel a:hover {text-decoration: underline;}
.sitemapWinkel > li {float:left; font-weight: bold; padding:1%; width:23%; padding-top:5px; font-size:17px; list-style:none;}
.sitemapWinkel > li:nth-of-type(4n+1) {clear: both;}
.sitemapWinkel li li {font-weight: normal; font-size:13px; list-style:circle outside; line-height: 1.25em; margin-top:0.4em; margin-bottom:0.4em;}
.sitemapWinkel li li a {color: #777;}
.sitemapWinkel li li li {list-style: disc outside;}
.sitemapWinkel li li li li {list-style: circle outside;}
.sitemapWinkel li li li li li {list-style: disc outside;}
.sitemapWinkel ul {margin: 5px; margin-left:1em;}
.sitemapWinkel ul ul {margin: 0; margin-left:1em;}
/* Einde Sitemap */
/* Cookies uitgeschakeld melding */
#cookieHolder .cookie {border-radius:3px; position: fixed; z-index:100; bottom:20px; max-width:400px; padding:20px; left: -50%; right: -50%; background:rgba(0,0,0,.8); color:#fff; font-size:14px; margin: 0 auto;}
#cookieHolder .melding {font-size:18px; font-weight:bold;}
#cookieHolder #cookieInfo {float:left; position:relative; top:3px; padding-right:10px;}
#cookieHolder .uitleg {padding-top:0; transition: all .3s ease; opacity:0; max-height:0; overflow:hidden;}
#cookieHolder .uitleg p {margin-bottom:5px;}
#cookieHolder .cookie:hover .uitleg {padding-top:10px; max-height:100px; opacity:1;}
/* Einde Cookies uitgeschakeld melding */
/* Configurator */
.configuratie {border: 2px solid #ddd; margin: 0 0 5px;}
.configuratie .header {padding: 10px;}
.configuratie .datum {float: right; margin: 0 !important;}
.configuratie .inhoud {box-sizing: border-box; display: block; overflow: hidden; padding: 0 10px 10px; table-layout: fixed; width: 100%; transition: .3s all ease;}
.configuratie .inhoud .omschrijving {float: left; width: 80%; }
.configuratie .inhoud .knoppen {float: left; width: 20%; text-align: right; }
.configuratie .header * {border: 2px solid #ddd; color: #606060; display: inline-block; margin: 0 5px 0 0; padding: 3px 8px; background-color: #f9f9f9;}
.configuratie:hover .inhoud {padding: 0 10px 10px;}
/* Einde configurator */
/* Alert en confirm nieuwe style */
#alertBox, #confirmAlert, .alertBox, .confirmAlert {z-index: 200; display: table; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-image: url('images/zwart/20.png'); height: 100%; width: 100%;}
.meldingHouder {display: table-cell; vertical-align: middle; text-align: center;}
.meldingHouder .melding { background-color: #fff; border-radius: 3px; box-shadow: var(--box-shadow-venster); box-sizing: border-box; display: inline-block; max-width: 350px; min-width: 250px; padding: 30px; position: relative; text-align: center; z-index: 201; }
.meldingHouder .melding .icoon i {font-size: 30px;}
.meldingHouder .melding .knoppen {margin-top:10px;}
.meldingHouder .melding .knoppen a {display: block; margin: 5px 0; text-align: center;}
.meldingHouder .melding .knoppen a:hover {cursor: pointer;}
.meldingHouder .melding .knoppen a.bevestigen {}
/* Einde Alert en confirm nieuwe style */
/* Social media knoppen */
.shareKnoppen {position: relative; margin: 10px 0;}
.shareKnoppen .deelKnopje {display: inline-block; margin-right: 5px;}
.shareKnoppen .deelKnopje a {text-decoration: none;}
.shareKnoppen .deelKnopje a .tekst {display: none;}
/* Einde Social media knoppen */
/* Cookiemelding */
.cookieMelding {background: rgba(240,240,240,.95); text-align: center; position: fixed; bottom: 0; width: 100%; z-index: 10;}
.cookieMelding .inhoud {max-width: 1200px; margin: 0 auto; padding: 8px 20px;}
.cookieMelding .inhoud p {display: inline; margin: 0;}
.cookieMelding .inhoud a {display: inline; color: inherit;}
.cookieMelding .inhoud .sluiten {margin-left: 10px; background: #000; padding: 4px 6px; line-height: 1; color: #fff; border-radius: 3px; text-decoration: none; font-weight: bold;}
/* Einde cookiemelding */
/* Privacymelding */
.privacyMelding {position: fixed; z-index: 10; background: #fff; border-radius: 3px; left: 20px; bottom: 20px; box-shadow: var(--box-shadow-venster); overflow: hidden; max-width: 370px;}
.privacyMelding .inhoud {padding: 30px;}
.privacyMelding .inhoud .titel {color: #000; font-size: 19px; font-style: normal; font-weight: bold; line-height: 1.25em; margin: 0 0 10px;}
.privacyMelding .inhoud .titel::before {margin-right: 10px; content:"\f200"; font-family: "Font Awesome 5 Pro"; font-weight: normal;}
.privacyMelding .inhoud ul {list-style: none; margin: 0; padding: 0;}
.privacyMelding .inhoud ul li::before {content: "\f00c"; font-family: "Font Awesome 5 Pro"; margin-right: 5px; color: #7ec294;}
.privacyMelding .knoppen {padding: 30px; background-color: #eee;}
.privacyMelding .knoppen a.knop {margin-right: 10px;}
.privacyMelding .knoppen a.knop.akkoord {background-color: #7ec294; color: #fff;}
/* Einde privacymelding */
/* Begin Popup */
.popupHolder {display: flex; position: fixed; top: 0; background-image: url(images/zwart/20.png); background-repeat: repeat; left: 0; width: 100%; height: 100%; z-index: 20; padding: 10px; box-sizing: border-box;}
.popupHolder .popup {background: #fff; box-shadow: var(--box-shadow-venster); margin: auto; border-radius: 3px; position: relative; width: 100%; max-width: 600px; box-sizing: border-box;}
.popupHolder .popup .titel {padding: 20px; display: flex; border-bottom: 1px solid #eee;}
.popupHolder .popup .titel .h2 {margin: auto 0;}
.popupHolder .popup .titel .sluiten {color: #000; padding: 7px; font-size: 18px; border-radius: 3px; background: #eee; height: 32px; width: 32px; line-height: 10px; text-align: center; box-sizing: border-box; cursor: pointer; margin-left: auto;}
.popupHolder .popup .inhoud {overflow-y: auto; padding: 20px; max-height: 70vh;}
.popupHolder .popup .inhoud td {display: block; width: 100%;}
/* Einde Popup */
/* Begin Kiyoh reviews */
.kiyohHolder {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.kiyohHolder .kiyohReview {box-sizing: border-box; background: #f1f1f1; border: 1px solid #e2e2e2; padding: 25px; border-radius: 5px; position: relative; margin: 10px; width: calc(33.3% - 20px);}
.kiyohHolder .kiyohReview .beoordeling {display: flex; align-items: center; margin: 0 0 1em 0; }
.kiyohHolder .kiyohReview .beoordeling .sterren {color: #ffb612; font-size: 18px;}
.kiyohHolder .kiyohReview .reviewInhoud .titel {font-size: inherit; font-weight: bold; margin: 5px 0;}
.kiyohHolder .kiyohReview .score { background: #f7f7f7; height: 65px; position: relative; width: 65px; min-width: 65px; border-radius: 100%; margin-left: auto; }
.kiyohHolder .kiyohReview .score.score-0 {background: conic-gradient(#78bd42 0%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-1 {background: conic-gradient(#78bd42 10%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-2 {background: conic-gradient(#78bd42 20%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-3 {background: conic-gradient(#78bd42 30%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-4 {background: conic-gradient(#78bd42 40%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-5 {background: conic-gradient(#78bd42 50%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-6 {background: conic-gradient(#78bd42 60%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-7 {background: conic-gradient(#78bd42 70%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-8 {background: conic-gradient(#78bd42 80%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-9 {background: conic-gradient(#78bd42 90%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score.score-10 {background: conic-gradient(#78bd42 100%,#f7f7f7 0);}
.kiyohHolder .kiyohReview .score .cijfer {background: #fff; font-size: 25px; font-weight: 600; border-radius: 100%; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; display: flex;}
.kiyohHolder .kiyohReview .score .cijfer span {margin: auto;}
/* Einde Kiyoh reviews */
/* Grid Templates */
div[class*="grid"] {display: grid; grid-gap: 30px;}
div[class*="grid"].vertical-align-middle > div {margin: auto 0;}
div[class*="grid"] img {max-width: 100%; height: auto !important;}
.grid-2x {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
.grid-3x {grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
.grid-4x {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}
/* Einde Grid Templates */
/* Maatwerk */
section, .vak {position: relative;}
section.grijs, .vak.grijs {background: #f5f5f5; }
section .inhoud, .vak .inhoud {max-width: 1580px; padding: 30px; margin: 0 auto; box-sizing: border-box;}
section .inhoud.smal, .vak .inhoud.smal {max-width: 1600px;}
.inhoud.max700, .inhoud.max800, .inhoud.max900 {max-width: 700px; margin-left: auto;margin-right: auto; padding-left:0; padding-right:0;}
.inhoud.max800 {max-width: 800px;}
.inhoud.max900 {max-width: 900px;}
.liquid-slide-sjabloon .sliderWrapper {max-width: 1200px; margin: 0 auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}
.liquid-slider-wrapper.alsPuntje .ls-nav {display: none;}
.liquid-slide-sjabloon .inhoud {top: auto; bottom: 20%; left: 0; background:rgba(48, 48, 48, .9); padding: 30px; max-width: 650px; box-sizing: border-box;}
.liquid-slide-sjabloon .inhoud p:last-child {margin: 0;}
.liquid-slide-sjabloon .plaatje {line-height: 0;}
.liquid-slide-sjabloon .inhoud h2 {text-shadow: unset;}
.blokLinksAangepast {padding: 30px; background-color: #f2f2ef; border-radius: 3px; margin-bottom: 20px;}
#map-canvas {width: 100% !important;}
.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; background: #fff; line-height: 0; z-index: 1; background: #f3f3f3; width: 100%;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.embeddedContent {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; border-radius: 10px; overflow: hidden; line-height: 0; z-index: 1; background: #f1f1f1; margin-bottom:1em;}
.embeddedContent iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
/* Begin Quickview */
.quikviewArtikelHolder {display: flex; position: fixed; top: 0; background-image: url(images/zwart/20.png); background-repeat: repeat; left: 0; width: 100%; height: 100%; z-index: 20; padding: 10px; box-sizing: border-box;}
.quikviewArtikelHolder .quikview {background: #fff; box-shadow: var(--box-shadow-venster); margin: auto; border-radius: 3px; position: relative; width: 100%; max-width: 1000px; box-sizing: border-box;}
.quikviewArtikelHolder .quikview .sluiten {color: #000; padding: 7px; font-size: 18px; border-radius: 3px; background: #eee; height: 32px; width: 32px; line-height: 10px; text-align: center; box-sizing: border-box; cursor: pointer; margin-left: auto;}
.quikviewArtikelHolder .quikview .inhoud {overflow-y: auto; padding: 20px; max-height: 70vh;}
.quikviewArtikelHolder .quikview .inhoud td {display: block; width: 100%;}
/* Einde Quickview */
.openingstijden {display: table;}
.openingstijden .dagRegel {display: table-row;}
.openingstijden .dagRegel > div {display: table-cell;}
.openingstijden .dagRegel .dag {padding-right: 1em;}
.openingstijden .dagRegel .tijd1 + .tijd2 {margin-left:0.5em;}