BODY
{
    margin:0px;
    FONT-SIZE: 13px;
    COLOR: #000000;
    FONT-FAMILY: 'Source Sans pro', sans-serif;
    background-color:#F8F6F7;
	}


INPUT[type="text"] {
    padding:1px 0px;
}
	
	
	
	
.backgroundmob {
    
}

#topafbeeldingmob {
display:block;
margin:auto;
margin-bottom:3px;
}

.bgdiv {
	background-color:#F8F6F7;
	background-attachment:scroll !important;
	display:none;
    height: 100%;
    width: 100%;
    position: fixed;
	top:0;left:0;z-index:-99;
}	


#container {
    nn:10;
    margin: 0px 0px;;
}


.menuaan 
{
white-space: nowrap;
font-family:'Source Sans pro', sans-serif;
font-size:14px;
font-weight:bold;
padding-left:7px;
padding-right:7px;
background-color:transparent;;
color:#cccccc;
height:30px;
line-height:30px;
vertical-align:middle;
width:;
 font-weight: 400 !important;font-size:16px !important;line-height:inherit !important;;
}
.menuaancolor
{
background-color:transparent;;
color:#cccccc;
}

.menuuit 
{
white-space: nowrap;
font-family:'Source Sans pro', sans-serif;
font-size:14px;
font-weight:normal;
padding-left:7px;
padding-right:7px;
color:#ffffff;
background-color:transparent;
height:30px;
line-height:30px;
vertical-align:middle;
width:;
 font-weight: 400 !important;font-size:16px !important;line-height:inherit !important;;

}

.menuuitcolor
{
color:#ffffff;
background-color:transparent;
}


.menumob
{
line-height:24px;
}

.menutable 
{

text-transform:uppercase !important;letter-spacing:2px
}

.listlink {
display:inline-flex;
}

.agmenuaan 
{
font-family:'Source Sans pro', sans-serif;
font-size:10px;
font-weight:bold;
padding-left:7px;
padding-right:7px;
background-color:transparent;;
color:#cccccc;
height:20px;
line-height:20px;
vertical-align:middle;
 font-weight: 400 !important;font-size:16px !important;line-height:inherit !important;;
}
.agmenuaancolor
{
background-color:transparent;;
color:#cccccc;
}

.agmenuuit 
{
font-family:'Source Sans pro', sans-serif;
font-size:10px;
font-weight:normal;
padding-left:7px;
padding-right:7px;
color:#ffffff;
background-color:transparent;
height:20px;
line-height:20px;
vertical-align:middle;
 font-weight: 400 !important;font-size:16px !important;line-height:inherit !important;;

}

.agmenuuitcolor
{
color:#ffffff;
background-color:transparent;
}








.h1style {
	display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}


H1 , .h1style {
font-family:'raleway', serif;;
color:#000000;
font-size:24px;line-height:34px;font-weight:normal; text-transform:uppercase;letter-spacing:2px;text-align:center;margin:10px 0px 30px 0px !important;
margin:2px 0px 3px 0px;
}

H2 {
font-family:'raleway', serif;;
color:#606060;
font-size:18px !important;line-height:28px;font-weight:normal !important; text-transform:uppercase;letter-spacing:2px;color:#000;;
}

.txt {
font-family:'Source Sans pro', sans-serif;
color:#000000;
font-size:16px;line-height:26px;font-weight:300;;
}


.prompt {
font-family:'Source Sans pro', sans-serif;
color:#000000;
font-size:16px;line-height:26px;font-weight:300;;
font-weight:bold;
}


A:link
{
font-family:'Source Sans pro', sans-serif;
color:#660000;
font-weight:normal;
TEXT-DECORATION: none
}
A:visited
{
font-family:'Source Sans pro', sans-serif;
color:#660000;
font-weight:normal;
TEXT-DECORATION: none
}
A:active
{
font-family:'Source Sans pro', sans-serif;
color:#660000;
font-weight:normal;
TEXT-DECORATION: none;
}
A:hover
{
font-family:'Source Sans pro', sans-serif;
color:#660000;
font-weight:normal;
TEXT-DECORATION: underline;
}


