@import "reset.css";
@import "menu3.css";

input[type="text"], input[type="submit"] {-webkit-appearance: none;box-shadow: none !important;    outline: none;}
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Droid Serif, Arial;font-size:14px;}
body, html {height: 100%;font-family:Montserrat,arial;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#ccb450;}
b,strong{font-weight:bold;}
.perfectM{float:left;width:20%;}
a.matchmakerT{color:#000;background-color:#000;color:#fff;text-decoration:none;padding:5px;margin-bottom:10px;display:inline-block;}
a.matchmakerT:hover{background-color:#ccb450;}
#superwrapper {min-height: 100%;height: auto !important;height: 100%;}

a.inloggenA{text-decoration:none;color:#fff;margin-right:10px;display:inline-block;padding:10px;box-sizing:border-box;}
a.inloggenA:hover{background-color:#ccb450}
a.filtermnua,.filter li a.filtermnua{background-color:#fff;border:solid 1px #000;display:inline-block;color:#000;padding:5px;text-decoration:none;}
.wrapper {max-width: 1500px;width:95%;height: auto;margin: 0px auto;position:relative;}
.placeholder {color:#7a7976;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#7a7976;}
:-moz-placeholder {color:#7a7976;opacity:1;}
::-moz-placeholder {color:#7a7976;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#7a7976;}	
input[placeholder], textarea[placeholder] {color:#7a7976;}


.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);}
.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%);}

#hoverCart{display:none;position:absolute;top:0px;right:0px;width:500px;z-index:500;}
#hoverCartDiv{position:fixed;top:0px;right:-20px;height:100vh;background-color:#fff;padding:30px;border-left:solid 1px #ccb450;overflow:scroll;}
#verberg{display:block;margin-bottom:0px;text-decoration:none;position:fixed;background-color:#fff;border:solid 1px #000;top:30px;padding:5px;}
.cartPd{padding:20px 0px 70px;}
.afrHvC{background-color:#000;color:#fff;display:block;}

.homeTxt{position:absolute;color:#fff;}
input.search.placeholder {color:#fff;}
input.search::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#fff;}
input.search:-moz-placeholder {color:#fff;opacity:1;}
input.search::-moz-placeholder {color:#fff;opacity:1;}
input.search:-ms-input-placeholder, :-ms-textarea-placeholder {color:#fff;}	
input.search[placeholder], textarea[placeholder] {color:#7a7976;}
a.action{display:inline-block;padding:15px;background-color:#000;color:#fff;text-decoration:none;margin-top:20px;text-transform:uppercase;border-radius:5px;}

#payPoss {text-align:center;}
#payPoss img{display:inline-block;margin:10px 5px 0px 5px;}
.greenSafety{color:#0c0;}

#homePromo{position:absolute;bottom:0px;}
#homePromo a{background-color:#c00;font-size:19px;display:inline-block;padding:10px;text-decoration:none;color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;}
#homePromo a:hover{background-color:#ccb450;color:#000;font-weight:normal;text-shadow:none}
#homePromo a.NNN{background-color:#000;}
#homePromo a.NNN:hover{background-color:#ccb450;color:#000;font-weight:normal;text-shadow:none;}
#mobPic{display:none;}

#homePromo2{position:absolute;top:0px;}
#homePromo2 a{border:solid 1px #000;font-size:15px;display:inline-block;padding:10px;text-decoration:none;margin-top:5px;}
#homePromo2 a:hover{background-color:#ccb450;color:#000;text-shadow:none;}
#brm{display:none;}

#bottomArr{text-align:center;position:absolute;width:100%;top:50px;}
#bottomArr a{font-size:50px;color:#fff;}
/*WARNING
****************/
#warning,#Zwarning{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup.png);}
#Wmessage,div.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%;}
div.Wmessage{background-color:#fff;width:310px;margin:100px auto;padding:50px;border:solid 5px #47bd44;border-radius:10px;box-sizing:border-box;}
#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;}

/*page Title
**************/
h1 {color:#000;font-size:20px;line-height:normal;font-weight:700;margin-bottom:40px;text-transform:uppercase;font-family:Montserrat,arial;}

h1.prodL {color:#000;font-size:20px;line-height:normal;font-weight:700;margin-bottom:0px;text-transform:uppercase;font-family:Montserrat,arial;}
h1.prodL:after {content:' ';display:block;width:63px;height:2px;margin:10px 0 10px 0;background-color:#000;}
h2 {color:#000;font-size:18px;line-height:normal;font-weight:700;margin-bottom:30px;text-transform:uppercase;font-family:Montserrat,arial;margin-top:30px;text-align:center;border-top:solid 3px #444;padding-top:30px;}
h2.prodL{margin:30px 0px 0px 0px;padding:30px 0px 0px 0px}
h2:after {content:' ';display:block;width:63px;height:2px;margin:10px 0 25px 0;background-color:#000;}
h2.prodL:after {content:' ';display:block;height:0px;margin:0px;padding:0px;;background-color:#000;}
h2.fil{padding-top:0px;margin-top:0px;text-align:left;border-top:none;}
h3 {color:#000;font-size:20px;line-height:normal;font-weight:700;margin-bottom:40px;text-transform:uppercase;text-align:center;font-family:Montserrat,arial;}
/*h3:after {content:' ';display:block;width:63px;height:2px;margin:10px auto;background-color:#000;}*/
h4 {color:#fff;font-size:20px;line-height:normal;font-weight:700;margin-bottom:40px;text-transform:uppercase;text-align:center;font-family:Montserrat,arial;}
h4:after {content:' ';display:block;width:63px;height:2px;margin:10px auto;background-color:#fff;}
h6 {color:#fff;font-size:36px;text-transform:uppercase;font-weight:700;margin-bottom:20px;line-height:normal;font-family:Montserrat,arial;}

a.crfilter{display:inline-block;padding:5px;border:solid 1px #444;text-decoration:none;border-radius:5px;font-family:Montserrat,arial;margin-bottom:5px}
a.crfilter:hover{background-color:#ccb450;color:#fff;}
/*HEADER MOB
**************/
#navMobMenu 			{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob 				{background-color:var(--BACKGROUND);display:none;}

/*header
******************/
#top {background-color:#000;position:sticky;top:0px;z-index:300;text-align:right;height:37px;}

.topleft	{float:left;}
.topright	{float:right;}
#logoS		{display:none;}


#search {padding:6px 0px;}
.searchfield {width:100%;}
input.search {background-color:transparent;color: #fff;border: 0px;border-radius: 0px;box-shadow: none;-webkit-appearance: none;width: 200px;padding:3px 0px;font-family:Droid serif,arial;border-bottom:1px solid #fff;font-size:11px;}
.search_submit {display:block;float:right;color:#fff;text-decoration:none;padding:3px 3px 2px 3px;font-size:11px;border-bottom:3px solid #fff;}
.search_submit:hover {color:#ccb450;}

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

#accBtn {font-size:12px;padding:3px 0;color:#fff;}
#accBtn a {display:inline-block;color:#fff;text-decoration:none;}
#accBtn a:hover {color:#ccb450;}

.headleft {float:left;}
.headright {text-align:right;}
#mobMain{display:none;position:sticky;top:43px;z-index:101;}
#header {background-color:#ccb450;padding:5px 0px;z-index:100;box-shadow:0px 3px 12px #444;border-bottom:solid 1px #000;position:sticky;top:37px;}
#bigPic{position:relative;font-size:40px;font-family:Droid+Serif, sans-serif;text-shadow: 1px 1px #000;widht:100%;justify-content:center;display:flex;align-items:center;}

#slideshow {position:relative;z-index:10;height:400px;}
#slideshow5 {position:relative;z-index:10;}
#abs {position:absolute;bottom:50px;left:0px;z-index:1000;width:100%;}
.slidetitel {background:rgba(0,0,0,0.4);color:#fff;font-weight:800;font-size:36px;padding:25px;display:inline-block;}
.slideknop {margin-top:25px;}
.slideknop a {display:inline-block;padding:10px;background-color:#000;color:#fff;text-decoration:none;}

#banneru {position:relative;background:url(../images/wijn-kopen-wijnhandel.jpg) no-repeat center center;width:100%;height:250px;background-size:cover;}
#bannerj {position:relative;background:url(../images/verhuur-banner.jpg) no-repeat center center;width:100%;height:250px;background-size:cover;}
#bannert {position:relative;background:url(../images/spaans-banner.jpg) no-repeat center center;width:100%;height:250px;background-size:cover;}
#bannersd {position:relative;background:url(../images/sterke-drank.jpg) no-repeat center center;width:100%;height:250px;background-size:cover;}
#bannerb {position:relative;background:url(../images/bio.jpg) no-repeat center center;width:100%;height:250px;background-size:cover;}
#abs2 {position:absolute;height:100%;width:100%;display:block;top:0px;left:0px;z-index:99;}
.table {display:table;width:100%;height:100%;}
#row {display:table-cell;vertical-align:middle;text-align:center;color:#fff;padding:0 20px;}

#navigation {display:none;}
#navMob {display:none;}
#mobile-header a {color:#fff;text-decoration: none;display: block;font-size:14px;text-transform:uppercase;background-color:#ccb450;padding:10px;font-family:Montserrat,arial;} 


/*main content -> menu & content
*********************************/
#main {width:100%;margin:60px 0;line-height:24px;}
#mainhome {width:100%;margin:60px 0;line-height:24px;}
#contenthome{float:left;width:50%;}
#content{width:100%;}
#nieuws {float:right;width:40%;margin-left:10%;}

#nivs {margin-bottom:60px;position:relative;}
.boordpad {background-color:#fff;position:relative;padding:20px;}
.prodhomeTitle a {display:block;padding:20px 10px;background-color:#ccb450;color:#000;font-weight:bold;text-decoration:none;text-align:center;font-family:Montserrat,arial;text-transform:uppercase;}
.prodhomeTitle a:hover {background-color:#000;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}

.leftpic {float:left;width:100px;text-align:center;}
.righttekst {float:right;width:60%;}
.idk {margin-bottom:5px;}
.idk:last-child {margin:0;border:0;}
.idkpad {padding:20px;border-bottom:1px solid #eee;background-color:#fff;}
.leesmeer {margin-top:20px;}
.leesmeer a {display:inline-block;background-color:#ccb450;border:1px solid #ccb450;color:#fff;padding:5px 10px;text-decoration:none;line-height:normal;font-size:12px;}
.leesmeer a:hover {background-color:transparent;color:#ccb450;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition: 0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}
.prijss {margin-top:10px;font-size:18px;}

#filter {}
.filter {list-style-type:none;margin:0;}
.filter li {margin-bottom:5px;position:relative;}
.filter li a {display:inline-block;color:#7a7976;text-decoration:none;padding-left:0px;}
.filter li.curr a {color:#ccb450;}
.filter li a:hover {color:#ccb450;}
.filter li a:before {}

/*previous-next
********************/
#usable{display:table;float:right;}
#usable div{display:table-row;}
#usable div div{display:table-cell;width:33.33%}
#usable a{box-sizing:border-box;padding:5px;text-decoration:none;border-radius:5px;}
#usable a:hover{background-color:#ccc;color:#fff;}
#usable div div:nth-child(2) {text-align:center;}
#usable div div:nth-child(3) {text-align:right;}

#newsAll a 		{display:block;padding:25px;text-align:center;background-color:#c00;color:#fff;text-decoration:none;text-transform:uppercase;font-size:15px;font-weight:bold;}
#newsAll a:hover{background-color:#fff !important;color:#000 !important;}

.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:20%;margin-right:5%;}
.nieTxtList		{float:left;width:75%;}
.nieTxtList a 	{font-weight:bold;}
.nieuwsbericht 	{margin-bottom:20px;padding-bottom:20px;}
.nieDatum		{color:#ccb450;display:inline-block;padding:5px 5px 5px 0px;margin-bottom:10px;font-size:14px;}
.nieTitel		{font-size:20px;margin-bottom:10px;font-weight:normal;font-weight: 700;}
.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 {color: #fff;padding: 10px 20px;text-decoration: none;background-color: #ccb450;display: inline-block;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 0.5px;border: 2px solid #ccb450;border-radius: 10px;margin-top: 30px;}
.nieBtn a:hover {color: #ccb450;background-color: transparent;}
.nieSmallPic	{width:25%;max-height:60px;overflow:hidden;float:left;}

/*footer top
****************/
.ftkol1 {float:left;width:30%;margin-right:5%;}

.ftkol2 {float:left;width:30%;margin-right:5%;}
.ftniv1 {list-style-type:none;margin:0;}

.ftkol3 {float:left;width:30%;text-align:right;}
#fct ul {margin:0;list-style-type:none;}
#fct li {display:block;}
#fct i {color:#ffb10b;font-size:16px;width:30px;}

#footer2 {background-color:#fff;border-top:1px solid #eee;padding:40px 0px;line-height:24px;}
#footer2 a {color:#000;text-decoration:none;}
#footer2 a:hover {color:#999;}

#footer2 a.tel{text-decoration:none;color:#000;}

#footer {padding:15px 0px;background-color:#000;color:#fff;text-align:center;font-size:12px;}
#footer a {color:#fff;}