@import "reset.css";
@import "menu.css";
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Roboto, Arial;font-size:18px;;}
body, html {height: 100%;}

.herbestel{background-color:#0C0;color:#fff;text-decoration:none;padding:0px 5px 0px 5px}
.herbestel:hover{background-color:#fff;color:#0C0;border:solid 1px #0C0;border-sizing:border-box;}

.refLnk{float:left;width:300px;}
.refRts{float:left;width:300px;}
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#48bc45;}
b,strong{font-weight:bold;color:#000;}
em {font-style:italic;font-size:13px;}
.addOver{border:solid 5px #0C0;padding:20px}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1400px;width:95%;height: auto;margin: 0px auto;position:relative;}
.searchWrapper{padding: 0 0 8px 0;}


.grid-6 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(5,1fr);}
.grid-4 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(4,1fr);}
.grid-3 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
.grid-2 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
.gridnav-2 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
.sectiongrid			{margin:0px 0px 20px 0px;}
.placer 								{box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 34%);padding: 0px 0px 30px 0px;}
.placer2 								{box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 34%);}

/*IMAGES FIT
******************/
img.cover 				{object-fit:cover;}
img.coverT 				{object-fit:cover;object-position:left top;}
img.coverB 				{object-fit:cover;object-position:left bottom;}
img.contain 			{object-fit:contain;}
.impTit					{color:#48bc45;text-transform:uppercase;font-weight:normal;font-size:30px;margin-bottom:15px;}

#topsticktop{position:fixed;bottom:0px;z-index:10000;color:#c00;border-radius:30px;text-align:center;width:100%;margin:0px auto;}
#topsticktop a{padding:10px 20px 0px 20px;background-color:#fff;border:solid 1px #000;border-bottom:none;border-top-left-radius:30px;border-top-right-radius:30px;}
#topsticktop a:hover{background-color:#000;color:#fff;border:solid 1px #48bc45;}
.placeholder {color:#7c7c7c;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#7c7c7c;}
:-moz-placeholder {color:#7c7c7c;opacity:1;}
::-moz-placeholder {color:#7c7c7c;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#7c7c7c;}	
input[placeholder], textarea[placeholder] {color:#7c7c7c;}
.brHist1{display:none;}
.tsnSelect{display:none;}
.boxHist{border:solid 1px #ccc;padding:25px;box-sizeing:border-box;}
#prodMob{display:none;}
.noBr{display:none;}
#plusGr{color:#ee535b;}
#plusGr b{font-size:25px;}
h1 {color:#000;font-size:20px;line-height:normal;font-weight:normal;margin-bottom:30px;font-family:Roboto,arial;}
h2 {color:#000;font-size:18px;text-transform:uppercase;line-height:normal;font-weight:normal;font-family:Roboto,arial;padding-bottom:10px;}
h3 {color:#000;font-size:20px;line-height:normal;font-weight:normal;margin-bottom:20px;font-family:Roboto,arial;}
h4 {color:#000;font-size:18px;line-height:normal;font-weight:normal;margin-bottom:30px;font-family:Roboto,arial;}
h5 {color:#000;font-size:16px;line-height:normal;font-weight:normal;margin-bottom:30px;}
#totop{text-align:center;padding-top:100px;}
#totop a{font-size:70px;}

#warning,#Zwarning			{width:100%;height:100%;background-color:#000;position:fixed;top:0px;left:0px;display:none;background:url(../images/backTex.png);z-index:10000;box-sizing:border-box;}
#warning div.choose 		{background-color:#fff;width:95%;max-width:450px;margin:50px auto;padding:50px;border:solid 5px #47bd44;border-radius:10px;box-sizing:border-box;}
div.Wmessage,div.ZWmessage 	{background-color:#fff;width:95%;max-width:320px;margin:100px auto;padding:50px;border:solid 5px #47bd44;border-radius:10px;box-sizing:border-box;}
#popup						{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:9998;background:url(../images/popup.png);display:none;}
#Wpopup						{background-color:#fff;width:95%;max-width:450px;margin:100px auto;padding:20px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
a.popupCl 					{display:block;text-align:right;margin-bottom:20px;text-decoration:none;}
#Wpopup h2 a 				{text-decoration:none;}
#nrsss2{display:none;}

#warning2{width:100%;height:100%;background-color:#000;position:fixed;top:0px;left:0px;display:none;background:url(../images/backTex.png);z-index:10000;}
#warning2 div.choose{background-color:#fff;width:300px;margin:50px auto;padding:50px;border:solid 5px #47bd44;border-radius:10px;}
div.Wmessage2{background-color:#fff;width:90%;max-width:800px;margin:50px auto;padding:50px;border:solid 5px #47bd44;border-radius:10px;}
.addForm select{width:150px;}
.herbestelBtn{float:right;}
.nieuwIn{font-size:20px;padding-bottom:30px;color:#000;margin-top:20px;}
#iframe{margin-bottom:20px;}

#languages {float:right;}
#languages ul{list-style-type:none;margin:0;}
#languages ul li{float:left;}
#languages ul li a {color:#fff;padding:10px;text-decoration:none;font-family:quick,arial;text-transform:uppercase;font-size:13px;letter-spacing:1px;display:inline-block;}
#languages ul li a.lcurrent {background-color:#eb302f;color:#fff;}
#languages ul li a:hover {background-color:#eb302f;color:#fff;}



#header2 {background-color:#343638;position:sticky;width:100%;z-index:1000;top: 0px;}
#top {background:#fff;padding:15px 0px;position:sticky;top:37px;z-index:100;border-bottom:solid 1px #000;box-shadow:0px 3px 12px #444;}
#header {display: flex;align-items: center;justify-content: space-between;}
#logo {}
#logo img {width: 350px;}
#topimage{display:none;}
#terugd{display:inline-block;margin-right:50px;text-decoration:none;}

#search {width:100%;margin:0px auto;}
.searchfield {position:relative;padding:7px 15px;}
#search form {display: flex;justify-content: flex-end;}
input.search {font-family:Open Sans,arial;font-size:17px;border:1px solid #d8d8d8;color:#bbb;background-color:#fff;padding:3px;box-sizing: border-box;}
.search_submit {position:absolute;background:none;color:#000;font-size:14px;right:20px;top:11px;}
.search_submit:hover {color:#fff;}
.search_submit2 {background-color:#48bc45;padding:7px;margin-top:3px;color:#fff;text-decoration:none;}
.search_submit2:hover{color:#fff;background-color:#000;}
.zoekBhh{display:inline-block;}
.topleft {}
.topright {display: flex;align-items: flex-end;flex-direction: column;}
.headleft {float:left;}
.headright {float:right;text-align:right;}
.btn {margin-top:10px;}
.btn a {display:block;text-decoration:none;background-color:#5fbbe0;color:#fff;border:2px solid #5fbbe0;padding:8px 10px;border-radius:3px;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}
.btn a:hover {background-color:#fff;color:#5fbbe0;}

#navigation,#mobSearch,#topMob,#topMob,#searchMob,.searchmob{display:none;}
#navMob {background-color:#343434;}
/***************/

#navMobMenu{display:none;}
#navMob2,#searchMob,#loginLnksmob,#languagesMob {display:none;}
#mobile-header a {color:#fff;text-decoration: none;display: block;font-size:16px;padding:8px 2.5%;text-transform:uppercase;} 
#mobile-header span {font-weight:bold;font-size:17px;text-transform:uppercase;margin-right:5px;}

.blink_me {animation: blinker 1s linear infinite;}
@keyframes blinker {80% {opacity: 0;}}

#aanmelden {float:right;}
#aanmelden a {display:block;padding:10px;color:#fff;text-decoration:none;}

#accBtn{display:none;}

#main{width:100%;line-height:24px;margin-top:20px;}
#bestDoor{z-index:2;position:absolute;top:135px;left:0px;width:100%;text-align:center;}
#bestDoor a{display:inline-block;height:85px;background-color:#f60;color:#fff;text-decoration:none;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

/*PREVIOUS NEXT
********************/
#usable 				{display:grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px;text-align: center;margin-bottom: 20px;}
#usable a 				{box-sizing:border-box;padding:5px;text-decoration:none;border-radius:5px;border:solid 1px #4cbd49;}
#usable a:hover 		{background-color:#4cbd49;color:#000;}

#slideshow {margin-bottom:20px;background-color:#fff;box-shadow:0px 3px 12px #eee;border:1px solid #eee;}
.slide {}
.image {float:left;width:47.5%;margin-right:5%;}
.info {float:left;width:47.5%;}
.tekst {line-height:24px;padding:50px 0;}
.meerinfo{margin-top:30px;}
.meerinfo a {background-color:#5fbbe0;color:#fff;border:2px solid #5fbbe0;display:inline-block;padding:7px 28px;font-size:14px;border-radius:3px;text-decoration:none;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}
.meerinfo a:hover {background-color:#fff;color:#5fbbe0;}

#content{width:100%;}
#leftContent{display:none;}
#rightContent{width:100%;}
.contentleft {float:left;width:70%;margin-right:5%;}
.contentright {float:right;width:25%;}
#topNav{color:#013b56;border-radius:10px;padding-top:10px;margin-bottom:20px;text-transform:uppercase;}
#topNav b{color:#013b56;}
#topNav a{color:#013b56;}
#Hleft{}
#Hleft .padd{width:85%;margin-right:15%;}
#HRight{margin-bottom:30px;}
#HRight h2{text-align:center;font-size:30px;margin-bottom:30px;}
h2.overzicht{text-align:center;font-size:30px;margin-bottom:30px;}

#HRight h1{text-transform:uppercase;text-align:center;font-size:30px;margin-top:20px;border-top:solid 1px #000;padding-top:50px;padding-bottom:30px;}
#HRight a{color:#000;}
#HRight a:hover{background-color:#eee;color:#000;}
.Hhref{display:block;width:100%;border:solid 1px #48bc45;margin-bottom:10px;text-decoration:none;padding:20px 5% 20px 5%;font-size:16px;border-radius:3px;}

#nieuws {margin-bottom:100px;}
.left {float:left;width:30%;margin-right:5%;}
.right {float:right;width:65%;}

/*NIEUWS
*************/
#nieuws 				{padding-top:30px;}
#newsAll a 				{display:block;padding:10px;text-align:center;background-color:#48bc45;color:#fff;text-transform:uppercase;text-decoration:none;font-size:20px;}

.nieH2					{text-align:center;margin-bottom:40px;margin-top:40px;}
.newsPicc				{float:left;width:35%;margin-right:5%;}
.newsTekst				{float:left;width:60%;}
.nieImgList				{float:left;width:30%;margin-right:5%;}
.nieTxtList				{float:left;width:65%;}
.nieTxtList a 			{color:var(--MAINCOLOR);font-weight:bold;}
.nieuwsbericht 			{margin-bottom:20px;padding-bottom:20px;}
.nieDatum				{color:var(--MAINCOLOR2);display:inline-block;padding:5px 5px 5px 0px;margin-bottom:10px;font-size:14px;}
.nieTitel				{text-transform:uppercase;font-size:20px;margin-bottom:10px;font-weight:normal;}
.nieTitel a 			{text-decoration:none;display:inline-block;}
.nieTekst 				{margin-top:5px;}
.nieStripe				{height:1px;border-bottom:dotted 1px var(--COLOR);margin:20px 0px 20px 0px;}
.nieFancyZoom a 		{font-size:16px;}


/*NIEUWSBALK
*************/
.newsHome				{margin-top:20px;}
.newsHome a 			{text-align:center;font-size:20px;display:block;text-decoration:none;padding:5px;text-transform:uppercase;}
.newsHome a i 			{}
.newsHome a:hover 		{background-color:#fff;}
#nieuw h3 				{text-transform:uppercase}
.newsTotal 				{float:left;width:60%;margin-left:10%;}



.videoWrapper 			{position: relative;padding-bottom: 56.25%;margin-top: 25px;height: 0;}
.videoWrapper iframe	{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieFancyZoom			{text-align:center;margin-top:5px;font-size:12px;display:none;}
.nieFancyZoom a 		{text-decoration:none;}
.Floader				{width:100%;font-size:10px;text-align:center;line-height:12px;padding-top:10px;}
.Floader img 			{width:40px;height:20px;}

.nieBtn					{}
.nieBtn a				{background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;padding:7px 15px;font-size:13px;margin-top:15px;}
.nieBtn a:hover 		{background-color:var(--MAINCOLOR2);color:var(--COLOR_ON_MAIN);}
.nieSmallPic img {width: 100%;object-fit: cover;aspect-ratio: 4/3;}
.nieSmallPic a {display: block;}



#producten {margin-bottom:100px;}
.c1 {float:left;width:15%;margin-right:2%;}
.c6 {float:left;width:15%;margin-right:0;}

#submenu {border:2px solid #eee;}
#submenu li {padding:0 15px;}
#submenu li a {margin:0;color:#999;border-bottom:1px solid #eee;text-transform:none;padding:15px 0;font-size:14px;font-weight:400;display:block;text-decoration:none;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}
#submenu li.menu-current a {color:#48bc45;}
#submenu li a:hover {color:#48bc45;}
#submenu li:last-child a {border-bottom:0px;}
#submenu ul ul {display:none;}

.blok {margin-top:50px;}
.blok:first-child {margin-top:0;}

.newsPicc{float:left;width:35%;margin-right:5%;}
.nieImgH{float:left;width:25%;margin-right:5%;display:none;}
.nieTxtH{float:left;width:100%;}
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieuwsbericht {margin-bottom:10px;padding-bottom:20px}
.nieTitel a {text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-family:OswaldLight,arial;line-height:normal;}
.nieTekst {}
.nieTekst span {color:#999999;font-size:14px;}
.nieTekst2 {margin-top:5px;width:60%;float:left;}
.nieTekst2 span {}
.leesmeer {text-align:right;}
.leesmeer a {display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;padding:7px 15px;font-family:OswaldLight,arial;font-size:13px;background-color:#4d5168;color:#fff;text-shadow:1px 1px 0px #434343;}
.leesmeer a:hover {border:1px solid #656a83;color:#656a83;background-color:#fff;text-shadow:none;}
.leesmeer2 {text-align:right;margin-top:30px;}
.leesmeer2 a {display:inline-block;border-radius:5px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;background-color:#4d5168;padding:7px 15px;font-family:OswaldLight,arial;font-size:13px;text-shadow:1px 1px 0px #434343;}
.leesmeer2 a:hover {background-color:#fff;color:#4d5168;text-shadow:none;}
.leesmeer3 {margin-top:10px;}
.leesmeer3 a {display:inline-block;border-radius:5px;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:2px;background-color:#fff;padding:5px 8px;font-family:OswaldLight,arial;font-size:11px;border:1px solid #656a83}
.leesmeer3 a:hover {background-color:#4d5168;color:#fff;text-shadow:1px 1px 0px #434343;}
.leesmeer4 {text-align:right;margin-top:30px;}
.leesmeer4 a {display:inline-block;border-radius:5px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;background-color:#4d5168;padding:7px 15px;font-family:OswaldLight,arial;font-size:13px;text-shadow:1px 1px 0px #434343;}


#sticky {}
/*footer top
****************/
#navContainer2 {width:auto;display:block;z-index:100;}

#nav2 {z-index:100;}
#nav2 ul {list-style-type: none; margin: 0; padding: 0; width:auto;white-space:normal;}
#nav2 ul li {}
#nav2 ul li a {display:inline-block;color: #7c7c7c;font-size:12px;text-transform:uppercase;margin-bottom:5px;font-weight:100;text-decoration:none;border-bottom:1px dotted #7c7c7c;}
#nav2 ul li a:hover, #nav2 li a:focus { color: #000;}
#nav2 li a:active, #nav2 ul li a.active { color: #000;}

#footer {padding:80px 0px;color:#7c7c7c;font-weight:100;background-color:#343638;border-top:1px solid #e7e7e7;margin-top:100px;}
#footer {  background-color: #343638;border-top: 1px solid #d8d8d8;padding: 25px 0px;color: #ccc;font-weight: 100;font-size: 15px;}
#footer a {color:#48bc45;text-decoration:underline;}
#footer a:hover{}
#fct {float:left;}
#fct ul{margin:0px;list-style-type:none;}
#fct ul li.last{margin-right:0px;}
#fct2 {}
#footer a.tel{text-decoration:none;}
.navB{display:none;}