.colofon,.colofonmob {
font-family:'Source Sans pro', sans-serif;
font-size:10px;
}
.colofonmob,.colofonmob A {
background:#333333;
color:white;    
}
.colofonmob {
    clear:both;
}
.fbr {
    height:160px;
    margin-bottom: 7px;
    overflow:hidden;
font-family:'Source Sans pro', sans-serif;
color:#000000;
}
.fbr:hover {
    overflow-y: auto;
}


INPUT
{
font-family:'Source Sans pro', sans-serif;
font-size:9pt;
color:#343333;

background-color: rgb(250,250,250); 
border:1px solid #cccccc;
}



.butover
{
cursor: pointer;
font-family:Arial;
font-weight:bold;
background-color: #FE3D51; 
color:#FFFFFF;
border: 1px solid #FE3D51; 
border-radius:6px;
min-height:24px;
}
.but 
{
cursor:pointer;
font-family:Arial;
font-weight:bold;
color:#FE3D51;
background-color:#FFFFFF;
border: 1px solid #FE3D51; 
border-radius:6px;
min-height:24px;
}



.sbut 
{
font-family: 'Source Sans pro', sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
background-color:transparent;
height:15px;
border:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
}
.sbutover 
{
cursor: pointer;
font-family: 'Source Sans pro', sans-serif;
font-size:8pt;
font-weight:bold;
color:#999999;
background-color:#ffffff;
height:15px;
border:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.sbox
{
border:0px;
height:12px;
width:100px;
background:#ffffff;
font-family:Arial;
font-size:11px;
font-weight:bold;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}



SELECT
{
font-family:'Source Sans pro', sans-serif;
font-size:9pt;
color:#343333;
border:1px solid #cccccc;
}
TEXTAREA
{
font-family:'Source Sans pro', sans-serif;
font-size:9pt;
color:#111111;
background-color: #ffffff; 
border:1px solid #cccccc;
}


.txt2
{font-family:'Source Sans pro', sans-serif;
font-size:8pt;
font-weight:bold;
color:#343333
}

.input-rounded-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #696661;
    padding:1px 8px 1px 8px;
    display:inline-block;
    text-decoration:none;
    background:#595651;

    color:#FFFFFF;
    cursor:pointer;
    font:10px sans-serif;
    font-weight:bold;
}

.input-rounded-button2 {
    background:#999999;
}

.input-button-alert {
    background:#ff0000 !important;
}

.input-rounded-button:hover { 
    text-decoration:none; 
    color:#ADD8E6; 
    cursor:pointer;
    border:1px solid #595651;
}

#beheerdiv .input-rounded-button {
margin-bottom:2px;
}

.label-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #BD1C2B;
    padding:1px 8px 1px 8px;
    display:inline-block;
    text-decoration:none;
    background:#BD1C2B;

    color:#FFFFFF;
    font:10px sans-serif;
    font-weight:bold;
}



#beheerdiv {
position:fixed;
left:20px;
bottom:20px;
background:#ffffff;
z-index:100;
border:1px solid #cccccc;
padding:0px 5px 0px 5px;
}

#beheerdivpags {
width:220px;
position:fixed;
right:20px;
bottom:20px;
background:#ffffff;
z-index:100;
border:1px solid #cccccc;
padding:0px 5px 0px 5px;
}

.actbutton {
height:17px;
cursor:pointer;
}



.block,.sideblock {
	box-shadow: 0 0px 0px rgba(255, 255, 255, 0);
	border-bottom:2px solid #606060;padding-bottom:30px;

}

.blockpc {
	[blok:vastehoogte]
}
.blockmob {

}

.blockcontent {

	margin:0px;
}

.blockheader {

	color:#;font-size:14px;background-color:#ffffff;padding:3px;;
}

.blockheaderoverlay {

	margin:auto;left:0;right:0;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;top:0px;width:100%; height: 100%;background:rgba(0,0,0,0.0);color:#ffffff; text-align: center;cursor:pointer;;
}

.blockheaderoverlay  H1,.blockheaderoverlay  .h1style{

	color:#ffffff; position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 90%;height: 27px;margin: auto;text-transform:none !important;font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:normal;font-size:17px;letter-spacing:0px;;
}


.blockheaderoverlayvast {

	position:absolute;
	cursur:pointer;
}


