/* WEB */

body {color:#522118; background-color:#f0f0f0; font-family: 'Open Sans', sans-serif; font-size:100%; margin:0px; padding:0px;}

#centerpage {width:1200px; margin-left:auto; margin-right:auto; padding:0px 20px 0px 20px; border-left:2px solid #dcdcdc; border-right:2px solid #dcdcdc; background-color:#fffcf8; height:100%;}
#header_mob {display:none;}
#banner {width:auto; height:20px; background-color:#ff8000; color:#ffffff; text-transform:uppercase; line-height:20px; font-size:0.75em; padding-left:25px; margin-right:-20px; margin-left:-20px; letter-spacing:3px;}
#banner a:link,a:visited,a:hover,a:active {color:#ffffff; text-decoration:none;}

#hp_marge {width:0px; height:0px;}
#top {width:0px; height:0px;}
#status {display:none;}
#logo {padding:11px 0px 15px 3px;}
#logo img {width:440px; }
div.logo {font-size:135%; letter-spacing:10px; text-transform:uppercase; margin:20px 0 10px 0; font-weight:bold;}
div.logo a {text-decoration:none;}
div.logo .logo_big {font-size:165%;}

#hp_marge2 {width:auto; margin-left:-20px; margin-right:-20px; border-bottom:2px dotted #dcdcdc;}
div.schermhoogte {height:250px;}
div.schermhoogte1 {height:450px;}

#container {margin-top:20px; height:100%; min-height:100%;}
#box {width:65%; margin-bottom:15px; padding-right:20px; float:left; border-right:1px dotted #522118;}

#shop_list {background-color:#fffcf8; margin:0px;}
#footer {padding:0px 20px 3px 20px; font-size:0.5em; clear:both; margin-left:-20px; margin-right:-20px; border-top: 2px dotted #dcdcdc; font-style:italic; background-color:#fffcf8;}

#box_sum_cart {width:30%; padding-left:35px; float:left;}
#summary {}
#sum_details {box-shadow: 0px 0px 0px #888888; margin-top:0px; border-left:0px solid #522118; padding:0px; width:100%; background-color:#fffcf8;}
#thx {background-color:#fffcf8; margin:0px; width:100%; height:auto;}

div.button_position {float:right; width:150px; margin:0 50px 50px 0;}
div.button_accoord {float:right; box-shadow: 3px 3px 3px #888888; background-color:#ff8000; color:#ffffff; height:45px; width:150px; margin:0 50px 50px 0; text-align:center; line-height:45px; font-weight:bold; font-size:1.2em;}
div.button_accoord a:link, div.button_accoord a:visited, div.button_accoord a:active {display:block; text-transform:uppercase; color:#ffffff; text-decoration:none;}
div.button_accoord a:hover {background-color:#f0f0f0; color:#ff8000; border:1px solid #ff8000;}

/* 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 {height:30px; background:#fffcf8; width:auto; 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 {background:#fffcf8; color:#522118; display:inline-block; line-height:30px; padding:0 22px; text-decoration:none;}
#cssmenu ul {list-style: none;}
#cssmenu > ul {float: left;}
#cssmenu > ul > li {float: left;}
#cssmenu > ul > li.close {display:none;}
#cssmenu > ul > li > a {color: #522118; font-size:1em; text-transform:uppercase;}
#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 {background:#522118; filter:none; font-size:0.75em; display: block; 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 {background: #ff8000;}
#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 {background:#522118;}
#cssmenu .has-sub .has-sub ul li a:hover {background: #ff8000;}

/* 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 {height:30px; background:#fffcf8; 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 {background:#fffcf8; color:#522118; display:inline-block; line-height:30px; padding:0 22px;text-decoration:none;}
#cssmenu0 ul {list-style: none;}
#cssmenu0 > ul {float:left;}
#cssmenu0 > ul > li {float:left;}
#cssmenu0 > ul > li.close {display:none;}
#cssmenu0 > ul > li > a {color:#522118; font-size:1em; text-transform:uppercase;}
#cssmenu0 > ul > li > a.active {border-bottom:5px solid #ff8000;}
#cssmenu0 > ul > li.active > a {border-bottom: 5px solid #ff8000;}
#cssmenu0 > ul > li:hover > a {border-bottom: 5px solid #ff8000;}
#cssmenu0 > ul > li:hover:after {content: ''; display:block; width:0; height:0; border-bottom: 2px solid ff8000;}
#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 {background: #522118; filter:none; font-size:0.75em; display: block; line-height:120%; padding:10px; color:#ffffff;text-transform:lowercase;}
#cssmenu0 .has-sub ul li.first-item a {text-transform:uppercase;}
#cssmenu0 .has-sub ul li:hover a {background: #ff8000;}
#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 {background: #522118;}
#cssmenu0 .has-sub .has-sub ul li a:hover {background: #ff8000;}

/* 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 {height:20px;width:auto; float:right;}
#cssmenu1:after,#cssmenu1 ul:after {content: '';  display:block; clear:both;}
#cssmenu1 a {background:#fffcf8; color:#522118; display: inline-block; line-height:20px; padding: 0 20px; text-decoration:none;}
#cssmenu1 ul {list-style: none;}
#cssmenu1 > ul {float: left;}
#cssmenu1 > ul > li {float: left;}
#cssmenu1 > ul > li > a {color: #522118; font-size:0.75em; text-transform:uppercase;}
#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: 2px solid #ff8000;}
#cssmenu1 > ul > li:hover > a {border-bottom: 2px solid #522118;}
#cssmenu1 > ul > li.active > a {border-bottom: 2px solid #ff8000;}
#cssmenu1 ul li a.active {border-bottom: 2px solid #ff8000;}

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

/* menu versie voor homepage mobiel */
#cssmenu_mob {display:none;}

h1 {font-size:1.5em; font-weight:bold; margin-top:-10px;}
h2 {font-size:1.0em; font-weight:bold;}
h3 {font-size:0.750em; font-weight:bold;}

img {border:0px;}

div {margin:0px;}

table {background-color:#fffcf8; border-collapse:collapse; margin:0px; width:100%;}
td,th {text-align:left; vertical-align:top; padding:0px; font-size:0.95em;}
th {background-color:#98bf21; color:#ffffff; padding:0px; text-transform:uppercase; font-weight:bold;}

ul {margin-top:-3px;}
ul,ol {font-size:1.0em; line-height:150%;}

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

a:link,a:visited,a:hover,a:active {color:#522118;}
a.info, a.info_info {font-style:italic; text-decoration:none; font-family: Times, sans-serif; font-size:1.5em;}
a.info {padding-left:10px; padding-right:75px;}
a.info_info {float:right; padding-right:10px;}
a.hp {text-decoration:none;}

fieldset {border:1px solid #522118;}
fieldset legend {font-family: 'Open Sans', sans-serif; font-weight:bold; letter-spacing:2px; padding:3px; background-color:#fffcf8; color:#522118; text-transform:uppercase;}

/* hp */
p.text {line-height:175%; padding-right:20px;}
.text_extra {font-size:0.9em; line-height:175%;}
div.hp {width:45%; float:left; margin-right:30px; }
div.hp fieldset {width:100%; height:auto; margin-bottom:30px; padding-left:10px; text-align:center; vertical-align:middle;}
div.hp fieldset legend {font-size:0.85em}
div.hp fieldset p {padding:5px; color:#522118;}
div.hp fieldset img.hp {width:250px;}
img.hp_utz {float:right;}

/* kader */
div.kader {margin:0; background-color:#fffcf8;}
div.kader1 {line-height:175%; }
div.kader1 h2 {text-transform:uppercase; margin-top:20px;}
div.kader1 img {width:25px; }
div.kader table.payment {border-bottom: thin solid #98bf21; margin-bottom:35px;}
div.kader table.payment th {font-family: 'Open Sans', sans-serif; font-size:0.85em; text-transform:uppercase; padding-left:10px; height:25px; line-height:25px; letter-spacing:2px; }
div.kader table.payment td {font-family: 'Open Sans', sans-serif; font-size:0.85em; text-transform:uppercase; padding:3px; height:25px;}
div.kader table.payment td.img {text-align:center;}
img.payment {width:50px; height:50px; margin:15px 5px; border:1px solid #ff0f0f0; border-radius:3px; box-shadow: 1px 1px 1px grey;}
img.mollie {width:100px;} 
div.kader table.payment td.porto {background-color:#f0f0f0; border:thin solid #ffffff; vertical-align:middle; padding-left:10px;}
div.kader table.payment td.text {text-transform:none; line-height:175%; vertical-align:middle;}
div.kader table.payment td.text ul {padding-left:15px; margin-bottom:-1px;}
div.kader table.payment td.text ul li {font-size:1.0em; line-height:175%;}

/* ROK */
div.kader fieldset {width:90%; margin-bottom:40px; padding-left:10px;}
div.kader legend {font-size:0.85em;}
div.kader table {width:100%;}
div.kader td {padding:5px; width:50%;}

/* contact.html */
fieldset {width:100%; margin-bottom:40px; padding-left:10px;}
legend {font-size:0.85em;}
fieldset p {clear:both; padding:5px; color:#522118;}
label {font-size:1.0em; color:#522118; height:60px; line-height:30px;}
label.field {width:175px; float:left;}
label.field_co {width:175px; float:left; height:20px; line-height:20px;}
fieldset input {float:left; width:300px; height:35px; font-size:1.0em;}
fieldset select {width:305px; height:40px; float:left; font-size:1.0em; }
fieldset select option.header {font-style:italic;}
input:required:focus {border:2px solid red;}
fieldset textarea {width:300px; height:100px;font-size:1.0em;}

/* 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;}