@import "reset.css";

*:focus {outline: none;}
html {  -webkit-text-size-adjust: none;}
body{background-color:#f6f6f6;color:#393939;font-family:Raleway, Arial;font-size:14px;}
body, html {height: 100%;}

/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#393939;}
a:hover{color:#2c3137;text-decoration:none;}
b,strong{font-weight:bold;}

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

.placeholder {color:#969696;font-weight:600;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#969696;font-weight:600;}
:-moz-placeholder {color:#969696;opacity:1;font-weight:600;}
::-moz-placeholder {color:#969696;opacity:1;font-weight:600;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#969696;font-weight:600;}	
input[placeholder], textarea[placeholder] {color:#969696;font-weight:600;}

h1 {color:#393939;font-size:30px;line-height:normal;font-weight:900;padding-bottom:8px;margin-bottom:30px;border-bottom:1px solid #e4e4e4;text-transform:uppercase;}
h2 {color:#393939;font-size:24px;line-height:normal;font-weight:900;padding-bottom:8px;margin-bottom:30px;border-bottom:1px solid #e4e4e4;text-transform:uppercase;}
h3 {color:#393939;font-size:18px;line-height:normal;font-weight:700;padding-bottom:8px;margin-bottom:30px;border-bottom:1px solid #e4e4e4;}
h5 {color:#fff;font-size:15px;line-height:normal;font-weight:900;margin-bottom:15px;text-transform:uppercase;}

#top {background-color:#f6f6f6;padding:10px 0;}
.topleft {float:left;}
.topright {float:right;}
#service {text-align:right;}

a.Fiframe {display:inline-block;background-color:#000;color:#fff;text-decoration:none;padding:5px;border-radius:5px;}
#warning{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#1d7abd;z-index:120;display:none;}
#warning div.choose{background-color:#fff;width:300px;margin:50px auto;padding:50px;border:solid 5px #1d7abd;border-radius:10px;}
div.Wmessage{background-color:#fff;width:300px;margin:50px auto;padding:50px;border:solid 5px #19646e;border-radius:10px;}

#ahandel{position:absolute;top:64px;right:230px;background-color:#f60;color:#fff;padding:5px 10px 5px 10px;border-radius:3px;display:inline-block;text-decoration:none;}
.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);}
.sectiongrid			{margin:0px 0px 20px 0px;}

#prodShop input[type="radio"] {display:none;}
#prodShop input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../images/check_radio_sheet.png) left top no-repeat;cursor:pointer;}
#prodShop input[type="radio"]:checked + label span {background:url(../images/check_radio_sheet.png) -19px top no-repeat;}

.aanmelden a {font-size:13px;text-decoration:none;}
.menu-top ul li:nth-child(1) {display: none;}
#languages {float:right;}
#languages ul {list-style-type:none;margin:0;}
#languages ul li {float:left;}
#languages ul li a {color:#969696;text-decoration:none;text-transform:uppercase;display:inline-block;margin-left:20px;font-size:13px;}
#languages ul li:nth-child(1) a {margin-left:0;}
#languages ul li a.lcurrent {color:#8F9779;font-weight:700;}
#languages ul li a.lcurrent:hover {color:#8F9779;font-weight:700;}
#languages ul li a:hover {color:#4B5320;}
.menu-top {float:right;}
.menu-top ul li {display:inline-block;margin-left:20px;}
.menu-top ul li:nth-child(1) {margin-left:0px;}
.menu-top ul li a {text-decoration:none;font-size:13px;color:#969696;}
.menu-top ul li.menu-current a {font-weight:600;color:#393939;}
.menu-top ul li a:hover {color:#393939;}


#header2 {border-top:1px solid #e4e4e4;padding: 20px 0;background-color:#fff;}
#header {width:100%;display: flex;align-items: center;justify-content: space-between;}
#logo img {width: 250px;}


#b2b {background-color:#4B5320;overflow:hidden;height:35px;border-bottom:1px solid #2c3137;border-top:1px solid #2c3137;}

.grid-3 {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;;}
.grid-2 {display: flex;column-gap: 50px;}
.grid-2 div:first-child {flex: 2;}
.grid-2 div:last-child {flex: 1;}

#slideshowmob {display:none;}
.slidetitel {position:absolute;bottom:50px;left:0px;z-index:1000;background:rgba(0,0,0,0.4);color:#fff;font-weight:800;font-size:36px;padding:25px;text-transform:uppercase;}

.b2bshop {background-color:#8F9779;font-size:13px;color:#fff;font-weight:800;padding:10px 15px;float:left;text-transform:uppercase;}

#search {float:right;background-color:#4B6F44;padding:9px 15px;color:#f6f6f6;}
.searchfield {width:100%;}
input.search {float:left;background-color:#4B6F44;color:#f6f6f6;border:0px;border-radius:0px;box-shadow: none;-webkit-appearance:none;width:150px;font-size:13px;font-family:Raleway,arial;font-weight:600;}

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

#accBtn{display:none;}

#navMob {display:none;position:absolute;right:10px;top:10px;}
#navigation {display:none;}
#mobile-header a {display:block;padding:10px 15px;color:#fff;background-color:#8F9779;text-decoration:none;font-size:20px;text-transform:uppercase;font-weight:800;} 
#mobile-header span {font-weight:bold;font-size:17px;text-transform:uppercase;margin-right:5px;}

#contenthome {background-color:#fff;padding:50px 0;text-align:center;line-height:21px;border-bottom:1px solid #e4e4e4;}
.buttons {margin-top:25px;}
.btn1 {display:inline-block;}
.btn2 {display:inline-block;margin-left:25px;}
.btn1 a,a.action {background-color:#8F9779;font-weight:800;color:#fff;text-decoration:none;padding:15px;font-size:15px;text-transform:uppercase;display:block;border-radius:5px;max-width:300px;display:inline-block;margin-top:10px;}
.btn2 a {background-color:#8F9779;font-weight:800;color:#fff;text-decoration:none;padding:15px;font-size:15px;text-transform:uppercase;display:block;border-radius:5px;}
.btn1 a:hover,a.action:hover {background-color:#c0c;}
.btn2 a:hover {background-color:#4a79bb;}

#nivs {text-align:center;padding:50px 0;line-height:21px;}
.imgborder {padding:5px;background-color:#fff;border:1px solid #e4e4e4;border-bottom:3px solid #e4e4e4;position:relative;}

.subnivs {margin-top:10px;}
.subnivs ul {list-style-type:none;margin:0;}
.subnivs li a {display:block;margin-top:5px;padding-top:5px;border-top:1px solid #e4e4e4;color:#4B5320;font-size:13px;font-weight:800;text-decoration:none;text-transform:uppercase;}
.subnivs li:nth-child(1) a {margin-top:0px;padding-top:0px;border-top:0px;}
.subnivs li a:hover {color:#979797;}

#main {width:100%;margin:30px 0;line-height:24px;}
#content {width:100%;}
.contentleft {float:left;width:45%;margin-right:10%;}
.contentright {float:right;width:45%;}

.zoekstore {padding:25px 0;text-align:center;}
.loc-addr, .loc-phone, .loc-mail {font-size:13px;}

input[type="button"], input[type="submit"], input[type="image"], button {border:0px;font-family:Raleway,arial;background-color:#8F9779;color:#fff;font-weight:800;text-transform:uppercase;padding:10px 15px;margin-top:20px;border-bottom:3px solid #4a79bb;border-radius:5px;font-size:13px;-webkit-appearance: none;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="image"]:hover, button:hover {background-color:#4a79bb;}
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="image"]:disabled, button:disabled {background-color:#e4e4e4;border-bottom:3px solid #d7d7d7;cursor:auto;}

#footer {padding:30px 0px;color:#fff;background-color:#4B5320;line-height:21px;}
#footer a {color:#fff;}
#footer a.tel{text-decoration:none;}
.ftkol1 {float:left;width:50%;}
.ftkol2 {float:left;width:50%;text-align:right;}
#adres ul {margin:0px;list-style-type:none;}
#adres ul li {margin-bottom:5px;}
#adres ul li.last {margin-bottom:0px;}

/*NIEUWSBALK
*************/
.newsHome{margin-top:20px;}
.newsHome a{display:block;padding:10px;text-align:center;background: rgb(205,184,116);background: linear-gradient(90deg, rgba(205,184,116,1) 0%, rgba(241,229,170,1) 100%);color:#000;text-transform:uppercase;text-decoration:none;font-size:20px;}
.newsHome a i{color:#fff;}
.newsHome a:hover{background-color:#999;}
#nieuw h3{text-transform:uppercase}
.newsTotal{float:left;width:60%;margin-left:10%;}

/*NIEUWS
*************/
#nieuws 		{padding-top:30px;}

#newsAll{position:sticky;top:0px;z-index:1000;}
#newsAll a 		{display:block;padding:10px;text-align:center;background: #8F9779;color:#fff;text-transform:uppercase;text-decoration:none;font-size:20px;}
#newsAll a:hover{background-color:#999;}
.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:#fff;font-weight:bold;}
.nieuwsbericht 	{margin-bottom:20px;padding-bottom:20px;}
.nieDatum		{color:#000;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 #000;margin:20px 0px 20px 0px;}
.nieFancyZoom a {font-size:16px;}

.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:#000;color:#fff;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:#999;color:#fff;}
.nieSmallPic	{width:25%;max-height:60px;overflow:hidden;float:left;}


#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:#fff;font-size:14px;margin-bottom:5px;text-decoration:none;}
#nav2 ul li.menu-last a {margin-bottom:0px;}
#nav2 ul li a:hover, #nav2 li a:focus {text-decoration:underline;}
#nav2 li a:active, #nav2 ul li a.active {text-decoration:underline;}
/*#nav2 ul li.menu-current a {text-decoration:underline;}*/

#footer2 {margin-top:15px;padding-top:15px;border-top:1px solid #575d66;font-family:Raleway,arial;font-weight:700;text-transform:uppercase;font-size:12px;line-height:21px;}
#fct {float:left;}
#toTop {cursor:pointer;}
#fct2 {float:right;text-align:right;}

/*FORMS
********/
.required 				{color: #FF0000;}
.field_heading 			{font-weight: bold;padding-top: 10px;}
.field_row 				{display:flex;}
.field_title 			{flex:1;}
.field_input 			{flex:2;}
.field_checkbox 		{width: 100%;margin-bottom:10px;}
.field_title2 			{width:100%;margin-bottom:10px;}
.field_input2 			{width:100%;margin-bottom:10px;}
input[type='checkbox'] 	{width:auto;}
input[type='radio'] 	{width:auto;}
.textarea				{width:100%;}


.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:5px;width:100%;box-sizing: border-box;font-family:Work Sans, Arial;font-size:15px;}
.email,.textfield,.textarea			{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;}

.checkbox_label 		{cursor: pointer;}
.radio_label 			{cursor: pointer;}
.nixhier 				{display:none;}
.submit					{background-color:#000;color:#fff;border:none;padding:15px 30px;text-decoration:none;display:inline-block;margin-top:15px;font-size:15px;border-radius: 8px;}
.gdpr					{font-size:10px;line-height: normal;}