@import "reset.css";
@import "menu.css";
:root 					{
						--BACKGROUND: #fff;
						--COLOR: #000;
						--MAINCOLOR: #eee;
						--MAINCOLOR2: #d37bfe;
						--COLOR_ON_MAIN: #fff;
						--RED: #c00;
						--MNU_KLEUR:#000;
						--MNU_KLEUR_HOVER:#d37bfe;
						--MNU_KLEUR_DONKER:#000;
						--shopsub:#000;
						}
						
html {  -webkit-text-size-adjust: none;}
body{
	/*background:url(../images/bg.jpg) repeat-x #f3f5fe;*/
	background-color:#fff;
	color:#545454;
	font-family:netto,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	background-color:#fff;
}
/*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;background-color: #eee;}
#usable a:hover 		{background-color:#ccc;color:#fff;}

body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#545454;}
a:hover{color:#000;}
a.registre{text-decoration:none;display:inline-block;border:solid 1px #000;padding:3px 6px 3px 6px;border-radius:5px;}
a.registre:hover{background-color:#000;color:#fff;}
b,strong{font-weight:bold;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1500px;width:95%;height: auto;margin: 0px auto;position:relative;background-color:#fff;padding:10px;}

.placeholder {color:#fff;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;opacity:1;}
::-moz-placeholder {color:#fff;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#fff;}	
input[placeholder], textarea[placeholder] {color:#fff;}
a.hmP2{text-decoration:none;display:block;text-align:center;font-size:15px;margin-top:10px;}
/*page Title
**************/
h1 {color:#000;font-size:30px;line-height:normal;font-weight:normal;margin-bottom:20px;text-transform:uppercase;}
h2 {color:#000;font-size:18px;line-height:normal;font-weight:normal;margin-bottom:20px;text-transform:uppercase;}
h2 a{font-size:15px;}
/*header
******************/
#top {background:#343434;}
#winkelmand2{}
.hart{margin:50px 0px 50px 0px;}
.topleft {float:left;}
.topright {float:right;}
.searchfield {width:100%;}
input.search {background-color: #252525;color: #fff;border: 0px;border-radius: 0px;box-shadow: none;-webkit-appearance: none;width: 200px;padding: 11px;font-family: quick,arial;text-transform: uppercase;font-size: 11px;letter-spacing: 1px;}
.search_submit {display:block;float:right;background-color:#000;color:#fff;text-decoration:none;padding:10px;letter-spacing:1px;font-family:quick,arial;text-transform:uppercase;font-size:11px;}
.search_submit:hover {background-color:#000;color:#fff;}
#searchHome{text-align:center;width:100%;margin:40px 0px 40px 0px;}
.headright{position:absolute;top:0px;right:0px;width:100%;}

#subN {margin-top:30px;margin-bottom:30px;}
#subN ul {list-style:none;margin:0px;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
#subN ul li{}
#subN ul li.last{margin-right:0px;}
#subN ul li a{display:block;text-align:center;padding:20px;background-color:#ddddce;color:#88887b;font-size:20px;font-weight:bold;text-decoration:none;border-radius:50px;}
#subN ul li a:hover{color:#ddddce;background-color:#88887b;}

/*HEADER MOB
**************/
#navMobMenu 			{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob 				{background-color:#000;display:none;}

/*WARNING
****************/
#warning,#Zwarning		{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup2.png);}
#Wmessage,#ZWmessage	{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
#orderDay				{border:none !important;font-size:30px;color:#ad6a43;width:250px;}
/*POPUP
************/
#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:450px;margin:50px 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;}

.topCart2 				{width:250px;}
#zoekrb 				{position:absolute;right:270px;}
#zoekrb a 				{display:inline-block;padding:6px;border-radius:10px;border:solid 1px #000;}
#zoekrb a:hover 		{background-color:#616150;color:#fff;}
#hmmH1					{padding:15px;text-align:center;}

.gratis{text-align:center;text-transform:uppercase;}
.gratis2{text-transform:uppercase;border-bottom:solid 1px #868678;padding-bottom:10px;margin-top:0px;background-color:#ddddce;padding-top:5px;text-align:center;font-weight:bold;}

#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;text-transform:uppercase;font-family:quick,arial;text-transform:uppercase;font-size:11px;letter-spacing:1px;display:inline-block;}
#languages ul li a.lcurrent {background-color:#ee535b;color:#fff;}
#languages ul li a:hover {background-color:#ee535b;color:#fff;}
#loginLnks {text-align:right;}
#loginLnks #wnkAcc a,#loginLnks #wnkHis a,#loginLnks #wnkAfm a,#loginLnks #shop_name a{color:#000;}



/*MAIN CONTENT
*********************************/
#main{width:100%;margin:30px 0;line-height:21px;}

.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;}

/*IMAGES FIT
******************/
img.cover 				{object-fit:cover;aspect-ratio:4/3}
img.coverT 				{object-fit:cover;object-position:left top;aspect-ratio:4/3}
img.coverB 				{object-fit:cover;object-position:left bottom;aspect-ratio:4/3}
img.contain 			{object-fit:contain;aspect-ratio:4/3}

#aanmelden {float:right;}
#aanmelden a {display:block;padding:10px;color:#fff;text-decoration:none;}

.nivTopPic{float:left;width:30%;}
.nivTopPic img{width:100%;display:block;}
.nivTopTitel{float:left;width:70%;color:#fff;text-shadow: 1px 1px #444;}
.nivTopTitel h2{font-size:25px;text-transform:uppercase;color:#fff;text-align:right;padding:0px;margin-bottom:0px;}
.nivTopTitel div{font-size:14px;padding:20px;text-align:right;}



#accBtn{display:none;}

#header {padding:30px 0px 0px 0px;}
#logo {float:left;}
#logo a img{border:solid 10px #fff;width:320px;}

#navigation,#mobSearch,#topMob,#topMob,#searchMob,.searchmob{display:none;}
#navMob {background-color:#343434;}
#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;}

#hmTxt{position:absolute;width:auto;top:20px;margin-right:20px;z-index:5;display:inline-block;float:right;right:0px;min-width:300px;}
#hmTxtIn{text-align:right;padding:10px;line-height:normal;color:#fff;}
#hmTxtIn span.txt1{font-size:20px;text-shadow: 1px 1px #000000;text-transform:uppercase;}
#hmTxtIn span.txt2{font-size:14px;line-height:14px;}
#hmTxtBack{position:absolute;width:100%;height:100%;background-color:#000;z-index:-1;opacity:0.50;display:inline-block;left:0px;border-radius:10px;border:solid 1px #fff;}
#hmTxtIn a{color:#000;text-decoration:none;font-size:15px;background-color:#fff;padding:5px;text-shadow:none;text-transform:uppercase;display:inline-block;margin-top:15px;}
.colH{}
.colH img{display:block;}
.colH{width:48%;float:left;margin-right:4%;color:#88887b;}
.last{margin-right:0px;}
h2.h1{font-size:30px;font-weight:1200;color:#616150;line-height:normal;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase;letter-spacing:0px;}
h2.prom{color:#616150;}
/*main content -> menu & content
*********************************/
#main{width:100%;margin:0px 0;line-height:21px;}

.bekijk{text-align:center;}

/*content block
*******************/
#contenthome{float:left;width:50%;margin-right:5%;}
#content{width:100%;}

/*nieuws*/
#nieuws {float:left;width:45%;}
.newsPicc{float:left;width:35%;margin-right:5%;}
.nieImgH{float:left;width:30%;margin-right:5%;}
.nieTxtH{float:left;width:65%;}
.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:20px;padding-bottom:20px;border-bottom:1px dotted #999999;}
.nieTitel a {text-transform:uppercase;letter-spacing:1px;text-decoration:none;font-family:OswaldLight,arial;line-height:normal;}
.nieTekst {margin-top:5px;}
.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;}

#social {padding-bottom:10px;}
.facebook {float:left;font-family:quick,arial;font-size:14px;text-transform:uppercase;text-decoration:none;color:#706f6f;line-height:20px;float:right;}
.social {margin:0;list-style-type:none;display:inline;}
.social li {display:inline-block;}
.social li a{text-decoration:none;}
.social li img {margin-right:8px;width:20px;}

/*footer top
****************/
#footer {padding:50px 0px;color: #88887b;font-weight:100;background-color:#fff;}
.ftkol1 {float:left;width:33%;}
.ftkol2 {float:left;width:34%;}
.ftniv1 {list-style-type:none;margin:0;padding:0;}
.ftniv1 li {}
.ftniv1 li a {display:inline-block;color: #000;text-transform:uppercase;margin-bottom:5px;font-weight:100;text-decoration:none;border-bottom:1px dotted #88887b;}
.ftniv1 li a:hover {color:#000;}
.ftniv1 li.curr a {color:#000;}
.ftkol3 {float:left;width:33%;text-align:right;color:#000;}
.ftkol3 span {font-size:16px;line-height:24px;text-align:center;}
.ftkol3 a {color:#000;text-decoration:none;}
.ftkol3 a:hover {color:#000;}
.ftborder1 {border-right:1px solid #d8d8d8;padding-right:20px;}
.ftborder2 {border-right:1px solid #d8d8d8;padding:0 20px;}
.ftborder3 {padding-left:20px;}
.ftborder3 ul {list-style-type: none;margin: 0;}
#footer2 {background-color:#ddddce;border-top:1px solid #d8d8d8;padding:25px 0px;color:#88887b;font-weight:100;}
#fct1 {float:left;}
#fct2 {float:right;}
#fct2 a {text-decoration:none;border-bottom:1px dotted #88887b;color:#88887b;}


#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: #000;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 {  background-color: #ededed;border-top: 1px solid #d8d8d8;padding: 25px 0px;color: #7c7c7c;font-weight: 100;}
#footer a {color:#000;text-decoration:underline;}
#fct {float:left;}
#fct ul{margin:0px;list-style-type:none;}
#fct ul li{float:left;margin-right:3px;}
#fct ul li.last{margin-right:0px;}
#fct2 {float:right;}
#footer a.tel{text-decoration:none;}
.navB{display:none;}


/*FORMS
********/
.required 							{color: #CC0000;}
.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;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;margin-bottom:0px;}

.checkbox_label 		{cursor: pointer;}
.radio_label 			{cursor: pointer;}
.nixhier 				{display:none;}
.submit					{background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);border:none;padding:15px 30px;text-decoration:none;display:inline-block;margin-top:15px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;font-family:Work Sans, Arial;font-size:15px;border-radius: 20px;}
.gdpr					{font-size:10px;line-height: normal;}