.fancyimgoverlay {
	padding:5px;margin:auto;left:0;right:0;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;bottom:0px;width:100%;background:rgba(0,0,0,0.5);color:#ffffff;;
}



.fancyimgoverlayvast {
	position:absolute;
}

.ovzimgoverlay {
padding:5px;margin:auto;left:0;right:0;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;bottom:0px;width:100%;background:rgba(0,0,0,0.5);color:#ffffff;
}

.ovzimgoverlayvast {
	position:absolute;
	font-weight:normal;
}


.flex-caption {
position:absolute;
z-index:1;
background:rgba(0,0,0,0.7);color:#ffffff;font-size:3vw;line-height:4vw;margin:0px;border-radius:5px;border:4px solid white;padding:10px 20px;font-family:'raleway', sans-serif;top:50%;left:50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);
}

.flex-captionsub {
display:block;
font-size:2.5vw;line-height:3.5vw;
}

.diavoorstelling {
height:300px; background: #ffffff; margin-top: 10px !important;
}


#diavtwindow {
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
}



.flexslider { 
margin: 0 0 60px; 
position: relative; 
}

.blockimg {

}

.blockimg:hover{

}

#slotdiv {
font-size:12px;text-align:center;line-height:normal;
}

.footerinner {
overflow:auto;background:#eeeeee;border:1px solid #dddddd;text-align:left;

}

.socialmediamenu {
font-size:40px;
}

.footercol {
float:left;width:20%;min-width:160px;padding:10px;
}

#scrtekst {
margin-right:10px;
}

#_atssh {
font-size:1px;
}

#topmenu {
position:fixed;   
width:100%;
left:0px;
top:0px;
z-index:10;
}

.topmenudiv {
background:#000000;
color:#ffffff;
font-size:24px;
padding:5px;
cursor:pointer;
word-wrap: break-word;
}

.topmenudiv A {
color:#ffffff;
}

.snap-drawer-left {
background:#ffffff;
}

.topmenuitem {
background:#000000;
color:#ffffff;
font-size:18px;
padding:12px;
cursor:pointer;
border-top:1px solid #ffffff;
font-family:sans-serif;
word-wrap: break-word;
}

.snap-drawer-right,.contactcontent {
background:#ffffff;
}


.fixcontent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.sideblock .sleepding {display:none}

#checkoutdiv {
position:fixed;
top: 30px;
right: 30px;
background:rgba(0,0,0,0.7);
color:#ffffff;
font-size:48px;
padding:20px;
border-radius:10px;
max-width:250px;
z-index:10
}
#checkoutdiv A {
color:#ffffff;
}
#checkoutdivcontent {
font-size:12px;
}


.wm_body {
margin:20px;
}

.winkelmandregel1 {
border-top:1px solid rgba(220,220,220,0.3);
}
.winkelmandregel2 {
border-top:1px solid rgba(220,220,220,0.3);
}

.wmtijdselectie ,.wmlocselectie{
border:1px solid;
border-radius:7px;
padding:10px;
cursor:pointer;
float:left;
margin:15px 15px 15px 0px;
}

.wmtijdselectieopt {
margin:15px 15px 15px 0px;
cursor:pointer;
float:left;
}

.socmedbalk {
height:30px;
text-align:right;
margin:10px 0px 10px 0px;
background-color:#ffffff;opacity:1.0;text-align:center;background:url('/img/line.gif') repeat-x center center !important;
}

.subnavbar {
height:30px;
text-align:right;
margin:10px 0px 10px 0px;
overflow:hidden;
background:#91ACBC;opacity:1.0;
}

#nfmodal {
padding:20px;position: fixed; right: 1em; bottom: -15em;z-index: 99;width:303px;
background:#ffffff;
}

#nfmodalfixed {
padding:20px;position: fixed; right: 1em; bottom: 8px;z-index: 99;width:303px;
background:#ffffff;
}

.nbut {
cursor:pointer;
font-family:Arial;
text-transform:uppercase;
border: 1px solid #A5DF44;
background-color: #A5DF44;
color: #ffffff;
font-size:12px;
font-weight:bold;
}

.nbut:hover {
background-color:#ffffff;
color:#A5DF44;
}

