/* CSS door CM Specialist.nl */
/* Versie 6.1.5 */
/* 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 #ddd;
border-radius: 0px;
box-shadow: none;
color: #232323;
font-family: inherit;
font-size: inherit;
line-height: 1.5em;
padding: 8px 10px;
box-sizing: border-box;
widows: 100%;
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 #76b82a; 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: #76b82a; 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: 0px;
border: 1px solid #ddd;
color: #232323;
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; font-weight: bold;}
input[type="radio"]:checked::before {color: #76b82a; 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; font-weight: normal;}
input[type="checkbox"]:checked::before {color: #76b82a; content: "\f14a"; font-weight: bold;}
/* Einde alle form velden */
#fancy_ajax input {height:auto;}
.slideshowBorder {border-color: #cccccc !important;}
#NiksNiet {visibility: hidden; display: none; position: absolute; opacity: 0;}
body > .laadtijd {margin-right: .25em;}
table {border-spacing:0;}
td,th {padding:0}
/* Einde algemeen */
.CMSMenu1ul, .CMSMenu2ul, .CMSMenu3ul, .CMSMenu4ul {margin: 0 !important; list-style: none; padding:0 !important;}
.CMSMenu2ul {padding-left: 10px; border-left: 1px solid #f3f3f3;}
.CMSMenu3ul {padding-left: 10px; border-left: 1px solid #f3f3f3;}
.CMSMenu4ul {padding-left: 10px; border-left: 1px solid #f3f3f3;}
/* Menu en submenu */
.CMSMenuLink1li, .CMSMenuLink1liSel {
color: #606060 !important;
display: inline-block;
font-weight: normal;
line-height: 1.25em;
margin: 5px 0;
padding: 0;
text-decoration: none !important;
}
.CMSMenuLink1liSel {
color: #76b82a !important; font-weight: bold;
}
.CMSMenuLink2li, .CMSMenuLink2liSel {
color: #606060 !important;
display: inline-block;
font-size: 15px;
line-height: 1.75em;
text-decoration: none !important;
font-weight: normal;
margin: 2px 0;
}
.CMSMenuLink2liSel {
color: #76b82a !important; font-weight: bold;
}
.CMSMenuLink3li {
color: #606060 !important;
display: inline-block;
font-size: 13px;
line-height: 1.75em;
text-decoration: none !important;
font-weight: normal;
margin: 2px 0;
}
.CMSMenuLink3liSel {
color: #000 !important;
}
.CMSMenuLink4li {
color: #606060 !important;
display: inline-block;
font-size: 13px;
line-height: 1.75em;
text-decoration: none !important;
font-weight: normal;
margin: 2px 0;
}
.CMSMenuLink4liSel {
color: #000 !important;
}
/* Einde Menu ------------- */
/* Taalvlaggen ------------- */
.Taalkeuze_vlaggen { color: #000; line-height: 30px; position: relative; display: inline-block; width: 35px; margin-left: 20px; z-index: 14;}
.Taalkeuze_vlaggen ul {margin:0; padding:0; max-height: 30px; overflow: hidden; transition: .3s all ease;}
.Taalkeuze_vlaggen.open ul {max-height: 200px; box-shadow: 0 0px 57px 3px rgba(0,0,0,.1);}
.Taalkeuze_vlaggen.open ul li {background: #fff;}
.Taalkeuze_vlaggen ul li {display: block; line-height: 30px; margin: 0; background: #e5e5e5; padding: 0 5px; transition: .3s all ease;}
.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_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: #76b82a; text-decoration: none; font-size: 105%;}
.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 {background: #fff; border: 1px solid #ddd; box-sizing: border-box; margin: 0 0 10px; padding: 20px; width: 100%;}
.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 */
.nw_bericht_link {display: none;}
.nieuws .bericht {box-sizing: border-box; margin: 0 0 20px; position: relative;}
.nieuws .bericht .titel a {font-weight: bold; text-decoration: none; outline: none;}
.nieuws.lijst {padding: 10px 0;}
.nieuws.lijst .bericht {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); padding: 20px;}
.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 .aankeilerafb {display: none;}
.nieuws.lijst .bericht .inhoud {border-top: 1px solid #e2e2e2; display: none; margin: 0; padding: 15px 0 0 80px;}
.nieuws.lijst .bericht.actief .inhoud {display: block;}
.nieuws.lijst .bericht .nieuwsboven {min-height: 100px;}
.nieuws.lijst .bericht.actief .nieuwsboven {padding: 0;}
/* 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 > a {position: absolute; z-index: 100; left: 0; right: 0; top: 0; bottom: 0; background-image: url("images/spacer.png")}
.nieuws.widget .bericht .aankeilerafb {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); float: left; margin: 0px 10px 0px 0px; overflow: hidden; border-radius: 50%; width: 55px; height: 55px; border: 3px solid #fff;}
.nieuws.widget .bericht .titel a {font-size: 15px; font-weight: normal; text-decoration: none;}
.nieuws.widget .bericht .datum {font-size: 14px;}
.nieuws.widget .bericht .datum::before {bottom: 1px; content: ""; display: block; float: left; font-family: "Font Awesome 5 Pro"; font-size: 13px; font-weight: normal; margin: 0 5px 0 0; position: relative; }
/* 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: 1000px; display: flex; margin: 0 auto;}
.inloggen_holder .inloggen_beschrijving,
.inloggen_holder .inloggen_content {width: 50%; padding: 50px; box-sizing: border-box;}
.inloggen_holder .inloggen_beschrijving p:last-child {margin-bottom: 0;}
.inloggen_holder .inloggen_content {background-color: #f2f2f2;}
.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_tabel1 {width:100%;}
/* Einde Bladeren ------------- */
/* Formulieren ------------- */
#formulier_holder {width:100%;}
.formulier_tabel1_td1 {padding-right:10px;}
.formulier_text {width:200px;}
.formulier_textarea {height:90px; width:100%;}
/* Einde Formulieren ------------- */
/* Logo's ------------- */
a.logo {display: block; left: 70px; position: absolute; top: 10px; width: 275px; user-select: none;}
a.logo img {height: auto; width: 100%; }
/* Einde Logo's ------------- */
/* Inschrijfformulier */
a.button.pill.wButVerstuur {margin: 0 auto; display: block; width: 90px; text-align: center;}
.inschrijfFormulier {width: 100%; border-spacing: 0; max-width: 960px; margin: 20px auto; background: #fff; padding: 30px; border: 1px solid #e2e2e2; border-radius: 3px;}
.inschrijfFormulier tbody {display: flex; flex-wrap: wrap;}
.inschrijfFormulier tbody tr { width: 50%; padding: 10px; box-sizing: border-box;}
.inschrijfFormulier tbody tr td {padding: 0; display: block;}
.inschrijfFormulier input[type="text"],
.inschrijfFormulier input[type="password"],
.inschrijfFormulier input[type="email"],
.inschrijfFormulier textarea {margin:0; width:100%; box-sizing: border-box;}
.inschrijfFormulier select {width:100%;}
.inschrijfFormulier input#inschrijf_1 {width:40%; border-right: 3px solid #fff; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.inschrijfFormulier input#inschrijf_2 {width:20%; border-right: 3px solid #fff; 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: 3px solid #fff; 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: 3px solid #fff; 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;}
/* Einde Inschrijfformulier */
/* Google Maps Kleur in kaart fix */
.gmnoprint {color: #000;}
/* Breadcrumbs */
.breadcrumbs {position: relative; box-sizing: border-box; font-size: 13px; line-height: 1.25em;}
.breadcrumbs ol {padding: 8px 70px; margin: 0 auto; max-width: 1500px; box-sizing: border-box;}
.breadcrumbs .crumb {display: inline-block;}
.crumbSpace {display: inline-block; font-weight: bold; padding:0 7px 0;}
.crumbSpace .far {font-weight: inherit}
.crumbLink {text-decoration: none; color: inherit;}
.crumbLink:hover {text-decoration: underline;}
.bladwijzer {background-color: #EFEFEF; border: 1px solid #CCCCCC; padding: 2px 5px; text-decoration: none !important;}
/* FCK Templates */
.FCK2kol,.FCK3kol,.FCK4kol,.FCK5kol {table-layout: fixed; width: 100% !important;}
.FCK2kolTdS {width: 6%;}
.FCK2kolTd {width: 47% !important; vertical-align: top}
.FCK2kolTd img {max-width: 100%; height: auto !important;}
.FCK3kolTdS {width: 5%;}
.FCK3kolTd {width: 30% !important; vertical-align: top}
.FCK4kolTdS {width: 5%;}
.FCK4kolTd {width: 20% !important; vertical-align: top}
.FCK5kolTdS {width: 2%;}
.FCK5kolTd {width: 18% !important; vertical-align: top}
.FCKSpec {width: 100%; border:0}
.FCKSpecTd1{border-bottom: 1px solid #dddddd; padding: 5px; font-weight: bold;}
.FCKSpecTd2{border-bottom: 1px solid #dddddd; padding: 5px;}
.vak.vbottom::before {box-shadow: none;}
.vak.vbottom .inhoud {padding-bottom: 0;}
.vak.vbottom .FCK2kol tr td {vertical-align: bottom;}
.vak.vbottom .FCK2kol tr td.FCK2kolTd td {vertical-align: top; width: 50%;}
.vak.vbottom.leon-naar-beneden .FCK2kol tr td.FCK2kolTd td:last-child {vertical-align: bottom; line-height: 0;}
.vak.vbottom.leon-naar-beneden .FCK2kol tr td.FCK2kolTd:first-child table td img {position: relative; top: 20px;}
/* .FCK2kol.grijs {background: #202222; color: #fff;} */
.FCK2kol.grijs {background: #f3f3f3;}
/* .FCK2kol.grijs h5 {color: #fff;} */
.FCK2kol.grijs p:last-child {margin-bottom: 0;}
.FCK2kol.grijs > tbody > tr > td {box-sizing: border-box; vertical-align: middle;}
.FCK2kol.grijs > tbody > tr > td:nth-child(1) { padding: 30px 0 30px 30px; width: 60% !important;}
.FCK2kol.grijs > tbody > tr > .FCK2kolTdS { width: 5%;}
.FCK2kol.grijs > tbody > tr > td:nth-child(3) {line-height: 0; width: 35% !important; background: #f3f3f3; background-size: cover; background-position: center; position: relative; padding: 30px;}
.FCK2kol.grijs > tbody > tr > td:nth-child(3) img {box-shadow: 0 6px 35px -9px rgba(0,0,0,0.4); border-radius: 3px;}
/* .FCK2kol.grijs > tbody > tr > td:nth-child(3)::before,
.FCK2kol.grijs > tbody > tr > td:nth-child(3)::after {
width: 50px;
height: 100%;
content: "";
left: 0;
bottom: 0;
background: #202222;
display: block;
clip-path: polygon(0 0, 100% 0, 20% 100%, 0% 100%);
z-index: 1;
position: absolute;
} */
.FCK2kol.grijs > tbody > tr > td:nth-child(3)::after {left: 10px; background: #fff; z-index: 0;}
/* Einde FCK Templates */
.ideal {position: absolute; right:0px; top:11px; text-align: right; visibility: hidden;}
/* art-navWinkel */
.art-navWinkel {position:absolute; top:-50px; right:0px;}
/* Gallery type 3 */
.Gv3 {display: table-cell;}
.Gv3Thumb {background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); display: table-cell; float: left; margin: 10px; padding: 0px; position: relative; text-align: center; border:3px solid #fff; overflow:hidden; height:140px;}
.Gv3ThumbImg {background-color: #fff; display: table-cell; vertical-align: middle; width:150px; height:150px; overflow:hidden;}
.Gv3Thumb .desc {font-size: 13px;font-weight: normal; color: #000;}
.Gv3Thumb .desc2 {
background: url("images/menu.jpg") repeat scroll 125px 29px transparent;
bottom: 0;
box-shadow: 1px 1px 3px #CCCCCC;
color: #fff;
font-size: 10px;
padding: 2px 5px;
position: absolute;
right: 0;
text-align: center;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
width: 140px;}
/* 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; border-radius: 3px; font-family: "proxima-nova", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; color: #fff; background: #76b82a; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #76b82a; position: relative; line-height: 1; box-shadow: none; transition: .3s all ease;}
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; text-decoration: none; background-color: #6ead25; border-color: #6ead25;}
a.button.positive:active, button.positive:active,
a.button.positive.active, button.positive.active {background-position: 0 -320px; background-color: #76b82a; }
.pill, a.button.pill, button.pill {padding: 6px 9px; 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; }
button.big {*padding: 4px 17px 2px 17px; }
.button img {float: left; height: 12px; margin-right: 6px; width: 12px;}
.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: normal; font-size: 12px;}
.uploadHolder {background-color: #FFFFDC;
border: 1px solid #CECECE;
clear: both;
margin: 5px;
padding: 10px;}
.uploadDelete {background: #fff;
border: 1px solid #CCCCCC;
float: left;
margin: 10px;
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: #fff; border: 1px solid #CCCCCC; float: left; position: relative; width: 90%;}
.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 {
display:block; color:#606060;}
.gMaps_bedrijfsnaam {font-weight:bold; font-size: 110%; color:#000;}
.gMaps_email, .gMaps_extra1, .gMaps_adres {margin-top: 5px;}
/* Einde Google Dealerkaart opmaak */
/* Landingpages navigatie */
.aLandingMenu {
background: url("images/tree.png") no-repeat scroll 4px 4px transparent;
border-radius: 5px 5px 0 0;
height: 24px;
left: 20px;
opacity: 0.5;
padding: 0;
position: absolute;
top: 2px;
width: 24px;
z-index: 15;
text-align: left;
display: none;
}
.aLandingMenu:hover {background-color: url("images/tree.png") no-repeat scroll 4px 4px transparent; box-shadow:0 2px 4px rgba(0,0,0,.3); overflow:visible; opacity:1; filter: alpha(opacity=100);}
.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: 200px;}
.LandingMenu li {padding:2px 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;}
.fancyRelatie.bedrijfsLink {pointer-events: none; cursor: default;}
a.fancyRelatie.bedrijfsLink {color:#606060;}
.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:#606060;}
.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 #000;}
.gMaps_VrijeTeks1, .gMaps_VrijeTekst2, .gMaps_VrijeTekst3 {color:#333;}
/* Einde Autorisatie lijstfunctie */
/* 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: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 {border-bottom:1px solid #e2e2e2; 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;}
.sitemap1 ul, .sitemapWinkel ul {margin: 0 0 0px 20px; padding: 0; font-size: 13px;}
.sitemapWinkel ul ul {margin:0; margin-left:1em;}
/* Einde Sitemap */
/* Formulier widgets */
.formulier {display: block; position:relative;}
.formulier legend {font-size:15px; margin:0; padding:0; color:#000;}
.formulier label, .formulier .label {clear: both; color: #606060; display: block; font-weight: bold; margin: 20px 0 0px; font-size: 16px;}
.formulier input[type="text"] {display: block; min-width: 210px; width: 100%;}
.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;}
.formulierVersturen {margin: 10px 0; }
/* 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 {position: relative; margin: 40px 20px 10px 0; width: 300px;}
.objCategorieen ul {margin: 0; padding: 0; position: sticky; position: -webkit-sticky; top: 170px;}
.objCategorieen ul li {display: inline-block; list-style: none inside; line-height:1.65em; vertical-align: top;}
.objCategorieen ul li .objectCount {background: #76b82a; border-radius: 0px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1; padding: 4px 6px 2px; position: absolute; right: 20px; box-shadow: 0 0 0px 2px #fff; text-align: center; display: inline-block; top: 30px; transition: .3s all ease;}
.objControls {position: relative; margin: 0 12px; display: none;}
.objControls .objPresentatie,
.objControls .objPresentatie .objSortPres {display: none;}
.objControls .objSortering {position: absolute; top: 20px; right: 20px; text-align: right; display: none;}
.objControls .objSortering a {margin-left:15px; color: #606060;}
.objControls .objSortering .selected {font-weight:bold;}
.objControls .controls {position: absolute; right: 0; top: 7px; }
.art-Post > .objControls {display: block; margin: 0;}
.objPresentatie .shopSortOptieTable .objSortPres {padding-right:2px;}
.objPresentatie .shopSortOptieTable .objPrint {padding-left:15px;}
.objMijnObjecten {position: relative; width: 100%;}
.objectP1 {
cursor: pointer;
float: left;
line-height: 0;
margin: 15px;
position: relative;
transition: all 0.3s ease 0s;
width: calc(33.333% - 30px);
}
.objectP1 .label {background-color: #FF0000; 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; filter:alpha(opacity=0);}
.objectP1:hover .info {opacity:1; background-position: center 65px;}
.objectP1 .afbeelding {position: relative; text-align: center; margin: 0;}
.objectP1 .afbeelding img {max-width: 100%; height: auto; width: 100%;}
.objectP1 .afbeelding::before {content: ""; top: 25px; bottom: 25px; left: 0; pointer-events: none; right: 0; position: absolute; display: block; background-color: #000; opacity: .05; *border-radius: 3px; transition: .3s all ease;}
.objectP1:hover .afbeelding::before {opacity: .07;}
.objectP1:hover .info .omschrijving {color: #76b82a;}
.objectP1 .info {line-height: 1.75em; transition: all 0.3s ease 0s; height: 60px;}
.objectP1 .info .omschrijving {transition: .3s all ease;}
.objectP1 .info .omschrijving a {display: block; color: inherit; font-size: 16px; font-weight: bold; line-height: 1.25em; text-decoration: none;}
.objectP1 .info .nummer {font-size: 15px;}
.objectP1 .info .nummer .titel { display: inline; margin-right: .25em; }
.objectP1 .info .nummer .waarde { display: inline;}
.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: 60px; display:none;}
.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:none;}
.objectP1 .info .kenmerk1 .waarde {font-weight:bold;}
.objectP1 .info .prijs {float:left; font-weight:bold; clear:both; position:absolute; bottom:10px; left:10px;}
.objectP2 {border:0; width:100%; padding:15px; border-radius:5px; background:#fff;}
.objectP2 tr {background:#fff; transition:all .3s ease;}
.objectP2 tr:hover {background:#eee; cursor:pointer;}
.objectP2 .label {background-color: #FF0000; 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; filter:alpha(opacity=0);}
.objectP2 th {padding: 2px; text-align: left; background-color:#fff;}
.objectP2 td {padding: 2px; text-align: left; border-bottom:1px solid #e2e2e2;}
.objectP3 {border:0; width:100%; padding:15px; border-radius:5px; background:#fff;}
.objectP3 tr {background:#fff; transition:all .3s ease;}
.objectP3 tr:hover {background:#eee; cursor:pointer;}
.objectP3 .label {background-color: #FF0000; 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 #e2e2e2;}
.objControls .controls a {margin-right:15px;}
.objControls .overzicht {float:right;}
.objControls .blader {float:right;}
a.objVolgende, a.objVorige, a.objTerug {width:20px; height:30px; border:0; overflow:hidden; transition: all .3s ease; margin-top:5px; line-height:30px; text-indent:40px ; text-shadow:none !important; font-family: "Open Sans",Open Sans,Arial,Helvetica,sans-serif; font-size:14px !important; color:#606060 !important; }
a.objVolgende {background: url("images/pijlRechts2.png") no-repeat right center transparent!important; direction:rtl;}
a.objVorige {background: url("images/pijlLinks2.png") no-repeat left center transparent!important; direction:ltr;}
a.objVolgende:hover {width: 80px; text-indent:15px;}
a.objVorige:hover {width: 80px; text-indent:15px;}
a.objTerug {background:url("images/terug-naar-lijst.png") no-repeat center center transparent!important; width:30px;}
a.objPrint {display: none;}
.objectDetail {margin: 20px;}
.objectDetail .kop h1 {float: none; text-align:left; margin:0;}
.objectDetail h1:after {display:none;}
.objectDetail .FCKSpecTd1 {line-height: 0; width: 10px;}
.objectDetail .kop .label {background-color: #FF0000; 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;}
.objectDetailHouder .links {width:48%; vertical-align:top;}
.objectDetailHouder .midden {width:4%}
.objectDetailHouder .rechts {width:48%; vertical-align:top;}
.objectDetailHouder .kenmerken .titel {border-bottom: 1px solid #e2e2e2; color: #606060; display: inline-block; float: none; font-size: 18px; font-weight: normal; margin-bottom: 10px; padding: 8px 0 6px; position: relative; width: 250%;}
.objectDetailHouder .kenmerken .titel2 {display: none;}
.objectDetailHouder .kenmerken .titel3 {color: #606060;}
.objectDetailHouder .kenmerken .waarde {display: none;}
.objectDetailHouder .kenmerken .info {padding-top: 8px;}
.objectDetailHouder .rechts .ad-gallery {width: 400px; margin: 0 auto;}
.objectDetailHouder .rechts .ad-gallery .ad-image-wrapper {width: 100%; height: 500px;}
.objectDetailHouder .ad-gallery .ad-nav {margin-top: 20px;}
.objectDetailHouder .ad-gallery .ad-nav .ad-thumbs {margin-left: 0;}
.objectDetailHouder .ad-gallery .ad-controls {display: none;}
.objectDetailHouder .ad-gallery .ad-image-wrapper {overflow: visible;}
.objectDetailHouder .rechts .objectEtalage {width: 410px; border-radius: 5px;}
.objectDetailHouder .bijlagen .titel {font-weight: bold; color: #000; border-bottom: 1px solid #e2e2e2;}
.objectDetailHouder .bijlagen .icon {padding-bottom: 5px; padding-top: 5px; width: 60px;}
#OBformulier_holder .OBformulier_tabel1 {width:100%;}
#OBformulier_holder input {width:100%; margin: 5px 0;}
#OBformulier_holder textarea {width:100%; text-indent:none; height: 80px;}
#OBformulier_holder .OBformulier_verstuurKnop a.button {margin-left: 0;}
.OBformulier_tabel1_td1 {padding: 0;}
.OBformulier_tabel1_td2 {padding:0;}
#objInschrijfscherm {display:block; background-color:#f8f8f8; border-radius:5px; width: 100%; z-index: 10; max-height:0; overflow:hidden; transition:all .3s ease; margin-bottom:5px; position:relative; box-shadow:0 1px 5px rgba(0,0,0,.3);}
#objInschrijfscherm .inhoud {padding:25px;}
#objInschrijfscherm .links {float:left; width:45%; margin-right:5%;}
#objInschrijfscherm .rechts {float:left; width:40%; border-left: 1px solid #CCCCCC; 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 {opacity:.5; filter: alpha(opacity=50);}
.objectAttentieHolder {display:block; padding:20px; background:#fff; box-shadow: 0 1px 3px rgba(0,0,0,.5); position:relative;}
.objectAttentieHolder .nummer {display:none;}
.objectAttentieHolder .omschrijving {display:block; z-index:1; background:#000; padding:5px 10px;}
.objectAttentieHolder .omschrijving a {text-decoration:none; font-size:18px; font-weight:bold; color:#fff;}
.objectAttentieHolder .prijs {position:absolute; background:#000; color:#fff; font-size:20px; display:inline-block; font-weight:bold; padding:5px 8px; bottom:30px; right:20px; z-index:10;}
.objectAttentieHolder .afbeelding {position:relative;}
.objectAttentieHolder .afbeelding img {width:100%; height:auto;}
/* Einde Objecten */
/* 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:#606060;}
.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_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;}
/* Einde Google Dealerkaart opmaak */
/* 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:10px; position: fixed; z-index:100; bottom:20px; width:400px; padding:20px; margin-left:-200px; left:50%; background:rgba(0,0,0,.8); color:#fff; font-size:14px; box-shadow:0 0 30px 30px rgba(255,255,255,.4); margin-top:0px;}
#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 */
/* 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 24px 70px -10px rgba(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 h2 {font-size: 20px; font-weight: 700; font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; color: #202222;}
.meldingHouder .melding .icoon i {font-size: 30px; display: none;}
.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: #76b82a;}
/* 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 {max-width: 1150px; background: rgba(240,240,240,.95); text-align: center; position: fixed; bottom: 15px; width: 100%; z-index: 200; font-size: 14px; line-height: 1.5em; left: -50%; right: -50%; margin: 0 auto; border-radius: 3px;}
.cookieMelding .inhoud {max-width: 1400px; 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: 5px; background: #76b82a; padding: 6px 6px 3px; line-height: 1; color: #fff; border-radius: 3px; text-decoration: none; font-weight: bold; display: inline-block; }
/* Einde cookiemelding */
/* Privacymelding */
.privacyMelding {position: fixed;z-index: 100;background: #242e39;left: 20px;bottom: 20px;box-shadow: 0 0 60px 5px rgba(0, 0, 0, 0.1);overflow: hidden;max-width: 400px;border-radius: 3px;color: #fff;}
.privacyMelding .inhoud {padding: 20px;}
.privacyMelding .inhoud .titel {color: #76b82a; font-size: 19px;font-style: normal;font-weight: bold; line-height: 1.25em;display: none;margin: 0 0 10px;}
.privacyMelding h5 {color: #fff;}
.privacyMelding .inhoud p {font-size: 15px; line-height: 1.75em; margin: 0;}
.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: #76b82a;}
.privacyMelding .knoppen {padding: 0 20px 20px;}
.privacyMelding .knoppen a.knop {margin-right: 10px;background: none;border: none;}
.privacyMelding .knoppen a.knop::after {display: none;}
.privacyMelding .knoppen a.knop.akkoord {background-color: #76b82a;}
.privacyMelding .knoppen a.knop.akkoord::after {display: inline-block;}
/* 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; padding: 40px; border-radius: 3px; position: relative; width: 100%; max-width: 600px; max-height: 100%; overflow: auto; box-sizing: border-box;}
.popupHolder .popup .sluiten {position: absolute; top: 10px; right: 10px; color: #fff; padding: 7px; font-size: 18px; border-radius: 3px; background: #76b82a; height: 32px; width: 32px; line-height: 10px; text-align: center; box-sizing: border-box; cursor: pointer;}
/* Einde Popup */
/* Maatwerk Multitube */
.fa, .fas {font-family: "Font Awesome 5 Pro";}
.afbLinks {border: 3px solid #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); float: left; margin: 0 10px 10px 0;}
.afbRechts {border: 3px solid #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); float: right; margin: 0 0 10px 10px;}
.afbSchaduw {border: 3px solid #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); margin: 10px}
#footer-slogan {background: url("images/footer_text.png") no-repeat scroll 0 0 transparent; bottom: 12px; height: 27px; position: absolute; right: 20px; width: 291px;}
.pageFooterHolder {background: #202222; margin: 0 auto; width: 100%;}
.pageFooter {margin: 0 auto; padding: 30px 70px 0; font-size: 15px; max-width: 1500px; position: relative; box-sizing: border-box;}
.pageFooter table {line-height: 0}
.pageFooter p {line-height: 1.75em; color: #fff;}
.pageFooter p.h2 {font-size: 18px; font-weight: bold; color: #fff; margin: 0 0 10px;}
.pageFooter a {color: inherit; text-decoration: none;}
.pageFooter a:hover {color:#76b82a;}
.pageFooter .fb_iframe_widget {max-width: 100%;}
.pageFooter .fb_iframe_widget iframe {max-width: 100%;}
.pageFooter .logos td {padding: 10px;}
.pageFooter td {padding-bottom: 0px;}
.pageFooter td.FCK4kolTd.afbeelding {width: 22% !important;}
.pageFooter td.FCK4kolTdS {width: 3%; }
.extraPageFooter {background: #76b82a;}
.extraPageFooter .pageFooter {padding: 20px 70px; color: #fff;}
.extraPageFooter .pageFooter a {color: #fff;}
.extraPageFooter .pageFooter .socialMedia {margin: 0; position: absolute; right: 0; top: 0; padding: 20px;}
.extraPageFooter .pageFooter .socialMedia a {display: inline-block; margin-right: 10px; vertical-align: middle; line-height: 1; color: #fff;}
.extraPageFooter .pageFooter .socialMedia a {font-size: 22px;}
/* .extraPageFooter .pageFooter .socialMedia a .fa-facebook {color: #365899;}
.extraPageFooter .pageFooter .socialMedia a .fa-twitter {color: #1da1f3;}
.extraPageFooter .pageFooter .socialMedia a .fa-linkedin {color: #0077b5;} */
.Header2 {background-color:#F0F0F0; background-image:url("images/imgheader_bg.gif"); background-repeat:repeat-x;}
.zonderrand {margin: -10px; position: relative;}
.FCK2kolTdS {position: relative;}
/* .FCK2kolTdS::before {content: ''; position: absolute; height: 100%; top: 0; bottom: 0; width: 1px; background: #eee; left: -50%; right: -50%; margin: 0 auto;} */
.FCK3kolTdS {width: 5%; position: relative;}
/* .FCK3kolTdS::before {content: ''; position: absolute; height: 100%; top: 0; bottom: 0; width: 1px; background: #eee; left: -50%; right: -50%; margin: 0 auto;} */
.FCK3kolTd {width: 30%; vertical-align: top}
.FCK3kolMultitube .FCK3kolTd {border:1px solid #cccccc;}
.bovenkantHolder {width: 100%; background: #202222; z-index: 12; top: 0; position: sticky; position: -webkit-sticky; border-bottom: 1px solid #e2e2e2;}
.bovenkant {height: 100px; margin: 0 auto; padding: 0 70px; position: relative; max-width: 1500px; box-sizing: border-box;}
.bovenkant .rechtsboven {position: absolute; right: 70px; top: 0;}
.bovenkant .rechtsboven ul {padding: 0; margin: 0;}
.bovenkant .rechtsboven ul li {padding: 0;display: inline-block; margin-left: 10px; vertical-align: top;}
.bovenkant .rechtsboven ul li a,
.bovenkant .rechtsboven ul li > span {border-radius: 0 0 3px 3px; line-height: 1; transition: .3s all ease; font-size: 13px; padding: 7px 12px; background: rgba(255,255,255,.2); color: #fff; text-decoration: none; display: block;}
.bovenkant .rechtsboven ul li > span span {margin-right: .25em;}
.bovenkant .usp {
position: absolute;
left: 517px;
top: 70px;
font-size: 14px;
line-height: 1;
list-style: none;
color: #fff;
}
.bovenkant .usp::before {
font-family: "Font Awesome 5 Pro";
content: "\f00c";
margin-right: 5px;
color: #76b82a;
}
.homepage {width: 100%;}
.homepageHor {width: 10px;}
.homepageVer {height: 10px;}
.homepageKlein img, .homepageKlein2 img {position: absolute; right:0; z-index:0;}
.homepageKlein p {position: relative; z-index:1; text-shadow:0 1px 1px #fff;}
.homepageKlein p, .homepageKlein2 p {margin-bottom:0;}
.homepageKlein, .homepageKlein2 {vertical-align:top; background:url("images/vakjeBgLicht.png"); padding: 12px; font-style:italic; font-size:12px; font-family: "Trebuchet MS",Arial,Helvetica,Sans-Serif; }
.homepageKlein2 {background:url("images/vakjeBgDonker.png"); color:#fff;}
.homepageKlein {cursor: pointer;}
.homepageKlein:hover {background:url("images/vakjeBgLicht2.png"); }
.menuTussenKop {display: block; margin: 20px 0 0 -5px;}
/* Slider aanpassingen */
.liquid-slider {background:transparent;}
.liquid-slider-wrapper {padding:0 !important;}
.liquid-slider .panel-wrapper {padding:0 !important;}
.liquid-slider .panel-wrapper .panelNummer {display: none;}
.liquid-slider .panel-wrapper > p {margin: 0;}
.liquid-slider-wrapper.arrows .liquid-slider, .liquid-slider-wrapper.arrows .liquid-slider .panel {width:1000px !important;}
.ls-nav-left-arrow a:hover {opacity:1}
.ls-nav-right-arrow a:hover {opacity:1}
.ls-nav-left-arrow, .ls-nav-right-arrow {opacity: 1 !important;}
.ls-nav-left-arrow {left: 10px !important;}
.ls-nav-right-arrow {right: 10px !important;}
.ls-nav-left-arrow a, .ls-nav-right-arrow a {line-height: 1; font-size: 38px; padding: 6px; border-radius: 3px;}
.ls-nav-right-arrow a::before, .ls-nav-left-arrow a::before {content: "\f054"; font-family: "Font Awesome 5 Pro"; font-size: inherit; display: inline-block; vertical-align: middle; color: #fff; text-shadow: none;}
.ls-nav-left-arrow a::before {content: "\f053";}
.ls-nav {margin: 15px 0 0;}
.ls-nav li a {padding: 0; line-height: 1; text-indent: 100px; width: 10px; height: 10px; border-radius: 40px;}
.ls-nav li.current a {background: #76b82a;}
.liquid-slider-wrapper.in_inhoud {padding-top: 40px !important;}
.liquid-slider-wrapper.in_inhoud .ls-nav {display: none;}
.liquid-slider-wrapper.in_inhoud .FCK2kol td:first-child {line-height: 0; position: relative;}
.liquid-slider-wrapper.in_inhoud .panel-wrapper {padding: 0 35px !important;}
.liquid-slider-wrapper.in_inhoud .naamTag {position: absolute; bottom: 30px; left: 30px; background: #89c43d; padding: 15px; color: #2f7000; line-height: 1; text-align: left; box-shadow: 0 24px 70px -10px rgba(0,0,0,.3); border-radius: 3px;}
.liquid-slider-wrapper.in_inhoud .naamTag strong {color: #fff; font-size: 23px; display: block; margin: 0 0 5px;}
.footerLijst {padding:0; margin:0; list-style:none;}
.footerLijst li {padding:0; margin:0; white-space:nowrap;}
.silderHolder {margin: 0 auto; width: 1000px;}
.silderHolder .headerTekst {
background: #fff;
display: inline-block;
font-family: 'Trebuchet MS', Helvetica Neue, Helvetica, Arial, Sans-Serif;
font-size: 35px;
line-height: 11px;
padding: 24px 17px;
position: relative;
text-decoration: none;
top: 130px;
color: #000 !important;
}
.silderHolder .headerTekst .klein {font-size: 22px; font-weight: 700;}
.silderHolder .headerTekst a {color: #000 !important;}
/* 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;}
.slideshowNav .activeSlide {background-color:#980a2b; }
.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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; text-decoration:none; }
.slideshowBlader a:hover {opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.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 */
.HeaderHolder {
background: #202222;
color: #fff;
margin: 0 auto;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
z-index: 0;
}
.HeaderExtra {display:none;}
.HeaderHolder .slideshowHolder {width:100% !important; height: auto !important;}
.HeaderHolder .slideshowHolder > div {padding-bottom: 15.6%; width: 100% !important; position: relative;}
.HeaderHolder .slideshowHolder > div img {width: 100% !important; height: auto !important;}
.headerpadding {position: relative; height: 0px;}
/* .HeaderHolder .ls-nav-left-arrow, .HeaderHolder .ls-nav-right-arrow {display: none !important;} */
@media screen and (max-width: 1115px) {
.slideshowBlader {display: none;}
}
.subTekst {margin: 0 35px 0 0;}
.headerTekst.headerpaddingkleiner {padding: 18px 17px;}
.groen {color: #76b82a;}
.exrtafooter {margin: 0 auto; position: relative; max-width: 1500px;}
.formulierfix .formulier label {width: 300px;}
.formulierfix .button.pill.wButVerstuur {
float: left;
}
/* lijn om tabel*/
table.lijn tr {
border: 1px solid #dddddd !important;
display: inline-block;
margin: 5px 0;
position: relative;
}
.accountHouder2 .info {
float: left;
font-size: 13px;
padding: 5px;
color: #606060;
}
.accountHouder2 .info a {
color: #76b82a;
font-size: 13px;
text-decoration: none;
}
/*knoppen*/
a.knop, .button.pill.wButVerstuur, .button.pill.wButInloggen {
background: #76b82a;
border: 2px solid #76b82a;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 15px;
line-height: 1.25em;
font-weight: bold;
margin: 0;
padding: 11px;
position: relative;
text-decoration: none;
transition: all 0.3s ease 0s;
}
a.knop:hover, .button.pill.wButVerstuur:hover, .button.pill.wButInloggen:hover {background: #6ead25; border-color: #6ead25;}
a.knop::after, .button.pill.wButVerstuur:after, .button.pill.wButInloggen:after {
content: "\f054";
font-family: "Font Awesome 5 Pro";
display: inline-block;
margin-left: 10px;
font-size: 13px;
}
a.knop.oranje {background: #FFA500 !important;}
a.knop.afspraak::after {content: "\f017";}
a.knop.informatie::after {content: "\f05a";}
a.knop.inloggen::after,
a.knop.bestaandeKlantKnop::after {content: "\f13e";}
a.knop.accountmaken::after {content: "\f4ff";}
a.knop.webshop::after {content: "\f07a";}
a.knop.projecten::after {content: "\f067";}
a.knop.contact::after {content: "\f124";}
a.knop.versturen::after,
.button.pill.wButVerstuur::after {content: "\f1d8";}
a.knop.lijn {background: transparent; color: #76b82a;}
a.winkelenKnop {
background: #76b82a;
border: 0 solid #fff;
color: #fff !important;
display: inline-block;
font-size: 15px;
line-height: 1.25em;
font-weight: 400;
margin: 0;
padding: 9px 13px;
position: relative;
text-decoration: none;
transition: all 0.3s ease 0s;}
a.winkelenKnop::before {
content: "\f053";
font-family: "Font Awesome 5 Pro";
display: inline-block;
margin-right: 10px;
font-size: 13px;
}
/*vakken*/
.vak {position: relative;}
.vak .inhoud {padding: 70px 0px;}
.vak .inhoud h2 {font-size: 26px;}
.vak.geenpadding .inhoud {padding: 0px;}
.vak.grijs {background: #F1F2F3; z-index: 0; border-radius: 3px;}
/* .vak.grijs::before { bottom: 0;
content: " ";
display: block;
left: -3000px;
position: absolute;
right: -3000px;
top: 0;
z-index: -1;
background: #F1F2F3;} */
.vak.grijs .inhoud {padding: 70px 30px;}
a.vak.groenmelding {background: #76b82a; color: #fff; display: block; text-decoration: none; font-size: 17px; text-align: center; padding: 21px 20px; transition: all 0.3s ease 0s;}
a.vak.groenmelding::before {background: #76b82a; transition: all 0.3s ease 0s;}
a.vak.groenmelding:hover, a.vak.groenmelding:hover::before {background: #6ead25;}
a.vak.groenmelding::after {
background: url("images/arrowGreen.png") no-repeat scroll right center rgba(0, 0, 0, 0);
content: " ";
display: inline-block;
height: 13px;
margin: 0 0 0 10px;
position: relative;
top: 1px;
width: 9px;
}
.HomeGroenvakHolder {
display: block;
height: 360px;
margin: 0 auto;
position: relative;
max-width: 1400px;
z-index: 10;
transition: .2s all ease;
}
.HomeGroenvakHolder h1::after {display: none;}
.HomeGroenvak {
background: rgba(140,198,63,.9);
bottom: 40px;
margin-left: 20px;
display: block;
padding: 25px;
position: absolute;
width: 450px;}
.HomeGroenvak h1 {
color: #fff;
font-size: 29px;
line-height: 35px;
margin-bottom: 15px;
}
.HomeGroenvak p {color: #fff;
font-size: 13px;
line-height: 25px;}
.HomeGroenvak a.knop {background: #fff; color: rgb(140,198,63);}
.HeaderHolder .vervolgkop {
background: #fff;
height: 150px;
left: -50%;
margin: 0 auto;
min-width: 1920px;
position: absolute;
right: -50%;
width: 100%;
}
.HeaderHolder .vervolgkop img {
height: auto !important;
min-width: 1920px;
width: 100% !important;
}
.HeaderHolder #map-canvas {width: 100% !important; max-height: 300px;}
/* supermenu */
.supermenuHouder .supermenuTrigger {
background: rgba(0, 0, 0, 0) url("images/superIcon2.png") no-repeat scroll 0 12px;
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
height: 21px;
right: 0px;
line-height: 17px;
padding: 11px 0 11px 30px;
position: absolute;
top: 0;
margin: 0 0 0 35px;
width: 150px;
z-index: 10;
}
.supermenuHouder .supermenuTrigger:hover {cursor: default;}
.supermenuHouder .supermenuTrigger.active {opacity: .7;}
.supermenuHouder .supermenuInhoud {
background: #fff;
box-shadow: 0 15px 20px -4px rgba(0, 0, 0, 0.15);
display: none;
left: -50%;
margin: 0 auto;
padding: 0 20px 20px;
position: absolute;
right: -50%;
top: 42px;
width: 1180px;
z-index: 32;
}
.supermenuHouder .supermenuInhoud.open {display: block;}
.supermenu {max-height: calc(100vh - 240px); overflow: scroll;}
.supermenu ul {
display: block;
float: left;
margin: 0 20px 30px 0;
min-height: 1px;
position: relative;
width: 270px;
}
.supermenuInhoud ul li.title {
border-bottom: 1px solid #e3e3e3;
font-size: 14px;
margin: 20px 0 5px;
padding: 0 0 5px;
}
.supermenu ul li {margin:0;}
.supermenuInhoud ul li.title a {color: #76b82a;}
.supermenuInhoud ul {list-style-type: none; }
.supermenu ul li a {color: #656565; text-decoration: none;}
.supermenu ul li a:hover {text-decoration: underline;}
.zoekenTrigger:hover {cursor: pointer;}
/*menulaag2*/
.menuLaag2 {position: relative; background: #fff; margin: 0 auto; z-index: 7; border-bottom: 1px solid #e2e2e2; transition: .3s all ease;}
.menuLaag2 .art-nav {position: relative;}
.menuLaag2 .art-menu {padding: 0 !important; position: relative;}
.menuLaag2 .art-menu a {height: auto; padding: 0px;}
.menuLaag2 .art-menu a .t {padding: 0 13px; }
.menuLaag2 .art-menu ul {background: #fff; border: 1px solid #e3e3e3; border-top: none; left: -50%; margin: 0 auto; min-width: 200px; padding: 0; position: absolute; right: -50%;}
.menuLaag2 .art-menu ul a {border-left: 2px solid #fff; border-top: 1px solid #e3e3e3; color: #656565; font-size: 13px; padding: 10px; text-align: center;}
.menuLaag2 .art-menu ul a.active {background-color: #e3e3e3; border-left: 2px solid #76b82a;}
.menuLaag2 .art-menu ul li:hover a {color: #76b82a; border-left: 2px solid #76b82a;}
.menuLaag2 .centreren {box-sizing: border-box; margin: 0 auto; max-width: 1500px; position: relative; padding: 10px 70px; text-align: right;}
/* .menuLaag2 li.knop a {
border-radius: 3px;
padding: 7px 8px 5px;
line-height: 1;
vertical-align: middle;
}
*/
.duizendpixels {margin: 0 auto; width: 1000px; position: relative; clear: both;}
.menuLaag2 li a {transition: .3s all ease;}
/* .menuLaag2 li a:hover {background: #eee; color: #76b82a;} */
.tafHolder .kop {font-weight: bold;}
.tafHolder .taf1 {width: 250px;}
.informatiehulpknopHolder {position: absolute; right: 81px; top: 10px;}
.informatiehulpknopHolder a.informatiehulpknop {display: inline-block; margin: 0; text-align: center; text-decoration: none; border-right: 1px solid #e2e2e2; padding: 0px 11px 0px;}
.informatiehulpknopHolder a.informatiehulpknop .plaatje {width: 25px; height: 25px; border-radius: 50px; border: 2px solid #76b82a; padding: 9px; background-size: 38px; background-position: center; background-repeat: no-repeat; display: block; margin: 0 auto;}
.informatiehulpknopHolder a.informatiehulpknop .tekst {display: block; color: #606060; line-height: 1; font-size: 14px; margin-top: 8px;}
.winkelwagenHouder .tekstMandje {color: #606060; font-size: 14px; left: -14px; position: relative; top: -1px; text-decoration: none; white-space: nowrap;}
.informatiehulpknopHolder a.informatiehulpknop:hover .plaatje {background-color: #f3f3f3;}
.informatiehulpknopHolder a.informatiehulpknop.producten .plaatje {background-image: url('images/producten.png');}
.informatiehulpknopHolder a.informatiehulpknop.projecten .plaatje {background-image: url('images/projecten.png');}
.informatiehulpknopHolder a.informatiehulpknop.service .plaatje {background-image: url('images/service.png');}
/* Schaduwen */
img.shaduw, img.schaduw {box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.3);}
img.schaduwOnder {box-shadow: 0 25px 10px -20px rgba(0, 0, 0, 0.3);}
img.schaduwRand {border: 4px solid #fff; box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.3);}
/*Obj, maatwerk */
.iconAlles a {background:url("images/alles2.png") no-repeat;}
.iconWebsites a {background:url("images/websites2.png") no-repeat;}
.iconRecent a {background:url("images/recent2.png") no-repeat;}
.iconWebwinkels a {background:url("images/webshops2.png") no-repeat;}
.iconResponsive a {background:url("images/responsive2.png") no-repeat;}
.objCategorieen ul li { display: inline-block; list-style: none inside; line-height: 1.65em; vertical-align: top; margin: 0 0px 10px; padding: 0; position: relative; text-align: left; width: 100%;}
.objCategorieen ul li a { background-color: #fff !important; background-position: center left 10px !important; background-size: 70px auto !important; border: 1px solid #e2e2e2; border-radius: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0); color: #5C5C5C; font-size: 15px; margin: 0 auto; padding: 25px 60px 25px 95px; position: relative; text-decoration: none !important; transition: all 0.3s ease; display: block; vertical-align: middle; background: no-repeat scroll 0 0; white-space: nowrap;}
.objCategorieen ul li a .titel {font-weight: 700; transition: .2s all ease;}
.objCategorieen li a::before { content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 0; transition: .2s all ease; border: 3px solid transparent; }
.objCategorieen li a:hover::before {border: 3px solid #e6e6e6;}
.objCategorieen .selected a::before { border: 3px solid #76b82a !important; content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; }
.objCategorieen ul li a:hover .titel, .objCategorieen ul li.selected .titel {color: #76b82a; font-weight: 700;}
.objZoeken { background: url(images/magnifier-zwart.png) no-repeat scroll 16px 19px #f3f3f3; padding: 11px 16px 10px 48px; }
.objZoeken #objZoekWoordID {font-size: 19px; width: 100%; background: transparent; border: 0; font-weight: 700; margin: 0; color: #606060; text-align: center;}
.objectDetail .objectDetailHouder .ad-thumbs img {width:140px; height:auto;}
.objectDetail .objectDetailHouder > tbody > tr {
display: flex;
flex-direction: row-reverse;
}
.ad-gallery .ad-thumbs li {padding: 0 20px 0 0;}
/* Oude iconen */
.objCategorieen ul li.icoonAlle a {background-image: url("images/icoonFlowrack.png");}
.objCategorieen ul li.icoonOverige a {background-image: url("images/icoonOverige.png");}
.objCategorieen ul li.icoonFlowrack a {background-image: url("images/icoonFlowrack.png");}
.objCategorieen ul li.icoonTrolly a {background-image: url("images/icoonTrolly.png");}
/* Nieuwe iconen */
.objCategorieen ul li.icoonAlle a {background-image: url("images/icoonAlle-objecten.png");}
.objCategorieen ul li.icoonOverige a {background-image: url("images/icoonOverige2.png");}
.objCategorieen ul li.icoonFlowrack a {background-image: url("images/icoonFlowrack2.png");}
.objCategorieen ul li.icoonTrolly a {background-image: url("images/icoonTrolly.png");}
.objCategorieen ul li.icoonWhiteboard a {background-image: url("images/icoonWhiteboard.png");}
.objCategorieen ul li.icoonWerkstation a {background-image: url("images/icoonWerkstation.png");}
.objCategorieen ul li.icoonInterntransport a {background-image: url("images/icoonIntern-transport.png");}
/* Iconen */
.objCategorieen ul li.icoonAlle a {background-image: url("images/objectenIconen/icoon-alle-objecten.jpg");}
.objCategorieen ul li.icoonProductiecel a {background-image: url("images/objectenIconen/icoon_productie-cel.png");}
.objCategorieen ul li.icoonFlowrack a {background-image: url("images/objectenIconen/icoon_doorrolstelling.png");}
.objCategorieen ul li.icoonInpaktafel a {background-image: url("images/objectenIconen/icoon_inpaktafel.png");}
.objCategorieen ul li.icoonKanbanstelling a {background-image: url("images/objectenIconen/icoon_kanban-stelling.png");}
.objCategorieen ul li.icoonKitTrolly a {background-image: url("images/objectenIconen/icoon-kit-trolley.jpg");}
.objCategorieen ul li.icoonMagazijnRek a {background-image: url("images/objectenIconen/icoon-magazijn-rek.jpg");}
.objCategorieen ul li.icoonMagazijnwagens a {background-image: url("images/objectenIconen/icoon_magazijnwagen.png");}
.objCategorieen ul li.icoonOverige a {background-image: url("images/objectenIconen/icoon-overige.jpg");}
.objCategorieen ul li.icoonRollenbaan a {background-image: url("images/objectenIconen/icoon_rollenbaan.png");}
.objCategorieen ul li.icoonAssemblagestati a {background-image: url("images/objectenIconen/icoon_assemblage-tafels.png");}
.objCategorieen ul li.icoonPresentatie a {background-image: url("images/objectenIconen/icoon_presentatie-bord.png");}
.objCategorieen ul li.icoonMaatwerk a {background-image: url("images/objectenIconen/icoon_maatwerk.png");}
.objCategorieen ul li.icoonTransporttrein a {background-image: url("images/objectenIconen/icoon_transporttrein-wagens.png");}
.objCategorieen ul li.icoonDuwkarren a {background-image: url("images/objectenIconen/icoon_duwkarren.png");}
.objCategorieen ul li.icoonLagewagens a {background-image: url("images/objectenIconen/icoon_lage-wagens.png");}
.objCategorieen ul li.icoonVlakkewagens a {background-image: url("images/objectenIconen/icoon_vlakke-wagens.png");}
.objCategorieen ul li.icoonEtagewagens a {background-image: url("images/objectenIconen/icoon_etagewagens.png");}
.objCategorieen ul li.alle-flexqube a {background-image: url("images/objectenIconen/icoon-all-flexqube.jpg");}
.objCategorieen ul li.magazijnwagen a {background-image: url("images/objectenIconen/icoon-magazijnwagen.jpg");}
.objCategorieen ul li.etagewagen a {background-image: url("images/objectenIconen/icoon-etagewagen(2).jpg");}
.objCategorieen ul li.palletonderwagen a {background-image: url("images/objectenIconen/icoon-pallet-onderwagen.jpg");}
.objCategorieen ul li.liftrunner a {background-image: url("images/objectenIconen/icoon-liftrunner.jpg");}
.objCategorieen ul li.routetrein a {background-image: url("images/objectenIconen/icoon-routetrein.jpg");}
.shopSortOptie {text-align: right;}
.shopSortOptieTable .shopSortOptie .button.pdf {font-size: 13px; line-height: 1.25em; padding: 5px 8px !important; color: #fff;}
.shopSortOptieTable .shopSortOptie .button.pdf .far {font-size: 16px; margin-right: 6px;}
/*Facebook*/
#fb-root {padding:0px; z-index:10}
/* Start blockquote */
.fb-page {width: 100% !important; top: 10px;}
.fb-page blockquote {background-color: transparent; margin: 15px 0; padding: 0; background:none;}
.fb-page blockquote p {color:#404040; font-style: normal; font-weight: normal; margin: 0;}
.meerinfo .social {margin: 7px 0 0; position: relative;}
.meerinfo .social > span {top: -10px; position: relative; margin-right: 10px;}
.meerinfo .social > div {display: inline-block;}
.objectDetail .kop {position: relative; padding: 0 125px 0 0;}
.objectDetail .kop .addthis_sharing_toolbox {position: absolute; top: 9px; right: 0;}
.linkGroenTabel a {text-decoration: none; color: #606060;}
.linkGroenTabel a:hover {color: #76b82a;}
#OBformulier_holder #OBformulier_opties {font-size: 14px; margin: 15px 0 0;}
.objectDetailHouder #OBformulier_opties td {display: block;}
.objectDetailHouder .OBformulier_opties input,
.objectDetailHouder #OBformulier_opties textarea {margin: 5px 0 10px;}
::selection {color:#fff; background: #76b82a}
::-moz-selection{color:#fff; background: #76b82a}
.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; border-radius: 3px; overflow: hidden; background: #fff; line-height: 0; box-shadow: 0 6px 35px -9px rgba(0,0,0,0.4); z-index: 1; background: #f3f3f3; width: 100%;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.categorieen {width: 100%; table-layout: fixed;}
.categorieen tr td {padding: 30px; vertical-align: top; position: relative;}
.categorieen tr td:hover {background: #f3f3f3; transition: .3s all ease;}
.categorieen tr td a {position:absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; display: block; text-decoration: none; border: 3px solid transparent; transition: .3s all ease;}
.categorieen tr td a:hover {border: 3px solid #76b82a;}
.categorieen tr:first-child td {border-bottom: 1px solid #e2e2e2;}
.categorieen tr td:first-child {border-right: 1px solid #e2e2e2;}
.categorieen tr td h3 {color: #76b82a; font-size: 28px;}
.categorieen tr td h5 {font-size: 16px;}
.categorieen tr td p:last-child {margin-bottom: 0;}
.categorieen tr td img {margin-left: 20px;}
.liquid-slide-sjabloon .inhoud {font-size: inherit !important;}
.omhoog {background-color: #76b82a; font-size: 20px; border-radius: 100px; position: fixed; right: -2px; bottom: -90px; z-index: 14; padding: 10px; color: #fff; margin: 10px; cursor: pointer; transition: all .3s ease; width: 30px; text-align: center; height: 30px; line-height: 30px; border: 1px solid #fff;}
.omhoog:hover span {opacity: 1;}
.omhoog.tonen {bottom:-2px;}
.socialM {position: fixed; right: 0; z-index:100; top: 250px;}
.socialM .deelKnopje {display: block; position: relative; padding: 14px; line-height: 1; background: #f3f3f3; border-bottom: 2px solid #fff; cursor: pointer; color: #606060; text-align: center;}
.socialM .deelKnopje:hover {background: #f9f9f9;}
.socialM .deelKnopje:hover .fab {transform: scale(1.2);}
.socialM .deelKnopje:last-child {border-bottom: 0;}
.socialM .deelKnopje .fab, .socialM .deelKnopje .far {font-size: 22px; transition: .3s all ease; color: inherit;}
.socialM .deelKnopje span {display: none;}
.socialM:hover .deelKnopje.facebook .fab {color: #3B5898;}
.socialM:hover .deelKnopje.twitter .fab {color: #1da1f2;}
.socialM:hover .deelKnopje.linkedin .fab {color: #0077b5;}
.socialM:hover .deelKnopje.google .fab {color: #db4437;}
table.FCK4kol.merken {padding: 70px 0 0; text-align: center;}
table.FCK4kol.merken .FCK4kolTd, table.FCK4kol.merken img {vertical-align: middle;}
.art-nav.inc-titel {display: inline-block; text-align: right; width: calc(100% - 200px); vertical-align: middle; }
.adviesLogin {position: absolute; right: 130px; top: 19px; text-align: right; font-size: 15px; line-height: 1.5em; color: #fff;}
.adviesLogin a {display: block; font-weight: bold; font-size: 14px; text-decoration: none; line-height: 1.25em;}
.adviesLogin a i {font-weight: bold; margin-left: 4px;}
.extrafixedmenu {position: absolute; right: 300px; top: 26px; text-align: right; line-height: 1.25em;}
.extrafixedmenu ul {margin: 0; padding: 0;}
.extrafixedmenu ul li {display: block;}
.extrafixedmenu ul li a {color: #fff; text-decoration: none;}
.h1 {font-family: "Oswald", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 26px; font-style: normal; font-weight: 700; color: #76b82a; line-height: 1.25em; margin: 0 0 10px;}
.respBlok {display: none;}
ul.vinkjes {margin: 0 0 1em 0; padding: 0; list-style: none;}
ul.vinkjes li::before {content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: bold; color: #76b82a; margin-right: 10px;}
.nieuwsbriefActie {
background-image: url('images/nieuwsbrief.jpg');
background-position: center right ;
background-size: cover;background-color: #f2f2f2;
border-radius: 5px;
}
@media (max-width: 468px) {
/* .nieuwsbriefActie {background-image: url('images/nieuwsbriefBg-mobiel.jpg'); } */
}
.nieuwsbriefActie .content {max-width: 600px; padding: 50px; color: #fff; }
.nieuwsbriefActie .content h2 {color: inherit;}
#mc_embed_signup {position:relative;}
.mc-field-group {display: flex;}
.mc-field-group #mc-embedded-subscribe {background:#76b82a; border-radius:0 3px 3px 0; border:0; padding: 10px; transition:all .3s ease; box-shadow:inset 0 2px 3px rgba(0,0,0,.0); cursor: pointer; -webkit-appearance: none;}
.mc-field-group #mc-embedded-subscribe:active {box-shadow:inset 0 2px 3px rgba(0,0,0,.6);}
.mc-field-group input.email {padding:5px 10px; color:#fff; border-radius: 3px 0 0 3px}