body, html {margin:0;padding:0;font-family:'Myriad W01 Lt', tahoma;color:#1b1b1f;height: 100%;/*font-size:15px;line-height:20px;*/font-size:16px;line-height:24px;}
body.fixed {overflow:hidden;width:100%;}
.groen {color:rgba(0,129,105,1);}
* {box-sizing:border-box; -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
 -webkit-overflow-scrolling: touch;}
*:after, *:before {font-family: "Font Awesome 6 Pro";font-weight:900;line-height: 100%;position: relative;font-size:22px;display:inline-block;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;box-sizing:border-box;}
*:hover {-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}
:focus {outline: 0;}
#outer-wrapper {position:relative;max-width:1280px;margin:0px auto;display:block;padding:0 0 40px;}
.visually-hidden {display:none;}
a {color:#1b1b1f;text-decoration:none;}
a.c2a, .c2a, .download.datasheet {display: inline-block;border-radius:10px 0 5px 0;padding:10px 40px 10px 20px;font-family:'Myriad W01 smBd';color:#fff;background:rgb(0 129 105);font-size:16px;position:relative;}
a.c2a:hover, .c2a:hover, .download.datasheet:hover {background:rgba(0,129,105,1);}
a.c2a:after, .download.datasheet:after {content: '\f0da';color: #fff;  position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 18px;}

.download.datasheet {background:red;}
.download.datasheet.gated {background:#9696d7;}
.download.datasheet.gated:hover {background:rgba(0,129,105,1);}
.download.datasheet:after {content: '\f56d';}

th {text-align:left;}
p {margin:0 0 20px 0;padding:0;text-align: left;}
img {border:none;}

select {-webkit-appearance: none;-moz-appearance: none; appearance: none;cursor:pointer;border:0;border-radius:0;}
select::-ms-expand {display: none;outline: none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1b1b1f!important;font-family:'Myriad W01 Regular'!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #1b1b1f!important;font-family:'Myriad W01 Regular'!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #1b1b1f!important;font-family:'Myriad W01 Regular'!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #1b1b1f!important;font-family:'Myriad W01 Regular'!important;
}

div.item-page a {text-decoration: underline;}
ul.latestnews a {text-decoration: none;}

div.img-full-left, div.img-intro-left {float:left;margin:0 20px 0 0;}
div.img-full-right, div.img-intro-right {float:right;margin:0 0 0 20px;}
div.img-full-right img, div.img-intro-right img {margin:0 0 20px 0;}
ul {margin:0;padding:0; list-style: none;}
.item-page ul {padding:0 0 0 20px;overflow:hidden;list-style: disc !important;margin:0 0 10px;}
.content-ul {margin:0 0 10px 0;padding:0 0 0 15px;}
h1, .h1 {font-family:'Myriad W01 Bd', tahoma;font-size:26px;line-height:100%;padding:0;margin:0 0 60px;text-transform:uppercase;position:relative;}
div.item-page.producten h1, div.item-page.merkpagina h1 {max-width:calc(60% - 40px);}
div.columnleft h1 {max-width:100%!important;}
h1.lowercase, .id-1446 h1 {text-transform:none;}
h1 span {position:absolute;left:705px;}
h1 span.actueel {right: 243px;left:initial;}
span.h1.actueel {display:none;}
h2 {font-size:16px;margin:0 0 10px 0;text-transform:uppercase;}
h3 {margin:0 0 10px 0;font-size: 18px;}
h4 {font-family:'Myriad W01 SmBd';font-size:15px;line-height: 16px;margin:0 0 10px;}
.boxshadow {-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.heading {font-family:'Myriad W01 smBd';font-size:20px;text-transform:uppercase;margin:0 0 10px;position: relative;}
input[type=text], input[type=url], input[type=email], textarea {-webkit-border-radius:0;border-radius:0;-webkit-appearance: none;}
input[type=checkbox] {border:1px solid rgba(0,129,105,1)!important;border-radius:0!important;}
img {border:0;}
nav#nav {position: fixed;top: 0;z-index: 20;width: 100%;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.fixed {position:fixed!important;}
nav#nav:before {content:' ';background:#fff;width: calc((100% - 1270px) / 2);height: 75px;position: absolute;top: 0;left: 0;z-index:21;box-shadow: 7px 3px 5px rgba(0,0,0,0.1);}
div.logo-container.mobileonly {display:none;}
div.menucontainer {max-width:1280px;width:100%;margin:0 auto;position:relative;}
.menumain {float:right;list-style:none;padding:0 0 0 250px;font-family:'Myriad W01 Regular';font-size:11pt;line-height:100%;max-width:1280px;background: #fff;min-height: 38px;}
.menumain li  {float:left;position:relative;padding:0;margin:0 0 0 40px;}
.menumain li.item-101 {width:325px;position:absolute;left:0;top:0;z-index:22;margin: 0;}
.menumain li.item-101 a {background:#fff;padding:15px 15px 15px 0;height: 75px;transform:skewX(8deg);border-radius: 0 0 20px;box-shadow: 7px 3px 5px rgba(0,0,0,0.1);}
/*.menumain li.item-101 a:after {content:' ';width:20px;height:100px;position: absolute; bottom: 0; right: -13px;transform:skewX(8deg);background: #fff;border-radius: 0 0 20px;
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px rgba(0,0,0,0.2);z-index:-1;}*/
.menumain li.item-101 img {width:100%;transform:skewX(-8deg);}
.menumain li.item-997 {width:125px;}
.menumain li a {height:100%;display:block;padding:30px 0 15px;text-transform:uppercase;}
.menumain li ul {display:none;position: absolute;margin: 0;padding: 0;color:#fff;width:225px;background:#73BCB4;z-index:1;}
.menumain li ul li {background: transparent;float:none;border-bottom: 1px solid rgba(255,255,255,0.2);margin: 0;}
.menumain li ul li a {color:#fff;padding: 20px;}
.menumain li ul li a:hover, .menumainsubmenu ul.menusitemap a:hover, .menumainsubmenu li a:hover {background:rgba(0, 134, 119, 0.95);}
.menumain li.parent.active > a {color:rgba(0,129,105,1);}
.menumain li ul li.active > a {color:#fff;}
.menumain li a.webshop {background:rgba(0,129,105,1);border-radius:10px 0 5px;color:#fff;padding: 10px 40px 10px 20px;margin: 20px 0 0;position:relative;}
.menumain li a.webshop:after {content:'\f07a';font-size: 14px;position: absolute;right: 15px;}

.menumain li.nav-item.item-1287 {}
.menumain li.nav-item.item-1287 a {background:none;padding: 30px 40px 15px 0;color:#222;margin:0;}
.menumain li.nav-item.item-1287 a:hover {box-shadow: none;}

.menumain li.item-118 ul, .menumain li.item-167 ul {opacity:0;display:none;height: 0;  overflow: hidden;}


#geek-search-156 {clear:both;margin: 0 auto;position: fixed;min-height: 100%;background: rgba(0, 129, 105, .8);left: 0; right: 0;top: 0px;z-index: 300;display: none;}
div.close.search {position: fixed;width: 40px;height: 47px;top: 0;right: 0;}
div.close.search:before {content: '\f00d';color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
div.searchform {background: #fff;border-radius: 10px 0 5px;position: absolute;left: 0;right: 0px;margin: 0 auto; top: 5%; width: 50%; border: 1px solid rgba(0,0,0,0.2);}
.searchform .inputbox {border:0;width: calc(100% - 50px);padding: 10px;display: block;float: left;margin:5px;font-family: 'Myriad W01 SmBd';}
.searchform .buttonform {height:100%;width:40px;border:none;background:none;position:absolute;right:0;}
.searchform span:before,.input-group:before {content: "\f002";color: rgba(0,129,105,1);font-size: 16px;line-height:40px;width:40px;text-align:center;}
#geek-search-loading {background: #F37C20;	position: fixed;top: 10px;	right: 10px;	display: none;	z-index: 10001;}
#geek-search-loading > .inner {	padding: 10px 30px;	color: #FFF;	font-size: 18px;	line-height: 28px;}
div.search-results { position: absolute; left: 0; right: 0; margin: 0 auto; top: 15%; width: calc(100% - 40px); height: 80%; overflow-Y: auto;}
#geek-search-156.fixed div.search-results {overflow-y: scroll;}
div.result-inner {padding:20px;border: 2px solid #E0E2E3;border-radius:10px 0 5px;background:#ebecec;}
div.result-inner img {max-width:150px;max-height:150px;}
div.result-inner .img-intro {float:left;margin:0 10px 0 0;width: 175px;text-align: center;}
div.result-inner .item-info {overflow: hidden;}
div.result-inner .result-item {margin: 0 0 20px;border-radius: 10px 0 5px;border: 2px solid #E0E2E3;padding: 15px 10px 10px;font-size: 16px; line-height: 26px;background: #fff;}
div.result-inner .result-item:hover {border: 2px solid rgba(0,129,105,1);}
span.btn-close-result-box {z-index: 10;position: absolute;width: 30px;height: 30px;top: 10px;right: 10px;color: rgba(0,129,105,1);cursor: pointer;text-align: center;line-height: 30px;}
span.btn-close-result-box:before {content:'\f00d';font-family: "Font Awesome 6 Pro"!important;}
div.result-inner a.Datasheets h3.result-title:before {content: "\f1c1";color: rgba(0,129,105,1);margin: 0 5px 0 0;}
div.result-inner a.Datasheets.software h3.result-title:before {content:'\f56d';color: rgba(0,129,105,1);margin: 0 5px 0 0;}
div.result-inner a.Magento h3.result-title:before {content: "\f07a";color: rgba(0,129,105,1);margin: 0 5px 0 0;}
div.result-inner a.Datasheets h3.result-title.zip:before, div.result-inner a.Datasheets h3.result-title.software:before {  content: "\f0c7";}

.menumainsubmenu {position:absolute;top:108px;padding: 35px 0 0;left:0;right:0;z-index:1;max-width:1280px;width:100%;text-transform:uppercase;list-style:none;margin:0 auto;overflow: hidden;display:block!important;border-radius: 0 0 40px;}
.menumainsubmenu ul {padding:0;margin:10px 0 0;list-style:none;border-top:1px solid #B5B2B2;}
.menumainsubmenu > li {display:none;float:left;font-size:14px;}
.menumainsubmenu li.item-167 , .menumainsubmenu li.groepen  {display:block;}
.menumainsubmenu li.item-167 {width:20%;float:right;}
.menumainsubmenu li.groepen {width:78%;}
.menumainsubmenu > li:nth-child(n+3) {margin:0;}
.menumainsubmenu li a {color:#B5B2B2;padding:0 10px;}
.menumainsubmenu ul li a {color:rgba(255,255,255,0.5);padding:5px 10px;display:block;}
.menumainsubmenu li.hovered ul li a, .menumainsubmenu li.hovered a, .menumainsubmenu li.groepen:hover .heading, .menumainsubmenu li.groepen:hover a {color:rgba(255,255,255,1)!important;}
.menumainsubmenu li:hover a {color:#fff;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;}
.menumainsubmenu .item-101, .menumainsubmenu .item-103 {display:none;}
.menumainsubmenu .item-167 a {display:block;}
.menumainsubmenu .item-167.parent > a {text-transform: uppercase;font-size: 20px;line-height: 22px;padding: 0 0 5px 0;font-family:'Myriad W01 Bd Cnd';border-bottom: 1px solid #e0e2e3;}
.menumainsubmenu .item-167 ul {background: #73BCB4;border:0;margin:10px 0;border-radius: 5px;}
.menumainsubmenu li.groepen ul {border:0;margin:0;}
.menumainsubmenu li.groepen ul li.parent {background: #73BCB4;margin: 0 2% 2% 0;border-radius: 5px;}
.menumainsubmenu li.groepen ul li.parent:nth-child(3n) {margin-right:0;}
.menumainsubmenu li.groepen .heading{color:#B5B2B2;text-transform: uppercase;font-size: 20px;line-height: 22px;padding: 0 0 5px 0;font-family: 'Myriad W01 Bd Cnd';border-bottom: 1px solid #e0e2e3;}
.menumainsubmenu li.groepen div.productgroepen {padding:0;}
.menumainsubmenu li.groepen ul.menusitemap ul li {text-transform:uppercase;padding:0;}
.menumainsubmenu .sub-list {border:0;margin: 0;}
.menumainsubmenu li.groepen ul.menusitemap li.parent > a {background:rgba(0, 134, 119, 0.3);color:#fff;}

div.menuincontent-container {position:absolute;right:0;top:20px;width:40%;z-index: 10;background: #d9ece8;border-radius:10px 0 5px;}
div.menuincontent-container .titel {position: relative;font-size: 13px;color:#fff;background:rgba(0, 129, 105,1);border-radius:10px 0 5px;padding:5px 20px;text-transform:uppercase;font-family:'Myriad W01 SmBd';cursor:pointer;} 
div.menuincontent-container .titel:after {content: "\f0fe";position: absolute;right: 10px;color:#fff;}
div.menuincontent-container .titel.active:after {content: "\f146";}
div.menuincontent-container .titel:before {content: "meer / minder";font-family: 'Myriad W01 Lt';position:absolute;right:40px;font-size:10px;top: 50%;transform: translateY(-50%);}
div.menuincontent-container.sensoren {background: rgba(254, 245, 222, .9);}
div.menuincontent-container.signaal {background: rgba(248, 225, 223, .9);}
div.menuincontent-container.relais {background:rgba(229, 233, 242, .9);}
div.menuincontent-container.autoid {background:rgba(227, 229, 230, .9);}
div.menuincontent-container.aandrijf {background:rgba(235, 243, 223, .9)}
div.menuincontent-container.inputdevices {background:rgb(222 227 239)}
div.menuincontent-container.relais span.children:after {color:#4f6ea7;}
div.menuincontent-container.signaal span.children:after {color:#cf3628;}
div.menuincontent-container.autoid span.children:after {color:#485358;}
div.menuincontent-container.aandrijf span.children:after {color:#79ac2b;}
div.menuincontent-container.inputdevices span.children:after {color:#204293;}

ul.menusubcontent {display:none;margin:10px 0 0;}
ul.menusubcontent li.level-3 {font-family:'Myriad W01 SmBd';display:block;}
ul.menusubcontent li.level-3:last-of-type {margin:0;}
ul.menusubcontent li {font-family:'Myriad W01 Regular';position:relative;border-radius: 0 0 10px;margin: 0 0 3px;}
ul.menusubcontent li a {padding: 5px 20px;position:relative;display: block;}
ul.menusubcontent li a:hover {background:rgba(0, 129, 105,1);color: #fff;}
.sensoren span.children:after,  ul.menusubcontent.sensoren li.active.parent > span.children:after {color:rgba(247,166,0,1);}
span.children {position:absolute;right:0;top:0;width:40px;z-index: 100;height:32px;}
span.children:after {content: "\f0fe";position: absolute;left: 0px;color:#fff;top: 5px;width:40px;text-align:center;}
span.children.active:after {content: "\f146";}
/*ul.menusubcontent li.active.parent > span.children:after {color:#fff;}*/
ul.menusubcontent ul.sub {display:none;background: none;margin:10px;-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
  -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 10px rgba(0,0,0,0.3);padding: 10px;}
ul.menusubcontent ul.sub li {border-radius:0;}


div.menuincontent-container ul.menusubcontent li a.webshop  { background: #008169;color:#fff}
div.menuincontent-container.sensoren ul.menusubcontent li a.webshop { background: rgba(247, 166, 0, 1);color:#fff}
div.menuincontent-container.signaal ul.menusubcontent li a.webshop { background: #cf3628;color:#fff}
div.menuincontent-container.relais ul.menusubcontent li a.webshop { background: #4f6ea7;color:#fff}
div.menuincontent-container.autoid ul.menusubcontent li a.webshop { background: #485358;color:#fff}
div.menuincontent-container.aandrijf ul.menusubcontent li a.webshop { background: #79ac2b;color:#fff}
div.menuincontent-container.inputdevices ul.menusubcontent li a.webshop { background: #204293;color:#fff}
ul.menusubcontent li a.webshop:before {    margin: 0 5px 0 0;    content: '\f07a';    font-size: 13px;}
div.subs.subcontentlinks  li a.webshop:before {    margin: 0 5px 0 0;    content: '\f07a';    font-size: 13px;}
div.subs.subcontentlinks  li a.webshop:hover {box-shadow: none;}


#banner {position: relative;height:475px;margin:0;}
body.id-1 #banner {position: relative;height: 70%;margin:0;}
.headerbg { position: absolute;top: 0; width: 100%;height: 100%;filter: blur(5px);}
.flex-viewport, ul.slides, ul.slides li {height:100%;margin:0;padding:0;z-index:10;}
.slides_container {position:  absolute;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;}
.slides_container:after {content: ' ';width:100%;height:108px;position: absolute;bottom:0;background:rgba(238, 240, 242, 0)}
ul.slides li {position:relative;}


body div.slides_container span.bg, body div.slides_container span.bg:after {content:' ';display:block;position:absolute;width:100%;height:100%;z-index:0;}
body div.slides_container span.bg {filter: blur(5px);}
body div.slides_container.beurzen span.bg {filter:none;}
/*body.vacatures div.slides_container span.bg {filter: none;}*/
body.relais div.slides_container span.bg {transform: rotateY(180deg);}
body.relais div.slides_container span.bg:after {background: rgba(43 63 99 / 0%)}
body.sensoren div.slides_container span.bg:after {background: rgb(119 81 4 / 0%);}

div.inzicht ul.slides > li > span {filter:none;}
div.payoff {position: fixed;  top: 75px;  z-index: 100;  background: #008169; padding: 10px 15px 10px calc( (100% - 1280px) / 2); color: #fff;  font-size: 2rem;  font-style: italic;}
div.payoff span {font-family:'Myriad W01 Bd', tahoma;}
div.payoff:after {content:'';width:40px;height:44px;background: #008169;position: absolute; top: 0;  right: -28px;  transform: skew(-13deg, 0deg);}


body.signaal div.slides_container span.bg:after {background: rgb(97 16 9 / 0%);}
body.autoid div.slides_container span.bg:after {background: rgba(28 33 35 / 0%);}
body.aandrijf div.slides_container span.bg:after {background: rgba(37 55 10 / 0%);}

/**ul.slides li:before {content: ' ';width:100%;height:100px;background:#fff;position: absolute;bottom:0;}**/
ul.slides > li > span {content:' ';width:100%;height:100%;position:absolute;z-index:-1;filter:blur(10px);}
ul.slides > li.relais > span { transform: rotateY(180deg);}
/*ul.slides > li:nth-child(even) > span {background: url(../images/sample_bg_2.jpg) no-repeat center center / cover;}
ul.slides li.sensoren span {background: url(../images/sample_bg.jpg) no-repeat center center / cover;}
ul.slides li.signaal span {background: url(../images/signaal_bg.jpg) no-repeat center center / cover;}
/**ul.slides li span:after {content: ' ';width:100%;height:100%;background-image: linear-gradient(to right, rgba(247, 168, 35, 1) 1%, rgba(247, 168, 35, 0) 60%);}**/
div.slides_container.vacature {background-position:bottom center!important;}
ul.slides li .contentcontainer {max-width: 1280px;color: #fff;margin: 0 auto;  position: absolute;  left: 0;  right: 0;  top: 50%;  transform: translateY(-50%);}
ul.slides li .textcontainer {overflow:hidden;padding: 0 0 0 80px;max-width: 65%;display:table-cell;vertical-align:middle;}
div.image-container {width:35%;display:table-cell;vertical-align:middle;}
div.image-container img {max-width:100%;margin:0 auto;display: block;max-height: 225px;}
div.slides_container.merk div.image-container img {max-height: 125px;}
.flex-direction-nav li {font-size: 0;position:absolute;top:45%;left:5%;z-index:10;}
.flex-direction-nav li.flex-nav-next {right:5%;left: auto;}
.flex-direction-nav li a:before {content: '\f0d9';color: rgba(255,255,255,1);font-size:40px;}
.flex-direction-nav li.flex-nav-next a:before {content: '\f0da';}
.flex-direction-nav li a.flex-disabled {display:none;}
ul.slides li .heading {text-shadow: 2px 2px rgba(0,0,0,0.5);font-size:32px;line-height: 36px;margin: 0 0 10px;}
ul.slides li .text {max-width:1000px;font-size:21px;line-height:28px;margin:0 0 60px;text-shadow: 2px 2px rgba(0,0,0,0.5);}
ul.slides li .textcontainer a {display: inline-block;}
div.slidenav {position:relative;margin: -100px 0 0;overflow:hidden;padding: 10px 0;z-index: 10;}
div.slidenav .inner {margin: 0 auto;max-width: 1280px;padding:10px 0;color: #fff;text-align: center;position: relative;}
div.homepayoff {position:relative;overflow: hidden;height: 100px;}
div.homepayoff div.inner {position:absolute;left: calc((100% - 1322px) / 2);background:rgba(238, 240, 242, .9);width:100%;padding:20px 0 20px 30px;transform: skew(-10deg);border-radius: 0 0 0 20px;}
span.payoff, span.c2a {float: left;font-family:'Myriad W01 smBd';color:rgba(0,129,105,1); font-size: 22px;line-height: 100%;transform: translateZ(0) skew(10deg);margin: 5px 0 0;}
span.c2a {margin:0 0 0 40px;display:inline-block;background:rgba(0,129,105,1);color:#fff;font-size: 12px;cursor:pointer;}
div.slidenav ul {max-width:100%;align-items: center;margin: 0 0 0 55px;display: grid;  grid-template-columns: repeat(5, 1fr);  grid-gap: 10px;}
div.slidenav li {position:relative;height: 60px;text-transform:uppercase;border-radius:10px;background:rgba(247,166,0,1);cursor:pointer;font-family: 'Myriad W01 Regular';font-size:16px;vertical-align: middle;line-height: 18px;transform:skewX(-10deg);}
div.slidenav li span {position: absolute;top: 50%;transform: translateY(-50%) translateZ(0) skewX(10deg);left: 0;right: 0;padding: 0 15px;}
div.slidenav li.sensoren, a.c2a.sensoren, div.menuincontent-container .titel.sensoren, div.menuincontent-container.sensoren  a:hover {background:rgba(247,166,0,1);}
div.slidenav li.signaal, a.c2a.signaal, div.menuincontent-container .titel.signaal, div.menuincontent-container.signaal a:hover, div.slides_container .c2a.signaal {background:rgba(207,54,40,1);}
div.slidenav li.relais, a.c2a.relais, div.menuincontent-container .titel.relais,  div.menuincontent-container.relais a:hover {background:rgba(79,110,167,1);}
div.slidenav li.autoid, a.c2a.autoid, div.menuincontent-container .titel.autoid, div.menuincontent-container.autoid a:hover, div.slides_container .c2a.autoid {background:rgba(72,83,88,1);}
div.slidenav li.aandrijf, a.c2a.aandrijf, div.menuincontent-container .titel.aandrijf,  div.menuincontent-container.aandrijf a:hover, div.slides_container .c2a.aandrijf {background:rgba(121,172,43,1);}
div.slidenav li.inputdevices, a.c2a.inputdevices, div.menuincontent-container .titel.inputdevices, div.menuincontent-container.inputdevices a:hover {background:#204293;}
div.slidenav li:last-child{margin:0;}
div.slidenav li:hover, a.c2a:hover, a.meerinfo:hover, a.webshop:hover, .all-news:hover, span.leesverder:hover, .routeplanner:hover, .ui.green.button.c2a:hover, .ui.green.button.c2a:hover {webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 12px rgba(0,0,0,0.5);}

.id-1 article {display:none;}
article { margin: -60px 0 0;position: relative;z-index:10;}
div.item-page {background:#fff;position:relative;padding:30px 0 0; display: flow-root;}

article:after, div.slidenav:after {content:' ';background:#fff;position:absolute;top:-9px;width:calc((100% - 1280px) / 2);height:70px;right:0;}
div.item-page:before, div.slidenav .inner:before, div.submessage .inner:before {content:' ';height:70px;border-radius:20px 0 0;position:absolute;left:-40px;top:-9px;width:calc(100% + 60px);transform: skewX(-10deg);background:#fff;}
div.slidenav .inner:before, div.submessage .inner:before {
height:100px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008169+0,ffffff+100 */
background: #008169; /* Old browsers */
background: -moz-linear-gradient(left,  #008169 0%, #b8dcd5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #008169 0%,#b8dcd5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #008169 0%,#b8dcd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008169', endColorstr='#b8dcd5',GradientType=1 ); /* IE6-9 */
left:24px;border-radius:15px 0 0;}
div.slidenav:after {height:100px;top:1px;padding:20px 0 0;width:calc((100% - 1288px) / 2);
  background: #b2d9d2; /* Old browsers */
  background: -moz-linear-gradient(left,  #b2d9d2 0%, #e3f1ee  100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #b2d9d2 0%,#e3f1ee  100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #b2d9d2 0%,#e3f1ee  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d9d2', endColorstr='#e3f1ee ',GradientType=1 ); /* IE6-9 */
}
#subcontent {margin:90px 0 0;width:100%;position: relative;clear:both;}
#subcontent .heading, .nieuwsbrief-container .heading, #contact .heading  {padding: 5px 20px;margin:0;position: relative;}
#subcontent .heading:before,  #contact .heading:before {position:absolute;transform: skewX(-10deg);border-radius:10px;content:' ';height:50px;width:100%;right:0;top:-10px;background:#008169;}
#subcontent .heading a, #subcontent .heading span, #contact .heading span {z-index: 10;position: absolute;color:#fff;}
#subcontent div.innercontainer, div#nieuws, footer {padding: 0 20px;}
div.submessage {padding:0 20px;position: relative;}
div.submessage:after {content: ' ';background: #ecedee;height: 70px;position: absolute;width: 50%; right: 0;top: 0;z-index: -1;}
div.submessage .inner {max-width:1210px;margin:0 auto;position: relative;padding: 15px 0 0;}
div.submessage .inner:before {left:-25px;height:70px;top:0;border-radius:0 0 0 15px;z-index:-1;background: #ecedee;}
div.submessage .inner span {color:#008169; font-family: 'Myriad W01 smBd';font-size: 22px;display:inline-block;line-height:40px;margin:0 20px 0 0;}
div.submessage .inner a {background: #008169;padding: 10px 20px;color: #fff;display:inline-block;border-radius: 10px 0 5px;font-family: 'Myriad W01 SmBd';vertical-align:top;}
div.submessage .inner a:hover {webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 5px 5px 12px rgba(0,0,0,0.5);}
body.id-1 #subcontent div.nieuwsslider .heading span {z-index:0;}
#nieuws {background: rgba(70,80,85,0.1);margin:0 0 90px;position:relative;}
#nieuws a.all-news {margin:0 auto 30px;}
div.nieuwsslider {max-width:1280px;margin:0 auto;padding: 0 0 10px;}
div.nieuwsslider ul.latestnews {width: 100%;-webkit-tap-highlight-color: transparent;z-index: 1; list-style:none;padding:0;margin:90px 0 20px;overflow:hidden;padding: 0 0 0 1px;}
ul.latestnews .owl-stage {position: relative;-ms-touch-action: pan-Y; display: -ms-flex;display: -webkit-flex;display:flex ;}
ul.latestnews .owl-stage-outer {-webkit-transform: translate3d(0px, 0px, 0px); }
ul.latestnews .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none; display:flex;}
ul.latestnews.owl-loaded {display: block; }
ul.latestnews.owl-loading {opacity: 0;display: block; }
ul.latestnews.owl-hidden {opacity: 0; }
ul.latestnews.owl-refresh .owl-item {visibility: hidden; }
ul.latestnews .owl-item li {display:flex;padding-right:5px;}
ul.latestnews img {max-width:120px;height:auto;float: left;margin: 0 15px 0 0;max-height: 125px;}
ul.latestnews .owl-item a{background: rgba(255,255,255,1);padding: 15px 15px 50px;border-radius: 20px 0 10px;border: 1px solid #E0E2E3;display:block;position: relative;}
ul.latestnews .owl-item a:hover {-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
ul.latestnews div.text-container {overflow:hidden;position: relative;}
ul.latestnews div.img-container {height: 100%;max-width: 90%;float: left;}
span.leesverder {cursor: pointer;font-family: 'Myriad W01 SmBd';position:absolute;bottom:15px;right:15px;background:rgba(0,129,105,1);color: #fff;border-radius:10px 0 5px;padding: 7px 30px 7px 20px;font-size:12px;line-height:100%;text-transform:uppercase;}
span.leesverder:after {background:transparent!important;content: '\f0da';color: #fff;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 18px;}
span.pubdate {z-index:10;color:rgba(166, 172, 175,1);position:absolute;bottom:15px;left:15px;text-transform: uppercase;font-family: 'Myriad W01 SmBd';font-size:12px;line-height: 26px;}
h1 span.pubdate {left:auto;bottom: auto;right:0;top:0;}
div.item-page.nieuws h1 {padding:0 calc(30% + 60px) 0 0;}
div.item-page.nieuws.vacatures h1 {padding:0;}
.sensoren span.leesverder, li span.sensoren.leesverder, li.sensoren span.leesverder, .menumain li a.webshop.sensoren {background:rgba(247,166,0,1);}
.signaal span.leesverder, li span.signaal.leesverder, li.signaal span.leesverder, .menumain li a.webshop.signaal  {background:rgba(207,54,40,1);}
.relais span.leesverder, li span.relais.leesverder, li.relais span.leesverder,  .menumain li a.webshop.relais {background:rgba(79,110,167,1);}
.aandrijf span.leesverder, li span.aandrijf.leesverder, li.aandrijf span.leesverder, .menumain li a.webshop.aandrijf {background:rgba(121,172,43,1);}
.autoid span.leesverder, li span.autoid.leesverder, li.autoid span.leesverder,  .menumain li a.webshop.autoid {background:rgba(72,83,88,1);}
.inputdevices span.leesverder, li span.inputdevices.leesverder, .menumain li a.webshop.inputdevices {background:rgba(32, 66, 147,1);}
.vierpool span.leesverder, li span.vierpool.leesverder  {background:rgba(0,129,105,1);}
.owl-nav i {cursor: pointer;position: absolute;top: 35%;left: 5%;color:rgba(78, 89, 95, 0.5);cursor: pointer;z-index:1;}
.owl-nav .owl-next i {right: 5%;left: auto;}
.owl-nav i:before {margin: 0;font-size: 36px;}
.owl-nav.disabled {display:none;}
div.owl-dots {text-align:center;margin: 20px 0 0;}
.owl-dot {background: rgba(78, 89, 95, 0.2);width: 15px;height: 15px;display: inline-block;border-radius: 100%;cursor:pointer;margin:0 10px;}
.owl-dot.active, .owl-dot:hover {background: rgba(78, 89, 95, 0.5);}


div.sidebar {position:absolute;top:30%;right:0;bottom:0;text-align: right;width: 60px;overflow:hidden;color:#fff;min-height: 215px;z-index:10;}
div.sidebar div.icon {cursor: pointer;}
div.sidebar div.icon:before {content: "\f2a0";background:rgba(0,129,105,1);color:#fff;line-height:50px;width:50px;border-radius: 0;margin:0 0 5px;font-size:22px;text-align:center;cursor:pointer;z-index:15;}

body.sensoren div.icon:before {background:rgba(247,166,0,1);}
body.signaal div.icon:before {background:rgba(207,54,40,1);}
body.relais div.icon:before {background: rgba(79, 110, 167, 1);}
body.autoid div.icon:before {background: rgba(72,83,88,1);}
body.aandrijf div.icon:before {background: rgba(121,172,43,1);}
body.inputdevices div.icon:before {background: #204293;}

div.sidebar div.icon.phone span:first-of-type {font-weight:bold;display:block;}
div.sidebar div.email:before {content:'\f2b6';border-radius:0;}
div.sidebar div.share:before {content:'\f14d';border-radius:0 0 0 10px;}
div.sidebar div.search:before {content:'\f002';border-radius:10px 0 5px 0;}
div.sidebar a {color:#fff;text-decoration:underline;}
.sidebarcontent {background:rgba(0,129,105,1);color:#fff;padding:10px;border-radius: 10px 0 5px;position: absolute;right: -500px;top: 0px;z-index: 10; text-align: left;}
.sidebarcontent.email {padding: 40px 10px 10px;position:fixed;top:25%;right:0;width:50%;display:none;z-index: 100;}
.sidebarcontent.email:before {content: '\f0b2';background: #008169;margin: 0 0 10px;padding: 5px 10px;cursor:pointer;position: absolute;left: 2px;top: 2px;border-radius: 10px 0 5px;color:#f7a823;}
.sidebarcontent.email .close {background: #008169;margin: 0 0 10px;padding: 5px 10px;cursor:pointer;position: absolute;right: 2px;top: 2px;}
.sidebarcontent.email .close:before {content: '\f00d';}
div.sidebar div.icon.email .sidebarcontent {top:65px;max-width: 480px;width:100%;}
div.sidebar div.icon.share .sidebarcontent {top:129px;}
div.sidebar div.icon.phone .sidebarcontent {top:55px;}

.sidebarcontent.top   {display: table;right: 0;left:0;width:100%;top: 10px;z-index: 200;background: none;color: #008169;font-family: 'Myriad W01 smBd';padding:0;height:40px;margin: 0 auto;}
.sidebarcontent.top span {display: inline-block;margin: 0 10px 0 0;}
.sidebarcontent.top a {color: #008169;margin: 0 0 0 5px;display: table-cell;vertical-align: middle;text-align: center;}
.sidebarcontent.top p:nth-child(odd) {display:none;}
.sidebarcontent.top p {display: table-cell;vertical-align: middle;text-align: center;}
.officeopen:before {content: "\f2a0";margin: 0 10px 0 0;}
body2.form {color:#fff;}
.ui.yellow.button {background:rgba(247,166,0,1)!important;border-radius:10px 0 5px;border:2px solid #fff;}
.ui.yellow.button:hover {background:rgba(0,129,105,1)!important;}
.teamselect {position:relative;}
#input_team {cursor:pointer;pointer-events: auto;background: rgba(255, 255, 255, .6);color: #fff;}
#input_team::placeholder {color:#fff!important;}
.teamselect ul {background: #72bcb4;position:absolute;top:40px;width:100%;z-index:10;display:none;}
.teamselect li {padding:5px 10px;cursor: pointer;border-bottom: 1px solid rgba(255, 255, 255, .2);}
.teamselect li:hover {background:rgba(0,129,105,1);}
.teamselect:after {content:'\f0d7';position:absolute;top: 50%;right: 10px;transform: translateY(-50%);}
form.persoonlijkadvies div.field.left {clear:none;float:left;width:48%;}
form.persoonlijkadvies div.field.right {clear:none;float:right;width:48%;}
a.c2a.nieuwe-aanvraag {background: #fff;color: rgba(0,129,105,1);}
div.formrespons span.close {display: block;float: right;width: 30px;height: 30px;cursor:pointer;}
div.formrespons  span.close:before {content:'\f00d';font-size: 2rem;}
div.formrespons.sollicitatie {color: #1b1b1f;}

#social a, #social div.print {text-decoration:none;display:inline-block;width:40px;height:30px;margin:0 10px 0 0;padding:0;position:relative;color:#fff;background: rgba(0,129,105,0.5);border-radius: 3px;}
#social a:hover {background: rgba(0,129,105,1);}
#social div.print  {margin:0;cursor:pointer;}
#social a:before, #social div.print:before {content: "\f39e";font-family: 'Font Awesome 6 Brands';position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);line-height:40px;}
#social div.print:before {content: "\f02f";font-family: 'Font Awesome 6 Pro';cursor:pointer;}
#social a.google:before {content: "\f0d5";}
#social a.twitter:before {content: "\f099";}
#social a.linkedin:before {content: "\f0e1";}
#social a.whatsapp:before {content: "\f232";}
#social span {display:block;margin:0 0 5px;text-align: left;}
.officeopen {text-decoration:none!important;}
#slidehome {    background: #777777;color: #fff;width: 35px;height: 30px;position: fixed;right: 0;bottom: 5%;cursor: pointer;text-align: center;display: none;z-index: 100;border-radius: 5px 0 0 5px;}
#slidehome:after {content: "\f0d8";font-size:26px;line-height: 30px;display: inline-flex;vertical-align: middle;}



a.all-news, ul.mpFormTable .submitButton, div.routeplanner {font-family:'Myriad W01 SmBd';font-size: 12px;cursor:pointer;text-transform: uppercase;display: table;text-align: center;padding:5px 15px;color: rgba(0,129,105,1);color: rgba(255,255,255,1);margin: 0 auto 30px;border-radius: 10px 0 5px;}
a.all-news {color: #fff;background: rgb(78, 89, 95);}
#sensoren,  #nieuws.sensoren {background:rgba(249, 185, 34, .1);margin:0 0 90px;}
#sensoren div.subs li a:hover {color:rgba(247,166,0,1);}
#signaal div.subs li a:hover  {color:rgba(207,54,40,1);}
#subcontent #sensoren .heading:before, #nieuws.sensoren .heading:before {background: rgba(247,166,0,1);}
#subcontent #signaal .heading:before, #nieuws.signaal .heading:before {background: rgba(207,54,40,1);}
#relais div.subs li a:hover  {color:rgba(79,110,167,1);}
#subcontent #relais .heading:before, #nieuws.relais .heading:before  {background: rgba(79,110,167,1);}
#aandrijf div.subs li a:hover {color:rgba(121,172,43,1);}
#subcontent #aandrijf .heading:before, #nieuws.aandrijf .heading:before {background: rgba(121,172,43,1);}
#autoid div.subs li a:hover  {color:rgba(72,83,88,1);}
#subcontent #autoid .heading:before, #nieuws.autoid .heading:before {background: rgba(72,83,88,1);}
#inputdevices div.subs li a:hover {color:rgba(32, 66, 147,1);}
#subcontent #inputdevices .heading:before, #nieuws.inputdevices .heading:before {background: rgba(32, 66, 147,1);}
#subcontent #nieuws .nieuwsslider.home .heading:after, #nieuws.algemeen .heading:after {background:none;}
#contact .heading:before {background: rgba(205, 205, 205,1);}
#signaal, #nieuws.signaal {background:rgba(207,54,40,.1);margin:0 0 90px;}
#relais, #nieuws.relais  {background:rgba(79,110,167,.1);margin:0 0 90px;}
#autoid, #nieuws.autoid {background:rgba(46, 58, 63, 0.1);margin:0 0 90px;}
#aandrijf, #nieuws.aandrijf {background:rgba(121,172,43,.1);margin:0 0 90px;}
#inputdevices, #nieuw.inputdevices {background:rgba(32, 66, 147,.1);margin:0 0 90px;}
.innercontainer {max-width:1280px;margin:0 auto;}
.innercontainer img {width:auto;max-width:275px;height:auto;max-height:200px;}
.innercontainer ul {display:table;margin:90px 0;}
.innercontainer li {display:table-cell;width: 33.33%;position:relative;vertical-align: top;padding:0 20px;}
.innercontainer li .links a {background:#fff;border-radius:10px 0 5px;padding:10px 40px 10px 10px;font-family: 'Myriad W01 SmBd';position:relative;text-transform:uppercase;font-size:12px;line-height: initial;margin:0 20px 0 0;display: block;float: left;}
.innercontainer li .links a:after {content:'\f0da';color:rgba(0,129,105,1);position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 18px;}
.innercontainer li:last-child {padding:0 20px 56px;}
.innercontainer li:first-child {vertical-align: top;text-align: center;}
.innercontainer li .links a.webshop {background: rgba(0,129,105,1);color: #fff;}

.innercontainer li .links a.webshop:after {content:'\f07a';color:#fff!important;}
#sensoren .innercontainer li .links a.webshop {background:rgba(247,166,0,1);}
#sensoren .innercontainer li .links a:after {color:rgba(247,166,0,1)}
#signaal .innercontainer li .links a.webshop {background:rgba(207,54,40,1);}
#signaal .innercontainer li .links a:after {color:rgba(207,54,40,1)}
#relais .innercontainer li .links a.webshop {background:rgba(79,110,167,1);}
#relais .innercontainer li .links a:after {color:rgba(79,110,167,1)}
#autoid .innercontainer li .links a.webshop {background:rgba(72,83,88,1);}
#autoid .innercontainer li .links a:after {color:rgba(72,83,88,1)}
#aandrijf .innercontainer li .links a.webshop {background:rgba(121,172,43,1);}
#aandrijf .innercontainer li .links a:after {color:rgba(121,172,43,1)}
#inputdevices .innercontainer li .links a.webshop {background:rgba(32, 66, 147,1);}
#inputdevices .innercontainer li .links a:after {color:rgba(32, 66, 147,1)}
div.links {position:absolute;bottom:0;}
div.subs {background:rgba(255,255,255,1);text-align:center;}
div.subs ul  {margin: 10px auto;display: inline-block;max-width: 1280px;}
div.subs li {display: inline-block;padding:0;margin:0;}
div.subs li a {display:block;font-size:14px;line-height:10px;padding:5px 10px;position:relative;text-transform: uppercase;}
div.subs li a:hover {text-decoration:none;}
div.subs li a:after {content:' ';background:rgba(247,166,0,1);width:2px;height:14px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
div.subs li:last-child a:after {display:none;}
#signaal div.subs li a:after, body.signaal div.subs li a:after {background:rgba(207,54,40,1);}
#relais div.subs li a:after, body.relais div.subs li a:after {background:rgba(79,110,167,1);}
#autoid div.subs li a:after, body.autoid div.subs li a:after {background:rgba(72,83,88,1);clear: left;}
#aandrijf div.subs li a:after, body.aandrijf div.subs li a:after {background:rgba(121,172,43,1);}
#inputdevices div.subs li a:after, body.inputdevices div.subs li a:after {background:rgba(32, 66, 147,1);}
div.subs.subcontentlinks {margin:90px 0 0;border-bottom:1px solid rgba(247,166,0,1);text-align: left;}
body.signaal div.subs.subcontentlinks, body.signaal ul.menusubcontent ul.sub {border-color: rgba(207,54,40,1);}
body.relais div.subs.subcontentlinks, body.relais ul.menusubcontent ul.sub  {border-color: rgba(79,110,167,1);}
body.autoid div.subs.subcontentlinks, body.autoid ul.menusubcontent ul.sub  {border-color: rgba(72,83,88,1);}
body.aandrijf div.subs.subcontentlinks, body.aandrijf ul.menusubcontent ul.sub  {border-color: rgba(121,172,43,1);}
body.inputdevices div.subs.subcontentlinks, body.inputdevices ul.menusubcontent ul.sub  {border-color: rgba(32, 66, 147,1);}
div.subs.subcontentlinks ul {margin:0 0 20px -10px;}
div.subs.subcontentlinks.downloads {margin:20px 0 0;background: #fef5de;padding: 20px;border: 0;}
div.subs.subcontentlinks.downloads h3.heading {font-size:16px;}
div.subs.subcontentlinks.downloads span.heading {margin:0 0 10px;display:block;}
div.subs.subcontentlinks.downloads li a {padding:10px;}
div.subs.subcontentlinks.downloads li a:before {content: "\f019";margin:0 5px 0 0;font-size:16px;}
body.aandrijf div.subs.subcontentlinks.downloads {background:rgba(121,172,43,.15);}
body.signaal div.subs.subcontentlinks.downloads {background:rgba(207,54,40,.15);}
body.relais div.subs.subcontentlinks.downloads {background:rgba(79,110,167,.15);}
body.autoid div.subs.subcontentlinks.downloads {background:rgba(72,83,88,.15);}
body.inputdevices div.subs.subcontentlinks.downloads {background:rgba(32, 66, 147,.15);}


#sitemap {width:100%;height: 100%;padding-top: 150px;top:0;z-index: 11;display:none;font-family: 'Myriad W01 smBD';position: fixed; overflow-y: auto;background:rgba(0, 129, 105, .75);}

#menubalk #productgroepen {min-width:100%;}
div.productgroepen {max-width:1280px;margin:0 auto;overflow:hidden;display: flex;flex-wrap: wrap;}

/*ul.menusitemap  {position:relative;padding:0px;list-style:none;width:32%;margin:0 2% 2% 0;border-radius: 20px 0 10px;Background:rgba(247,166,0,1);overflow: hidden;float:left;color:#fff;} */

ul.menusitemap  {position:relative;padding:0px;list-style:none;width:32%;margin:0 2% 2% 0;border-radius: 20px 0 10px;overflow: hidden;float:left;}
ul.menusitemap:before {content:' ';position:absolute;height:100%;width:100%;background:#fff;top:40px;}
ul.menusitemap > li > a, ul.menusitemap.merken span.title {position:absolute;top:0;left:0;width:100%;padding:10px 0 10px 30px;color:#fff;}
ul.menusitemap.sensoren ul {border-color: rgba(247,166,0,1);}
ul.menusitemap.sensoren > li > a, ul.menusitemap.sensoren ul li a:hover {background:rgba(247,166,0,1);}
ul.menusitemap.signaal ul {border-color: rgba(207,54,40,1);}
ul.menusitemap.signaal > li > a, ul.menusitemap.signaal ul li a:hover {background: rgba(207,54,40,1);}
ul.menusitemap.relais ul {border-color: rgba(79,110,167,1);}
ul.menusitemap.relais > li > a, ul.menusitemap.relais ul li a:hover {background: rgba(79,110,167,1);}
ul.menusitemap.aandrijf ul {border-color: rgba(121,172,43,1);}
ul.menusitemap.aandrijf > li > a, ul.menusitemap.aandrijf ul li a:hover {background: rgba(121,172,43,1);}
ul.menusitemap.autoid ul {border-color: rgba(72,83,88,1);}
ul.menusitemap.autoid > li > a, ul.menusitemap.autoid ul li a:hover {background: rgba(72,83,88,1);}
ul.menusitemap.inputdevices ul {border-color: rgba(32, 66, 147,1);}
ul.menusitemap.inputdevices > li > a, ul.menusitemap.inputdevices ul li a:hover {background: rgba(32, 66, 147,1);}
ul.menusitemap  li.parent  {text-transform:uppercase;position:relative;padding: 20px;}
div.productgroepen > ul.menusitemap:nth-of-type(3n) {margin-right:0;}
ul.menusitemap  ul {padding:0;margin: 50px 0 0 30px;border-left: 1px solid #fff;}
ul.menusitemap  ul li {padding:0 0 0 10px;margin:0;text-transform:none;font-size: 14px;}
ul.menusitemap a {padding:5px 10px;display:block;color:#1b1b1f;}
ul.menusitemap a:hover {color:#fff;}
ul.menusitemap.merken { display: inline-block; border-radius: 20px 0 10px;width:100%;margin-right: 0;}
ul.menusitemap.merken ul {columns: 5;-webkit-columns: 5;-moz-columns: 5;border-color:rgba(0, 134, 119, 1);}
ul.menusitemap.merken span.title, ul.menusitemap.merken a:hover  {background:rgba(0, 134, 119, 1);}
span.close_sitemap:before{content: '\f00d';color:#fff;font-size:24px;width:30px;height:30px;position:fixed;right:40px;top:100px;opacity:0;cursor: pointer;}
span.close_sitemap.active:before {opacity:1;}
div.merken {width:100%;}

div#nieuwsbrief {background: rgba(0,129,105,0.1);width:100%;margin:0 0 60px;}
div.nieuwsbrief-container p {margin:20px 0;}
div.nieuwsbrief-container {max-width:1280px;margin:0 auto;overflow: hidden;position:relative;background: url(../images/vierpool_nieuwsbrief.jpg) no-repeat right 20px / auto 100%;min-height:385px;}
ul.mpFormTable {list-style:none;margin:0;padding:0;}
ul.mpFormTable li {display:block;float:left;margin:0 20px 0 0;position:relative;}
ul.mpFormTable li:nth-child(6), ul.mpFormTable li:nth-child(7)  {clear:both;}
ul.mpFormTable li input[type=text] {-webkit-appearance: none;border: 1px solid #D2D6D6;padding: 10px;border-radius: 5px;margin:0 0 10px;color: gray;font-size: 20px;}
ul.mpFormTable li input[type=submit]{width:214px; -webkit-appearance: none;  margin: 10px 0 0; }
iframe.frame-nieuws {width:100%;height:381px;overflow:hidden;}
.item-page .columnleft{float:left;width:calc(70% - 60px);}
.item-page .columnright {float: right;width:30%;margin:0;}

.item-page.producten .columnleft, .item-page.merkpagina .columnleft {float:left;width: 55%;margin:0 5% 0 0;}
.item-page.producten .columnright {float: right;width:40%;margin:0;}
.item-page.merkpagina .columnright { float: right; width: 40%; margin: 80px 0 0;}
.columnright img {width: auto; height: auto; max-width: 100%; max-height: 500px; margin: 0 auto; display: block;}
footer {background: rgba(70,80,85,0.1);}
div.columnleft.rma {width:30%;}
div.columnright.rma {width:65%;}
div.columnright.rma div.columnleft, div.columnright.rma div.columnright {width:47.5%;}
ul.rma {margin:0;list-style: disc!important;}
ul.rma li {margin:0 0 10px;}
.ui.green.button.c2a, a.c2a.nieuwe-aanvraag.rma {border-radius:10px 0 5px;background-color:rgba(0,129,105,1);padding: 7px 30px 7px 20px;position:relative;color:#fff;}
.ui.green.button.c2a:after {content: '\f0da';color: #fff;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 18px;}
.ui.green.button.c2a:hover {background-color:rgba(0,129,105,1);}
div.columnright.rma textarea {height: 205px;}
.mainquote {position:absolute;top:200px;right:100px;list-style:none;color:#fff;font-size:30px;line-height:31px;}
.mainquote li {padding:0;margin:0;}
.mainquote li.right  {padding:0 0 0 50px;margin:0;}
div.watklantenzeggen {background:#fbb03b;width:100%;padding:10px;line-height:22px;margin:0 0 10px;overflow:hidden;min-height:158px;float:left;position:relative;}
div.watklantenzeggen ul {list-style:none;margin:0;padding:0;height:100px;}
div.watklantenzeggen ul li {padding:0;margin:0;overflow: hidden;}
div.watklantenzeggen span {display: inline-block;font-weight:normal;font-size:18pt;line-height:22px;max-width:400px;padding:10px 20px;}
div.watklantenzeggen span:before {content: "\f10d";margin:0 10px 0 0;font-size:18px;}
div.watklantenzeggen span:after {content: "\f10e";margin:0 0 0 10px;font-size:18px;}
div.watklantenzeggen img {float: left;height:100px;width:auto;}
.quotenav {margin: 6px 0 0;position:absolute;top:8px;right:7px;}
.quotenav li {float: left;margin: 0 3px;}
.quotenav li a {display: block;width: 15px;height:15px;text-indent:-99999px;margin:0 0 0 5px;background:#fff;border-radius:100%;float: left;overflow: hidden;}
.quotenav li.current a, .quotenav li a:hover { background:rgba(0,129,105,1); }
#merken {height:41px;display:block;background:url(../images/merken_bg.jpg) repeat-x;margin:16px 0 20px 0;padding:10px 0 0 0;}
#makeMeScrollable {width:100%;height: 41px;position: relative;}
#makeMeScrollable div.scrollableArea img {position: relative;float: left;margin: 0 25px;padding: 0;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
div.scrollingHotSpotLeft {min-width: 75px;width: 10%;height: 100%;background-image: url(../images/big_transparent.gif);background-repeat: repeat;background-position: center center;position: absolute;z-index: 200;left: 0;cursor: url(../images/cursor_arrow_left.png), url(../images/cursor_arrow_left.cur),w-resize;}
div.scrollingHotSpotLeftVisible {background-image: url(../images/arrow_left.gif);background-color: #fff;background-repeat: no-repeat;}
div.scrollingHotSpotRight {min-width: 75px;width: 10%;height: 100%;background-image: url(../images/big_transparent.gif);background-repeat: repeat;background-position: center center;position: absolute;z-index: 200;right: 0;cursor: url(../images/cursor_arrow_right.png), url(../images/cursor_arrow_right.cur),e-resize;}
div.scrollingHotSpotRightVisible {background-image: url(../images/arrow_right.gif);background-color: #fff;background-repeat: no-repeat;}
div.scrollWrapper {position: relative;overflow: hidden;width: 100%;height: 100%;}
div.scrollableArea {position: relative;width: auto;height: 100%;}
#makeMeScrollable div.scrollableArea img[alt="lxe honeywell"] {margin-top:10px;}
.calendar{display:block;margin:0 10px 0 0;overflow:hidden;float:left;width:35px;background:#ededef;background:-webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));background:-moz-linear-gradient(top, #ededef, #ccc);font:bold 11px/15px Arial Black, Arial, Helvetica, sans-serif;text-align:center;color:#000;text-shadow:#fff 0 1px 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:relative;-moz-box-shadow:0 2px 2px #888;-webkit-box-shadow:0 2px 2px #888;box-shadow:0 2px 2px #888;}
.calendar span{display:block;font:normal bold 11px/15px Arial, Helvetica, sans-serif;text-transform:uppercase;color:#fff;text-shadow:#00365a 0 -1px 0;background:rgba(0,129,105,1);background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,129,105,1)), to(rgba(0,129,105,1)));background:-moz-linear-gradient(top, #007d5d, rgba(0,129,105,1));-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #00365a;}
.nieuwsintro .calendar, .nieuwsintro .calendar span {font-size:9px;line-height:13px;color:#6C6A6A;}
.nieuwsintro .calendar span {background:#ccc;border-top:none;padding: 2px 0 0 0;}
.nieuwsintro .calendar span:nth-child(2) {background: #ededef;}
.calendar2 {font-family:'Myriad W01 Bd Cnd';font-size: 14px;color: #c7c7c8;display: block;float: right;margin: 0 0 0 10px;line-height: 23px;position: absolute;top: 0;right: 0;}
.nieuwsintro .calendar2 {font-size:12px;line-height:14px;}
.laatstenieuws li.allenieuws a {position:relative;left:340px;background:url(../images/sprite.png) no-repeat -1780px -24px;	padding:0 20px 0px 0;display:block;color:rgba(0,129,105,1);border-bottom:1px solid rgba(0,129,105,1);}
.volgons {float:left;margin:40px 20px 0 70px;}
.customvolgons img {margin:0 0 0 5px;}
table.category {width:100%;}
.pagination li  {display: inline-block;margin:0 5px 10px 0;}
.pagination li span {padding:3px 5px;background:#7FBEAE;}
.pagination li a {color:#fff;background:rgba(0,129,105,1); padding: 5px 12px; border-radius: 10px 0 5px;}


div.nieuws_bottom {position: relative;background:#008169;color:#fff;display: grid;  grid-template-columns: auto 60%;border-radius:20px 0 10px;overflow:hidden;margin:60px 0 0;padding:20px;}
div.nieuws_bottom ul {padding:0;}
div.nieuws_bottom.signaal {background:rgba(207,54,40,1)}
div.nieuws_bottom.relais {background:rgba(79,110,167,1)}
div.nieuws_bottom.sensoren {background:rgba(247,166,0,1)}
div.nieuws_bottom.autoid {background:rgba(72,83,88,1)}
div.nieuws_bottom.aandrijf {background:rgba(121,172,43,1)}
ul.employees {display: grid; grid-template-columns: repeat(4, 1fr);}
div.nieuws_bottom  img {width:100%;display:block;margin-top:-15px;}
div.nieuws_bottom div.team {padding:0 20px;text-align: center;}
div.nieuws_bottom div.inner {margin: 20px 30px 20px 0;border-right: 1px solid #f8e1df;  padding: 0 30px 0 0;}
div.nieuws_bottom div.voornaam {margin:10px 0 0;}
div.nieuws_bottom  a {padding: 5px 10px 5px 60px;color:#fff;text-decoration:none;}
div.nieuws_bottom  a.advies {padding:10px 20px 10px 60px;display: inline-block;text-align: center;position: relative;border-radius: 20px 0 10px; border: solid 2px #fff;margin:10px 0 0;}
div.nieuws_bottom  a.advies:hover {background: rgba(255,255,255,.8);color:rgba(207,54,40,1);}
div.nieuws_bottom  a:before {position:absolute;top: 50%; transform: translate(-35px, -50%);content: "\f03d"}
div.nieuws_bottom a.nieuws:before {content: "\f1ea";}
div.nieuws_bottom a.producten:before {content: "\f290";}
div.nieuws_bottom div.myimage {border-radius:10px;width:100%;height:auto;position:relative;overflow:hidden;box-shadow: 5px 5px rgba(0,0,0,0.2);}
div.nieuws_bottom li {display: inline-block;text-align:center;vertical-align: top;margin:0 20px 0 0;}
div.nieuws_bottom li:last-of-type {margin:0;}
ul.contentlinks.linkmanager li {display:block;text-align: left;}
ul.contentlinks.linkmanager li a {color:#fff;border:none;}
div.item-page.merkpagina ul.contentlinks.linkmanager li a {color:#008169;}
div.nieuws_bottom li a.vacature {background: #fff; display: block; padding: 0 0 10px; margin: 0 0 10px; border-radius: 10px; overflow: hidden; color: #222; font-size: .9rem;height: calc(100% - 44px);box-shadow: 5px 5px rgba(0,0,0,0.2);}
div.nieuws_bottom li a.vacature img {margin: 10px auto;max-width: 50%;}
div.nieuws_bottom .contentlinks li a.download {color:#fff;border:0}
div.nieuws_bottom li a.vacature:before {display:none;}

div.nieuws_bottom ul.employees {grid-gap:30px;}
div.nieuws_bottom ul.employees li {margin:0;}

a.insert {padding:10px 20px 10px 60px;display: inline-block;text-align: center;position: relative;border-radius: 20px 0 10px;margin:10px 0 0;background:#008169;color:#fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
a.insert:hover {background:rgba(247,166,0,1);}
a.insert:before {position:absolute;top: 50%; transform: translate(-35px, -50%);content: "\f0e0"}

.nieuws_right {width:30%;float:right}
.nieuws_right div.inner {padding:56.25% 0 0 0;border-radius: 10px 0 5px;}
.nieuws_right.sensoren div.inner {background:url(../images/Vierpool_Sensoren_Safety_Machine_Vision_AutoID.jpg) no-repeat rgba(247,166,0,0.15) top center / 100% auto;}
.nieuws_right.sensoren div.inner a {color:rgba(247,166,0,1);}
.nieuws_right.sensoren div.inner a.advies {background:rgba(247,166,0,1);color:#fff;}
.nieuws_right.input_devices div.inner {background:url(../images/input_devices_team.jpg) no-repeat rgba(32, 66, 147,.15) top center / 100% auto;}
.nieuws_right.input_devices div.inner a {color:rgba(32, 66, 147,1);}
.nieuws_right.input_devices div.inner a.advies {background:rgba(32, 66, 147,1);color:#fff;}
.nieuws_right.relais div.inner {background:url(../images/Vierpool_Relais_Schakelkomponenten.jpg) no-repeat rgba(79,110,167,.15) top center / 100% auto;}
.nieuws_right.relais div.inner a {color:rgba(79,110,167,1);}
.nieuws_right.relais div.inner a.advies {background:rgba(79,110,167,1);color:#fff;}
.nieuws_right.autoid  div.inner {background:url(../images/Vierpool_LogisticIDsolutionS.jpg) no-repeat rgba(72,83,88,0.15) top center / 100% auto;}
.nieuws_right.autoid div.inner a {color:rgba(72,83,88,1);}
.nieuws_right.autoid div.inner a.advies {background:rgba(72,83,88,1);color:#fff;}
.nieuws_right.signaal_conditionering div.inner {background:url(../images/Team_signaal.webp) no-repeat rgba(207,54,40,0.15) top center / 100% auto;}
.nieuws_right.signaal_conditionering div.inner a {color:rgba(207,54,40,1);}
.nieuws_right.signaal_conditionering div.inner a.advies, div.nieuws_bottom div.inner a.advies {background:rgba(207,54,40,1);color:#fff;}
.nieuws_right.aandrijf div.inner {background:url(../images/Vierpool_Industriele_mobiele_Automatisering.jpg) no-repeat rgba(121,172,43,.15) top center / 100% auto;}
.nieuws_right.aandrijf div.inner a {color:rgba(121,172,43,1);}
.nieuws_right.aandrijf div.inner a.advies {background:rgba(121,172,43,1);color:#fff;}
.nieuws_right.algemeen div.inner {background:url(../images/Vierpool_Binnendienst.jpg) no-repeat #73BCB4 top center / calc(100% + 1px) auto;}

div.columnright.links {margin:0 0 0 20px;}
ul.contentlinks {margin:0;padding:0;list-style:none;}
.contentlinks li a, .nieuws_right a, div.inner a {position:relative;display:block;padding:5px 10px 5px 60px;margin:0 0 10px 0;color:#fff;}

div.item-page.evenement .contentlinks li a {color:rgba(0, 129, 105,1);border:none;padding:5px 10px 5px 30px;}
div.item-page.evenement .contentlinks li a:before {left:0;width:auto;}
.imgcontainer.event img {  border-radius: 20px 0 10px;  display: block;  width: 100%;  height: auto;  max-height: inherit;}

.nieuws_right.sensoren div.shopcontainer {margin:20px 0 0;background:#ecedee; }
.nieuws_right div.shopcontainer span.title {position: relative;background: rgba(0, 129, 105,1);color: #fff;display:block;padding: 5px 10px 5px 60px;margin: 0 0 10px;}
.nieuws_right.sensoren div.shopcontainer a {color:rgba(0, 129, 105,1);}
.nieuws_right img.intro {width:100%;height:auto;margin:0 auto 20px;display:block;}
.columnright .contentlinks li a:before  {font-size:18px;top: 50%;transform: translateY(-50%);position: absolute;left:10px;width:40px;text-align:center;}
.merkpagina .contentlinks a.youtube:before, .nieuws_right a.nieuws:before, .nieuws_right a.producten:before, .nieuws_right a.advies:before, div.shopcontainer span.title:before,  {font-size:18px;content: "\f03d";top: 50%;transform: translateY(-50%);position: absolute;left:10px;width:40px;text-align:center;}
.contentlinks li a.inschrijven {background:url(../images/sprite.png) no-repeat -5067px bottom;}
.contentlinks li a.download:before {content: "\f019";}
.contentlinks li a.algemeen:before {content: "\f0c1";}
.contentlinks li a.extern:before {content: "\f0ac";}
.contentlinks li a.nieuws:before {content: "\f1ea";}
div.shopcontainer span.title:before {content: "\f07a";}
.contentlinks li a.magento-cat:before {content: "\f07b";}
.contentlinks li a.magento-prod:before {content: "\f49e";}
a.magento.product, a.magento.categorie {color:rgba(0,129,105,1);position:relative;padding:0 0 0 20px;}
a.magento:before {content: "\f07a";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:12px;}
a.magento:hover {font-weight:bold;}
.nieuws_right a.advies:before, .nieuws_bottom a.advies:before {content: "\f0e0";}
.nieuws_right a.nieuws:before {content: "\f1ea";}
.nieuws_right a.producten:before {content: "\f290";}
.contentlinks a.youtube:before {content: "\f03d";}
.contentlinks li a.download, .evenement .contentlinks li a.download {color:rgba(0,129,105,1);border-bottom:1px dashed rgba(0,129,105,1);}

.item-page .contentleft  { width: calc(70% - 60px);overflow: hidden;position: relative;float:left;}
/*.contentleft > p:first-of-type  > img:first-of-type {height:auto!important;width:100%;float:none!important;display:block;margin:0 0 10px!important;}*/
.error-message {margin:0;	}
p.verplicht {margin:0;	font-weight:bold;}
ul#referentie {margin:0;padding:0;position:relative;width:100%;}
ul#referentie li, #referentie .columnmiddle, #referentie .columnright {width:100%;max-width:30.5%;}
#referentie .columnmiddle {position:absolute;left: calc(30.5% + 40px);top:0;}
#referentie .columnright {position:absolute;right:0;top:0;display:block;width:100%;}
div.ref-container {display:none;}
#referentie li {margin:0 0 10px;}
#referentie li.current div.ref-container {display:block;	}

#referentie li a {padding:10px;margin:0;display:block;color:#fff;}
.quote_referenties {font-size:18px;line-height:22px;color:rgba(0,129,105,1);}
#referentie li a:after {right:10px;}
#referentie img {width:100%;height:auto;}

.agenda {
list-style:none;
padding:0;
margin:0;	
}

.agenda h4 a{color:rgba(0,129,105,1);display:block;margin:0 0 10px 0;}
.agenda li {
width:310px;
float:left;
display:block;
height:175px;	
margin:0 42px 0 0;
}
.agenda li:nth-child(3n+3) {
margin:0;
}
.Beurzen img {
max-width:175px;
height:auto;
}
.Beurzen img.left {
float:left;
margin:0 10px 0 0;	
}
.Beurzen img.right {
float:right;
margin:0 0 0 10px;		
}
.beursimage-full {max-width:310px;margin:0 0 5px 0; display:block;}
.exturl {
padding:10px 0 0 32px;
display:inline-block;
background:url(../images/sprite.png) no-repeat -1530px bottom;	
margin:0;
}
#dropdownagenda li a  {
display:block;
background:#ecf6f5;
padding:5px 10px;
margin:5px 0 0 0;
background:url(../images/sprite.png) no-repeat -1209px -8px;	
color:#fff;
width:290px;
}
#dropdownagenda {
margin:0 0 20px 0;	
}
ul#livefilter-list {padding:0;list-style:none!important;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:50px;clear: both;margin: 0 0 40px;}
#livefilter-list li{position: relative;margin:0;}
#livefilter-list:not(.json.employees) li:nth-of-type(1n+7) {display: none;}

div.filter {margin:0 0 30px;position: relative;}
div.filter ul {list-style: none!important; padding: 0; margin: 0 0 10px;}
div.merkpagina div.filter div.productgroep {width:100%;float:none;}
div.merkpagina ul#catlist {display: grid;    grid-template-columns: repeat(4, 1fr);    column-gap: 20px;}
div.slides_container.merk div.image-container {float:right;}
div.filter div.favrikanten {float:left;width: calc(66.67% - 20px);}
div.filter ul#brandlist, div.filter ul#catlist{column-count: 3;}
div.filter ul li {margin:0 0 10px;}
div.filter label.selecteer {margin: 0 0 10px; padding: 0;font-weight: bold;}
div.filter span.title, span.reset {position: relative;padding: 0 0 0 30px; display: inline-block;  margin: 0 0 20px;  cursor: pointer;}
div.filter span.title:before, span.reset:before {content: '\f0b0';position: absolute; top: 50%; transform: translateY(-50%); left: 0;  font-size: 22px;}
div.filter.none span.title:before {content:'';}
span.reset:before { content: '\f00d';}
div.filter label { position: relative;  padding-left: 30px;  line-height: 25px;  display: block;}
div.filter input {  display: none;}
label input[type=checkbox] + .checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  border-radius: 3px;  border: 2px solid #ddd;  cursor: pointer;}
label input:checked ~ .checkmark {background-color: rgba(0,129,105,1);border-radius: 3px;}
label input:checked ~ .checkmark:after {display: block;}
label input:disabled ~ .checkmark {  background: #efefef;  cursor: default;  border-color: #ddd!important;}
.checkmark:after { content: "";  position: absolute; display: none;}
label .checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

label input[data-cat*=beurzen] + .checkmark, label[class*=beurzen] input + .checkmark {border-color:rgba(0,129,105,1)}
label input[data-cat*=beurzen]:checked + .checkmark, label[class*=beurzen] input:checked + .checkmark {background:rgba(0,129,105,0.6);}
label input[data-cat*=workshops] + .checkmark, label[class*=workshops] input + .checkmark {border-color:rgba(0,129,105,1)}
label input[data-cat*=workshops]:checked + .checkmark, label[class*=workshops] input:checked + .checkmark {background:rgba(0,129,105,0.6);}
label input[data-cat*=vierpool] + .checkmark, label[class*=vierpool] input + .checkmark {border-color:rgba(0,129,105,1)}
label input[data-cat*=vierpool]:checked + .checkmark, label[class*=vierpool] input:checked + .checkmark {background:rgba(0,129,105,0.6);}
label input[data-cat*=sensoren] + .checkmark, label[class*=sensoren] input + .checkmark {border-color:rgba(247,166,0,1)}
label input[data-cat*=sensoren]:checked + .checkmark, label[class*=sensoren] input:checked + .checkmark {background:rgba(247,166,0,0.6);}
label input[data-cat*=signaal] + .checkmark, label[class*=signaal] input + .checkmark {border-color:rgba(207,54,40,1);}
label input[data-cat*=signaal]:checked + .checkmark, label[class*=signaal] input:checked + .checkmark {background:rgba(207,54,40,0.6);}
label input[data-cat*=relais] + .checkmark, label[class*=relais] input + .checkmark {border-color:rgba(79,110,167,1);}
label input[data-cat*=relais]:checked + .checkmark, label[class*=relais] input:checked + .checkmark {background:rgba(79,110,167,0.6);}
label input[data-cat*=aandrijf] + .checkmark, label[class*=aandrijf] input + .checkmark {border-color:rgba(121,172,43,1);}
label input[data-cat*=aandrijf]:checked + .checkmark, label[class*=aandrijf] input:checked + .checkmark {background:rgba(121,172,43,0.6);}
label input[data-cat*=autoid] + .checkmark, label[class*=autoid] input + .checkmark {border-color:rgba(72,83,88,1);}
label input[data-cat*=autoid]:checked + .checkmark, label[class*=autoid] input:checked + .checkmark {background:rgba(72,83,88,0.6);}
label input[data-cat*=input] + .checkmark, label[class*=input] input + .checkmark {border-color:rgba(32, 66, 147,1);}
label input[data-cat*=input]:checked + .checkmark, label[class*=input] input:checked + .checkmark {background:rgba(32, 66, 147,0.6);}
div.filtercontainer {visibility: hidden;opacity: 0;height: 0;transition: all 0.1s ease 0s;position: absolute;margin:0 0 30px;overflow: hidden;}
div.filtercontainer.active {opacity: 1;visibility: visible;height: auto;transition: all 0.2s ease 0.2s;position: relative;}
div.item-page.merkpagina div.filtercontainer div.fabrikanten {display:none!important;}


div.filterbox {position:relative;}
.noRightMargin{margin-right:0%!important;}
.noLeftMargin{margin-right:2%!important;}
.LeftRightMargin{margin-right:2%!important;}
.morenews, .lessnews {cursor:pointer;font-size: 18px;position: absolute; top: 0px;  right: 0;}
body.signaal .morenews:before, body.signaal .lessnews:before, body.signaal .filter .title:before {color:rgba(207,54,40,1);}
.morenews:before, .lessnews:before {content:"\f055";position:relative;top:2px;left:-5px;font-size:20px;}
.lessnews:before {content:"\f056";}
#livefilter-list li h4 {margin: 0 0 10px;text-transform: uppercase;}
#livefilter-list li a { text-decoration:none;   height: 100%;padding: 15px 15px 50px;border-radius:20px 0 10px;border: 1px solid #E0E2E3;display: block;position: relative;overflow:hidden;}
#livefilter-list li a:hover {-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
#tag-list, #livefilter-input, #tag-list2, #tag-list-download {border:1px solid #dddddd;background:url(../images/arrow_down_green.png) no-repeat #f5f6f4 right 10px top 14px / 15px auto;border-radius:5px;color:rgba(0,129,105,1);font-size:12px;padding: 10px 40px 10px 10px;}
#tag-list, #tag-list2 {margin:0 20px 30px 0;}

.datasheets {position:relative;padding:0;}

.download_outer #tag-list-download {display:none;	}
.download_outer.product #tag-list-download {
display:block;	
}
#tag-list-download, #downloadcontact {}
#downloadcontact {
right:20px;
top:10px;	
border:1px solid #dddddd;
background: #ED4337;
border-radius:5px;	
font-size:12px;
height:18px;
padding:10px;
}

.techsupport  {
color:#fff;
background:url(../images/sprite.png) no-repeat -555px bottom;	
width:170px;
height:29px;
padding:3px 0 0 20px;
margin:20px 0 0 0;
cursor:pointer;
font-weight:bold;
font-size:11px;
}
.techtext {
display:none;	
margin:20px 0 0 0;
}


.contentpane .download_outer {
margin:0;	
}
.datasheets li div {text-align:left;overflow: hidden;}
.item-page ul.download {list-style:none!important;margin:0;padding:0!important;display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 20px;}
ul.json div.img-container {height: 100%;float: left;max-width: 30%;margin-right: 10px;}
ul.json img {width: 100%; height: auto; float: left;}

ul.json .title {font-family: 'Myriad W01 Bd', tahoma;font-size: 15px;line-height: 16px;margin: 0 0 10px;}
span.leesverder.download:after {content: '\f56d';}

div.pdf.special a.downloadlink {border-bottom:1px solid red;color:red;padding:5px 0 5px 50px;}
#downloadfilter div.software a.downloadlink {border-bottom:1px solid #7a98b0;color:#7a98b0;padding:5px 0 5px 75px;}
#downloadfilter div.software a.downloadlink:before {content:"SOFTWARE";background:#7a98b0;color:#fff;font-size:12px;padding:5px;position:absolute;left:0;bottom:0;border-radius: 0 5px 0 0;}
div.pdf.special a.downloadlink:before {content: '\f1c1';background: red;color: #fff;font-size: 12px;padding: 5px;position: absolute;left: 0;bottom: 0;}
div.pdf.special a.downloadlink:after {content: '\f005';background: red;color: #fff;position: absolute;bottom: 0;padding: 5px 5px 5px 0;left: 19px;border-radius: 0 5px 0 0;font-size: 12px;}
p.pdf_company a {font-weight:bold;font-size:14px;text-transform:uppercase;background:rgba(0,129,105,1);margin:20px 0;}
.pdf_company a:before {content:'\f019';margin:0 5px 0 0;}

div.related {margin:20px 0 0;background: #e5f3f1;padding: 10px;border-radius: 5px;border: 1px solid #e0e2e3;clear: both;}
div.related ul {list-style:none;padding:0;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;list-style: none!important;}
div.related a {background: rgba(255,255,255,0.5);padding: 15px 15px 30px; box-sizing: border-box;border-radius: 20px 0 10px;border: 1px solid #E0E2E3; display: block; position: relative;    height: 100%;}
div.related a:hover {box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
div.related h4:before {content: "\f0c1";position:absolute;left: 0;top: 0;font-size: 18px;}
div.related li.pdf h4:before {content:'\f1c1';}
div.related li.software h4:before {content:'\f019';}
div.related li.product h4:before {content:'\f290';}
div.related li.nieuws h4:before {content:'\f1ea';}
div.related li.fabrikant h4:before {content:'\f275';}
div.related li.faq h4:before {content:'\f128';}
div.related li.event h4:before {content:'\f073';}
div.related li.medewerkers h4:before {content:'\f0c0';}
div.related span.leesverderbutton {color:#008677;font-size:12px;}
div.related span.leesverderbutton:before {border: 2px solid #008677;font-size:12px;margin: 0 10px 0 4px;}
div.related img {max-width: 90px; height: auto; float: left;  margin: 0 10px 0 0;}
div.related h4 {padding:0 0 0 30px; }
div.related div.text-container {overflow: hidden;position: relative;}

/* Let's get this party started */
.download_outer::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.download_outer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.download_outer::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,129,105,0.4); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.download_outer::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,129,105,0.4); 
}
.image {
height:190px;
display:inline-block;
overflow:hidden;
float:left;	
}

p.formsmall {font-size:12px;margin:0;}
.nieuws_right.vacature div.inner {background:url(../images/vacature_vierpool_team.jpg) no-repeat #73BCB4 top center / 100% auto;padding:50% 0 0;overflow: hidden;margin:0 0 15px;}
.nieuws_right.vacature div.inner a {margin:0;}
.nieuws_right.vacature div.inner a.sensoren {background:rgba(247,166,0,1);}
.nieuws_right.vacature div.inner a.signaal {background:rgba(207,54,40,1);}
.nieuws_right.vacature div.inner a.relais {background:rgba(79,110,167,1);}
.nieuws_right.vacature div.inner a.autoid {background:rgba(72,83,88,1);}
.nieuws_right.vacature div.inner a.aandrijf {background:rgba(121,172,43,1);}
.nieuws_right.vacature div.inner a.inputdevices {background:rgba(32, 66, 147,1);}

div.sollicitatieformulier, div.contactformulier {margin:0 0 10px;font-size: 1.5rem; text-transform: uppercase;}
.nieuws.vacatures ul {margin: 0 0 20px 0;padding:0 0 0 50px;}
.vacatures h2 {font-size:18px;}
div.nieuws_right.vacature div.h2 {padding:5px 10px 5px 60px;color:#fff;margin:0;position:relative;background: #008169;}
.vacatures ul.contentlinks {margin:5px 0;clear:both;}
ul.arrowright.vacatures {list0style:none;padding:0;}
.arrowright.vacatures li a {padding:10px 10px 10px 35px;margin:0 0 10px;position:relative;display: block;}
.arrowright.vacatures li a:before, a.sollicitatie:before, div.nieuws_right.vacature div.h2:before {content:'\f2bb';left: 0;top: 50%;transform:translateY(-50%);font-size: 22px;color: rgba(0,129,105,1);background: none;position:absolute;}
a.sollicitatie:before {color:#fff;top: 50%;transform: translateY(-50%);position: absolute;left: 10px;}
div.nieuws_right.vacature div.h2:before {color:#fff;left: 10px;width: 40px;text-align: center;font-size:18px;}
.ui.form .required.field>label:after {content:''!important;}
.ui.form {font-size: 16px !important;},

ul.search-results {padding:0;margin:0 0 40px 0;overflow:hidden;list-style:none;	}
ul.search-results li {width:310px;float:left;margin:0 42px 20px 0;overflow:hidden;background:none;padding:0;clear:none;}
ul.search-results li a {border-radius: 5px;border: 1px solid #E0E2E3;padding:10px 10px 30px;display: block;overflow: hidden;position:relative;}
ul.search-results li:nth-child(3n+3){margin:0 0 20px 0;	}
ul.search-results li div.heading {font-size:14px;}
ul.search-results li img {float:left;max-width:50%;width:100%;}
ul.search-results li .heading:before{position:absolute;bottom:0;left:0;color: #7a98b0;font-size: 12px;padding: 0 5px 0 24px;margin:0 5px 0 0;}
ul.search-results li .heading:after, ul.search-results li.pdf .heading:after {position: absolute;left: 5px;bottom:0;color: #7a98b0;font-size: 14px;}
ul.search-results li.pdf .heading {border-bottom: 1px solid rgba(0,129,105,1);}
ul.search-results li.software .heading {border-bottom: 1px solid #7a98b0;}
ul.search-results li.pdf .heading:before {content: "PDF DOWNLOAD";color: rgba(0,129,105,1);}
ul.search-results li.pdf .heading:after {content: '\f1c1';color: rgba(0,129,105,1);}
ul.search-results li.pdf a {border: 1px solid rgba(0,129,105,1);}
ul.search-results li.software a {border: 1px solid #7a98b0;}
ul.search-results li.software .heading:before {content: "SOFTWARE";color: #7a98b0;}
ul.search-results li.software .heading:after {content: '\f019';color: #7a98b0;}
ul.search-results li.nieuws .heading:before {content: "NIEUWS";color: rgba(0,129,105,0.5);}
ul.search-results li.nieuws .heading:after {content: '\f1ea';color: rgba(0,129,105,0.5);}
ul.search-results li.nieuws a {border: 1px solid rgba(0,129,105,0.5);}
ul.search-results li.nieuws .heading {border-bottom: 1px solid rgba(0,129,105,0.5);}
ul.search-results li.product .heading:before {content: "PRODUCT";color: #fbb03b;}
ul.search-results li.product .heading:after {content: '\f290';color: #fbb03b;}
ul.search-results li.product a {border: 1px solid #fbb03b;background: rgba(251, 176, 59, 0.1);}
ul.search-results li.product .heading {border-bottom: 1px solid #fbb03b;}
ul.search-results li.medewerkers .heading:before {content: "TEAM";color: #84a0b6;}
ul.search-results li.medewerkers .heading:after {content: '\f0c0';color: #84a0b6;}
ul.search-results li.medewerkers a {border: 1px solid #84a0b6;background: rgba(132, 160, 182, 0.1);}
ul.search-results li.medewerkers .heading {border-bottom: 1px solid #84a0b6;}
ul.search-results li.algemeen .heading:before {content: "ALGEMEEN";color: rgba(0,129,105,1);padding: 0 5px 0 15px;}
ul.search-results li.algemeen .heading:after {content: '\f129';color: rgba(0,129,105,1);}
ul.search-results li.algemeen a {border: 1px solid rgba(0,129,105,1);}
ul.search-results li.algemeen .heading {border-bottom: 1px solid rgba(0,129,105,1);}
ul.search-results li.faq .heading:before {content: "FAQ";color: rgba(0,129,105,1);padding: 0 5px 0 20px;}
ul.search-results li.faq .heading:after {content: '\f128';color: rgba(0,129,105,1);}
ul.search-results li.faq a {border: 1px solid rgba(0,129,105,1);}
ul.search-results li.faq .heading {border-bottom: 1px solid rgba(0,129,105,1);}
ul.search-results li.event .heading:before {content: "EVENT";color: rgba(0,129,105,1);padding: 0 5px 0 20px;}
ul.search-results li.event .heading:after {content: '\f073';color: rgba(0,129,105,1);}
ul.search-results li.event a {border: 1px solid #E0E2E3;background:rgb(242, 249, 248);}
ul.search-results li.event .heading {border-bottom: 1px solid rgba(0,129,105,1);}
ul.search-results li.fabrikant .heading:before {content: "MERK";color: #fbb03b;}
ul.search-results li.fabrikant .heading:after {content: '\f275';color: #fbb03b;}
ul.search-results li.fabrikant a {border: 1px solid #fbb03b;background: rgba(251, 176, 59, 0.2);}
ul.search-results li.fabrikant .heading {border-bottom: 1px solid #fbb03b;}
ul.search-results li.cases .heading:before {content: "CASES";color: rgba(0,129,105,1);padding: 0 5px 0 25px;}
ul.search-results li.cases .heading:after {content: '\f19d';color: rgba(0,129,105,1);}
ul.search-results li.cases a {border: 1px solid rgba(0,129,105,1);}
ul.search-results li.cases .heading {border-bottom: 1px solid rgba(0,129,105,1);}

.highlight {background:#FFFF33;}
.resultquantity {
font-size:12pt;
position:absolute;
right:0;
bottom:-20px;

}
.moreresults, .lessresults {
cursor:pointer;	
background: url(../images/sprite.png) -3710px -18px;
padding:0 0 0 25px;
line-height:22px;
}
.lessresults {
display:none;
background: url(../images/sprite.png) -3982px -18px;
}
.zeroresult a {
background:red;
color:#fff;
font-weight:bold;
padding:5px;
text-decoration:underline;
border-radius:5px;
}
.veelgesteld {margin:0 0 40px;overflow:hidden;background:rgba(0,129,105,1);border-radius: 20px 0 10px;	}
.veelgesteld.signaalconditionering {background:rgba(207,54,40,1);}
.veelgesteld h4 {border-bottom:1px solid #84a0b6;margin:0;	padding:10px 20px;color:#fff;}
.veelgesteld ul {list-style:none;margin:0;padding:0;}
.veelgesteld li a {	margin:0 0 1px 0;display:block;padding:10px 20px;background:rgba(255,255,255,0.95);}
.veelgesteld li a:before {}
.veelgesteld li:last-of-type a {margin:0;}
.veelgesteld li a:hover {background:rgba(0,129,105,1);	color:#fff;}
.clear {
clear:both;
}

div.faq.container {margin:0 0 30px;}
div.faq.container ul {list-style:none;margin:0;padding:0;}
div.faq.container li {padding:10px 20px;border-bottom:1px solid #fff;}
div.faq.container li div.question a {display: block;padding:10px;position:relative;}
div.faq.container li.active div.question a {font-weight:bold;}
div.faq.container li div.question a:after {position:absolute;right:0;content: '\f4ad';font-weight:900;opacity:.2}
div.faq.container li.active div.question a:after, div.faq.container li:hover div.question a:after {opacity:1}
div.faq.container div.answer {display:none;background: rgba(255,255,255,0.7);padding: 20px;border-radius: 10px;margin: 0 0 10px;}
div.faq.container div.answer li {padding:0;border:0;}
div.faq.container div.answer a {text-decoration:underline;margin:0  0 20px;display:block;}
div.faq.container h3 {padding:20px 20px 20px 50px;position:relative;color:#fff;border-radius:10px 0 0;margin:0;}
div.faq.container h3:before {position:absolute;left:15px;content:'\e4ef';}
div.faq.container:has(li.algemeen) h3 {background: rgba(0,129,105,1);}
div.faq.container:has(li.signaal) h3 {background:rgba(207,54,40,1);} 
div.faq.container:has(li.sensoren) h3 {background:rgba(251, 176, 59, 1);} 
div.faq.container:has(li.relais) h3 {background:rgba(79,110,167,1);} 
div.faq.container:has(li.autoid) h3 {background:rgba(72,83,88,1);} 
div.faq.container:has(li.aandrijf) h3 {background:rgba(121,172,43,1);} 
div.faq.container:has(li.inputdevices) h3 {background:rgba(251, 176, 59, 1);} 
div.faq.container li.algemeen {background:rgba(0,129,105,0.2);}
div.faq.container li.signaal {background:rgba(207,54,40, 0.2);}
div.faq.container li.sensoren {background:rgba(251, 176, 59, 0.2);}
div.faq.container li.relais {background:rgba(79,110,167,0.2);}
div.faq.container li.autoid {background:rgba(72,83,88,0.2);}
div.faq.container li.aandrijf {background:rgba(121,172,43,0.2);}
div.faq.container li.inputdevices {background:rgba(251, 176, 59, 0.2);}
div.item-page.faq div.answer {margin:0 0 30px;}
div.item-page.faq div.answer ul {list-style: disc !important; padding-left: 40px;}
.errorlink {
background:rgba(0,129,105,1);
border-radius:5px;
color:#fff;
padding:5px;	
display: inline-block;
}

.logolink {display:block;width:217px;height:46px;position:absolute;left:0;top: 40px;cursor: pointer;background: url(../images/vierpool_corporate.svg) no-repeat #fff center center / 100% auto;}
.merken .contentlinks li a.dealers {background:url(../images/sprite.png) no-repeat -8570px bottom;}
.dealercontainer {overflow-y:auto;overflow-x:hidden;height:360px;}
.dealerc2a {position: absolute;top: 10px;right: 300px;background: url(../images/sprite.png) no-repeat -8886px -7px #f5f6f4;border: 1px solid #dddddd;border-radius: 5px;font-size: 12px;line-height: 18px;padding: 5px 10px 5px 35px;color: rgba(0,129,105,1);z-index: 999;}
.dealerc2a.singlemerk {background: url(../images/sprite.png) no-repeat -8886px -8px #fff;border: none;position: absolute;top: inherit;bottom: 1px;right: -8px;padding: 5px 10px 2px 35px;color:#999;}
.dealerbutton {background: rgba(0,129,105,1);border-radius: 5px;border: 1px solid #dddddd;font-size: 12px;padding: 5px 10px;color:#fff;cursor:pointer;font-weight:bold;}
.backbutton {background: url(../images/sprite.png) no-repeat -9100px -9px #f5f6f4;border-radius: 5px;border: 1px solid #dddddd;font-size: 12px;padding: 5px 10px 5px 30px;color:#999;cursor:pointer;}
#map_canvas{height:470px;width:960px;top:0px}
.mapfieldset {border:none;position:absolute;top:5px;right:10px;}
.mapfieldset input, .mapfieldset select {border: 1px solid #dddddd;background: #f5f6f4;border-radius: 5px; padding:4px 5px 4px 5px;color:#999;position:relative;top:1px;}
span.dealernaam {display:block; font-weight:bold;}
span.adres, span.phone, span.email, span.web {display:block;}
#maplistview {position:absolute;top:80px;left:30px;z-index:999;line-height:60px;font-size:26px;}
#maplistview span {background:#f5f6f4;width:100px;text-align:center;display:inline-block;cursor:pointer;}
#maplistview span.mapview{border-radius:10px 0 5px 0 10px;border:1px solid #ddd;border-right:none;}
#maplistview span.listview{border-radius:0 10px 10px 0;border:1px solid #ddd;border-left:none;}
#maplistview span.select {background: rgba(0,129,105,1);color:#fff;}
#list_canvas {position:absolute;top:170px;max-width:960px;display:none;}
#list_canvas table {width:960px;}
#list_canvas tr:first-child td{font-weight:bold;}
#list_canvas td{padding:5px 10px 5px 10px;background:#f5f6f4;}
#list_canvas tr:nth-child(even) td{background:#ddd;}
.mapfieldset ul.category {list-style:none;position:absolute;top:150px;left:-525px;z-index:99;}
.mapfieldset ul.category li {background:rgba(0,129,105,1);border-radius:5px;margin:0 0 5px 0;padding:10px 10px 10px 5px;border: 1px solid #dddddd;color:#fff;}
#list_canvas ul.category {padding: 0;margin: 0 0 20px 0;position: absolute;top: -80px;left: 235px;}
#list_canvas ul.category li{display:inline-block;margin:0 20px 0 0;}
.gm-style-iw {font-family:arial;}
.columnleft.datavs2 {max-width:660px;}
.datavs2 ul {list-style:none;margin:0 0 20px 0;padding:0;}
.datavs2 ul li:nth-child(odd) {background:#F2F2F2;}
.datavs2 ul li:nth-child(even) {background:#eaeaea;}
.datavs2 ul li {padding:5px;margin:0 0 5px 0;}
.datavs2 ul.controle {margin:0;}
.datavs2 ul.controle li {background:none;margin:0;padding:0;}
.datavs2 table {margin:0 0 20px 0;border:0;border-collapse: collapse;}
.datavs2 table td {font-size:11px;border:1px solid gray;padding:3px;}
ul.cases {list-style:none;padding:0;}
ul.cases li {width:32%;margin:0 20px 20px 0;float:left;}
ul.cases li:last-child{margin-right:0;}
ul.cases li img {width:100%;height:auto;margin:0 0 10px 0;}
ul.cases.oplossing li{width:49%;}
p.heading{border:0;}
div.cookie {background: rgba(0,0,0,0.85);color: #fff;position: fixed;width: 100%;z-index: 1000;bottom:0;}
div.cookieinner {max-width:1170px;margin:0 auto;padding:20px;overflow:hidden;}
div.cookieinner .heading {font-size:16px;font-weight:bold;}
div.cookie input{cursor:pointer;background:rgba(0,129,105,1);border:2px solid #fff;padding:10px;border-radius:10px;color:#fff;font-weight:bold; -webkit-appearance: none;}
div.cookie input:hover{background:#fbb03b;}
div.cookieinner p {width:730px;float:left; margin: 0 20px 0 0;}
div.cookie a {color:#fff;text-decoration:underline;}



.all-news a{position:absolute;top:-3px;right:0;line-height: 22px;vertical-align: middle;color: #cdcdcd;font-size: 12px;}
.all-news a:before{content:'\f187';margin:0 10px 0 0;top:3px;}
.laatstenieuws .more, .laatstenieuws .less {left:270px;}
ul.pagenav {display:inline-block;clear:both;list-style:none;padding:0;overflow:hidden;margin:0;border-top:1px solid #F2F2F2;}
ul.pagenav li {display:inline;line-height:22px;}
ul.pagenav li a {background: rgba(0, 134, 119, 0.65);color: #fff;display: inline-block;border: 1px solid rgba(0, 134, 119, 1);padding: 5px 10px;border-radius: 5px 0 5px;}
ul.pagenav li a:hover{background: rgba(0, 134, 119, 1)}
ul.pagenav li.nav-prev {margin:0 20px 0 0;}
ul.pagenav li.nav-next a:after {content:'\f061';margin:0 0 0 10px;top:3px; color:#cdcdcd; }
ul.pagenav li.nav-prev a:before {content:'\f060';margin:0 10px 0 0;top:3px; color:#cdcdcd; }
#socialnav {overflow:hidden;margin:20px 0;clear:both;}
#socialnav #social {clear: both;float: none;margin: 20px 0;}
.nieuws_right #social {height:initial;margin:10px 0 0 0;font-weight:normal;}
.nieuws_right #social p {padding: 25px 0 0 0;}
.nieuws_right #social div {background:#F2F2F2;width:40px;height:40px;margin: 0 0 0 14px;}
.nieuws_right #social div:hover {background:rgba(0,129,105,1);}
.nieuws_right #social div:after {content:'\f099';color:#cdcdcd;font-size:26px;top: 11px;left: 8px;font-weight:normal;}
.nieuws_right #social div:hover:after{color:#F2F2F2;}
.laatstenieuws ul.nieuwspermerk li:nth-child(n+5){display:none;}
.columnwide {margin:0 20px 0 0;}
div.contentleft.leesverder.open {height:auto;}
div.contentleft.leesverder div.overlay{height: 99px;background: url(../images/leesverder_trans.png) repeat-x center bottom;position: absolute;bottom:-25px;width:100%;}
span.leesverderbutton {color:#cdcdcd;font-size:16px;line-height:20px;height:20px;cursor:pointer;margin:10px 0;display:block;}
span.leesverderbutton:before{content: '\f067';margin: 0 10px 0 0;border: 3px solid #CDCDCD;line-height: 15px;font-size: initial;padding: 2px 4px;border-radius: 5px;}
span.leesverderbutton.minder:before{content:'\f068';}
#livefilter-list.beurzen li a {font-weight:normal;color:#1b1b1f;}
#livefilter-list.beurzen li span.pubdate:before {content:'\f073';font-size:16px;margin: 0 5px 0 0;}
#livefilter-list.beurzen li h3 {clear:both;margin:0 0 5px 0;text-transform: uppercase;}
#livefilter-list.beurzen li img {width: auto;max-width: 100%;height: auto;float: right;border-radius: 10px;}
#livefilter-list.beurzen li .imgcontainer {display:block;margin:0 auto;max-width:initial;width:auto;position:relative;overflow:hidden;height: 198px;border-radius:10px;}
span.pubdate span {margin:0 0 0 10px;}
span.pubdate span:before {content:'\f30b';margin-right:8px;font-size:12px;}
span.finished, li.afgelast:before{background:#EA3E3E;font-size: 12px;line-height:16px;color:#fff;font-weight: bold!important;padding:2px 24px;position:absolute;top:15px;right:-25px;transform:rotate(45deg);-ms-transform: rotate(45deg);z-index: 9;}
li.afgelast {overflow: hidden;}
li.afgelast:before {content:'Afgelast';font-family: inherit; font-weight: normal;}
div.item-page.afgelast div.imgcontainer span,  li.afgelast span.finished {display:none;}
div.opmerking {margin: 0 0 20px;  border: 2px solid #cdcdcd;  border-radius: 20px 0 10px;  padding: 10px;  background: #ecedee;}
div.item-page.afgelast .pubdate {text-decoration: line-through;color: red;}
div.item-page.afgelast .pubdate:after {content:'afgelast';font-family: inherit; font-size: 12px;font-weight: normal;margin:0 0 0 5px;}
div.item-page.afgelast h1 {padding:0 220px 10px 0;}
span.introtext {opacity:0;border-radius:10px;position: absolute;z-index: 0;top: 0;left: 0;background: rgba(0, 134, 119, 0.92);padding: 10px;width: 100%;height: 100%;color: #fff;}
span.introtext.show{opacity:1;}
span.introtext span.leesverder {color: rgba(0,129,105,1);background: #fff;padding: 5px;border-radius: 5px;}
span.introtext span.leesverder:after{content:'\f061';top: 0;font-size: 12px;margin: 0 0 0 5px;}
span.introtext .groen {color:#fff;}
#livefilter-list.beurzen li .imgcontainer:hover span.introtext{opacity:1;}
.imgcontainer.obsolete  img {opacity:0.3;}

#contact {width:100%;}
div.contact-container {max-width:1280px;margin:0 auto;display: table;}
#contact ul {list-style:none;padding:0;margin:60px 0px;display: grid; grid-template-columns: repeat(4, 1fr);}
#contact ul ul {margin:20px 0 0;display:block}
#contact ul li {margin: 0;padding:0 20px;float:left;display:block;font-family:'Myriad W01 Bd';font-size:13px;color:#1b1b1f;text-transform:uppercase;}
#contact ul li:last-child {margin:0;}
#contact ul li a {line-height:30px;display:inline-block;color:#808080}
#contact ul ul li {text-transform:none;margin: 0;width:100%;color:#808080;line-height: 30px;padding:0;font-family: 'Myriad W01 Lt', tahoma;font-size: 1rem;}
#contact ul li span {width:40%;display: inline-block;}
#contact ul li.overig li.linkedin{margin:20px 0;}
#contact ul li.overig a.linkedin:after {font-family: 'Font Awesome 6 Brands';content: "\f0e1";margin: 0 0 0 10px;}
li.volgons a {font-size:0;}
#contact li.adresgegevens ul li {margin:0 0 10px;}
#studio16 {text-align:right;display:block;padding:20px;font-size:10px;}
#contact ul li.telefoon:before, #contact ul li.email:before, #contact ul li.adresgegevens:before, #contact ul li.overig:before {content: '\f2a0';margin:0 10px 0 0;color: rgba(128, 128, 128, 0.3);font-size:28px;}
#contact ul li.email:before {content: '\f0e0';}
#contact ul li.adresgegevens:before {content: '\f1ad';}
#contact ul li.overig:before {content: '\f09d';}
#mapscript {text-align: center;}
#contact input[type=text], #contact select, #contact button.route {padding: 0 10px;height:40px;line-height:36px;border:2px solid rgba(0, 134, 119, 1);background: #fff;color:#808080;vertical-align: top;}
button {vertical-align: top;}
div.routeplanner {cursor:pointer;text-align:center;color: #fff; background: rgb(78, 89, 95);margin: 0 auto 30px;}
div.routeplanner:before {content:'\f21d';font-size:14px;margin:0 10px;position: relative;top: 1px;}
#contact ul li.privacy {margin:20px 0 0;}

div.routeplanner:hover:before, a.all-news:hover:before {color:#fff;}
div.customvolgons {clear:both;}


ul.distributie {list-style:none;margin:20px 0;padding:0;display: inline-block;}
ul.distributie li.oosterberg a {background:#000;padding:0 5px;display:inline-block;}
ul.distributie li.oosterberg img {height:27px;width:auto;}
ul.distributie li img {height:44px;width:auto;max-width: 100%;}
ul.distributie li {float:left;width:32%;margin:0 2% 20px 0;padding:10px;border:1px solid #E0E2E3;border-radius: 5px;height:71px;}
ul.distributie li:nth-child(3n) {margin-right:0;}
a.link {text-decoration:underline;color:rgba(0,129,105,1);font-weight:bold;}
.vdoresp {margin:6px;overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.vdoresp iframe {left:0;top:0;height:100%;width:100%;position:absolute;}
.youtube-player {width:100%;padding-bottom: 56.23%;position: relative;overflow: hidden;}
.youtube-player iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: transparent;border: 0;}
.youtube-player img {display: block;left: 0;width: 100%;position: absolute;top: 0;border: none;cursor: pointer;top: 50%;transform: translateY(-50%);}
.youtube-player .play {height: 72px; width: 72px;left: 50%;top: 50%;margin-left: -36px;margin-top: -36px;position: absolute;background: url("//i.imgur.com/TxzC70f.png") no-repeat;cursor: pointer;}
.print-only {display:none;}
div.youtubecontainer {max-width: 800px;margin: 15% auto;}

div.columns-2-forms a.advies{display: inline-block;border-radius:10px 0 5px 0;padding:10px 20px 10px 40px;font-family:'Myriad W01 smBd';color:#fff;background:rgba(72,83,88,1);font-size:16px;position:relative;}
div.columns-2-forms a.advies:before {content:'\f1cd';position:absolute;left:10px;top:50%;transform:translateY(-50%)}

.item-page.team ul li {position:relative;}
.item-page.team ul li a {cursor:default;padding: 15px 15px 50px; border-radius: 10px 0 5px; border: 1px solid #E0E2E3;  display: block;  position: relative;  margin: 0;  overflow: hidden;height: 100%;}
.item-page.team > ul {padding:0;display:table; margin: 40px 0 0;display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 30px;row-gap: 30px;list-style: none!important;}
.item-page.team ul ul {margin:0;padding:0;}
.item-page.team ul ul li, #teamcontainer li {display:block;width:100%;margin:0 0 10px!important;}
.item-page.team li img {width:100%;height:auto;}
#teamcontainer span.leesverder {position:initial;margin:20px 0 0;display: inline-block;}
div.partnerbox {margin:30px 0 ;background: #f5f5f5;border: 1px solid #ddd;border-radius: 10px 0 5px 0;padding: 20px;}
div.partnerbox img {margin: 0 20px 0 0; max-width: 300px;width:100%;}
div.partnerbox p:last-child {margin:0;}

div.team-container {background: rgb(0 129 105 / 10%);padding: 30px;    border-radius:20px 0 10px;    border: 1px solid #008169;}
div.team-container div.nieuws_bottom {margin:0 0 20px;}
div.team-container div.nieuws_bottom:last-of-type {margin:0;} 
.item-page.vacatures div.c2a.sollicitatie { margin: 0 auto 30px;    cursor: pointer;    width: 100%;  display: block;position: initial;}
.item-page.vacatures div.c2a.sollicitatie:after {content:'\e211';font-weight:300;margin: 0 0 0 10px;}
.item-page.vacatures ul.grid {margin: 40px 0 0;display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 30px;row-gap: 30px;list-style: none!important;padding:0;}
.item-page.vacatures ul.grid img {width:100%;height:auto;}
.item-page.vacatures ul.grid p {margin: 0 0 5px;}
.item-page.vacatures ul.grid a {position:relative; height: 100%;text-decoration:none;border-radius: 20px 0 10px;    border: 1px solid #E0E2E3;    background: #f7f6f6;    overflow: hidden;    display: block;    padding: 15px 15px 60px;}
.item-page.vacatures div.c2a {text-align:center;margin: 10px 0 0;position:absolute;bottom:10px;width: calc(100% - 30px);}
div.c2a.signaalconditionering, div.slides_container .c2a.signaalconditionering {background:rgba(207,54,40,1)}
div.c2a.relais, div.slides_container .c2a.relais  {background:rgba(79,110,167,1)}
div.c2a.sensoren, div.slides_container .c2a.sensoren  {background:rgba(247,166,0,1)}
div.c2a.solutions, div.slides_container .c2a.solutions  {background:rgba(72,83,88,1)}
div.c2a.automatisering, div.slides_container .c2a.automatisering  {background:rgba(121,172,43,1)}
div.c2a, div.slides_container .c2a {background:#008169;}
div.c2a:hover, div.slides_container .c2a:hover {box-shadow: 5px 5px 12px rgba(0,0,0,0.5);}
div.c2a.inputdevices, div.c2a.input.devices {background:#204293;}
div.image-text-container {position:relative;}
div.image-text-container div.text { height: calc(100% - 20px);max-width: 55%;  position: absolute;    color: #fff;    z-index: 1000;    top: 10px;    left: 15px;}
div.image-text-container div.text.right {left:initial;right:15px;text-align:right;}
div.image-text-container div.text div.functie { font-family: "Myriad W01 SmBd";    font-size: 22px;    margin: 10px 0;}
p.location:before {font-weight:300;content:'\f3c5';    font-size: 18px; position:absolute;left:4px;top: 3px;}
p.productteam, p.location {position:relative;padding-left:30px;}
p.productteam:before {font-weight:300; content:'\e533'; font-size: 18px;position:absolute;left:0;top: 3px;}
div.verschil {font-size: 13px; position: absolute;bottom: 10px;}
div.image-text-container div.text.right div.verschil {right:0px;}
div.subtitel {line-height: 100%;font-size: 12px;}



#modalcontainer, div.melding {background:rgba(0, 129, 105, .8);position:fixed;height:100%;width:100%;top:0;z-index:-1;opacity:0;-webkit-transition:all 1s linear;-moz-transition:all 1s linear;}
#modalcontainer.active, div.melding.active{opacity:1;z-index:100;}
div.closemodal {width:30px;height:30px;position:absolute;right:5%;top:5%;cursor: pointer;}
div.closemodal:before {content: '\f00d';color:#fff;font-size:36px;}
div.melding-inner {background: #fff;position: absolute;  top: 25%;  left: 50%;  transform: translate(-50%, -25%);  max-width: calc(100% - 40px);  width: 700px;  padding: 40px;}
div.melding div.close:before {cursor: pointer;color: #fff;position: fixed; right: 5%;top: 5%;font-size: 36px;content:'\f00d';font-family: "Font Awesome 6 Pro";}
div.melding a {text-decoration:underline;}

ul.campagne  {list-style: none!important;margin: 0;padding: 0;    display: grid;  grid-template-columns: repeat(3, 1fr);grid-gap: 30px;}
ul.campagne li.campagneitem a {height: 100%;padding: 15px 15px 50px;border-radius: 20px 0 10px;border: 1px solid #E0E2E3;display: block;position: relative;overflow: hidden;text-decoration:none;}
ul.campagne li.campagneitem img {width: 100%;height: auto;}
ul.campagne li.campagneitem h4 {margin:0 0 10px;}
ul.questions {list-style: none!important;margin:0 0 40px;padding:0;}
ul.questions li div.question {font-weight:bold;position:relative;}
ul.questions li:not(.static) div.question {cursor:pointer;padding: 10px;}
ul.questions li:not(.static) div.question:after {content:'\f0d7';position: absolute;right: 10px;top: 10px;}
ul.questions li:not(.static) div.answer {padding:0 10px;margin:0;display:none;}
ul.questions li:not(.static) {background: rgba(0,134,119,0.1);box-sizing: border-box;border-radius: 5px;border: 1px solid #E0E2E3;margin:0 0 15px 0;margin:0 2% 10px 0;float:left;width:100%;box-sizing: border-box;}
ul.questions li:not(.static):nth-of-type(2n) {margin-right:0;}
ul.questions li.active div.answer {display:block;}
ul.questions li ol li {background:none!important;border:0!important;position: relative;width:100%!important;float:none!important;margin: 0 0 5px!important;min-height:auto!important;}
ul.questions ol {list-style:none;margin:0 0 15px;}
ul.questions ol li:before {content:'-';position:absolute;top:-3px;left:-20px;}
ul.questions ol.kalender li:before {content:'\f073';color:gray;font-size: 14px;top:0;}
p {margin: 0 0 15px;}
img.magazijn {width: 300px;height: auto;margin: 0 20px 0 0;float:left;display:none;}
img.magazijn.reversed {width: 300px;height: auto;margin: 0 0 0 20px;float:right;display:block;}
li.contact {display:table;}
li.contact a {background:rgba(0, 134, 119,1); color:#fff;display:table-cell;text-align: center;vertical-align: middle;}
li.contact a:hover {background:rgba(247,168,35,1);}
.slidertext {display:none;}
.slides li.sliderheading {margin:80px 0 0 60px;}
#outer-wrapper {margin:0 auto 40px;}



ul.slides li.brengtinzicht .contentcontainer {background:#a1c63a;top: 0;width: 45%;left: initial;height: 100%;transform:none; display: block;clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
ul.slides li.brengtinzicht.pr4512 .contentcontainer {background: #d0362a;}
ul.slides li.brengtinzicht.android span {background-position:top 40px left -100px;background-size: auto 100%;}
ul.slides li.brengtinzicht.pr4512 span {background-position:top 20px left 0px;background-size: auto 100%;}
ul.slides li.brengtinzicht .textcontainer {padding:inherit; position: absolute;height: 100%;right: 80px; top: 100px; width: 80%;}
li.brengtinzicht ul.mainquote, li.brengtinzicht ul.rotate {position:initial;top:inherit;right:inherit;}
li.brengtinzicht ul.mainquote {margin:0 0 20px;}
ul.slides li.brengtinzicht .text {margin:0;}
ul.slides li.brengtinzicht div.image-container {position:absolute;display:block;width:100%;padding:20px 0;top: 150px;}

div#gatedcontainer {clear:both;margin: 0 auto;position: fixed;min-height: 100%;background: rgba(0, 129, 105, .8);left: 0; right: 0;top: 0px;z-index: 300;}
div#gatedcontainer iframe {background: #fff;margin: 10% auto;display: block;border: 0;overflow: hidden;height: 275px;padding: 20px;width: 100%;max-width: 480px;border-radius: 10px 5px;}
input[name="phone"], form div.phone {display:none;}
div.closegate {position: fixed;width: 40px;height: 47px;top: 5%;right: 5%;cursor:pointer;}
div.closegate:before {content: '\f00d';color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:36px;}
div.respons.gated, div.gatedintro {color:#1b1b1f;}
div.gatedintro p {margin:0 0 20px!important;}
div.respons.gated a.c2a {color:#fff;background:rgba(0,129,105,1);}
div.ui.message.g2-message.error {display:none!important}
div.gated {cursor:pointer;margin:0 0 20px;}
div#gated a.c2a.download {background:#fbb03b;}
div#gated a.c2a.download:after {content:'\f019';}

div.item-page.ons.team div.morenews {display:none!important;}
ul#livefilter-list.json.employees {grid-template-columns: repeat(6, 1fr);display:grid;column-gap: 30px; row-gap: 30px;}
div.item-page.ons.team #catlist {column-count:3; }
div.item-page.ons.team div.productgroep {width:100%; float:none;}
.item-page.team li .myimage img {float:none;width:100%;height:auto;margin: 0 0 10px;}
#livefilter-list.json.employees li h3 {margin:0;line-height: 100%;text-align: center;}
#livefilter-list.json.employees li.active h3 {text-align: left;}
#livefilter-list.json.employees li {padding:0 5px 5px 0;width:100%;box-sizing: border-box;}
#livefilter-list.json.employees li.vacature a {cursor:pointer;}
#livefilter-list.json.employees li.vacature h3, #livefilter-list.json.employees li.vacature small {text-align: center;display: block;}
#livefilter-list.json.employees li a {box-sizing: border-box;padding:15px;background: #fff;height: 100%!important;   margin:0 auto;    border-radius: 20px 0 10px;    border: 1px solid #E0E2E3;    display: block;    position: relative;    overflow: hidden;}
#livefilter-list.json.employees li.active {position: fixed; top: 0;height: 100%;padding: 10% 5% 5%; background: rgba(0,0,0,0.5);left: 0;z-index: 10;width: 100%;box-sizing: border-box;}
#livefilter-list.json.employees li.active a {overflow-y: auto;max-width: 1280px;padding: 35px;}
#livefilter-list.json.employees li.active div.myimage {width:25%;float:left;margin:0 35px 0 0;max-width: 250px;}
#livefilter-list.json.employees li.active div.myimage img {margin:0 0 20px;}
#livefilter-list.json.employees li div.content {float:left;width: calc(70% - 35px);-webkit-transition:none;}
#livefilter-list.json.employees li div.myimage.extern {float: right;margin: 0 0 20px;width:30%;max-width: 100%;}
#livefilter-list.json.employees li.formopen div.content {width:100%;}
#livefilter-list.json.employees li.formopen div.myimage.extern {display:none}
#livefilter-list.json.employees div.visibility {overflow:hidden;}
#livefilter-list.json.employees div.team {margin:5px 0 20px;}
#livefilter-list.json.employees div.buttons {display:none;}
#livefilter-list.json.employees li.active div.buttons {display:block;}
#livefilter-list.json.employees .c2a {transform:none;    margin: 0 0 20px; width: 100%; text-align: center;font-size:14px;box-sizing: border-box;}
span.closeprofile span, span.contactme span {position: relative;  padding: 0 0 0 20px;}
span.closeprofile span:before, span.contactme span:before {content:'\f00d';font-size:14px;position:absolute;left:0;}
span.contactme span:before {content:'\f2b6';}

body.form {height:auto;}
.ui.message {background: #fff !important;box-shadow:none!important;}
.ui.message ul {color: #222!important; opacity: 1!important;}
.ui.message li {padding: 0 !important;margin: 0 !important; font-size:1rem!important;   font-weight: 100!important;}
.ui.message li:before {content:''!important;}
.ui.message p {opacity: 1!important;}
.error-msg {display:none!important;}
div.mainfield.field.required.error[data-vtype=file] > div {border:1px solid #e0b4b4;color: #9f3a38; }
div.mainfield.field.required.error[data-vtype=file] .ui.label {background: #fff6f6;}

div.c2a.rma {margin:0 0 40px;}
iframe.rmaframe {background: rgb(0 129 105 / 20%);border-radius: 20px 0 10px;}
.ui.form {padding:20px!important;}
#contact_start_page  {padding:0 !important;}
#contact_start_page form {padding:0 20px 20px!important;}
div.contactcontainer.popup, div.contactcontainer.popup label  {color:#fff!important}
div.contactcontainer.popup button {margin:0 0 40px;}
div.contactcontainer.team {margin:20px 0 0 ;}
.ui.selection.dropdown>.dropdown.icon {padding:0!important;margin:0!important;top: 50%!important;  transform: translateY(-50%);}
.ui.success.message {background: transparent!important;}
div#area_container_25, #naam_container {grid-template-columns: repeat(3, 1fr);  display: grid;column-gap:10px;}
div#area_container_26 {grid-template-columns: repeat(2, 1fr);  display: grid;column-gap:10px;}
#straat_container {grid-template-columns: calc(100% - 120px) 110px; display: grid; column-gap: 10px;}
#postcode_container { grid-template-columns: 200px calc(100% - 210px); display: grid; column-gap: 10px;}
#contact_container { grid-template-columns: repeat(2, 1fr); display: grid; column-gap: 10px;}
div.respons.rma {padding:20px;}
div.respons.popup {color: #fff !important;}


.flex-control-nav {display:none;}
div.mce_inline_error {display:none!important}
input.mce_inline_error {border:2px solid red;}

div.imgcontainer.event {position: relative;overflow: hidden;}

div#promotiepakketten {background: rgb(251 218 250 / 20%); margin: 0 0 90px; position: relative;padding:0 20px;}
div.slides_container.promotiepakketten img {border:2px solid #fff;}
div#promotiepakketten .heading:before {background:#e91e63;}
div.promotiepakketten a.c2a {border:2px solid #fff;}

.owl-dots.disabled div, .owl-nav.disabled div {display:none;}
div.gallery {clear:both;}
div.gallery img {vertical-align:top;display:inline-block!important;float:none!important;max-width:150px;max-height:100px;margin:0 20px 0 0!important}
div#lightboxed--cache { position: fixed; left: -99999999px; }
div#lightboxed--container { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,0.7); z-index: 9001; }
div#lightboxed--stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
div#lightboxed--content { position: absolute; top: 0; left: 0; }
div#lightboxed--content .lightboxed--frame { position: absolute; top: 0; left: 0; }
div#lightboxed--content .lightboxed--frame img , div#lightboxed--content .lightboxed--frame iframe { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 0; }
div#lightboxed--content .lightboxed--frame .lightboxed--caption { position: absolute; bottom: 0; right: 0; padding: 10px; background: #000; background: rgba(0,0,0,0.9); color: #fff!important; }
div#lightboxed--thumbs { display: none; position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
div#lightboxed--thumbs .lightboxed--thumb {background: #fff; float: left; overflow: hidden; border-radius: 2px; cursor: pointer; }
div#lightboxed--thumbs .lightboxed--thumb .lightboxed--thumb_border { position: relative; width: 100%; height: 100%; background: #fff; background: rgba(255,255,255,0.4); transition: 500ms background;  }
div#lightboxed--thumbs .lightboxed--thumb.lightboxed--active .lightboxed--thumb_border { background: rgba(255,255,255,0.7); transition: 500ms background; }
div#lightboxed--thumbs .lightboxed--thumb img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
div#lightboxed--bttn_close:after { z-index:100;content: '\f00d';text-align:center;position: absolute; top: 10px; right: 10px; background: #fff; background: rgba(255,255,255,1); width: 30px; height: 30px;line-height: 30px; border-radius: 100%; cursor: pointer; }
div#lightboxed--bttn_next:after {  content: '\f0d9';text-align:center; position: absolute; top: 50%; right: 10px; background: #fff; background: rgba(255,255,255,1); width: 30px; height: 30px; line-height:30px; border-radius: 100%; cursor: pointer; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div#lightboxed--bttn_prev:after { content: '\f0da';text-align:center; position: absolute; top: 50%; left: 10px; background: #fff; background: rgba(255,255,255,1); width: 30px; height: 30px; line-height:30px;border-radius: 100%; cursor: pointer; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div.gallery {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 20px;list-style: none;margin: 0 ;padding: 10px;}
div.gallery figure {cursor:pointer;position:relative;padding-top:56.25%;margin: 0;border-radius:5px; image-rendering: pixelated}
div.gallery figure:after {position:absolute;bottom:10px;right:10px;content: '\f424';background: #008169;border-radius: 100%;padding: 10px;color: #fff;line-height: 100%;text-align: center;font-size: 16px;}
div.gallery figure:hover {box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);}
div.gallery figure img {position: absolute;opacity:0;top: 0;left:0;width:100%;height: 100%;}
div.gallery .heading {grid-column: span 5;}


div.ui.container.adres {grid-template-columns: calc(100% - 120px) 110px;  display: grid;column-gap:10px;}
div.ui.container.postcode {grid-template-columns: 200px calc(100% - 210px);  display: grid;column-gap:10px;}

div.formincontent  {background:rgb(2 129 105 / 10%);border-radius:10px 0;border:1px solid #eee;padding:20px;} 
div.formincontent .ui.error {display:none!important;}
div.formincontent .ui.form {padding:0!important;}

div.eventdata {margin:20px 0;}
div.eventdata div.datum {margin:0 0 20px;border-bottom: 1px solid #ddd;padding: 0 0 10px;}
div.eventdata div.datum span {display:block;margin:5px 0 0;}
div.eventdata div.datum span:before {content:'\e0d2';font-weight:300;margin:0 10px 0 0;}
div.eventdata div.datum.eind span:before {content:'\f273';}
div.eventdata div.datum.inschrijf span:before {content:'\e472';}
div.eventdata div.kosten span:before {content:'\f53d';}
div.eventdata div.locatie span:before {content:'\f3c5';}
div.nieuwsbrief.mcuser {display:none!important;}




ul.grid.promotiepakketten {
  margin: 40px 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
  row-gap: 30px;
  list-style: none!important;
  padding: 0 10px 10px 0;
}

ul.grid.promotiepakketten  img {
  width: auto;
  height: auto;
  max-height: 150px;
  margin: 0 auto;
  display: block;
}

ul.grid.promotiepakketten p {
  margin: 0 0 5px;
}

ul.grid.promotiepakketten  a {
  height: 100%;
  border-radius: 20px 0 10px;
  border: 1px solid #E0E2E3;
  background: #f7f6f6;
  overflow: hidden;
  display: block;
  padding: 15px 15px 57px;
  position: relative;
}

ul.grid.promotiepakketten a:hover {
  box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}

ul.grid.promotiepakketten div.c2a {
  text-align: center;
  position: relative;
  margin: 10px 0 0;
}

ul.grid.promotiepakketten div.c2a:after {
  content: '\f0da';
  color: #fff;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}
span.filesize {position: absolute;bottom: 0;left: 0;padding: 5px 10px;background: #02816924;border-radius: 0 10px 0 0;font-size: .9rem;line-height: 100%;}

input#searchText {border: 2px solid #ddd;  border-radius: 3px;  padding: 10px;  width: 100%;  margin: 0 0 30px;  display: block;}

a[href="#adviesformulier"] {color: #028169;text-decoration: underline;position: relative;padding:0 0 0 22px;margin:0 5px;}
a[href="#adviesformulier"]:before {content: "\f0e0";    position: absolute; top: 50%; transform: translateY(-50%);left:0;font-size:18px;}



table.responsivetable td {vertical-align:top;}

table.responsivetable {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;               /* space between items */
  border-collapse: collapse;
  margin:0 0 40px;
}

table.responsivetable tbody,
table.responsivetable tr {
  display: contents;       /* remove the extra wrapper elements */
}

table.responsivetable td {
  display: flex;           /* so you can center content easily */
  flex-direction: column;
 /* align-items: center;*/
  padding: 0;
}

table.responsivetable td img {
  display: block;      /* ensures margin applies predictably */
  margin-bottom:20px;
}

div.shop.container {margin:40px 0 0;overflow: hidden;clear: both;}
div.shop.container ul.latestnews.producten li {display:block;width: 100%;}
div.shop.container ul.latestnews.producten li a {padding: 15px 15px 75px;height:100%;}
div.nieuwsslider ul.latestnews.producten {margin:0;}
ul.latestnews.producten img {float:none;height:200px;max-width:100%;margin:0 auto 30px;max-height: inherit;display:block;}
ul.latestnews.producten span.brand, ul.latestnews.producten span.sku {display:block;}
div.c2a.webshop { display: block;  position: absolute;    bottom: 10px;    width: calc(100% - 30px);    left: 15px;    right: 15px;    text-align: center;    margin: 0 auto;}
div.c2a.webshop:before {content: '\f07a';font-size: 14px;margin: 0 10px 0 0;}
div.producttitle {font-weight:normal ;text-align: center;}
body.sensoren div.c2a.webshop  {background:rgba(247,166,0,1);}
body.signaal div.c2a.webshop {background:rgba(207,54,40,1);}
body.relais div.c2a.webshop {background: rgba(79, 110, 167, 1);}
body.autoid div.c2a.webshop {background: rgba(72,83,88,1);}
body.aandrijf div.c2a.webshop {background: rgba(121,172,43,1);}
body.inputdevices div.c2a.webshop {background: #204293;}



@media print
{
  .print {display:none;color:red;}
#menubalk, #banner, .social-container, #subcontent, #productgroepen, #nieuwsbrief, #studio16, .routeplanner, .breadcrumbs, .menusubcontent, .columnright, #contact ul li:last-child, .nieuws_right, span.leesverderbutton,
div.overlay, .actueel, .calendar2, .related, #left_container {display:none;}
#inner-wrapper, #page_wide, #page_small {margin:0;padding:0;right:0;left:0;width:100%;max-width:100%;height:100% !important;}
#contact ul li {width: 32%;margin: 0 2% 0 0;}
#contact ul li.adresgegevens {margin:0;}
.columnleft, .columnmiddle, .contentleft {float:none;max-width:100%;height:100% !important;}
.print-only {display:block;width:200px;height:auto;margin:0 0 10px;}
h1 {margin:0 0 20px;padding:0 0 10px;}
#referentie {height:100% !important;}
#referentie .columnright, #referentie .columnmiddle {position:relative;max-width:100%;left:0;}
#referentie .columnmiddle {}
#referentie li a {display: none;}
#referentie li.current {background:#fff;max-width:100%;}
}


@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-display: block;
  font-weight: 400;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-display: block;
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }


 @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.ttf") format("truetype"); }
  
  
  @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
  
  
  @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }

  
  @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url("../webfonts/fa-thin-100.woff2") format("woff2"), url("../webfonts/fa-thin-100.ttf") format("truetype"); }
    
    @font-face {
      font-family: 'Font Awesome 6 Duotone';
      font-style: normal;
      font-weight: 900;
      font-display: block;
      src: url("../webfonts/fa-duotone-900.woff2") format("woff2"), url("../webfonts/fa-duotone-900.ttf") format("truetype"); }
      @font-face {
        font-family: 'Font Awesome 6 Sharp';
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url("../webfonts/fa-sharp-regular-400.woff2") format("woff2"), url("../webfonts/fa-sharp-regular-400.ttf") format("truetype"); }
        @font-face {
          font-family: 'Font Awesome 6 Sharp';
          font-style: normal;
          font-weight: 300;
          font-display: block;
          src: url("../webfonts/fa-sharp-light-300.woff2") format("woff2"), url("../webfonts/fa-sharp-light-300.ttf") format("truetype"); }

          @font-face {
            font-family: 'Font Awesome 6 Sharp';
            font-style: normal;
            font-weight: 900;
            font-display: block;
            src: url("../webfonts/fa-sharp-solid-900.woff2") format("woff2"), url("../webfonts/fa-sharp-solid-900.ttf") format("truetype"); }

  @font-face{
    font-family:"Myriad W01 Lt";
    src:url("../font/e7e30ff2-3a95-49b0-bbf9-024f40ead426.woff2") format("woff2"),url("../font/b984f4e8-e37d-4502-bead-ffd991e64d1f.woff") format("woff");
}
@font-face{
    font-family:"Myriad W01 Regular";
    src:url("../font/3b0f1c67-c2e4-4df6-976f-49d52e45aba1.woff2") format("woff2"),url("../font/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff");
}
@font-face{
    font-family:"Myriad W01 SmBd";
    src:url("../font/0b6110f9-6072-46b9-98af-7d09f7c895b8.woff2") format("woff2"),url("../font/c22866d7-ca67-4170-a113-cae280eea669.woff") format("woff");
}
@font-face{
    font-family:"Myriad W01 Bd";
    src:url("../font/eba438b3-9ab9-48ba-b1c5-610f83b38303.woff2") format("woff2"),url("../font/acfb7490-30f6-4bf4-a1b8-70ff9172d209.woff") format("woff");
}
@font-face{
    font-family:"Myriad W01 SmBd Cnd";
    src:url("../font/d488558f-a9ea-4e8a-b318-f7ab5cd9357a.woff2") format("woff2"),url("../font/a2f2aae6-fded-4f03-897a-84e978797dfd.woff") format("woff");
}
@font-face{
    font-family:"Myriad W01 Bd Cnd";
    src:url("../font/f3750fd8-e60c-4354-9fd6-584d74d1d19e.woff2") format("woff2"),url("../font/4823eae2-791d-4382-8ef0-5916b5b1623f.woff") format("woff");
}