#addthisdiv A,#sharediv A,.mobaddthisdiv A {
color:#A4BACA;font-size:18px;
}

.icon-leesmeer {
white-space: nowrap;
}

#blocklistwrap {
min-height:300px;
}


.ffax {
font-weight:bold;
margin:0px 0.45em 0px 0.45em;
}

.lijstbeh {
background:#ffffff;color:#000000;border:1px solid #333333;height:40px;margin-bottom:3px;padding:6px;
}

.sformfield {
padding:2px;
border:1px solid #999999;
overflow:hidden;
}

.sformfield  INPUT{
vertical-align:bottom;
}

.sformtitel {
margin-top:5px;
}

.sformtext {
width:99%;
}
.sformbut {
cursor:pointer;
margin-top:7px;
border-radius:4px;
font-weight:bold;
font-size:13px;
background:white;
color:#333333;
padding:1px 18px 1px 18px;
border:1px solid #333333;
}
.sformbut:hover{
background:#333333;
color:white;
}
.button {
font-family: 'Oxygen', sans-serif;
letter-spacing: 1px; 
font-size: 13px; 
line-height: 13px; 
font-weight: bold;
color: #3f3f3f;
border-radius: 15px;
cursor: pointer;
background-color: #ffffff;
height: 25px;
background-size: auto 50%;
background-repeat: no-repeat;
background-position: 15px;
text-transform:lowercase;
}
.buttonsm {
font-family: 'Oxygen', sans-serif; 
font-size: 11px; 
line-height: 11px; 
letter-spacing: 1px; 
font-weight: bold;
color: #3f3f3f;
border-radius: 20px;
  cursor: pointer;
  background-color: #ffffff;
  height: 20px;
background-size: auto 50%;
background-repeat: no-repeat;
background-position: 12px;
}



.buttongreen {
border: 1px solid #A5DF44;
background-color:#ffffff;
color:#A5DF44;
}
.buttongreen:hover {
background-color: #A5DF44;
color: #ffffff;
}


.buttonred {
border: 1px solid #FA566F;
background-color:#ffffff;
color:#FA566F;
}
.buttonred:hover {
background-color: #FA566F;
color: #ffffff;
}


.buttonblue {
border: 1px solid #00CBB6;
background-color:#ffffff;
color:#00CBB6;
}
.buttonblue:hover {
background-color: #00CBB6;
color: #ffffff;
}

.buttonblack {
border: 1px solid #665B52;
background-color:#ffffff;
color:#665B52;
}
.buttonblack:hover {
background-color: #665B52;
color: #ffffff;
}




.buttoncontentx {
background-image: url('/buttonico/kruisje.png');
}

.buttoncontentv {
background-image: url('/buttonico/vinkje.png');
}

.buttoncontentplus {
background-image: url('/buttonico/plusje.png');
}

.buttoncontentbewerk {
background-image: url('/buttonico/bewerkpen.png');
}

.buttoncontentview {
background-image: url('/buttonico/tonen.png');
}

.buttoncontentloguit {
background-image: url('/buttonico/loguit.png');
}
  
.buttoncontentwm {
background-image: url('/buttonico/winkelmand.png');
}
  
.buttoncontentm2s {
background-image: url('/buttonico/mail.png');
}
  
.zoekhighlight {
background:yellow;
color:#000000;
}
  
.reactie {
border-top:1px solid #cccccc;
}

.sblokform p {
font-size:10px;
font-weight:bold;
line-height:18px;
margin-top:5px;
margin-bottom:5px
}

.thin {
font-size:11px;
font-style:italic;
}

.seqfield {
	font-size:10px;width:20px;vertical-align:top;text-align:right;
}

.sboxbut {
	cursor:pointer;
}
.beheerkeuze {
color:#30a99a;
font-family: Arial;
font-size:13px;
cursor:pointer;
border-bottom:1px solid #dddddd;
min-width:200px;
padding:4px;
}
.beheerkeuze2 {
font-size:11px;
color:#30a99a;
font-family: Arial;
cursor:pointer;
padding:4px;
padding-left:10px;
}
.beheeralert {
color:#990000;
}
.beheerforms {
color:#30a99a;
background:white;
font-family: Arial;
font-size:13px;
cursor:pointer;
border:1px solid #30a99a;
min-width:200px;
padding:4px;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
margin-right:7px !important;
margin-top:3px;
}

