/* CSS door CM Specialist.nl */
/* Versie 6.4.3 */
/* Algemeen */
/* Alle form velden */
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {
background-color: #fff;
border: 1px solid #c4c4c4;
border-radius: 3px;
box-shadow: none;
color: #666;
font-family: inherit;
font-size: inherit;
line-height: 1.5em;
padding: 8px 10px;
box-sizing: border-box;
widows: 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 {border: 1px solid #365376; color: #000 !important;}
input.verplicht, textarea.verplicht {background: #fff no-repeat scroll right 5px top 5px; 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: #fff;}
select {
font-family: inherit;
font-size: inherit;
border-radius: 3px;
border: 1px solid #cccccc;
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: 1.5em;
outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
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: #365376; content: "\f058";}
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: #365376; content: "\f14a";}
/* Einde alle form velden */
#NiksNiet {position: absolute; opacity: 0; pointer-events: none;}
.copyright {float: left; padding-right: 10px;}
table {border-spacing:0;}
td,th {padding:0}
/* Einde Algemeen */
.CMSMenu1ul,.CMSMenu2ul,.CMSMenu3ul,.CMSMenu4ul {margin: 0 !important; list-style:none; padding:0 !important;}
.CMSMenuLink1li, .CMSMenuLink1liSel {
background: rgba(0, 0, 0, 0) url("images/pijl_blauw.png") no-repeat scroll right 0 top 50%;
border-bottom: 1px solid #d2d2d2;
color: #777 !important;
display: block;
font-family: "Ubuntu",Helvetica Neue,Helvetica Neue,Helvetica,sans-serif !important;
font-size: 15px;
font-weight: 500;
line-height: 1.75em;
margin: 0;
padding: 4px 0;
text-decoration: none !important;
}
.CMSMenuLink1liSel {color: #000 !important;}
.catMenu1ul > li:last-child a {border: none;}
.CMSMenuLink2li, .CMSMenuLink2liSel {
color: #777 !important;
display: inline-block;
font-family: "Ubuntu", Helvetica Neue,Helvetica Neue,Helvetica,Sans-Serif !important;
font-size: 13px;
line-height: 1.75em;
text-decoration: none !important;
padding: 0 0 0 15px;
font-weight: normal;
margin:2px 0;
margin-left:15px;
}
.CMSMenuLink2liSel {color: #000 !important; padding: 0 0 0 15px; margin-left:15px;}
.CMSMenuLink3li, .CMSMenuLink3liSel {
color: #777 !important;
display: inline-block;
font-family: "Ubuntu", Helvetica Neue,Helvetica Neue,Helvetica,Sans-Serif !important;
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: none !important;}
.CMSMenu2liSel > a:hover, .CMSMenu3liSel > a:hover, .CMSMenu4liSel > a:hover {text-decoration: none !important;}
/* Einde Menu */
/* Taalvlaggen ------------- */
.Taalkeuze_vlaggen {left: 50px; position: absolute; text-align: left; top: 8px; display: none;}
.Taalkeuze_vlaggen ul {margin:0; padding:0;}
.Taalkeuze_vlaggen ul li {display: inline; padding: 0px 2px 0px 2px;}
.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;}
/* Taalvlaggen dropdown ------------- */
.Taalkeuze_vlaggen.dropdownTaal {line-height: 30px; max-height: 30px; overflow: hidden; font-size: 13px; transition: .3s all ease; display: inline-block; margin: 0 0 0 10px; top: 0;}
.Taalkeuze_vlaggen.dropdownTaal ul li {display: block; background: #FFF; padding: 0 5px; box-sizing: border-box;}
.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;}
.Taalkeuze_vlaggen.dropdownTaal.open {max-height: 150px; box-shadow: 0 0px 50px -8px rgba(0,0,0,.25); border-radius: 0 0 3px 3px; background: rgba(255,255,255,1); z-index: 15;}
/* Einde Taalvlaggen dropdown ------------- */
/* FAQ ------------- */
.faq_bericht_holder {width: 100%;}
.faq_bericht_holder .afbeelding, .faq_bericht_holder .aankeiler {display: none;}
.faq_bericht_titel {border: 1px solid #ddd; margin-top: 10px; padding: 5px 10px;}
.faq_bericht_titel a:link {font-weight: bold; text-decoration: none;}
.faq_bericht_titel a:visited, faq_bericht_titel a.visited { font-weight: bold;}
.faq_bericht_titel a:hover, .faq_bericht_titel a.hover { font-weight:bold;}
#faq_bericht_titel_active {font-weight: bold; color: #4bace0; text-decoration: none;}
.faq_bericht_bericht {border: 1px solid #ddd; border-top:1px solid #ddd; margin-top:-1px; padding: 15px; border-radius: 0px; background-color:#fff;}
/* Einde FAQ ------------- */
/* Gastenboek ------------- */
.gbBericht {width: 100%; padding:20px; box-sizing: border-box; background:#fff; border: 1px solid #ddd; margin: 0 0 10px;}
.gbHeader {border-bottom:1px solid #ddd; margin: 0 0 5px; padding: 0 0 5px; font-size: 14px;}
.gbEmail {text-align:right;}
.gbNaam {font-weight: bold;}
.gbBreedteKol1 {padding-right:10px;}
.gb_aanmelden {position: relative; width: 100%; padding:4%; }
.gb_message2 {height:100px; width:100% !important;}
#gb_naam, #gb_email {width:100% !important;}
.gb_bericht_bericht {clear:both;}
#gb_A, #gb_B {position:relative; transition: all .3s ease; overflow:hidden;}
#gb_B .sluiten {position:absolute; right:10px; top:10px; z-index:1;}
#gbHolder {max-height:0; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.5); transition: all .3s ease; position:relative; display:block; overflow:hidden; margin:20px 0;}
.gbdatum {display: block; float: right; font-size: 13px; margin: 0 5px 0 0;}
.gbdatum > span {display: inline-block; font-weight: normal; margin: 0;}
.gbdatum > span::after {content: "-"; margin: 0 2px;}
.gbdatum > span:last-child::after {display: none;}
/* 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 */
.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;}
.nieuws .bericht {box-sizing: border-box; padding: 20px 0; position: relative;}
.nieuws .bericht:first-child {border-bottom: 1px solid rgba(91, 91, 91, .5); padding-top: 0;}
.nieuws .bericht .titel {display: inline-block;}
.nieuws .bericht .titel a {text-decoration: none; font-family: "Ubuntu",Helvetica Neue,"Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-weight: bold; font-size: 15px;}
.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 {color: #aaaaaa; float: right; font-family: "Ubuntu",Helvetica Neue,"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;}
.nieuws.lijst .bericht .aankeiler {display: none;}
.nieuws.lijst .bericht .aankeilerafb {border: 1px solid #acacac; display: block; float: left; line-height: 0; margin: 0 20px 20px 0;}
.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 #4bace0;}
.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: #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: #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: #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; font-family: "Ubuntu",Helvetica Neue,"Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; font-size: 15px; font-weight: bold; line-height: inherit;}
.nieuws.widget .bericht .nieuwstitel, .nieuws.widget .bericht .aankeiler {overflow: hidden; text-overflow: ellipsis; color: #fff; line-height: 1.5em;}
.nieuws.widget .bericht > a {position: absolute; z-index: 100; 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 #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); margin: 0 30px 0 0 !important;}
.nieuws.widget .bericht .aankeilerafb:empty {display: none;}
.nieuws.widget .bericht .aankeilerafb img {max-width: 100%; height: auto !important;}
.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: #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: #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*/
/* 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 {background-color: #f2f2f2; 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 {background-color: #f2f2f2; padding: 20px; border-top: 1px solid #ddd;}
.nieuwWachtwoordHolder .nieuwWachtwoordContent input {width: 100%; margin: 0 0 10px;}
/* Einde Wachtwoord vergeten */
/* Bladeren ------------- */
.blader_holder {font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif; margin: 10px 0 0;}
.blader_tabel1 {margin: 0 auto; border-spacing: 0;}
.blader_tabel1 td {width:auto; padding:0 4px; font-size:14px;}
.blader_tabel1_n,.blader_tabel1_s {width:2em; height:2em; line-height:2em; text-align:center; transition: all .3s ease; border:1px solid #ccc; background:#fff; border-radius:50px; font-weight: bold;}
.blader_tabel1_n a {text-decoration:none; display: block; transition: all .3s ease; font-family: "Ubuntu", Helvetica Neue, Helvetica, Arial, sans-serif;}
.blader_tabel1_s {background:#4bace0; color:#fff; border-color:#4bace0;}
.blader_tabel1_n:hover {background:#4bace0; border-color:#4bace0;}
.blader_tabel1_n:hover a {color:#fff;}
/* Einde Bladeren ------------- */
/* Formulieren ------------- */
.formulier_holder {max-width: 500px; width: 100%;}
.formulier_tabel1_td1 {padding-right:10px;}
.formulier_text {width:200px;}
.formulier_textarea {width: 100%; height: 90px; margin-bottom: 15px; display: block;}
/* Einde Formulieren ------------- */
/* Logo's ------------- */
a.logo {left: 20px; position: absolute; top: 29px; width: 180px; display: block;}
a.logo img {width: 100%; height: auto;}
/* Einde Logo's ------------- */
.portfolioSmall {margin-left:-5px;}
/* Inschrijfformulier */
.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 */
/* Google Maps Kleur in kaart fix */
.gmnoprint {color: #000000;}
/* Breadcrumbs */
.breadcrumbsHolder {border-top: 1px solid #e9e7e8;background: #fff }
.breadcrumbsHolder .breadcrumbs {display: block; max-width: 1200px; margin: 0 auto; line-height: 26px; padding: 10px 20px; position: relative; width: 100%; z-index: 0; box-sizing: border-box;}
.breadcrumbsHolder .breadcrumbs ol {margin: 0; padding: 0;}
.crumb {display: inline-block;}
.crumbSpace {display: inline-block; font-weight:bold; padding:0 7px 0; line-height: 26px; font-size:10px; }
a.crumbLink {color: #404040 !important; text-decoration: none;}
a.crumbLink:hover {text-decoration: underline;}
.HeaderExtra {height:0px; visibility: hidden;}
.HeaderHolder {height: 137px; margin: 0 auto; overflow: hidden; padding: 0; position: relative; background-color:#393939;}
/* Pagina Footer */
.pageFooterHolder {background-image: url(images/FooterBg.png); background-repeat: no-repeat; background-color: #393838; background-position: bottom center; position: relative; width: 100%;}
.pageFooterHolder .pageFooter {color: #fff; font-size: 14px; line-height: 1.65em; margin: 0 auto; padding: 35px 20px 35px; position: relative; max-width: 1200px; box-sizing: border-box;}
.pageFooterHolder table {border-collapse:collapse;}
.pageFooterHolder table td {vertical-align: top; padding:0;}
.pageFooterHolder a, .pageFooterHolder a:link, .pageFooterHolder a:visited {text-decoration: none; color: #fff; transition: .3s ease .0s}
.pageFooterHolder a:hover {color: #bbb;}
.pageFooter h2,.pageFooter h3 {color: #409dce; font-size: 17px;}
.pageFooterKnoppenHolder {background: #262626; position: relative;}
.pageFooterKnoppenHolder .pageFooterKnoppen {color: #b6b4b4; margin: 0 auto; position: relative; max-width: 1200px; padding: 15px 20px; box-sizing: border-box;}
.pageFooterKnoppenHolder .pageFooterKnoppen a {color:#b6b4b4 !important; font-size: 13px;}
.bladwijzer {background-color: #EFEFEF; border: 1px solid #ccc; padding: 2px 5px; text-decoration: none !important;}
.tHeaderHolder {background: url("images/nav.png") repeat-x scroll left bottom transparent; height: 171px; min-width: 1000px; position: relative; width: 100%;}
.tHeader {width: 1000px; margin: 0 auto; position: relative}
/* FCK Templates */
.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 */
/* Grid Templates */
div[class*="grid"] {hyphens: auto; -webkit-hyphens: auto; 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 */
/* Gallery type 3 */
.Gv3 {display: table-cell;}
.Gv3Thumb {background-color: #fff; box-shadow: 0 2px 3px #ccc; float: left; line-height: 0; margin: 7px; position: relative; text-align: center;}
.Gv3ThumbImg {background-color: #fff; display: table-cell; vertical-align: middle;}
.Gv3Thumb img {
height: 115px;
width: auto;
}
.Gv3Thumb .desc {font-size: 13px;font-weight: normal; color: #000000;}
.Gv3Thumb .desc2 {position: absolute; bottom: 5px; left: 5px; background: #f5f5f5; border: 1px solid #ccc; box-shadow: 1px 1px 3px #ccc; padding:2px 5px;}
/* 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 { display: inline-block; padding: 5px; font-family: "Ubuntu",Helvetica Neue,Helvetica,Arial,Arial,sans-serif; font-size: 14px; color: #fff; background: #4bace0; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #4bace0; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; text-indent:0; height:auto; box-shadow:none;}
button {margin-left: 0; margin-right: 0;}
a.button {-moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
button::-moz-focus-inner { border: 0; padding:0px; }
a.button.primary, button.primary { font-weight: bold }
button:focus, a.button:hover,
.button:hover, button:hover {color: #fff; border-color: #3b9cd0; text-decoration: none; background-color: #3b9cd0; }
a.button:active, button:active,
a.button.active, button.active {background-position: 0 -81px; border-color: #555; background-color: #555; color: #fff; text-shadow: none; }
.button:active, a.button:active, button:active {top: 1px }
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.positive:hover, button.positive:hover {background-color: #41ae28; border-color: #498349;}
a.button.positive:active, button.positive:active,
a.button.positive.active, button.positive.active {background-color: #41ae28; border-color: #498349;}
.pill, a.button.pill, button.pill {border-radius: 2px; padding: 6px 10px; text-decoration: none;}
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 }
a.button.big, button.big { font-size: 16px; padding-left: 14px; padding-right: 17px; }
a.button span.icon, button span.icon {float: left; height: 14px; left: -3px; margin: 0 5px 0 0; position: relative; top: -1px; width: 14px;}
.button img {float: left; height: 12px; margin-right: 6px; width: 12px;}
a.big.button span.icon, button.big span.icon { top: 0px }
.button.disabled {background-color: #888; border-color: #888; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* einde knoppen */
/* Upload functie */
.uploadOmsch {font-weight: bold; color:#000; font-size: 12px;}
.uploadHolder {clear: both; padding: 5px 0; width: 100%;}
.uploadDelete {background: #fff; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; float: left; padding: 5px; position: relative; width: 90%;}
.uploadProcess {position: absolute; float: right;}
.uploadFilename {float: left; overflow: hidden; width: 250px; padding:5px;}
.uploadTochniet {position: absolute; right: 5px; top: 10px;}
.upload_1{padding: 3px;}
.upload_2 input {border:0px; border-collapse: collapse; margin:0; font-size:10px}
.upload_3{float: right; margin-top: 1px;}
.upload_4{visibility: hidden; position: absolute;}
.upload_5{background: #FFFFDC; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; float: left; padding: 5px !important; position: relative; width: 380px;}
.uploadMasker {float: left; font-size: 13px; font-weight: normal; padding: 5px;}
.uploadMaskerText { float: left; line-height: 1.2em; padding-right: 0.5em;}
/*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; 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 */
/* Afbeeldingen opmaken */
img.schaduwRechts {border:4px solid #fff; box-shadow:0 2px 3px rgba(0,0,0,.3); float:right; margin-left:20px; margin-bottom:20px;}
img.schaduwLinks {border:4px solid #fff; box-shadow:0 2px 3px rgba(0,0,0,.3); float:right; margin-right:20px; margin-bottom:20px;}
/* Rotator navigatie */
.slideshowHolder {position:relative;}
.slideshowNav {z-index:10; position:absolute; right:10px; bottom:10px;}
.slideshowNav a {background: #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:#4bace0; }
.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 scroll 4px 4px transparent; border-radius: 5px 5px 0 0; height: 24px; opacity: 0.5; padding: 0; position: absolute; top: 2px; width: 24px; z-index: 102; left: 20px; display: none;}
.aLandingMenu:hover {background-color:#fff; box-shadow:0 2px 4px rgba(0,0,0,.3); overflow:visible; opacity:1;}
.aLandingMenu:hover .LandingMenu {display:block;}
.LandingMenu {display:none; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); list-style-type: none; margin: 0; border-radius:0px 5px 5px 5px; padding: 5px; position: relative; top: 24px; width: 150px;}
.LandingMenu li {padding:3px 8px;}
.LandingMenu li a, .LandingMenu li a:visited, .LandingMenu li a:hover {text-decoration:none; font-size:11px; color: #000;}
/* 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:#f9f9f9;}
.relatieTabel td {vertical-align:top; border:0;}
.relatieTd1 {width:150px; background:#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: 0 2px 15px rgba(255, 255, 255, 0.3); color: #fff; font-style: italic; font-weight: bold; margin: 10px; padding: 10px 15px; text-shadow: 0 -1px 0 #000000;}
.gMaps_VrijeTeks1, .gMaps_VrijeTekst2, .gMaps_VrijeTekst3 {color:#333;}
/* Relatie nieuw */
.relatieItem {border: 1px solid #ddd; border-radius: 2px; background: #fff; box-sizing: border-box; display: table; float: left; height: 200px; margin: 10px 0 0 0; padding: 15px; position: relative; width: calc(50% - 5px); }
.relatieItem:nth-child(2n+1) {margin: 10px 10px 0px 0px;}
.relatieItem:hover {background: #f8f8f8;}
.relatieItem .afbeelding {display: table-cell; vertical-align: top; width: 100px !important}
.relatieItem .relinfo {box-sizing: border-box; padding: 0px 10px; display: table-cell; vertical-align: top;}
.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 .afbeelding img {border: 2px solid #fff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15); max-width: 90px;}
.relatieItem .bedrijfsnaam { color: #4bace0; 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: #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: #eee; text-align: center; border-radius: 0px 2px 2px 0px; border: 1px solid #c4c4c4; border-left: none;}
.relatieZoek .icoon:hover {cursor: pointer; background: #e2e2e2;}
.relatieOpties > div .icoon {margin-left: 10px;}
a .icoon i {color:#999;}
a:hover .icoon i {color:#000;}
.omhoog a, .omlaag a {color:#000 !important;}
.omhoog .icoon i, .omlaag .icoon i {color:#000;}
.icoon i {font-size:16px; transition: all .3s ease;}
/* detail */
.relatieItem.detail {margin: 20px; width: calc(100% - 40px); height: auto; border: none;}
.relatieItem.relatieItem.detail:hover {background: #fff;}
.relatieItem.detail .persoon {display: inline-block;}
.relatieItem.detail hr {background: #ddd; margin: 20px 0;}
.relatieItem.detail h2 {font-size: 17px; max-width: 370px;}
.relatieItem.detail .bedrijfsnaam {color: #4bace0;}
.relatieItem.detail .vrijVeld2 {display: inline-block;}
.detail .website {position: absolute; right: 10px; top: 10px;}
.relatieItem.detail .website a {color: #fff; text-decoration: none; background: #4bace0; border-radius: 2px; padding: 5px 10px; display: block;}
.relatieItem.detail .website:hover a {background: #415E81;}
.relatieItem.detail .MeerGegevens {float: left; width: 50%;}
/* Einde Autorisatie lijstfunctie */
/* Afbeeldingen uitlijnen */
.afbLinks, .afbRechts {border: 3px solid #FFF; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); float: left; margin: 0 10px 10px 0;}
.afbRechts {float: right; margin: 0 0 10px 10px;}
/* Einde Afbeeldingen uitlijnen */
/* Sitemap */
.sitemap1 {margin: 0 auto; max-width: 1000px; padding: 20px 0;}
.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:23%; padding-top:5px; font-size:17px; list-style:none;}
.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, .sitemapWinkel::after {border-bottom: 1px solid #eee; clear: both; content: " "; display: block; margin-bottom: 20px; padding-top: 20px;}
.sitemapWinkel::after {border: none;}
.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 */
/* Formulier widgets */
.formulier {display: block; position:relative;}
.formulier legend {font-size:15px; font-weight:bold; margin:0; padding:0; color:#000;}
.formulier label {width: 100%; clear: both; padding-right: 10px;}
.formulier input[type="text"] {margin-bottom: 5px; width: 100%; display: block;}
.formulier input.straat, .formulier input.straat2 {width:156px;}
.formulier label.huisnummer, .formulier label.huisnummer2 {clear:none; width:10px; padding-left:10px;}
.formulier input.huisnummer, .formulier input.huisnummer2 {clear:none; width:40px;}
.formulier .checkboxes {display:block; clear: both;}
.formulier .checkboxes .label {float: left; padding-right: 10px; width: 120px;}
.formulier .checkboxes label {float: left; padding-right: 10px; width: 120px; clear:none;}
/* Einde Formulier widgets */
/* 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 */
/* Objecten */
.objCategorieen {padding: 15px; margin-bottom: 0; background: linear-gradient(to bottom, #f4f4f4 0%, #ddd 100%); background-color: #eee; border: 1px solid #ddd; border-bottom: 0;}
.objCategorieen ul {margin:0; padding:0;}
.objCategorieen ul li {float:left; margin-right:10px; list-style: none inside; width: 23%; line-height:1.65em;}
.objCategorieen ul li a, .objCategorieen ul li a:link, .objCategorieen ul li a:visited {font-weight:bold; text-decoration:none; color:#333;}
.objCategorieen ul li a, .objCategorieen ul li a:hover {text-decoration:underline; color:#000;}
.objCategorieen ul li.selected {font-weight:bold; color:#fff;}
.objCategorieen ul li.selected a {background: url("images/navActiveBg.png") repeat-x scroll 0 0 transparent; border-radius: 20px 20px 20px 20px; color: #fff !important; font-weight: bold; left: -9px; text-decoration:none; margin-right: -9px; padding: 3px 9px; position: relative;}
.objCategorieen .objectCount {padding-left:5px; color:#888;}
.objControls {margin-bottom: 12px; padding: 6px 20px; background: linear-gradient(to bottom, #45484d 0%, #000000 100%); background-color: #444444;}
.objControls .objPresentatie {float:left;}
.objControls .objSortering {float:right;}
.objControls .objSortering a {margin-left:15px; color:#ccc;}
.objControls a {text-decoration:none;}
.objControls .objSortering .selected {font-weight:bold; color:#fff;}
.objPresentatie .shopSortOptieTable .objSortPres {padding-right:2px;}
.objPresentatie .shopSortOptieTable .objPrint {padding-left:0;}
.objectP1 {background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); cursor: pointer; display: block; float: left; height: 150px; margin-bottom: 12px; margin-right: 12px; padding: 10px; position: relative; width: 442px;}
.objectP1:hover {box-shadow:0 1px 2px rgba(0,0,0,.6);background:#fff;}
.objectP1.laatste {margin-right: 0;}
.objectP1 .label {background-color: #f00; color: #fff; font-size: 8px; font-weight: bold; line-height: 1em; padding: 3px 4px; position: absolute; text-transform: uppercase; transition: all 0.3s ease 0s; z-index: 1;}
.objectP1:hover .label {opacity:0;}
.objectP1 .afbeelding {float:left;}
.objectP1 .info {padding: 10px 10px 10px 20px; float:left;}
.objectP1 .info {font-size: 13px;}
.objectP1 .info .omschrijving {font-size: 18px; font-weight:bold;}
.objectP1 .info .omschrijving a {color:#000; text-decoration:none;}
.objectP1 .info .nummer .titel {display:none;}
.objectP1 .info .nummer .waarde {font-weight:bold;}
.objectP1 .info .kenmerk1, .objectP1 .info .kenmerk2, .objectP1 .info .kenmerk3, .objectP1 .info .kenmerk4, .objectP1 .info .kenmerk5,.objectP1 .info .kenmerk6, .objectP1 .info .nummer {float:left; clear:both;}
.objectP1 .info .kenmerk1 .titel, .objectP1 .info .kenmerk2 .titel, .objectP1 .info .kenmerk3 .titel, .objectP1 .info .kenmerk4 .titel, .objectP1 .info .kenmerk5 .titel, .objectP1 .info .kenmerk5 .titel {float:left; padding-right:5px; width: 120px;}
.objectP1 .info .kenmerk1 .waarde, .objectP1 .info .kenmerk2 .waarde, .objectP1 .info .kenmerk3 .waarde, .objectP1 .info .kenmerk4 .waarde, .objectP1 .info .kenmerk5 .waarde, .objectP1 .info .kenmerk5 .waarde {float:left;}
.objectP1 .info .kenmerk1 .waarde {font-weight:bold;}
.objectP1 .info .prijs {background: none repeat scroll 0 0 #000000; bottom: 10px; clear: both; color: #fff; float: left; font-size: 16px; font-weight: bold; padding: 2px 18px 2px 10px; position: absolute; right: 0;}
.objectP2 {border:0; width:100%; padding:10px; border-radius:5px; background:#fff;}
.objectP2 tr {background:#fff; transition:all .3s ease;}
.objectP2 tr:hover {background:#eee; cursor:pointer;}
.objectP2 .label {background-color: #f00; color: #fff; font-size: 8px; font-weight: bold; line-height: 1em; padding: 3px 4px; position: absolute; text-transform: uppercase; transition: all 0.3s ease 0s; z-index: 1;}
.objectP2 td:hover .label {opacity:0;}
.objectP2 th {padding: 2px; text-align: left; background-color:#fff;}
.objectP2 td {padding: 2px; text-align: left; border-bottom:1px solid #eee;}
.objectP3 {border:0; width:100%; padding:10px; border-radius:5px; background:#fff;}
.objectP3 tr {background:#fff; transition:all .3s ease;}
.objectP3 tr:hover {background:#eee; cursor:pointer;}
.objectP3 .label {background-color: #f00; float:right; margin-left:5px; margin-top:3px; color: #fff; font-size: 8px; font-weight: bold; line-height: 1em; padding: 3px 4px; text-transform: uppercase; transition: all 0.3s ease 0s; z-index: 1;}
.objectP3 th {padding: 2px; text-align: left; background-color:#fff;}
.objectP3 td {padding: 2px; text-align: left; border-bottom:1px solid #eee;}
.objControls .controls a {margin-right:15px; color:#fff;}
.objControls .blader {float:right;}
.objControls .overzicht {float:left;}
.objControls .objPrintDetail {float:left;}
.objectDetail {padding:15px; background-color:#fff; border-radius:5px;}
.objectDetail .kop h1 {float:left;}
.objectDetail .kop .label {background-color: #f00; color: #fff; float: right; font-size: 10px; font-weight: bold; line-height: 1em; margin-right: 20px; margin-top: 10px; padding: 3px 4px; text-transform: uppercase; transition: all 0.3s ease 0s; z-index: 1;}
.objectDetail .kop .prijs {background: none repeat scroll 0 0 #000000; color: #fff; float: right; font-size: 18px; font-weight: bold; padding: 4px 9px;}
.objectDetailHouder .links {width:48%; vertical-align:top;}
.objectDetailHouder .midden {width:4%}
.objectDetailHouder .rechts {width:48%; vertical-align:top;}
.objectDetailHouder .kenmerken .titel {font-weight:bold; color:#000; padding-top:8px; border-bottom:1px solid #eee;}
.objectDetailHouder .kenmerken .titel3 {color:#999;}
.objectDetailHouder .kenmerken .info {padding-top:8px;}
.objectDetailHouder .rechts .ad-gallery {width:410px;}
.objectDetailHouder .rechts .ad-gallery .ad-image-wrapper {width:410px; height:400px;}
.objectDetailHouder .ad-gallery .ad-nav {margin-top:10px;}
.objectDetailHouder .ad-gallery .ad-nav .ad-thumbs {margin-left:20px;}
.objectDetailHouder .ad-gallery .ad-controls {display:none;}
.objectDetailHouder .ad-gallery .ad-image-wrapper {overflow:visible;}
.objectDetailHouder .ad-gallery .ad-image-wrapper .ad-image {border:2px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.4);}
.objectDetailHouder .rechts .objectEtalage {width:410px; border-radius:5px;}
.objectDetailHouder .bijlagen .titel {font-weight:bold; color:#000; border-bottom:1px solid #eee;}
.objectDetailHouder .bijlagen .icon {padding-bottom: 5px; padding-top: 5px; width: 60px;}
#objInschrijfscherm {background-color: #FFC907; display: block; margin-bottom: 10px; max-height: 0; overflow: hidden; position: relative; top: -12px; transition: all 0.3s ease 0s; width: 100%; z-index: 10; color:#000;}
#objInschrijfscherm .inhoud {padding:25px;}
#objInschrijfscherm .links {float:left; width:45%; margin-right:5%;}
#objInschrijfscherm .rechts {float:left; width:40%; border-left: 1px solid #000; padding-left:20px;}
#objInschrijfscherm #alertVoornaam {width:120px;}
#objInschrijfscherm #alertTV {width:70px;}
#objInschrijfscherm #alertAchternaam {width:120px;}
#objInschrijfscherm #alertEmail {width:325px;}
#objInschrijfscherm .sluitKnop {position:absolute; top:10px; right:10px;}
.nietGevuld {color:#999;}
.objMijnObjecten .attentie {background: #eee; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); float: none; margin-right: 2px; width: auto;}
.objMijnObjecten .attentieTR {background: #eee;}
.objMijnObjecten .attentieTR2 {background: #eee;}
.objZoeken {float:left;}
#objZoekWoordID {background: url("images/zoeken.png") no-repeat 103px 4px #fff; padding:0 20px 0 5px; margin-right:10px; width:100px;}
/* Einde Objecten */
/* Responsive */
.responsiveKnop {display:block; margin:10px;}
.responsiveKnop a {padding:10px; background-color:#007CC1; font-size:14px; text-transform:uppercase; color:#FFF; display:block; text-decoration:none; transition:all .3s ease; border-radius:5px; margin:0 auto; text-align:center;}
.responsiveKnop a:hover {background-color:#000;}
.responsiveKnop img { display: inline-block; height: 32px; margin-right: 10px; position: relative; vertical-align: middle; width: 32px;}
.alleenResponsive {display:none;}
/* Einde Responsive */
/* Cookie 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 Cookie melding */
/* configurator */
.configuratie {border: 2px solid #dddddd; 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 #dddddd;
color: #606060;
display: inline-block;
margin: 0 5px 0 0;
padding: 3px 8px;
background: #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: 0 2px 30px rgba(0, 0, 0, 0.3);
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 {display: none;}
.meldingHouder .melding .icoon i {font-size: 30px;}
.meldingHouder .melding .knoppen a {background: #ccc; color: #fff; display: inline-block; line-height: 1.25em; margin: 5px; padding: 7px 10px; text-decoration: none; transition: all 0.3s ease 0s;}
.meldingHouder .melding .knoppen a:hover {background:#000; color:#fff; transition: all .3s ease; cursor: pointer;}
.meldingHouder .melding .knoppen a.bevestigen {background: #4bace0;}
/* Einde Alert en confirm nieuwe style */
/* 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 */
/* Cookiemelding */
.cookieMelding {background: rgba(240,240,240,.95); text-align: center; position: fixed; bottom: 0; width: 100%; z-index: 20;}
.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: #64d064; 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: 0 0 60px 5px rgba(0, 0, 0, 0.1); overflow: hidden; max-width: 370px;}
.privacyMelding .inhoud {padding: 30px;}
.privacyMelding .inhoud .titel {color: #000; font-family: "Open Sans", Helvetica, Arial, Sans-Serif; font-size: 19px; font-style: normal; font-weight: bold; line-height: 1.25em; margin: 0 0 10px;}
.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; background: #aaa;}
.privacyMelding .knoppen a.knop.akkoord {background-color: #7ec294;}
/* 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: 0 2px 30px rgba(0, 0, 0, 0.3); 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: #f5f5f5; 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 */
/* Maatwerk */
.bovenkantHolder {background: transparent; position: absolute; width: 100%; z-index: 11; padding-top: 10px;}
.bovenkant {max-width: 1200px; padding: 0 20px;margin:0 auto; position: relative; height: 100px; box-sizing: border-box;}
.extrabovenkant {background: #4bace0; position: relative;}
.extrabovenkant .usps {color: #d1d1d1; display: block; font-size: 12px; font-weight: bold; margin: 0 auto; max-width: 1200px; padding: 10px; position: relative; text-align: center; z-index: 1;}
.extrabovenkant .usps div {background: url("images/vinkje_wit.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); display: inline-block; font-family: "Ubuntu", "Helvetica Neue",Helvetica Neue,Helvetica,Arial, Sans-Serif; font-weight: bold; margin: 0 35px; padding-left: 22px; text-transform: uppercase; transition: .3s all ease;}
.extrabovenkant .usps div:hover {color: #fff;}
.art-Post-inner strong {font-weight:bold;}
.art-Post-inner .medium {font-weight: 500;}
.art-Post-inner .block {display: inline-block; margin-left: 20px;}
.houderHome {position:relative; height:360px;}
.houderHome .plaatje > img {width: 100% !important; height: auto !important;}
.houderHome h1 {background: #4bace0; color: #fff; display: inline-block; font-size: 30px; left: -30px; padding: 5px 25px; position: absolute; top: -45px;}
.houderHome .tekst {background-color: #fff; bottom: 20px; left:100px; display: block; font-family: helvetica neue,helvetica,arial,Arial, Sans-Serif; padding: 28px 20px 15px; position: absolute; z-index: 20; width:350px; box-shadow:0 2px 15px rgba(0,0,0,.5);}
.houderHome .tekst strong {color:#000; }
.prijzen {border:0; border-spacing:0;}
.prijzen td {border:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:4px 8px; vertical-align:top; }
.prijzen tr {transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease;}
.prijzen tr:hover {background-color:#f9f9f9; color:#000;}
.prijzen tr:first-child { font-weight:bold; color:#000; border-bottom:1px solid #ddd!important;}
.prijzen tr:first-child:hover {background:transparent;}
.prijzen .laagseizoen {text-align: right; width:120px;}
.prijzen .hoogseizoen {text-align: right; width:120px;}
a.knopT {
color: #4bace0;
display: inline-block;
font-size: 15px;
margin: 0;
position: relative;
text-decoration: none;
background: url("images/pijl_blauw.png");
transition: all .4s ease .0s;
background-repeat: no-repeat;
background-position: top 50% right 0;
padding-right: 25px;
}
a.knopT:hover {cursor: pointer; padding-right: 30px;}
a.knopT:hover:after {left: 110px;}
a.knop {
color: #fff;
background-color: #4bace0;
border-radius: 3px;
display: inline-block;
font-size: 15px;
margin: 10px 0px 0px;
position: relative;
text-decoration: none;
background-image: url("images/pijl_blauw_knop.png");
transition: all .4s ease .0s;
background-repeat: no-repeat;
background-position: top 50% right 0;
padding-right: 65px !important;
padding: 15px;
line-height: 1.25em;
}
a.knop:hover {cursor: pointer; box-shadow: 0 0 11px 1px rgba(0,0,0,.3); opacity: .8; color: #005c90;}
a.knop:hover:after {left: 110px;}
a.knopL {
color: #fff;
background-color: #4bace0;
border-radius: 3px;
display: inline-block;
font-size: 15px;
margin: 10px 0px 0px;
position: relative;
text-decoration: none;
background-image: url("images/likeknop.png");
transition: all .4s ease .0s;
background-repeat: no-repeat;
background-position: top 50% right 0;
padding-right: 65px !important;
padding: 15px;
line-height: 1.25em;
}
a.knopL:hover {cursor: pointer; box-shadow: 0 0 11px 1px rgba(0,0,0,.3); opacity: .8; color: #005c90;}
a.knopL:hover:after {left: 110px;}
.slogan {position: absolute; right: 0; bottom:10px;}
.slogan img {float:right; margin-left:12px;}
.keurmerk {position:relative; top:-3px;}
/* Slider aanpassingen */
/* Brochure opmaak */
.brochureOpmaak h1 {font-size:27px;}
.brochureOpmaak h2 {font-size:16px; padding-top:10px;}
.brochureOpmaak h2 em {font-style:normal; color:#36B84A;}
.imgLinks, .lRechts {box-shadow: 0 5px 11px rgba(0, 0, 0, 0.3); margin-bottom: 40px; transition:all ease .2s; -moz-transition:all ease .2s; -webkit-transition:all ease .2s; -o-transition:all ease .2s;}
.imgLinks {float:left; margin-right:30px; }
.imgRechts {float:right; margin-left:30px;}
hr {background: #ccc; border: 0 none; clear: both; height: 1px; margin: 40px 0; }
.functieIcons {background: #fff; border: 5px solid #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); float: left; margin-right: 10px; margin-top: 2px; margin-bottom:5px; border-radius:3px;}
.zoekEnMerkHolder {height: 50px; left: 400px; position: absolute; top: 37px; width: 360px}
.merkVeld {float: left; margin-right: 20px; position: relative; top: 10px;}
.shopLijst2ContentBestelknop a.button {border: 0 solid !important; border-radius: 0 !important; padding: 8px 10px !important; }
#fancy_bg > div {display: none;}
/*Standaard*/
.inhoud {padding: 30px 20px; box-sizing: border-box;}
.tekst.links {padding-right: 20px;}
.tekst.rechts {padding-left: 20px;}
.art-Block .h5, .art-Block .h2 {display: none;}
.art-Block:first-child .h5, .art-Block:first-child .h2 {display: block;}
.meerinfo {display: none;}
.winkelwagenHouder.openGeklapt .winkelknop .bedrag {color: #4bace0;}
.AccountHouderTekst {display: inline-block; padding: 2px 0px; font-size: 13px;}
/*Header*/
header {position: absolute; width: 100%;}
.facebook-img {margin: 0; max-height: 60px;}
.liquid-slider-wrapper.alsPuntje .ls-nav {display: none;}
.liquid-slide-sjabloon .plaatje {line-height: 0;}
.header_img {line-height: 0; position: relative; top: -450px;}
.header_img img {height: auto !important; width: 100% !important;}
/*Balk*/
.snelbalk {background: url(images/balk-bg.png);}
.balk-info {max-width: 1200px; margin: 0 auto; height: auto;}
a.balk-vak {display: block; float: left; width: 20%; box-sizing: border-box; height: 100%; text-align: center; padding: 27px; position: relative;border-left: 1px solid #505050; transition: .6s ease .0s; text-decoration: none;}
a.balk-vak:first-child {border-left: none;}
a.balk-vak:hover {box-shadow: 0px 0px 150px -30px rgba(0,0,0,1.0) inset; cursor: pointer;}
.balk-tekst {color: #fff; font-size: 14px; bottom: 0px; position: relative; text-decoration: none !important;}
/*Vak boven*/
.vak {position: relative;}
.vak.boven {background: url(images/info.png) #f2f2f2 no-repeat; background-position: 11px 125px;}
.inhoud {max-width: 1200px; margin: 0 auto; position: relative;}
.tekst {z-index: 2; float: left;}
.tekst.links {width: 50%; box-sizing: border-box;}
.tekst.rechts {width: 50%; box-sizing: border-box;}
.tekst.rechts .kleinWitvak {background: #fff; right: 20px; position: absolute; padding: 20px; bottom: -150px; box-shadow: 0px 0px 47px 5px rgba(0,0,0,0.18); z-index: 1; transition: 1.2s cubic-bezier(.86,0,.07,1) .0s; opacity: 0; text-align: center;}
.tekst.rechts .kleinWitvak.scrolled {bottom: -10px; opacity: 1;}
.scooter_img {position: absolute; bottom: 20px; right: 255px; z-index: 0;}
.scooter_img img {width: 260px !important; height: auto !important;}
/*Vak midden*/
.nieuwsvak {background: rgba(0, 0, 0, 0) url("images/nieuws_bg.jpg") no-repeat scroll right center / cover;}
.vak_wit {background-color: #fff; box-sizing: border-box; left: -150px; min-height: 320px; padding: 20px; position: relative; transition: 1.2s cubic-bezier(.86,0,.07,1) .0s; opacity: 0; max-width: 540px;}
.vak_wit.scrolled {left: 0px; opacity: 1;}
.wittekst h2 {color: #fff !important;}
.nieuws.widget.placeholder2 .datum .type3 {display: inline-block; margin-left: 5px;}
.nieuws.widget.placeholder2 .datum {color: #fff;}
.displayprijs {display: none;}
/*Vak onder*/
.vak.onder {background: url(images/klok.png) no-repeat; background-position: right 30px;}
/*Footer*/
.pageFooterHolder ul {padding-left: 0px;}
.pageFooterHolder li {border-bottom: 1px solid #767676; color: #e6e1e1; list-style-type: none;}
.pageFooterHolder li:last-child {border-bottom: none;}
.pageFooterHolder li p {margin: 5px 0px;}
.pageFooterHolder .locatie:before {content: ""; position: absolute; font-family: "Font Awesome 5 Pro";}
.pageFooterHolder .telnmr:before {content: ""; position: absolute; font-family: "Font Awesome 5 Pro";}
.pageFooterHolder .email:before {content: ""; position: absolute; font-family: "Font Awesome 5 Pro";}
::selection {color: #fff; background: #4bace0;}
::-moz-selection {color: #fff; background: #4bace0;}
ul.vinkjes {list-style: none; margin: 10px 0 25px; padding: 0;}
ul.vinkjes li {position: relative; padding-left: 30px; margin: 5px 0;}
ul.vinkjes li:before {position: absolute; content: "\f14a"; color: #4bace0; font-family: "Font Awesome 5 Pro"; font-size: 20px; left: 0;}
.fb_iframe_widget > span {width: 100% !important;}
.mapVB #map-canvas {width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget iframe {width: 100% !important;}
.webwinkelkeur {position: absolute; right: 20px; top: 10px; width: 120px; text-decoration: none;}
.webwinkelkeur img {width: 100%;}
.accountHouder2 #open {
display: inline-block;
font-size: 13px;
margin-left: 10px;
padding: 2px 0;
}
.art-Block.winkel {display: none;}
.liquid-slider-wrapper {
margin: 0 auto;
max-width: 1700px;
overflow: hidden;
position: relative;
}
.socialmediaHolder {display: flex;}
.socialmediaHolder a {color: #fff; background: #eee; width: 39px; height: 39px; display: flex; text-decoration: none; margin-right: 4px;}
.socialmediaHolder a i {margin: auto; font-size: 18px;}
.socialmediaHolder a.facebook {background: #3b5998;}
.socialmediaHolder a.twitter {background: #1da1f2;}
.socialmediaHolder a.pinterest {background: #cb2027;}
.socialmediaHolder a.linkedin {background: #0077b5;}