/* GENERAL */

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
}

html {
  font-size:100%;
  height:100%;
}

body {
  margin:0;
  padding:0;
  height:100%;
}

img {
  max-width:100%;
  height:auto;
  border:0;
  vertical-align: middle;
} 

img.payment {
  width:50px;
  margin:15px 5px; 
  border:1px solid #f0f0f0; 
  border-radius:3px; 
  box-shadow: 1px 1px 1px grey;
}

img.mollie {width:100px; padding-bottom:10px;} 
img.nv {opacity: 0.5; filter: alpha(opacity=50);}
img.icon_utz, img.hp_utz {float:right; width:40px !important; height:40px; margin: 0 10px 10px 0;}
img.icon_ft, img.hp_ft {float:right; width:34px !important; margin: 0 10px 10px 0;}
img.icon_post {width:20px !important; height:20px;}

a:link, a:visited, a:hover, a:active {
  text-decoration:none;
}

a.underline {
  text-decoration:underline;
}

h1 {
   font-size:1.5em; 
   font-weight:bold; 
   margin: -5px 0 -10px 0px;
   font-variant: small-caps;
   letter-spacing:2px;
}

h2 {
   font-size:1.2em; 
   font-weight:bold;
   margin-bottom: -10px;
}

p, ul, ol {
   font-size:1.0em; 
   line-height:150%;
}

p.text {
   line-height:175%; 
   padding-right:20px;
   text-align:left;
}

p.ln {
   border-bottom: thin solid #f3f3f3; 
}

ul {
   list-style-type:square; 
   padding-left:18px;
   margin-top:0px;
}

ol {
   padding-left:18px;
}

table {
   border-collapse: collapse;
   width:100%;
}

table.uitverkocht {
   display:none;
}

table.payment {
   margin-bottom:20px;
   border-bottom-width:thin;
   border-bottom-style:solid;
}

tr {
}

td, th {
   text-align:left;
   vertical-align:top; 
   font-size:0.95em;
   padding:3px; 
   height:25px; 
   line-height:25px; 
} 

th {
   padding:3px 5px; 
   text-transform:uppercase; 
   font-weight:bold;
   font-variant: small-caps;
   letter-spacing:2px;
   font-size:0.85em;
}

td.img {text-align:center;}
td.porto {vertical-align:middle; font-size:0.85em; text-transform:uppercase; border-bottom-width:thin; border-right-width:thin; border-bottom-style:solid; border-right-style:solid; padding: 3px 5px;}
td.text {text-transform:none; line-height:175%; vertical-align:middle;}
td.text ul {padding-left:15px; margin-bottom:-1px;}
td.text ul li {font-size:1.0em; line-height:175%;}
td.rok {padding:20px 5px 10px 5px;}

div {
   margin:0px;
}

.hide, .fbform {
   display:none;
}

.error {font-size:0.85em; color:red; float:right;}

.errormsg {font-size:1.0em; color:red;}