#mobcontainer .flex-next,#mobcontainer .flex-prev {
line-height:20px !important;
}
#mobcontainer .flex-next:before,#mobcontainer .flex-prev:before {
font-size:20px !important;
}
.oudprijs {
    text-decoration:line-through;
    margin-left:3px;
}
.mypref {
opacity:0.5;
cursor:pointer;
position: absolute;
right: 10px;
top: 10px;
color: white;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
font-size: 24px;
z-index:10;
}


.myprefon {
opacity:1;
}
#myprefdiv {
position:fixed;
top: 30px;
right: 30px;
background:rgba(0,0,0,0.7);
color:#ffffff;
font-size:48px;
padding:20px;
border-radius:10px;
max-width:250px;
z-index:10;
display:none;
}
#myprefdiv A {
color:#ffffff;
}
#myprefdivcontent {
text-align:center;
font-size:12px;
}
.bodysitemapmob LI {font-size:200%;line-height:200%}
.ytplay {cursor:pointer}
.ytplay:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent url('/img/ytplay.png') center center no-repeat;
    opacity:0.9;
}
#wmcheckoutbody H1,#wmcheckoutbody H2 {
    text-align:left;
}
.leenblok .sleepding {display:none}

.openingstijdentabel {
float:none;
}
.openingstijdentabel TD {
padding:0px 20px 0px 0px;
white-space:nowrap;
line-height:21px;
}


 
 
 
 
 
 
 
 
 




#mc_embed_signup .button {
background-color:#000 !important;
}
.navdiv {
z-index:101 !important;
}

#mc_embed_signup div#mce-responses {
margin-left:0px !important}

body #nfmodal {
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
padding: 10px;
/*bottom: 8px;*/
bottom: -40em;
}

.overlay-btn:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.imgfancybox{background:#000000;}
.footermobiel a {
color:#ffffff}

.flex-direction-nav a.flex-next:before {
content: "\276F" !important;
font-family: 'Arial' !important;
color:#ffffff;
opacity:1 !important}

.flex-direction-nav a.flex-prev:before {
content: "\276E" !important;
font-family: 'Arial' !important;
color:#ffffff;
opacity:1 !important}

.bodybg .flex-direction-nav a.flex-next:before {
content: "\276F" !important;
font-family: 'Arial' !important;
color:#cccccc;
opacity:1 !important}

.bodybg .flex-direction-nav a.flex-prev:before {
content: "\276E" !important;
font-family: 'Arial' !important;
color:#cccccc;
opacity:1 !important}

nn.flex-direction-nav {
display:none}

a:hover {
text-decoration:none !important;}

#topafbeelding {
display:none}

h1:hover {
text-decoration:underline}

.menuuit,.menuaan {
-webkit-align-self: center; 
  align-self: center;
 white-space:normal;
padding-left:10px !important;
padding-right:10px !important;
padding-top:10px;
padding-bottom:10px;
}

span.menuuit:hover {
text-decoration:none;}

.menutable {background:#ffffff;height:60px}
@media screen and (max-width: 1100px) {
.menuuit,.menuaan {
font-size:12px !important;
letter-spacing: 0em; 
}

}

@media screen and (max-width: 700px) {
.menuuit,.menuaan {
font-size:10px !important;
letter-spacing: 0em; 
}

}


#wegscrollhoogte {
display:none;}

#defpicture {
width:40% !important;
margin:auto;}

.socmedbalk [class^="icon-"] {
background:#ffffff;
border:1px solid #E5E5E5;
nnmargin:0px 5px;}

.socmedbalk [class^="icon-"]{
nnmargin:0px 5px;}

.socmedbalk [class^="icon-"]:hover {
background:#A4BACA;
border:1px solid #A4BACA;}

.icon-share {
display:none;}

#sharediv {
float:none !important;
}

#addthisdiv {
float:none !important;
display:block !important;
padding:2px;
nnbackground:#ffffff}

#addthisdiv a:hover {
color:#ffffff;
background:#A4BACA !important;}