.material-icons.md-18 {font-size: 18px; }
.material-icons.md-24 {font-size: 24px; }
.material-icons.md-36 {font-size: 36px; }
.material-icons.md-48 {font-size: 48px; }
.material-icons.choc {color: #522118; }
.material-icons.wit {color: #ffffff; }
.material-icons.red {color: #bf0000; }
.material-icons.grey {color: #808080; }
.material-icons.valign {vertical-align:middle;}

.reload {cursor:pointer; padding:10px 5px; opacity:0.2;}
.reload:hover {opacity:1.0;}

.info, .info_info, .infobut {display:none; font-style:italic; font-family: Times, sans-serif; font-size:1.5em; text-transform:lowercase;}
.info, .infobut {padding-left:10px; padding-right:25px;}
.info_info {float:right; padding-right:10px;}
.info_cart {padding-left:0px; padding-right:0px;}
.text_extra, .extra, .extraH {display:none; font-size:1em; line-height:175%;}
.aanb {font-weight:bold;font-size:110%;}
.line-through {font-weight:bold;text-decoration: line-through;}
.align_c, .center {text-align:center;}
.align_r, .right {text-align:right;}
.left {text-align:left;}
.italic {font-style:italic;}
.uppc {text-transform: uppercase;}
.cap {text-transform: capitalize;}
.highlight {font-weight:700; letter-spacing:2px;} 

fieldset {
   width:100%; 
   margin:0px 0 30px 0; 
   padding:10px; 
   vertical-align:middle;
}

fieldset p {clear:both;}

legend {
   font-weight:bold; 
   padding:5px;
   text-transform:uppercase;
   letter-spacing:2px;
}

input[type="text"], input[type="email"], input[type="tel"], select, textarea {
  padding: 0 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  height:50px; 
  line-height:50px; 
  font-size:1.0em; 
  resize: vertical;
  float:left;
  outline:0;
}

label {
  padding-top:10px;
  text-align:left;
  float:left;
}

label.radio {
  padding:0 150px 20px 0;
}

label.check {
  padding:0 20px 20px 0;
}

input[type=text]:focus, input[type="email"]:focus, input[type="tel"]:focus {
  outline:0;
}

input[type=text]:required, input[type="email"]:required, input[type="tel"]:required {
  outline:0;
}

input[type="radio"]:required {
  outline:0;
}

input[type=text]:invalid, input[type="email"]:invalid {
  outline:0;
}

input[type="number"]:focus {
  outline:0;
}

input[type=number] {
   -webkit-appearance:none; 
   -moz-appearance:none; 
   display:inline;
   margin:0; 
   width:50px; 
   height:50px; 
   line-height:35px; 
   border:1px solid #bbb; 
   text-align:center; 
   font-size:1.0em;
}

input[type="checkbox"], input[type="radio"] {
   width:40px; 
   height:40px;
   margin: -6px 20px 25px 5px;
   float:left;
}

select {
   height:50px;
  padding: 0 10px;
}

textarea {
  height:150px;
  line-height:150%;
  font-size:1.0em; 
  padding:15px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom:10px;
}

/* width */
::-webkit-scrollbar {
  width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fffcf8; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fffcf8; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fffcf8; 
}

button {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 1.2em;
  padding: 15px 50px;
  margin: 10px auto 20px auto;
  text-decoration: none;
  text-align:center;
  border:0px;
  outline:0px;
  display:block; 
  cursor:pointer;
  letter-spacing:3px;
  text-transform:uppercase; 
}

button:link, button:visited, button:active {
   display:block; 
   color: #ffffff;
}

button:hover {
  -webkit-box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  -moz-box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

/* PAGE */

#centerpage, #bgnd, div.centerpage, div.bgnd {
   width:100%;
   margin:0px;
   padding:0px;
   border:0; 
   display: block;
}

#header_mob {
   display:block; 
   width:100%; 
   height:20px; 
   text-transform:uppercase; 
   line-height:20px; 
   font-size:0.75em; 
   text-align:center; 
   letter-spacing:3px;
}

#header_mob a:link,a:visited,a:hover,a:active {}

#banner {display:none;}
#banner a:link,a:visited,a:hover,a:active {}

#status {display:block; width:100%; height:50px; margin:0; padding:0;}

#hp_marge {width:0px; height:0px;}
#top {width:0px; height:0px;}

#contactform {margin-left:-15px;}

div.logo {font-size:100%; letter-spacing:4px; text-transform:uppercase; margin:10px 0 15px 5px; font-weight:bold;}
div.logo a {text-decoration:none;}
div.logo .logo_big {font-size:150%;}
div.logo .logo_extra {font-size:125%; font-weight:100; text-transform:lowercase; font-style:italic; letter-spacing:2px;}

#hp_marge2 {width:auto; height:5px; margin:0px; border-bottom:2px dotted #dcdcdc;}
div.schermhoogte {display:block; min-height:175px; height:100%;}
div.schermhoogte1 {min-height:450px; height:100%;}

#container {margin-top:10px; max-height:100%; min-height:475px; width:100%;}
#box {width:100%; height:100%; margin:0px; padding:0px; float:left;}
#shop_list {width:100%; height:100%; margin:0px;}
#box_sum_cart {width:100%; height:100%; float:left;}
#summary {display:none;}
#sum_details {margin-top:0px; padding:0px 0px; width:100%; height:100%;}
#thx {margin:0px; width:100%; height:auto;}
#footer {padding:3px; font-size:0.5em; clear:both; margin:0px; border-top: 1px dotted #522118; font-style:italic;}


iframe {border:0;}
iframe.iframe_top {display:none;}
iframe.iframe_status {width:100%; height:50px; overflow:hidden;}
iframe.iframe_shop_list {width:100%; height:100%; min-height: 475px; overflow-y:auto;}
iframe.iframe_summary {display:none;}
iframe.iframe_shopcart {display:none;}

div.button_accoord {
   float:right; 
   box-shadow:3px 3px 3px #888888; 
   height:auto; 
   width:auto; 
   padding: 10px 50px;
   margin: 10px 5px 20px 0;
   text-align:center; 
   line-height:45px; 
   font-weight:bold; 
   font-size:1.2em;
   letter-spacing:3px;
   border-radius: 2px;
   cursor:pointer;
}

div.button_accoord a:link, div.button_accoord a:visited, div.button_accoord a:active {
   display:block; 
   text-transform:uppercase; 
}

div.button_accoord a:hover {
}

/* MENU */

/* versie index.html */
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a {margin:0; padding:0; position:relative; border:0;line-height:1; box-sizing:content-box;}
#cssmenu {display:none; width:auto; height:30px; border-top:1px dotted #522118; border-bottom:1px dotted #522118; margin-left:-19px; margin-right:-19px;}

#cssmenu:after,#cssmenu ul:after {content: ''; display:block; clear:both;}
#cssmenu a {display:inline-block; line-height:30px; padding:0 19px 0 0; font-size:0.75em;}
#cssmenu ul {list-style: none;}
#cssmenu > ul {float: left;}
#cssmenu > ul > li {float: left;}
#cssmenu > ul > li.close {display:none;}
#cssmenu > ul > li > a {text-transform:uppercase; font-size:1em;}
#cssmenu .has-sub {z-index: 1;}
#cssmenu .has-sub:hover > ul, #cssmenu .has-sub:active > ul  {display: block;}
#cssmenu .has-sub ul {display:none; position:absolute; width:200px; top:100%; left:0;}
#cssmenu .has-sub ul li {margin-bottom:-1px; border-bottom:2px solid #ffffff}
#cssmenu .has-sub ul li a {filter:none; display:block; font-size:0.75em; line-height:120%;  padding:10px; color:#ffffff; text-transform:lowercase;}
#cssmenu .has-sub ul li.first-item a {text-transform:uppercase;}
#cssmenu .has-sub ul li:hover a {}
#cssmenu .has-sub .has-sub ul li {margin-bottom:-1px; border-bottom:2px solid #ffffff; border-left:1px solid #ffffff;}
#cssmenu .has-sub .has-sub:hover > ul, #cssmenu .has-sub .has-sub:active > ul {display: block;}
#cssmenu .has-sub .has-sub ul {display:none; position:absolute; left:100%; top:0;}
#cssmenu .has-sub .has-sub ul li a {}
#cssmenu .has-sub .has-sub ul li a:hover {}

/* versie shop.html */
#cssmenu0,#cssmenu0 ul,#cssmenu0 li,#cssmenu0 span,#cssmenu0 a {margin:0; padding:0; position:relative; border:0; line-height:1; box-sizing:content-box;}
#cssmenu0 {display:none; height:30px; width:auto; border-top:1px dotted #522118; border-bottom:1px dotted #522118; margin-left:-19px; margin-right:-19px;}
#cssmenu0:after,#cssmenu0 ul:after {content: ''; display:block; clear:both;}
#cssmenu0 a {display:inline-block; line-height:30px; padding:0 30px 0 0; font-size::0.65em;}
#cssmenu0 ul {list-style: none;}
#cssmenu0 > ul {float:left;}
#cssmenu0 > ul > li {float:left;}
#cssmenu0 > ul > li.close {display:none;}
#cssmenu0 > ul > li > a {text-transform:uppercase; font-size:1em;}
#cssmenu0 > ul > li > a.active {border-bottom-width:5px; border-bottom-style:solid;}
#cssmenu0 > ul > li.active > a {border-bottom-width:5px; border-bottom-style:solid;}
#cssmenu0 > ul > li:hover > a {border-bottom-width:5px; border-bottom-style:solid;}
#cssmenu0 > ul > li:hover:after {content: ''; display:block; width:0; height:0; border-bottom-width:2px; border-bottom-style:solid;}
#cssmenu0 > ul > li.active:after {content: '';display:block; width:0; height:0;}
#cssmenu0 .has-sub {z-index: 1;}
#cssmenu0 .has-sub:hover > ul, #cssmenu0 .has-sub:active > ul {display: block;}
#cssmenu0 .has-sub ul {display:none; position:absolute; width:200px; top:100%; left:0;}
#cssmenu0 .has-sub ul li {margin-bottom: -1px;border-bottom: 2px solid #ffffff}
#cssmenu0 .has-sub ul li a {filter:none; display: block; text-transform:lowercase;font-size:0.75em; line-height:120%; padding:10px;}
#cssmenu0 .has-sub ul li.first-item a {text-transform:uppercase;}
#cssmenu0 .has-sub ul li:hover a {}
#cssmenu0 .has-sub .has-sub ul li {margin-bottom: -1px; border-bottom: 2px solid #ffffff; border-left: 1px solid #ffffff;}
#cssmenu0 .has-sub .has-sub:hover > ul, #cssmenu0 .has-sub .has-sub:active > ul  {display: block;}
#cssmenu0 .has-sub .has-sub ul {display:none; position:absolute; left:100%; top:0;}
#cssmenu0 .has-sub .has-sub ul li a {}
#cssmenu0 .has-sub .has-sub ul li a:hover {}

/* menu versie index.html */
#cssmenu1,#cssmenu1 ul,#cssmenu1 li,#cssmenu1 span,#cssmenu1 a {margin:0; padding:0;position:relative; border:0; line-height:1; box-sizing:content-box;}
#cssmenu1 {display:none; height:20px;width:auto; float:right;}
#cssmenu1:after,#cssmenu1 ul:after {content: '';  display:block; clear:both;}
#cssmenu1 a {display: inline-block; line-height:20px; padding: 0 20px;}
#cssmenu1 ul {list-style: none;}
#cssmenu1 > ul {float: left;}
#cssmenu1 > ul > li {float: left;}
#cssmenu1 > ul > li > a {text-transform:uppercase; font-size:0.75em;}
#cssmenu1 > ul > li:hover:after {content: ''; display:block;}
#cssmenu1 > ul > li:first-child > a {}
#cssmenu1 > ul > li.active:after {content: ''; display:block; width:0; height:0; position:absolute;}
#cssmenu1 > ul > li:visited > a {border-bottom-width:2px; border-bottom-style:solid;}
#cssmenu1 > ul > li:hover > a {border-bottom-width:2px; border-bottom-style:solid;}
#cssmenu1 > ul > li.active > a {border-bottom-width:2px; border-bottom-style:solid;}
#cssmenu1 ul li a.active {border-bottom-width:2px; border-bottom-style:solid;}

/* menu versie voor homepage mobiel */
#cssmenu_mob,#cssmenu_mob ul,#cssmenu_mob li,#cssmenu_mob a {display:block; margin:0; padding:0; position:relative; border:0;line-height:1; box-sizing:content-box;}
#cssmenu_mob {width:100%; height:40px; border-top:1px dotted #522118; border-bottom:1px dotted #522118;}
#cssmenu_mob:after,#cssmenu_mob ul:after {content:''; display:block;clear:both;}
#cssmenu_mob a {display:inline-block; height:30px; line-height:30px; padding:5px 0 5px 0; text-decoration:none;}
#cssmenu_mob ul {list-style: none; width:100%;}
#cssmenu_mob > ul {float: left;}
#cssmenu_mob > ul > li {float:left; width:25%; vertical-align:middle;}
#cssmenu_mob > ul > li.close {float:right; width:60px;}
#cssmenu_mob > ul > li img {display:block; height:30px; width:30px; border:0; padding:0 50px 0 50px; content:'';}
#cssmenu_mob > ul > li img.menu {background:url('menu_icon.png') no-repeat center center; margin-top:5px; cursor:pointer;}
#cssmenu_mob > ul > li a img.info {background:url('info_icon.png') no-repeat center center;}
#cssmenu_mob > ul > li a img.help {background:url('help_icon.png') no-repeat center center;}
#cssmenu_mob > ul > li a img.contact {background:url('whatsapp_icon.png') no-repeat center center;}
#cssmenu_mob > ul > li img.exit {background:url('arrow_down.png') no-repeat center center; height:40px; width:50px; padding:0 5px 0 5px; cursor:pointer;}

#cssmenu_mob .has-sub {z-index: 1;}
#cssmenu_mob .has-sub:hover > ul, #cssmenu_mob .has-sub:active > ul {display:block;}
#cssmenu_mob .has-sub ul {display:none; position:absolute; width:275px; top:100%; left:0px; padding-top:4px;}
#cssmenu_mob .has-sub ul li {width:100%; margin-bottom:-1px; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff;}
#cssmenu_mob .has-sub ul li a {font-size:1em; text-transform:uppercase; filter:none; display:block; height:40px; line-height:40px; padding-left:20px;}

#cssmenu_mob .has-sub ul li:hover a {font-weight:bold;}
#cssmenu_mob .has-sub ul li:hover:after {content:''; display:block;}
#cssmenu_mob .has-sub:active:after > ul, #cssmenu_mob .has-sub:active:after > ul {content:''; display:block;}
#cssmenu_mob .close:hover > ul, #cssmenu_mob .close:active > ul {display:none;}
#cssmenu_mob .close:hover > img.exit {background:url('arrow_up.png') no-repeat center center; height:40px; width:50px; padding:0 5px 0 5px;}

/* STATUS */
div.status {display:block; width:100%; margin:0; padding:0;}
div.status table {}
div.status table td {font-size:0.95em; text-transform:uppercase; height:25px;}
div.status table td.col1 {width:0;} 
div.status table td.col2 {text-align:right; width:11%; padding:8px 5px 0 10px;}
div.status table td.col3 {width:15%; padding:8px 0 0 5px; font-size:0.85em;}
div.status table td.split {width:2%; text-align:center; padding:12px 10px 0 10px;}
div.status table td.col4 {text-align:right; width:0%; padding:8px 5px 0 0; }
div.status table td.col5 {text-align:left; width:15%; padding:8px 5px 0 0; font-size:0.85em;}
div.status table td.col6 {text-align:left; width:35%; padding:8px 5px 0 0;}
div.status table td.col7 {text-align:right; width:20%; padding:0;}
div.status table td.col1 img {}
div.status table td.col7 img {float:right; display:inline-block; background-image:url('arrow.png'); height:31px; width:18px; margin:8px 10px 0 0; border:0; content: '';}
div.status table td.col7 a {display:block; height:50px; text-align:center; width:100%;}
div.status table td.col6a {font-size:0.55em; text-transform:uppercase; padding:0;}
div.status table td.col6a, div.status table td.split {height:14px; line-height:14px;}

/* HP */
div.hp {width:100%; float:left; margin-right:0px; }
div.hp > fieldset {width:100%; height:auto; border:0; text-align:center;}
div.hp fieldset legend {margin:-25px 1px 10px 0; font-size:1.0em;}
div.hp a {display:block; border:1px solid #bbb; padding:10px;}
div.hp a:hover {border-width:3px; border-style:solid; padding:8px;}
div.hp p {font-weight:400; letter-spacing:2px; text-align:center; font-size: 0.7em; text-transform:uppercase; line-height:200%;}
div.hp .highlight {font-weight:700; font-size:1.0em; padding-left:5px; padding-right:5px;}
div.hp img {width:200px;}
div.hp img.large {width:300px;}
div.hp img.vlag {width:21px; height:15px;}

/* CAT */
div.cat {width:100%; float:left;}
div.cat > fieldset {width:100%; height:auto; border:0; text-align:center;}
div.cat fieldset legend {margin:-25px 1px 10px 0; font-size:1.0em;}
div.cat a {display:block; border:1px solid #bbb; padding:10px;}
div.cat a:hover {border-width:3px; border-style:solid; padding:8px;}
div.cat p {font-weight:400; letter-spacing:2px; text-align:center; font-size: 0.7em; text-transform:uppercase; line-height:200%;}
div.cat .highlight {font-weight:700; font-size:1.0em; padding-left:5px; padding-right:5px;}
div.cat img {width:200px;}
div.cat img.large {width:300px;}

/* INTRO */
div.intro {width:100%; float:left;}
div.intro > fieldset {width:100%; height:auto; border:0; text-align:center;}
div.intro fieldset legend {margin:-25px 1px 10px 0; font-size:1.0em;}
div.intro a {display:block; border:1px solid #bbb; padding:10px;}
div.intro a:hover {border-width:3px; border-style:solid; padding:8px;}
div.intro p {font-weight:400; letter-spacing:2px; text-align:center; font-size: 0.7em; text-transform:uppercase; line-height:200%;}
div.intro .highlight {font-weight:700; font-size:1.0em; padding-left:5px; padding-right:5px;}
div.intro img {width:200px;}
div.intro img.large {width:300px;}
div.intro button {display:none;}

/* INTRO zonder link*/
div.text_intro {width:100%; float:left;}
div.text_intro > fieldset {width:100%; height:auto; border:1px solid #bbb; padding:10px 20px; text-align:left;}
div.text_intro fieldset legend {margin:-25px 1px 10px 0; font-size:1.0em;  text-align:center;}
div.text_intro p, div.text_intro ul {font-weight:400; letter-spacing:2px; font-size: 0.7em; text-transform:uppercase; line-height:200%;}
div.text_intro .highlight {font-weight:700; font-size:1.0em; padding-left:5px; padding-right:5px;}
div.text_intro img {width:200px;}
div.text_intro img.large {width:300px;}

/* INFO */
#show_factuur {display:none;}

/* KADER */
div.kader {margin:0 0 0 3px;}
#shopcart-empty {display:block;}
#shopcart-full {display:none;}

/* SHOPLIST */
div.col_header {display:none;}

div.ol_kader {margin:0 0 0 3px;}
div.ol {margin:0; padding:0;}
div.ol h1 {margin:10px 0 15px 0;}
div.ol h2 {margin:-5px 0 5px 0;}
div.intro1, div.intro2, div.intro3 {float:left; width:100%;}
div.extra_col1, div.extra_col2 {width:100%; float:left; margin:0;}
div.extra_col1 {padding:0; margin-top:20px;}
div.extra_col2 p::after {
  content: "";
  clear: both;
  display: table;
}

table.ol, table.ol1 {}
table.ol td.col1 {min-width:60px; width:10%;}
table.ol td.col2 {width:58%;}
table.ol td.col3 {width:12%;}
table.ol td.col4 {width:20%; text-align:right;}

table.ol td.ol, table.ol td.ol_detail, table.ol td.ol_discp, table.ol td.ol_discp_nv {border-bottom: thin solid #dcdcdc; padding-top:5px; padding-bottom:20px;}
table.ol td.ol_detail {font-size:0.85em;}
table.ol td.ol_extra {font-size:0.85em; font-style:italic; line-height:150%;}
table.ol td.ol img {width:50px; height:50px; margin-right:0px; cursor:pointer;}
table.ol td.ol1 {padding-top:5px; padding-right:10px;}
table.ol td.ol_p {text-decoration: line-through; padding-top:5px; color:#969696;}
table.ol td.ol_discp {font-weight:bold;}
table.ol td.ol_discp_nv {font-style:italic;}
table.ol td.ol_bgnd {border-bottom-width:thin; border-bottom-style:solid; text-align:center; padding-top:5px;}
table.ol td.ol_bgnd div.ol_bgnd1 {float:none;}
table.ol td.ol_bgnd div.ol_bgnd2 {float:none; padding-top:10px;}
table.ol td.ol_bgnd div.ol_bgnd1 input[type="number"] {width:65px; height:50px; margin-left:auto; margin-right:auto; font-size:1.25em;} 
table.ol td.ol_bgnd div.ol_bgnd2 a {height:50px; width:100px; display:block; line-height:50px; margin-left:auto; margin-right:auto; }
table.ol td.ol_bgnd div.ol_bgnd2 img {display:block; width:25px; height:25px; background-image:url("shop_icon.png"); margin:25px auto 0px auto; border:0; content: '';}
table.ol td.remark, table.ol1 td.remark {line-height:50px; font-size:0.75em; font-style:italic;}

table.ol1 td.col1 {width:15%;}
table.ol1 td.col2 {width:27%;}
table.ol1 td.col3 {width:15%;}
table.ol1 td.col4 {width:18%;}
table.ol1 td.col5 {width:25%;}
table.ol1 td.ol, table.ol1 td.ol_c {border-bottom: thin solid #dcdcdc; padding-top:5px;}
table.ol1 td.ol_c {text-align:center;}
table.ol1 td.ol_bgnd {border-bottom-width:thin; border-bottom-style:solid; text-align:center; padding-top:5px;}
table.ol1 td.ol_bgnd div.ol_bgnd1 {float:left; margin-left:5px;}
table.ol1 td.ol_bgnd div.ol_bgnd2 {float:left; padding-top:10px; padding-right:10px;}
table.ol1 td.ol_bgnd div.ol_bgnd3 {display:none; padding-top:15px;}
table.ol1 td.ol_bgnd div.ol_bgnd1 input[type="number"] {width:65px; height:50px; margin-left:auto; margin-right:auto; font-size:1.25em;}
table.ol1 td.ol_bgnd div.ol_bgnd2 a, table.ol1 td.ol_bgnd div.ol_bgnd3 a {height:50px; min-width:25px; width:50px; display:block; line-height:50px; margin-left:auto; margin-right:auto;}
table.ol1 td.ol_bgnd div.ol_bgnd2 img {display:block; width:25px; height:25px; background-image:url("shop_icon.png"); margin:auto; border:0; content: '';}
table.ol1 td.ol_bgnd div.ol_bgnd3 img {display:block; width:20px; height:20px; background-image:url("gift_icon.png"); margin:auto; border:0; content: '';}

table.ol th, table.ol1 th {display:none;}

/* vol disc - shoplist */
div.vol_disc {margin:20px 0 55px 0; padding:0px;}
div.vol_disc div.img {float:left;}
div.vol_disc div.img img.large {min-width:100px; width:200px; padding:0 20px 35px 0;}
div.vol_disc div.img img.large1 {min-width:200px; width:300px; padding:0;}
div.vol_disc div.img div.img_col {float:none; margin-bottom:5px;}
div.vol_disc div.img img.small {width:50px; padding:5px; border:2px solid #f0f0f0;}
div.vol_disc div.tabel_vol_disc {float:right; min-width:200px; width:250px;}


/* checkout.htm info */
div.co_addressee {background-color:#f0f0f0; padding:2px 10px 2px 15px;}
div.co_addressee p {text-transform:capitalize; line-height:80%;}
#zip_city_value, #county_value, #state_value {text-transform:uppercase;}
#phone_value, #email_value {font-size:0.85em; line-height:125%;}
#phone_value {margin-top:25px; font-variant: small-caps;}
#email_value, #tav {text-transform:lowercase;}

div.co_gift {display:none; background-color:#f0f0f0; padding:5px 0 10px 15px; margin-top:10px;}
div.co_gift p {padding:0px; font-size:0.9em; font-style:italic;}
#gift_message_value {line-height:15px;}

div.co_extra {display:none; border: thin solid #f0f0f0; padding:2px 10px 2px 15px;margin-top:10px;}
div.co_extra p {}

div.change_button {float:right;font-size:100%;}

div.change_button a:link, div.change_button a:visited, div.change_button a:active {display:block; padding: 15px 5px 15px 32px;}
div.change_button a:hover {color: red;}

fieldset.factuuradres {display:none;}
#inv_zip_city_value, #inv_county_value {text-transform:uppercase;}

/* SHOPCART */
td.pad {padding-right:3px;}
td.disc {color:#969696;}
td.line {border-top:2px solid #cdcdcd;}

/* SHOPCART INFO MOB */
table.sc-info td {font-size:0.85em;border-bottom: thin solid #dcdcdc; padding:10px 5px 10px 5px; height:auto;}
table.sc-info td.disc {background-color:#f0f0f0;}
table.sc-info tr.tot td {border-bottom-width:0px;}
table.sc-info td.sub {padding-top:10px;}
table.sc-info td.bold {font-weight:bold; font-size:1.1em; padding-top:15px;}
table.sc-info .col0 {width:12%;}
table.sc-info .col1 {display:none;}
table.sc-info .col2 {display:none;}
table.sc-info .col2a {width:55%;}
table.sc-info .col3 {width:5%;}
table.sc-info .col4 {width:10%;}
table.sc-info .col5 {width:5%;}
table.sc-info .col6 {width:13%;}
table.sc-info .col7 {display:none;}

/* SHOPCART CHANGE kan weg*/
table.sc-change td {font-size:1.0em;border-bottom: thin solid #dcdcdc; padding:10px 5px 10px 5px; height:auto;}
table.sc-change td.disc {background-color:#f0f0f0;}
table.sc-change tr.tot td {border-bottom-width:0px;}
table.sc-change td.sub {padding-top:10px;}
table.sc-change td.bold {font-weight:bold; font-size:1.1em; padding-top:15px;}
table.sc-change .col0 {width:12%;}
table.sc-change .col1 {display:none;}
table.sc-change .col2 {width:55%;}
table.sc-change .col2a {display:none;}
table.sc-change .col3 {width:5%;}
table.sc-change .col4 {width:10%;}
table.sc-change .col5 {width:5%;}
table.sc-change .col6 {width:13%;}
table.sc-change .col7 {display:none;}

/* SHOPCART KADER */
table.sc td {font-size:0.85em;}
table.sc td.sub {padding-top:10px;}
table.sc td.bold {font-weight:bold; font-size:1.1em; padding-top:15px;}
table.sc .col0 {display:none;}
table.sc .col1 {width:7%;}
table.sc .col2 {display:none;}
table.sc .col2a {width:65%;}
table.sc .col3 {display:none;}
table.sc .col4 {display:none;}
table.sc .col5 {width:2%;}
table.sc .col6 {width:20%;}
table.sc .col7 {width:6%;}
table.sc a.remove {display:block; text-decoration:none;}
table.sc a.remove img {width:24x; height:24px; background-image:url("24x24_trash.png"); margin:auto; border:0; content: '';}

/* SHOPCART CHECKOUT */
table.sc-co td {font-size:0.85em;border-bottom: thin solid #dcdcdc; padding:10px 5px 10px 5px; height:auto;}
table.sc-co td.disc {background-color:#f0f0f0;}
table.sc-co tr.tot td {border-bottom-width:0px;}
table.sc-co td.sub {padding-top:10px;}
table.sc-co td.bold {font-weight:bold; font-size:1.1em; padding-top:15px;}
table.sc-co .col0 {display:none;}
table.sc-co .col1 {width:7%;}
table.sc-co .col2 {width:60%;}
table.sc-co .col2a {display:none;}
table.sc-co .col3 {width:5%;}
table.sc-co .col4 {width:10%;}
table.sc-co .col5 {width:5%;}
table.sc-co .col6 {width:13%;}
table.sc-co .col7 {display:none;}

/* KK */
div.kk {margin:0px;}
fieldset.kk {padding:10px 0 0 0; border-width: 1px 0 0 0;}
table.kk {}
table.kk td {vertical-align:bottom;}
table.kk td.visual {padding:5px; text-align:center; }
table.kk td.visual img {width:200px; margin-top:20px;}
table.kk td.col1 {width:50%;}
table.kk td.col2 {width:30%;}
table.kk td.col3 {width:25%;}
table.kk td p {font-size:1.0em; line-height:150%;}
table.kk td.kk_price {color:#98bf21; text-align:left; vertical-align:middle; font-style:bold; font-size:1.0em; 
border-bottom-width:thin; border-bottom-style:solid; margin-bottom:5px;}
table.kk td.kk_price .big {margin-left:5px; font-size:1.5em;}
table.kk td.kk_bgnd {margin:auto; background-color:#98bf21; border-bottom-width:thin; border-bottom-style:solid; text-align:right; padding-top:0px;}
table.kk td.kk_bgnd input[type="number"] {width:50px; height:45px; line-height:45px; margin:auto; font-size:1.25em;}
table.kk td.kk_bgnd a {height:50px; width:50px; display:block;}
table.kk td.kk_bgnd img {width:25px; height:25px; background-image:url("shop_icon.png"); margin-right:8px; margin-top:10px;}

/* stickytooltip */
div.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
border:2px solid #522118; /*Border around tooltip*/
background:#fffcf8;
z-index:3000;
}
div.atip, div.atip_small {font-size:0.85em; max-width:300px; line-height:150%; padding:5px;}
div.atip_small {max-width:200px;}
div.atip p {text-align:left; margin-left:0px;}
div.atip ul, div.atip ol {padding-left:15px;}
div.atip table td {padding-left:5px;}

div.ps {clear:both; border:10px solid #f0f0f0; text-align:center; margin-bottom:20px;}

div.uitverkocht {clear:both; border:10px solid #f0f0f0; text-align:center; margin-bottom:20px;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* For mobile phones: */
  [class*="col-"] {width: 100%;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 600px) {
  /* For tablets: */

  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}

label {padding-top:0px;}

.text_extra {display:inline;}
.extra {display:none;}
.extraH {display:inline-block;}
.info, .info_info, .infobut {display:inline-block; cursor:pointer;} 

#bgnd, div.bgnd {width:100%;} 
#centerpage, div.centerpage {width:960px; margin-left:auto; margin-right:auto; padding:0px 20px 0px 20px;}
#header_mob {display:none;}
#banner {display:block; width:auto; height:20px; text-transform:uppercase; line-height:20px; font-size:0.75em; padding-left:25px; margin-right:-20px; margin-left:-20px; letter-spacing:3px;}
#status {display:none;}
div.status {display:none;} 
#contactform {margin-left:0px;}

div.kader {margin:0 20px 0 3px;}

div.logo {font-size:135%; letter-spacing:10px; margin:20px 0 10px 0;}
div.logo .logo_big {font-size:165%;}
div.logo .logo_extra {font-size:125%; letter-spacing:7px;}

div.hp_marge2 {margin-left:-20px; margin-right:-20px;}
div.schermhoogte {height:100%;}

#container {margin-top:20px; width:100%;}
#box {width:70%; margin-bottom:15px; padding-right:10px;}

#footer {padding:0px 20px 3px 20px; margin-left:-20px; margin-right:-20px;}

#box_sum_cart {width:30%; display:block; padding-left:19px; border-left:1px dotted #522118;}
#sum_details {display:block; width:100%;}

#cssmenu {display:block;}
#cssmenu a {padding:0 25px; font-size:1.0em;}
#cssmenu > ul > li.close {display:inline-block; width:40px;}
#cssmenu > ul > li.close img {display:block; border:0; content:'';}
#cssmenu > ul > li.close img.exit {background:url('arrow_down.png') no-repeat center center; height:30px; width:50px; padding:0 5px 0 5px;}
#cssmenu > ul > li.close:hover img.exit {background:url('arrow_up.png') no-repeat center center; height:30px; width:50px; padding:0 5px 0 5px;}

#cssmenu0 {display:block;}
#cssmenu0 a {padding:0 25px; font-size:1.0em;}
#cssmenu0 > ul > li.close {display:inline-block; width:40px;}
#cssmenu0 > ul > li.close img {display:block; border:0; content:'';}
#cssmenu0 > ul > li.close img.exit {background:url('arrow_down.png') no-repeat center center; height:30px; width:50px; padding:0 5px 0 5px;}
#cssmenu0 > ul > li.close:hover img.exit {background:url('arrow_up.png') no-repeat center center; height:30px; width:50px; padding:0 5px 0 5px;}

#cssmenu1 {display:block;}
#cssmenu1a {display:block;}
#cssmenu_mob {display:none;}

h1 {font-size:1.5em;}

iframe.iframe_status {display:none;}
iframe.iframe_shop_list {max-height:100%;min-height:950px; }
iframe.iframe_shopcart {display:block; width:100%; min-height:1000px; max-height:100%; overflow:hidden;}

/* HP */
div.hp {width:50%;}
div.hp a {min-height:350px; height:375px;}
div.hp fieldset img {width:275px;}
div.hp img.vlag {width:21px; height:15px;}

/* CAT */
div.cat {width:50%;}
div.cat fieldset {padding:10px 20px 0 0;}
div.cat a {min-height:325px; height:350px;}
div.cat p {text-align:center;}

/* INTRO */
div.intro {width:50%;}
div.intro fieldset {padding:10px 20px 0 0;}
div.intro a {min-height:500px; height:525px;}
div.intro p {text-align:center;}

/* TEXT INTRO */
div.text_intro {width:50%; padding: 0 20px 0 0;}
div.text_intro fieldset {padding:10px 20px;min-height:500px; height:auto;}

/* SHOPLIST */
div.ol_kader {margin:0 25px 0 3px;}
div.col_header {display:block; width:100%; margin:0; padding:0; height:20px;}
div.col_header table {width:100%;}
div.col_header table th {line-height:20px; letter-spacing:2px;}
div.col_header table th.col1 {width:65%; padding-left:10px; }
div.col_header table th.col3 {width:15%;}
div.col_header table th.col4 {width:20%; text-align:center;}
div.ol h1 {display:block; margin:0px 0 10px 0px;}
div.ol h2 {margin:10px 0 5px 0;}

table.ol, table.ol1 {width:100%; font-size:1.0em;}
table.ol td.col1 {width:10%;}
table.ol td.col2 {width:55%;}
table.ol td.col3 {width:15%;}
table.ol td.col4 {width:20%;}
table.ol th {padding:0; height:25px; line-height:25px; vertical-align:top;}
table.ol th div.ol_bgnd1 {padding-left:10px;}
table.ol td.ol_bgnd div.ol_bgnd1 {float:none; padding-top:10px;}
table.ol td.ol_bgnd div.ol_bgnd2 {float:none; padding-top:0;}
table.ol td.ol_bgnd div.ol_bgnd1 input[type="number"] {width:60px; height:50px;} 
table.ol td.ol_bgnd div.ol_bgnd2 a {width:50px; }
table.ol td.ol_bgnd div.ol_bgnd2 img {margin:20px 15px 0 17px;}

table.ol1 td.ol_bgnd div.ol_bgnd1 {margin-left:10px;}
table.ol1 td.ol_bgnd div.ol_bgnd2 {float:left; padding-right:10px;}
table.ol1 td.ol_bgnd div.ol_bgnd3 {display:inline-block; float:right;}
table.ol1 td.ol_bgnd div.ol_bgnd1 input[type="number"] {width:60px; height:50px; margin-right:10px;}
table.ol1 td.ol_bgnd div.ol_bgnd2 a, table.ol1 td.ol_bgnd div.ol_bgnd3 a {min-width:50px; width:60px;}

table.ol th, table.ol1 th {display:table-cell;}

/* SHOPCART INFO */
fieldset.co_infopage {}
table.sc-info td {font-size:1.0em;}
table.sc-info .col2 {display:table-cell; width:55%;}
table.sc-info .col2a {display:none;}

/* SHOPCART CHECKOUT */
table.sc-co td {font-size:1.0em;}

/* FORM */
label.radio {
  padding:0 250px 20px 0;
}

label.check {
  padding:0 100px 20px 0;
}
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
  margin-bottom:10px;
}

input[type=number] {line-height:50px;}

/* CHECKOUT.htm shopcart */
th.co_col2 {display:block; width:60%;}
th.co_col2a {display:none;}

td.co_col2 {display:block; width:60%;}
td.co_col2a {display:none;}

table.co td.co_disc_remove_mob {display:block;}
table.co td.co_disc_remove_web {display:none;}

table.co td.remove_mob {display:block;}
table.co td.remove_web {display:none;}

/* SHOPCART.htm shopcart */
th.scc_col2 {display:block; width:56%;}
th.scc_col2a {display:none;}

td.scc_col2 {display:block; width:55%;}
td.scc_col2a {display:none;}

table.scc td.co_disc_remove_mob {display:block;}
table.scc td.co_disc_remove_web {display:none;}

table.scc td.remove_mob {display:block;}
table.scc td.remove_web {display:none;}

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 1048px) {
  /* For desktop: */

  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}

.extra {display:inline-block;}

#centerpage, div.centerpage {width:1200px;}

#cssmenu a {padding:0 30px; font-size:1.0em;}
#cssmenu0 a {padding:0 30px; font-size:1.0em;}
#cssmenu > ul > li.close {display:none;}
#cssmenu0 > ul > li.close {display:none;}

iframe.iframe_shop_list {}
iframe.iframe_shopcart {}

/* hp */
div.hp fieldset img {width:200px;}
div.hp fieldset legend .extra {display:block;}
div.hp img.vlag {width:21px; height:15px;}

/* SHOPLIST */
div.col_header table th.col1 {width:75%;}
div.col_header table th.col3 {width:5%;}
div.col_header table th.col4 {width:20%;}
table.ol td.col1 {width:5%;}
table.ol td.col2 {width:70%;}
table.ol td.col3 {width:5%;}
table.ol td.col4 {width:20%;}
table.ol td.ol_bgnd div.ol_bgnd1 input[type="number"] {width:75px; height:35px;} 
table.ol td.ol_bgnd div.ol_bgnd2 a {width:100px; }
table.ol td.ol_bgnd div.ol_bgnd2 img {margin:20px auto 20px auto;}

table.ol td.ol_bgnd div.ol_bgnd1 {float:left;}
table.ol td.ol_bgnd div.ol_bgnd2 {float:left;}

table.ol td.ol_bgnd div.ol_bgnd1 input[type="number"] {width:75px; height:35px; margin-right:35px;}
table.ol1 td.ol_bgnd div.ol_bgnd2 a, table.ol1 td.ol_bgnd div.ol_bgnd3 a {width:90px;}
table.ol1 td.ol_bgnd div.ol_bgnd1 {margin-left:17px;}
table.ol1 td.ol_bgnd div.ol_bgnd2 {float:left; padding-right:0px;}
}