.icon-menu:before {
margin-right:20px !important;}

.topmenudiv {
text-transform:uppercase;
font-family:'Source Sans pro', sans-serif;
font-size:20px;}

.topmenuitem {
text-transform:uppercase;
font-family:'Source Sans pro', sans-serif;
font-size:16px;}


#topafbeeldingmob {
margin:30px auto;
width:70% !important;}

 #c3837 .blockheader {
font-size:30px !important;
color:#000000 !important;
line-height:38px !important;
text-transform:none !important;}

.socialmediamenu {
font-size:16px;}

.socialmediamenu a {
margin-right:0px !important;
margin-left:15px;}

.footerinner a {
color:#fff;}

.footerinner {
display:flex;
justify-content:space-around;
 font-weight: 400 !important;
font-size:13px !important;
line-height:23px !important;
background:#000000;
color:#ffffff;
border:0px;
padding:20px 10%;
margin:auto;
nntext-transform:uppercase;
letter-spacing:2px
}

#defpicture {
background-size:contain !important;}


.footercol {
width:20%;
padding:0px;}

#footercolsocialmediamenu {
font-size:18px;}

#footercolpagemenu {
padding:0px 10px;}

#footercolsocialmediamenu a {
color:#ffffff;}


#diavvollebreedte {
margin-top:0px !important;
margin-bottom:0px}


#topdiv {
max-width:1030px;
position:absolute;
top:75px;
left:0px;
right:0px;
margin:auto}


#tblok {
background:transparent !important;
color:#000000;
min-height:20px !important;
height:auto !important;}

#scrtekst {
color:#000000;}

#home #blocklistwrap {
min-height:0px !important;
padding:20px !Important}

#blocklistwrap {
min-height:150px !important;
margin:0px auto 0px auto;
padding:20px;
max-width:1030px;}

.colofon {
font-size: 12px !important;
margin-right:15px;
margin-top:-32px;
color:#ffffff}

.colofon a {
color:#FFf}

.fancyimgoverlay {
display:block !important;
font-size:120%;
letter-spacing:1px;
text-align:left;
background:transparent;
color:#000000;
max-width:19% !important;
margin:0px;}

.fancybox-overlay {
background:#ffffff !important;}

.prevnextarrows {
display:none;}

nn.bodybg h1 {
font-size:130%;}

#diavcont {
margin-bottom: 0px !important;
}


.menutable {
margin-bottom:0px !Important;
box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);
height:auto !important;
min-height:50px;
text-align: center;
width:100%;
background:#000000;
z-index:101;
padding-top:5px;
padding-bottom:10px;
}
.flex-control-paging {
display: none;
}

.menuuit:hover {
color:#cccccc;}

::selection {
color:#ffffff;
background:#660000}

.grijs {
	filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale'); /* Firefox 10+, Firefox on Android */        -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    filter: grayscale(100%);    filter: gray; /* IE 6-9 */
}

.geenfilter {
   -webkit-filter: none;    -moz-filter: none;    -ms-filter: none;    filter: none;
}

#checkoutdiv {
    top: 10px;
    background: transparent;
    color: #ffffff;
    font-size: 30px;
    padding: 0px;
    z-index: 999;
}

.navdiv  {
    background-color: #000;
    height: 70px;
}

#wmcheckoutbody .dwmknop {
    font-family: inherit;
    padding: 10px;
}
@media screen and (max-width: 768px) {
#wmcheckoutbody .dwmknop {
width:auto !important;
}
}
.mobpage #checkoutdivcontent {
display:none
}

.mobpage #checkoutdiv {
    top: 4px;
    font-size: 21px;
right:115px;
}

body .fancybox-opened .fancybox-skin {
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#afleveradres {
display:none !important;
}

#checkoutinhoud {
overflow-x:scroll
}

.modal {
    position: absolute;
    z-index: 10000; /* 1 */
    left: 0;
top:15vh;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  left: 50%;
  width: 32em;
max-width: 95%;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
overflow: auto;
    max-height: 70vh;
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translate(-50%, 0);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 1em;
}

.modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #aaa;
  background: none;
  border: 0;
}

.modal-close:hover {
  color: #777;
}

.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}
.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  fill: currentcolor;
}