html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%; vertical-align: middle;}
ul, ol {list-style: none;}
ul.default, ol.default {list-style-type: circle}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #5f5f5f; }
a:hover, a:active {outline: none; color: #2f96cf; text-decoration: underline; }
#content a { color: #2f96cf; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
table.border td, table.border th { border-collapse: inherit; border-spacing: inherit; border: 1px solid #d9dce1; padding: 3px; }
th {font-weight: bold; vertical-align: bottom; text-align: left; }
td {font-weight: normal; vertical-align: top; text-align: left; }
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type=radio] {vertical-align: text-bottom;}
input[type=checkbox] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}
button, input, select, textarea, label { margin: 0; resize: none; font: 14px 'Source Sans Pro', Arial, Helvetica, sans-serif; }
button { width: auto; overflow: visible;}
a, button, input[type="button"], #nav, .nav { -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-user-drag: none; }
a { text-decoration: none;
-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
-webkit-user-drag: none; user-drag: none;
-webkit-touch-callout: none;
}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; clear: all; clear: both; }
.clear { clear:both; }
p { margin-bottom: 18px; }
.left { float: left; }
.right { float: right; }
.last { margin-right: 0 !important; }
.blue { color: #2f96cf; }
hr { color:#ececec; border:none; border-top:1px solid #ececec; height:1px; margin-bottom: 15px; }
.invisible { display: none !important; }
/* h1 { font-weight: 300; font-size: 2.333em; line-height: 1.214em; }*/
h1 { font-weight: bold; font-size: 1.4em; line-height: 2em; }
h2 { font-weight: bold; font-size: 1.4em; line-height: 2em; }
h3 { font-weight: 600; font-size: 1.333em; line-height: 1.375em; }
h4 { font-weight: 600; font-size: 1.166em; line-height: 1.428em; }
h5 { font-weight: normal; font-size: 1.083em; line-height: 1.461em; }
h6 { font-weight: bold; font-size: 1em; line-height: 1.5em; }
body { font: 14px 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #000; line-height: 18px; }
/* header.php top bar/ main menu */
.top_bar { width: 100%; margin-top: 10px; margin-bottom: 5px; } /* Qwerty top-bar bevat Qwerty-logo + zoek + login + taalkeuze */
.main_menu { z-index: 999999;}
.block_avg_privacy { display: block; position:relative; z-index:9999999; background-color: #2f96cf; color: white; padding: 10px 10px; margin-bottom:20px; text-align: center; vertical-align: middle; border: 1px solid darkBlue; border-radius: 4px; }
.block_avg_privacy button:hover { background-color: darkGreen !important; }
/* .block.avg_privacy { display: block; position: absolute; z-index:999999; top: 50%; left:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); width: 70%; background-color: #2f96cf; color: white; padding: 10px 10px; text-align: center; vertical-align: middle } */
#logo { padding: 0px 0px; height: 75px; margin-bottom: 10px;}
#logo a, #logo.kerst a { height: 75px; width: 200px; display: block; text-indent: -9999em; margin: 0; text-align: left; }
#logo a { background: url(../images/logo.png) no-repeat left top; background-size: 200px; }
#logo.kerst a { background: url(../images/logo_kerst.png) no-repeat left top; background-size: 200px; }
#search { margin-top: 5px; }
.search_container { width: 350px; text-align: center; border: 1px solid #2f96cf; border-radius: 4px; padding: 6px; display: inline-block; }
.search_container input { border-top: none; border-left: none; border-bottom: none; border-radius: 0; background-color: #fff; width: 70%; margin-bottom: 0; margin-right: 10px; height: 30px; line-height: 30px; }
#search_results { position: absolute; left: 0; display: none; z-index:9999999; width: 760px; max-height: 200px; overflow: auto; margin: 5px 0px; padding: 10px 10px; background-color: white; text-align: left; border: 1px solid #2f96cf; border-radius:0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; -moz-border-radius: 0px 10px 10px 10px; }
div#search:hover ul#search_results { -webkit-box-shadow: 3px 5px 10px 3px rgba(0, 80, 155, .4); box-shadow: 3px 5px 10px 3px rgba(0, 80, 155, .4); background-color: #f6f6f6; -webkit-transition: box-shadow 0.7s ease; transition: box-shadow 0.7 ease; }
#links { text-align: center; }
#links .title { -webkit-transition: all 0.3s; transition: all 0.3s; }
#links .title:hover { -webkit-user-drag: none; transform:scale(1.1); -webkit-transform: scale(1.1); }
.account_links li { display: inline-block; font-size: .85em; margin: 5px 10px; vertical-align: top; }
.account_links li:first-child { margin-left: 0; }
/* #cart .account_links li:last-child { margin-left: 20px; } */
.account_links li:last-child { margin-right: 0; }
.account_links li a { -webkit-transition: color 0.3s; transition: color 0.3s; padding:5px 5px;}
.account_links li:hover a { text-decoration: none; background-color: #2f96cf; color: white; border-radius: 4px; transform:scale(1.3); -webkit-transform: scale(1.3); }
#taalkeuze { display: inline-block; float: right; margin: 5px 5px; }
ul#taalkeuze_link { display: none; position:absolute; width:180px; z-index:32768; left:0;top:0;}
ul#taalkeuze_link > li { display:inline-block; float:left; width:100%; margin-bottom:1px; }
#cart { display: block; width: 120px; float: right; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 5px 0px; }
#cart .account_links li { margin: 2px 0px; }
#cart input:hover { -webkit-user-drag: none; transform:scale(1.4); -webkit-transform: scale(1.4); }
.block.block_header_cart { margin-top: 5px; line-height: 24px; background: #f1f4f8 url(../images/icon_cart.png) 10px 14px no-repeat; position: relative; padding: 5px 5px; margin-bottom:10px; vertical-align: middle; text-align: right; }
#cart_content { display:inline-block; padding: 5px 5px; }
.cart_link div { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.cart_link:hover .block.block_header_cart { transform:scale(1.1); -webkit-transform: scale(1.1); }
a.zoom_box { -webkit-transition: all 0.3s; transition: all 0.3s; padding: 10px 5px 5px; }
a.zoom_box:hover { text-decoration: none; background-color: #2f96cf; color: white; border-radius: 4px; transform:scale(1.1); -webkit-transform: scale(1.1); }
a.no_highlight { text-decoration: none; }
.hover_zoom { -webkit-transition: all 0.3s; transition: all 0.3s; padding: 10px 5px 5px; }
.hover_zoom.zoom_light:hover { margin-left:10px; transform:scale(1.1); -webkit-transform: scale(1.1); }
/* begin /js/snowfall.js - kerst*/
.sf-snow-flake { position: fixed; top: -20px; z-index: 99999; }
.sf-snow-anim { top: 110%; }
/* end /js/snowfall.js - kerst*/
#nav {background: url(../images/background_nav.png) left center repeat #1972a3; padding-left: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 10px; z-index: 999999}
#nav li { display: inline-block;position: relative; }
#nav li:hover ul { -webkit-box-shadow: 10px 10px 19px 3px rgba(0,0,0,0.23); -moz-box-shadow: 10px 10px 19px 3px rgba(0,0,0,0.23); box-shadow: 10px 10px 19px 3px rgba(0,0,0,0.23); /* box-shadow: 0 3px 7px 0 #1972a3; */ }
#nav li a { display: block; padding: 11px 29px; font-size: 15px; color: #fff; }
#nav li a:hover, #nav li a.active { text-decoration: none; background-color: #0a3956; color: #fff; }
#nav li ul {position: absolute; display: none; top: 110px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding-bottom: 5px; max-height: 80vh; overflow-y: auto; }
/* #nav li ul {position: absolute; display: none; top: 110px; box-shadow: 0 3px 7px 0 #1972a3; background-color: #fff; padding-bottom: 5px; max-height: 550px; overflow-y: auto; } */
#nav li ul li, #nav li.active li a, #nav li.active li.active li a { float: none; white-space: nowrap; display: block; }
#nav li ul li { border-bottom: 1px solid #d1d1d1; }
#nav li ul li:last-child { border-bottom: none; }
#nav li ul a { overflow: hidden;text-align: left; padding: 5px 25px 5px 15px; color: #0a3956; font-size: .9em; }
#nav li ul a:hover { color: #fff; }
#nav ul ul { top:auto; }
#nav li ul ul { left: 10em; margin-left: 31px !important; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; z-index: 9999999; position: absolute; }
.nav {background: url(../images/background_nav.png) left center repeat #1972a3; padding-left: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 10px; z-index: 999999}
.nav li { display: inline-block;position: relative; }
.nav li a { display: block; padding: 11px 29px; font-size: 15px; color: #fff; }
.nav li a:hover, #nav li a.active { text-decoration: none; background-color: #0a3956; color: #fff; }
.nav li ul {position: absolute; display: none; top: 110px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding-bottom: 5px; max-height: 550px; overflow-y: auto; }
.nav li ul li, #nav li.active li a, #nav li.active li.active li a { float: none; white-space: nowrap; display: block; }
.nav li ul li { border-bottom: 1px solid #d1d1d1; }
.nav li ul li:last-child { border-bottom: none; }
.nav li ul a { overflow: hidden;text-align: left; padding: 5px 25px 5px 15px; color: #0a3956; font-size: .9em; }
.nav li ul a:hover { color: #fff; }
.nav ul ul { top:auto; }
.nav li ul ul { left: 10em; margin-left: 31px !important; }
.nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none; }
.nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; z-index: 9999999; position: absolute; }
/* mainpage block sliders (banner, products en merken) */
.block { border-width: 1px 1px 2px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-bottom: 18px; padding: 15px 10px 12px; border-radius: 4px; }
.title { font: 16px 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; margin-bottom: .9em; }
.title.blue { color: #3697cd; margin-bottom: 0; margin-top: .3em; }
/* hieronder overflow: hidden = main page JSSOR banner resize fix */
.block.block_slider { overflow: hidden; width: 100%; border-radius: 0; padding: 0; border-width: 0; margin-bottom: 0; }
.block_slider .slides { overflow: hidden; }
.block_slider .slides img { -webkit-transition: all 0.3s ease-in-out, background-color 0.3s linear; transition: all 0.3 ease-in-out, background-color 0.3s linear; }
.block_slider .slides:hover img { -webkit-user-drag: none; transform:scale(1.1) !important; -webkit-transform: scale(1.1) !important; }
.block.block_slider_products { padding: 10px 10px; margin-bottom:20px; }
.block_slider_products_title { background-color: #2f96cf; padding: 5px 0 5px 20px; }
.block_slider_products_title h3 { color: #fff; text-transform: uppercase; }
.block.block_slider_products .block_slider_products_item { border-right: 2px solid #d9dce1; height: 240px; text-align: center; padding: 10px 10px; }
div.product.award { display: inline-block }
div.product.award img { width:200px; height: 200px; }
.block_slider_products_item { border-width: 1px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 3px; border-radius: 4px; margin: 10px 5px; text-align: center; }
.block_slider_products_item.third-item { border-right:2px solid #fff; }
.block_slider_products_item h3.productnaam { display: block; font-size: 1em; font-weight: normal; margin-bottom: 10px; }
.block.block_slider_merken { padding: 10px 10px; }
.block_slider_merken_item { border-width: 1px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 3px; border-radius: 4px; margin: 10px 5px; text-align: center; }
/* .block_slider_merken_item, .block_slider_merken_item .brand_logo { width: 100px; height: 100px; } */
.block.block_slider_review { padding: 5px 10px 0; }
.block_slider_review_item { border-width: 1px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 3px; border-radius: 4px; margin: 10px 5px; text-align: center; }
/* HOVER events */
.block_slider_products_item:hover, .block_slider_merken_item:hover, .block_slider_review_item:hover { -webkit-user-drag: none; -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 80, 155, .4); box-shadow: 3px 3px 3px 3px rgba(0, 80, 155, .4); margin-top: 0px; margin-bottom: 20px; background-color: #f6f6f6; }
.block_slider_products_item, .block_slider_merken_item, .block_slider_review_item { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.block_slider_merken_item:nth-of-type(even):hover { margin-top: -5px; margin-bottom: 15px; }
.block_voordelen { margin-bottom: 10px; }
.block_voordelen li { padding: 5px 0 5px 15px; background: url(../images/background_li_voordelen.png) no-repeat left 7px;
-webkit-transition: transform 0.3s ease-in-out; transition: transform 0.3 ease-in-out; }
.block_voordelen li:hover { transform:scale(1.05); -webkit-transform: scale(1.05); margin-left:20px; color: #2f96cf;}
.block_voordelen div.title { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3 ease-in-out; }
.block_voordelen div.title:hover { -webkit-user-drag: none; transform:scale(1.05); -webkit-transform: scale(1.05); padding-left: 10px; }
.block_socialmedia { margin-bottom: 25px; }
.block_socialmedia li { display: inline-block; }
.block_socialmedia li a { height: 41px; width: 43px; display: block; text-indent: -9999em; margin: 0; text-align: left; margin: 15px 15px 0 0; }
.block_socialmedia li:nth-child(3n) a { margin: 15px 0 0; }
.block_socialmedia li.facebook a { background: url(../images/social_facebook.png) no-repeat left top; }
.block_socialmedia li.twitter a { background: url(../images/social_twitter.png) no-repeat left top; }
.block_socialmedia li.linkedin a { background: url(../images/social_linkedin.png) no-repeat left top; }
.block_acties { overflow: hidden; }
.block_acties img { -webkit-transition: all 0.3s ease-in-out, background-color 0.3s linear; transition: all 0.3 ease-in-out, background-color 0.3s linear; }
.block_acties a:hover img { -webkit-user-drag: none; transform:scale(1.05); -webkit-transform: scale(1.05); border-radius: 0px 0px 10px 0px; background-color: #f6f6f6; }
.block_nieuwsbrief input { height: 28px; }
.link_button, button.button, label.button { border-width: medium medium 2px; border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color #1972a3; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 4px; text-transform: uppercase; color: #fff; padding: 6px 13px 5px; display: inline-block; font-weight: bold; background-color: #2f96cf; font-size: .85em; letter-spacing: 0.4px; }
.link_button, button.button, label.button { -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }
button.button { line-height: 16px; padding: 6px 13px 5px; }
.link_button:hover, button.button:hover { text-decoration: none; color: #fff; background-color: #1972a3; }
/* span.jssora03l:hover, span.jssora03r:hover { #1972a3; } */
.link_button_oranje { background-color: #f1790f; border-bottom: 2px solid #c9660e; font-size: .9em; padding: 6px 13px 5px; }
.link_button_oranje:hover { background-color: #c9660e; }
input, select { padding: 0px 12px; height: 40px; line-height: 40px; border-radius: 4px; color: #515151; border: 1px solid #d1d1d1; box-sizing: border-box; margin-bottom: 15px; width: 90%; background-color: #f1f4f8; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input.nobg, select.nobg, password.nobg { background-color: #fff; }
textarea { padding: 0px 12px; font: 14px/28px Source Sans Pro,Arial,sans-serif; color: #515151; border: 1px solid #d1d1d1; box-sizing: border-box; border-radius: 4px; background-color: #fff; margin-bottom: 15px; display: block; width: 90%; }
input.radio, input[type=radio], input[type=checkbox] { height: auto; width: auto; margin-right: 10px; padding: 0; margin-bottom: 0; vertical-align: middle; }
.inline_form input, .inline_form textarea, .inline_form select { width: 60%; }
.inline_form input.small, .inline_form select.small { width: 29%; margin-right: 2%; }
.inline_form input.extrasmall, input.extrasmall { width: 50px; margin-right: 15px; line-height: 20px; height: 20px; margin-bottom: 0; }
.inline_form select.datum { width: 80px; margin-right: 15px; line-height: 25px; height: 25px; margin-bottom: 15px; }
.inline_form input.anders { margin: 10px 0 0 20px; }
.inline_form .remark{ text-transform: lowercase; font-size: 0.8em; color: #919191; }
.inline_form input[type=radio], .inline_form input[type=checkbox] { width: auto !important; margin-left: 20px; }
.form_dropdown label { display: block; margin-bottom: 5px; }
.form_radio, .form_checkbox { margin-bottom: 15px; line-height: 25px; }
.form_checkbox input, .filters input[type=checkbox] { margin-top: -4px; }
.form_radio label { display: inline-block; margin-right: 20px; }
.form_bedrijfsactiviteit_left, .form_bedrijfsactiviteit_right { float: left; width: 30%; line-height: 30px; margin: 10px 0 15px; }
.download_voorwaarden { font-size: .9em; margin-left: 40px; }
.top5 { margin: 15px 0; line-height: 30px; }
.top5 input { height: 25px; line-height: 25px; }
.poll_opties li { margin-bottom: 10px; }
.block_categorieen { padding: 0 0 12px; background-color: #f1f4f8; }
.block_categorieen .title { margin-left: 0px; }
.categorieen_left li { border-bottom: 1px solid #d1d1d1; position: relative; }
.categorieen_left li.parent a:after { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #949494; position: absolute; top: 7px; right: 6px; content: ">"; text-indent: -9999em; }
.categorieen_left li.parent a:hover:after { border-left: 4px solid #000; }
.categorieen_left li:last-child { border-bottom: none; }
.categorieen_left li a { display: block; padding: 2px 20px; font-size: .85em; color: #000; }
.categorieen_left li a:hover { font-weight: bold; text-decoration: none; }
.categorieen_left li ul { position: absolute; display: none; top: 0; left: 279px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1); background-color: #fff; border-left:solid 1px #d9dce1; margin-left:-1px;}
.categorieen_left li ul li, .categorieen_left li.active li a, .categorieen_left li.active li.active li a { float: none; white-space: nowrap; display: block; margin: 0;}
.categorieen_left li ul li { border-bottom: 1px solid #d1d1d1; }
.categorieen_left li ul li:last-child { border-bottom: none; }
.categorieen_left li ul a { text-align: left; padding: 2px 25px 2px 15px; }
/* .categorieen_left li ul a:hover { background-color: #f1f4f8; } */
.categorieen_left li.parent ul li a:after { content: ""; border-top: none; border-botton: none; border-left: none; }
.categorieen_left li.parent ul li a:hover:after { border-left: none; }
.categorieen_left ul ul { top:auto; }
.categorieen_left li ul ul { left: 10em; margin-left: 31px !important; }
.categorieen_left li:hover ul ul, .categorieen_left li:hover ul ul ul, .categorieen_left li:hover ul ul ul ul { display: none; }
/*
.categorieen_left li:hover ul, .categorieen_left li li:hover ul, .categorieen_left li li li:hover ul, .categorieen_left li li li li:hover ul { display:block; z-index: 9999999; position: absolute; top: 0; }
6 aug 2018 - fix voor categorie subgroep alignment aan hoofdcategorien-> code addded top: 0; left:100
*/
.categorieen_left li:hover ul, .categorieen_left li li:hover ul, .categorieen_left li li li:hover ul, .categorieen_left li li li li:hover ul { display:block; position: absolute; top: 0; left:100%; z-index: 1;-webkit-box-shadow: 10px 10px 19px 3px rgba(0,0,0,0.23); -moz-box-shadow: 10px 10px 19px 3px rgba(0,0,0,0.23); box-shadow: 10px 10px 19px 3px rgba(0,0,0,0.23); } /* box-shadow: 0 3px 7px 0 #1972a3; */
.categorieen_left li ul a:hover, .categorieen_left li a:hover { padding-left:30px; background-color: #0a3956; color: white;}
.block_filters { padding: 15px 0 12px; }
.block_filters .title { margin-left: 20px; }
.block_filters .filter_title { padding: 7px 0 7px 20px; background-color: #f1f4f8; border-top: 1px solid #d9dce1; border-bottom: 1px solid #d9dce1; font-weight: 600; }
.block_filters .filter_title_left { padding: 7px 0 7px 10px; background-color: #f1f4f8; border-top: 1px solid #d9dce1; border-bottom: 1px solid #d9dce1; font-weight: 600; }
.block_filters .filter_categorie { padding: 7px 0 7px 10px; background-color: #f1f4f8; border-top: 1px solid #d9dce1; border-bottom: 1px solid #d9dce1; font-weight: 600; }
.block_filters .filter_subcategorie { padding: 7px 0 7px 10px; background-color: #f1f4f8; border-top: 1px solid #d9dce1; border-bottom: 1px solid #d9dce1; font-weight: 600; }
.filters { margin: 12px 0 15px; line-height: 25px; padding-left: 20px; }
.filters input[type=text] { margin-bottom: 5px; margin-top: 10px; }
.breadcrumbs li { display: inline-block; margin-right: 10px; }
.breadcrumbs li:after { content: ' > '; margin-left: 10px; font-size: .9em; }
.breadcrumbs li:last-child:after { content: none; }
.page_title h2 { text-transform: uppercase; font-weight: 400; font-size: 1.8em; line-height: 1.1em; margin: 15px 0; }
.page_title h1 { text-transform: uppercase; font-weight: 400; font-size: 1.8em; line-height: 1.1em; margin: 15px 0; }
.page_title .subtitle{ font-size: 0.6em; }
.page_title .remark{ text-transform: lowercase; font-size: 0.6em; color: #919191; }
ul.text_list { list-style: disc; margin: 0 0 18px 35px; }
ol.text_list { list-style: decimal; margin: 0 0 18px 35px; }
ul.downloads_list li { border-bottom: 1px solid #d9dce1; min-height: 100px; padding: 10px 0; }
ul.downloads_list li:last-child { border-bottom: none; }
ul.downloads_list li:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; }
.downloads_list_image { float: left; width: 15%; }
.downloads_list_link { float: left; width: 85%; }
.block.block_winkelwagen { padding: 10px 0 12px; }
.block_winkelwagen_header { padding: 0 20px 10px; border-bottom: 1px solid #d9dce1; font-size: .9em; font-weight: 600; }
.block_winkelwagen_header_artikel, .block_winkelwagen_header_prijsps, .block_winkelwagen_header_aantal, .block_winkelwagen_header_subtotaal, .block_winkelwagen_header_verwijderen, .block_winkelwagen_main_image, .block_winkelwagen_main_artikel, .block_winkelwagen_main_prijsps, .block_winkelwagen_main_aantal, .block_winkelwagen_main_subtotaal, .block_winkelwagen_main_verwijderen, .block_winkelwagen_header_artikel_controleren, .block_winkelwagen_main_artikel_controleren, .block_winkelwagen_header_backorder, .block_winkelwagen_main_backorder, .block_winkelwagen_header_openfact, .block_winkelwagen_main_openfact, .block_winkelwagen_header_openfactur, .block_winkelwagen_main_openfactur, .block_winkelwagen_header_backorderur, .block_winkelwagen_main_backorderur, .block_winkelwagen_header_trace, .block_winkelwagen_main_trace, .block_winkelwagen_header_oms, .block_winkelwagen_main_oms { float: left; text-align: center; margin: 0 1%; }
.block_winkelwagen_header_artikel { width: 48%; text-align: left; }
.block_winkelwagen_header_artikel_controleren { width: 46%; text-align: left; }
.block_winkelwagen_header_prijsps { width: 9%; }
.block_winkelwagen_header_aantal { width: 11%; }
.block_winkelwagen_header_subtotaal { width: 11%; }
.block_winkelwagen_header_verwijderen { width: 11%; }
.block_winkelwagen_header_backorder { width: 6%; }
.block_winkelwagen_header_backorderur { width: 15%; }
.block_winkelwagen_header_openfact{ width: 10%; }
.block_winkelwagen_header_openfactur{ width: 25%; }
.block_winkelwagen_header_trace{ width: 40%; }
.block_winkelwagen_header_oms{ width: 80%; }
.block_winkelwagen_main { padding: 8px 10px; border-bottom: 1px solid #d9dce1; }
.block_winkelwagen_main:hover { -webkit-user-drag: none; opacity: 0.8; filter: alpha(opacity=80); -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 80, 155, .4); box-shadow: 3px 3px 3px 3px rgba(0, 80, 155, .4); border-radius: 0px 0px 10px 0px; background-color: #f6f6f6; -webkit-transition: all 0.7s ease, background-color 0.3s linear; transition: all 0.7 ease, background-color 0.3s linear; }
.block_winkelwagen_main:hover img.main_image { transform:scale(1.1); -webkit-transform: scale(1.1); }
.block_winkelwagen_main_image { width: 50px; text-align: left; }
.block_winkelwagen_main.kostenpost > .block_winkelwagen_main_image { visibility: hidden; }
.block_winkelwagen_main_artikel { width: 40%; text-align: left; }
.block_winkelwagen_main_artikel_controleren { width: 46%; text-align: left; }
.block_winkelwagen_main_artikel .totaal{ font-size: 1.3em; font-weight: 600; }
.block_winkelwagen_main_artikel_controleren .remark { font-size: 0.8em; color: #919191; }
.block_winkelwagen_main_prijsps { width: 9%; line-height:32px; }
.block_winkelwagen_main_prijsps .totaal{ font-size: 1.3em; font-weight: 600;}
.block_winkelwagen_main_aantal { width: 11%; line-height:24px; }
.block_winkelwagen_main.kostenpost > .block_winkelwagen_main_aantal { text-align:left; margin-left:28px;}
.block_winkelwagen_main_subtotaal { width: 11%; line-height:32px; }
.block_winkelwagen_main.kostenpost > .block_winkelwagen_main_subtotaal { margin-left: -14px; }
.block_winkelwagen_main_verwijderen { width: 11%; line-height:32px; }
.block_winkelwagen_main_backorder { width: 6%; }
.block_winkelwagen_main_backorderur { width: 15%; }
.block_winkelwagen_main_openfact { width: 10%; }
.block_winkelwagen_main_openfactur { width: 25%; }
.block_winkelwagen_main_trace { width: 40%; }
.block_winkelwagen_main_oms { width: 80%; }
input.cart_aantal { width: 50px; margin: 0; height: 20px; line-height: 20px; }
.block_winkelwagen_main_verwijderen a { display: block; width: 20px; height: 20px; text-indent: -9999em; margin: 0 auto; margin-top:5px; background: url(../images/icon_cart_delete.png) no-repeat left top; text-align: left; }
.block_winkelwagen_main_verwijderen a:hover { background-position: -49px 0; }
.block_winkelwagen_buttons { margin-top: 12px; text-align: right; }
.block_winkelwagen_buttons button, .block_winkelwagen_buttons .link_button { margin-right: 20px; padding: 6px 13px 5px; font-size: .85em; }
.block_winkelwagen_afrekenen { float: right; width: 35%; line-height: 20px; margin-top: 25px; }
.block_winkelwagen_artdetails { float: left; width: 45%; line-height: 20px; margin-top: 25px; }
.block_winkelwagen_afrekenen .title.blue { margin-bottom: .4em; margin-top: 0; font-size: 1.4em; font-weight: 400; }
.block_winkelwagen_afrekenen_left { float: left; width: 40%; }
.block_winkelwagen_afrekenen_right { float: right; width: 60%; text-align: right; }
.block_winkelwagen_artdetails_right { float: right; width: 60%; text-align: left; }
.block_openfact_left { float: left; width: 70%; }
.block_openfact_right { float: right; width: 30%; text-align: right; }
.block_winkelwagen_afrekenen_right button, .link_button { padding: 6px 13px 5px; font-size: .85em; margin-top: 15px; }
.block_winkelwagen_afrekenen .totaal { line-height: 35px;}
.block_winkelwagen_afrekenen .remark { font-size: 0.8em; color: #919191; }
.block_winkelwagen_afrekenen_right .totaal { font-size: 1.3em; font-weight: 600; }
.block_openfact_right .totaal { font-size: 1.3em; font-weight: 600; }
/* categorie.php pagina*/
/* grid/raster overzicht */
.product_grid { margin-bottom: 5px; position: relative; }
.product_grid .grid_prijs, .product_grid .product_pagina_prijs { line-height: 24px; font-size: 1.2em; font-weight: bold; color: #2f96cf; }
.product_grid .grid_productnaam { display: block; height: 50px; vertical-align: top; margin-bottom: 10px; overflow: none; }
.product_grid .grid_artikelnummer, .product_grid .grid_voorraad { font-size: .9em; line-height: 20px;}
.product_grid li { display: inline-block; position: relative; width: 23%; margin: 5px 7px 5px 0px; vertical-align: top; padding: 5px 5px; overflow: hidden;}
.product_grid li:last-child { margin-right: 0; }
.product_grid li .product_underline { display: block; height: 24px; line-height: 14px; font-style: italic; padding-top: 5px;}
.product_grid li .product_info { display: block; position: relative; line-height: 14px; padding-top:5px; }
.product_grid li input.aantal, .product_list li input.aantal, .product_pagina_button input.aantal { width: 50px; margin-right: 15px; line-height: 20px; height: 20px; margin-bottom: 0; }
.product_grid > li:hover .main_image { transform:scale(1.1); -webkit-transform: scale(1.1);}
.product_grid.product_page > li div.toevoegen_aan_winkelmand { visibility: hidden; }
.product_grid.product_page > li:hover div.toevoegen_aan_winkelmand { visibility: visible; webkit-transition: all 0.7s ease; transition: all 0.7s ease; } /* background-color:#eaeaea !important;*/
.product_grid .grid_basket { display: block; visibility: hidden; }
.product_grid > li:hover .grid_basket { visibility: visible; position: relative; float: bottom;}
.product_grid > li:hover .product_info { background-color: #f0f0f0; }
/* lijst overzicht */
.product_list li { display: block; overflow: hidden; margin: 5px 5px; padding: 5px 5px; }
.product_list .parent_image { margin-right: 25px; }
.product_list li img.main_image { display: inline-block; width: 50px; height: 50px; vertical-align: top; }
.product_list li .grid_productnaam { display: inline-block; width: 75%; vertical-align: top; }
.loggedin .product_list li .grid_productnaam { width: 40%; }
.product_list li .grid_artikelnummer { display: inline-block; width: 120px; vertical-align: top; }
.product_list li .grid_prijs { display: inline-block; font-size: 1.2em; font-weight: bold; color: #2f96cf; margin-left: 10px; vertical-align: top; }
.product_list li .incrementer { vertical-align: top; }
.product_list li .grid_button { display: inline-block; float: right; vertical-align: top; }
.product_list li .grid_basket { visibility: hidden; }
.product_list li:hover .grid_basket { visibility: visible; }
.product_list > li:hover { margin-left: 10px; }
.product_list > li, .product_grid > li, .categorie_overzicht_cat { -webkit-transition: all 0.3s ease-in-out, background-color 0.3s linear; transition: all 0.3 ease-in-out, background-color 0.3s linear; }
.product_list > li:hover, .product_grid > li:hover, .categorie_overzicht_cat:hover { -webkit-user-drag: none; transform:scale(1.05); -webkit-transform: scale(1.05); opacity: 0.9; filter: alpha(opacity=90); -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 80, 155, .4); box-shadow: 3px 3px 3px 3px rgba(0, 80, 155, .4); border-radius: 0px 0px 10px 0px; background-color: #f6f6f6; }
.product_list > li:hover .main_image { transform:scale(1.3); -webkit-transform: scale(1.3);}
.product_highlights { position: absolute; overflow: visible; left: 0; bottom: 0; background-color: white; width: 0; height: 0; font-size: 12px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* z-index:999; transform: translate(50px, 50px); */
.product_grid > li:hover .product_highlights, .product_list > li:hover .product_highlights { height: 48px; width: 100%; }
.product_highlights > div { display:inline-block; margin: 5px 5px;}
.categorie_weergave, .categorie_sort { float: right; }
.categorie_weergave { margin-right: 10px; width: 150px; }
.categorie_weergave label { display: inline-block; vertical-align: middle; line-height: 28px; margin-right: 10px; font-size: .9em; }
.categorie_weergave_buttons { display: inline-block; border: 1px solid #d9dce1; border-radius: 18px; background-color: #fff; line-height: 20px; }
.categorie_weergave_buttons a { display: inline-block; width: 36px; height: 25px; text-indent: -9999em; margin: 0; background: url(../images/icon_list_grid.png) no-repeat left top; text-align: left; }
a.categorie_grid { background-position: 15px 7px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; }
a.categorie_list { background-position: -20px 7px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; }
.parent_image { position: relative; background-color: white; padding: 5px 0px; overflow: hidden;} /* padding gebruiken in verband met hover zoom */
.parent_image.grid { display: block; height:200px; width:200px; } /* padding gebruiken in verband met hover zoom */
.parent_image.lijst { display: inline-block; height:50px; width:50px; margin-right:20px; } /* padding gebruiken in verband met hover zoom */
.parent_image .main_image { padding: 0px 0px;}
/* add-to-basket image animate (zie script categorie.php en artdetails.php) */
#main_image, .main_image { z-index: 0; vertical-align: middle; webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
#main_image { height: 300px; padding: 5px 5px; }
img.nieuw_product { position:absolute; top:0; right: 0; height: 50%; }
.animate_image { display: none; margin: 0px 0px; }
#animate_image, .animate_image { z-index: 99999; display: none; } /* verberg de verplaatsbare foto (gebruikt voor animatie) */
#image_container, .image_container { display: inline-block; height: 100%; position: relative; }
#image_container { object-fit: cover; }
.categorie_weergave_buttons a.active, .categorie_weergave_buttons a:hover { background-color: #2f96cf; }
.categorie_weergave_buttons a.categorie_grid.active, .categorie_weergave_buttons a.categorie_grid:hover { background-position: 15px -25px; }
.categorie_weergave_buttons a.categorie_list.active, .categorie_weergave_buttons a.categorie_list:hover { background-position: -20px -25px; }
.categorie_sort { width: 280px; text-align: right; }
.categorie_sort label { display: inline-block; line-height: 28px; vertical-align: top; margin-right: 10px; font-size: .9em; }
.categorie_sort select { padding: 0px 12px; height: 30px; line-height: 30px; border-radius: 5px; color: #515151; border: 1px solid #d1d1d1; box-sizing: border-box; background-color: #fff; display: inline-block; width: 150px; margin-right: 10px; }
.sort_direction { display: inline-block; width: 24px; height: 24px; border-radius: 12px; border: 1px solid #d1d1d1; box-sizing: border-box; vertical-align: top; margin-top: 3px; }
.sort_direction a { display: block; width: 16px; height: 21px; line-height: 13px; padding-right: 8px; padding-top: 3px; }
.toolbar { margin-top: 10px; }
.toolbar_items, .toolbar_pagination { float: left; }
.toolbar_items { line-height: 28px; vertical-align: top; margin-bottom: 10px; margin-right: 10px; font-size: .9em; }
.toolbar_pagination { margin: 0 10px 0 15%; padding-top: 4px; float: left;}
.toolbar_pagination li { display: inline-block; width: 24px; height: 24px; margin: 0 4px; border-radius: 12px; border: 1px solid #d9dce1; box-sizing: border-box; font-weight: bold; webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.toolbar_pagination li a { color: #2f96cf; display: block; width: 17px; height: 23px; padding: 1px 0 0 7px; }
.toolbar_pagination li:hover { transform:scale(1.2); -webkit-transform: scale(1.2); }
.toolbar_pagination li.active, .toolbar_pagination li:hover { background-color: #2f96cf; border: 1px solid #2f96cf; }
.toolbar_pagination li.active a, .toolbar_pagination li:hover a { color: #fff; text-decoration: none; }
.toolbar_aantal { float: right; width: 250px; text-align: right; }
.toolbar_aantal label { display: inline-block; line-height: 28px; vertical-align: top; margin-right: 10px; font-size: .9em; }
.toolbar_aantal select { padding: 0px 12px; height: 30px; line-height: 30px; border-radius: 5px; color: #515151; border: 1px solid #d1d1d1; box-sizing: border-box; background-color: #fff; display: inline-block; width: 140px; }
.product_pagina_info { display: block; position: relative; padding: 10px 10px; }
.product_pagina_button { margin: 10px 0; }
.product_pagina_info_block { float: right; width: 55%; padding: 10px 10px; }
.product_pagina_info_block_content { font-size: .9em; }
/* artdetails.php product foto + gallery thumbs */
.product_pagina_image {display: block; position: relative; float: left; overflow: hidden; width: 300px; height: 300px; background-color: white; padding:5px 5px; }
.product_pagina_gallery_mainimage {position: relative; margin: 0 auto; }
.product_pagina_gallery_image_container { display:block; position: absolute; bottom: 10px; left:10px; right:10px; }
.product_pagina_gallery_image_container.vertical { display:inline-block; position: absolute; top:0; left:0; bottom: auto; right: auto;}
.product_pagina_gallery_image_thumb { display:inline-block; background-color: white; width: 45px; height: 45px; padding: 2px 2px; margin: 2px 2px; border: 1px solid black; border-radius:2px; -webkit-transition: all 0.2s linear; transition: all 0.2 linear; overflow:hidden;}
.product_pagina_award_image { display:inline-block; background-color: white; width: 50px; height: 40px; padding: 2px 2px; margin: 2px 2px; border: 1px solid black; border-radius:2px; -webkit-transition: all 0.2s linear; transition: all 0.2 linear; overflow:hidden;}
.product_pagina_gallery_image_container.vertical .product_pagina_gallery_image_thumb { display:block; }
.product_pagina_gallery_image_thumb img, .product_pagina_award_image img { background-color: transparent; width:100%; height:100%; -webkit-transition: all 1s linear; transition: all 1s linear;}
.product_pagina_gallery_image_thumb:hover { -webkit-user-drag: none; transform:scale(1.2); -webkit-transform: scale(1.2); box-shadow: 3px 5px 1px #2f96cf; -webkit-box-shadow: 3px 5px 1px #2f96cf; border-radius: 0px 5px 5px 0px; background-color: #f6f6f6; }
/* .product_pagina_gallery_image_thumb:hover img { transform:scale(1.2); -webkit-transform: scale(1.2); } */
.center { margin:auto; text-align:center; }
/*
.product_pagina_gallery_image_test { display: inline-block; margin: 2px 2px; border:1px solid #000000;border-radius:2px; }
.product_pagina_gallery_image_test img { width: 45px; height: 45px; }
*/
.product_pagina_gallery_image_vergroten { position: absolute; bottom: 0; right: 0; width: 15px; }
.container_product_merklogo { display: block; position: absolute; top: 0; left: 0; opacity: 0.9; }; /* nice browsers */background: rgba(255, 255, 255, 0.8); }
.product_pagina_gallery_image_container.vertical .container_product_merklogo { left: auto; right: 0; }
.product_pagina_container_product_awards { display:block; position:absolute; top:0; right:0;}
/* artdetails.php specificaties tab */
.artdetails_spec_group { display: inline-block; padding: 5px 5px; margin-bottom: 15px; text-align:left; border:1px solid transparent; border-radius:4px; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2 ease-in-out;}
.artdetails_spec_group.grid { display: inline-block; width:46%; margin: 15px 1%; }
.artdetails_spec_group.list { float: left; width:100%; margin: 10px 0px; }
/* div#specs { max-height:700px; overflow-y:auto; } */
.artdetails_spec_group_title { text-transform: uppercase; font-size: 1.1em; font-weight: bold;}
.artdetails_spec_group.grid:hover { border-color: black; -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.23); -moz-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.23); box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.23); }
.artdetails_spec_group_title { border: 1px solid black; background-color: #2f96cf; color: white; } /* .artdetails_spec_group:hover */
.artdetails_spec_group .artdetails_spec_container::before { display: block; content: ""; width: 100%; height: 1px; border-top: 1px solid black; }
.artdetails_spec_container { display: inline-block; float: left; width: 100%; overflow: hidden; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2 ease-in-out;}
.artdetails_spec_naam { display: inline-block; float:left; width:70%; padding: 2px 2px; text-align:left; font-weight: bold; }
.artdetails_spec_group.list .artdetails_spec_naam { width: 50% }
.artdetails_spec_waarde { display: inline-block; float:right; padding: 2px 2px; text-align:left; }
.artdetails_spec_group.list .artdetails_spec_naam { width: 30%; }
.artdetails_spec_group.list .artdetails_spec_waarde { width: 65%; }
.artdetails_spec_container:hover { background-color: #1c7fb6; color: white; font-size: 1.1em; }
/* .artdetails_spec_container:hover { background-color: #268197; color: white; } */
/* artdetails.php tabs */
.etabs { margin: 0; padding: 0; border: 1px solid #d1d1d1; border-radius: 4px; background: url(../images/background_tabs.png) repeat-x center center #fff; min-height: 40px; margin-top: 10px; }
.tab { display: inline-block; zoom: 1; *display:inline; }
.tab a { font-size: 14px; height: 20px; display: block; padding: 11px 15px 9px; outline: none; text-transform: uppercase; font-weight: 600; color: #2f96cf; -webkit-transition: color 0.4s ease-in; transition: color 0.4s ease-in;}
.tab a:hover { color: #fff; text-decoration: none; }
.tab.active, .tab:hover { background: #2f96cf; position: relative; }
.tab a.active { color: #fff; }
.tab-container .panel-container { background: #fff; padding: 20px 15px; }
.panel-container { margin-bottom: 10px; }
.tab_label { display: inline-block; width: 200px; font-weight: bold; line-height: 2em; }
.tab_label1 { display: inline-block; width: 125px; font-weight: bold; line-height: 2em; }
.tab_label2 { display: inline-block; width: 250px; font-weight: bold; line-height: 2em; }
#footer { margin-top: 30px; }
#footer .block { padding: 0; }
.footer_block_container { padding: 15px 20px 0; }
.footer_block { width: 18%; margin-right: 2%; float: left; }
.footer_block h5 { text-transform: uppercase; margin-bottom: .7em; }
.footer_block h6 { position: relative; padding-bottom: 10px; margin-bottom: 10px; padding-top:2px; }
.footer_block h6:after { content: ""; position: absolute; bottom: 0px; width: 28px; left: 0px; border-bottom: 1px solid #d9dce1; height: 1px; }
.footer_block li { padding: 6px 0; }
.footer_block input { height: 28px; line-height: 28px; }
.footer_sub { padding: 10px 20px; border-top: 1px solid #d9dce1; margin-top: 20px; }
.footer_copyright { float: left; font-size: .9em; line-height: 37px; }
.footer_cookies { display: inline-block; width:65%; font-size: .9em; line-height: 37px; margin-left: auto; margin-right: auto;text-align: center;}
.footer_payment_logos { float: right; }
#footer address { font-style: normal; margin-bottom: 20px; }
.footer_block li:hover a { -webkit-user-drag: none; padding:8px 8px; text-decoration: none; background-color: #2f96cf; color: white; border-radius: 4px; transform:scale(1.2); -webkit-transform: scale(1.2); }
/* Slider */
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { background: url(../images/slider_controls.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb05 div { background-position: -4px -4px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -34px -4px; }
.jssorb05 .av { background-position: -64px -4px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -94px -4px; }
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn { position: absolute; cursor: pointer; display: block; background: url(../images/slider_controls_arrows.png) no-repeat; overflow:hidden; }
.jssora03l { background-position: -123px -33px; }
.jssora03r { background-position: -183px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -123px -33px; }
.jssora03rdn { background-position: -183px -33px; }
.robotic { display: none; }
/* Responsive Nav */
#nav_wrapper { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3 ease-in-out; }
#nav_wrapper .slicknav_menu { display:none; }
#nav_wrapper .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 5px 10px; line-height: 1.125em; cursor: pointer; }
#nav_wrapper .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
#nav_wrapper .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
#nav_wrapper .slicknav_menu .slicknav_no-text { margin: 0 }
#nav_wrapper .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
#nav_wrapper .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
#nav_wrapper .slicknav_nav { clear: both }
#nav_wrapper .slicknav_nav ul, .slicknav_nav li { display: block }
#nav_wrapper .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
#nav_wrapper .slicknav_nav .slicknav_item { cursor: pointer; }
#nav_wrapper .slicknav_nav .slicknav_row { display: block; }
#nav_wrapper .slicknav_nav a { display: block }
#nav_wrapper .slicknav_nav .slicknav_item a,
#nav_wrapper .slicknav_nav .slicknav_parent-link a { display: inline }
#nav_wrapper .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
#nav_wrapper .slicknav_menu:after { clear: both }
#nav_wrapper .slicknav_menu { *zoom: 1 }
#nav_wrapper .slicknav_menu { font-size:16px; }
#nav_wrapper .slicknav_btn { margin: 5px 5px 6px; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; }
#nav_wrapper .slicknav_menu .slicknav_menutxt { color: #2f96cf; font-weight: bold; }
#nav_wrapper .slicknav_menu .slicknav_icon-bar { background-color: #2f96cf; }
#nav_wrapper .slicknav_menu { background:#2f96cf; padding: 0; border-radius: 4px; }
#nav_wrapper .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; }
#nav_wrapper .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; }
#nav_wrapper .slicknav_nav ul { padding:0; margin:0; }
#nav_wrapper .slicknav_nav .slicknav_row { padding:7px 15px; }
#nav_wrapper .slicknav_nav li a{ padding:7px 15px; text-decoration:none; color:#fff; border-bottom: 1px solid #fff; }
#nav_wrapper .slicknav_nav li.submenu-item a { padding: 7px 30px; background: #D9DCE1; color: #000; }
#nav_wrapper .slicknav_nav li.submenu-item a:hover { color: #2F96CF; }
#nav_wrapper .slicknav_nav .slicknav_row a { border-bottom: 0 !important; }
#nav_wrapper .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; }
#nav_wrapper .slicknav_nav .slicknav_row:hover, #nav_wrapper .slicknav_nav .slicknav_row:hover a { padding-left:20px; background:#fff; color:#2F96CF; }
#nav_wrapper .slicknav_nav a:hover{ background:#fff; color:#2F96CF; }
#nav_wrapper .slicknav_nav .slicknav_txtnode { margin-left:15px; }
#nav_wrapper .slicknav_nav li.submenu-item a { }
#nav_wrapper .slicknav_nav a:hover li.submenu-item a { }
/* Responsive Categorie Lijst - menu linkerkant */
.block_categorieen .slicknav_menu { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3 ease-in-out; }
.block_categorieen .slicknav_menu { display:none; }
.block_categorieen .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 5px 10px; line-height: 1.125em; cursor: pointer; }
.block_categorieen .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.block_categorieen .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.block_categorieen .slicknav_menu .slicknav_no-text { margin: 0 }
.block_categorieen .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.block_categorieen .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.block_categorieen .slicknav_nav { clear: both }
.block_categorieen .slicknav_nav ul, .slicknav_nav li { display: block }
.block_categorieen .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.block_categorieen .slicknav_nav .slicknav_item { cursor: pointer; }
.block_categorieen .slicknav_nav .slicknav_row { display: block; }
.block_categorieen .slicknav_nav a { display: block }
.block_categorieen .slicknav_nav .slicknav_item a, .block_categorieen .slicknav_nav .slicknav_parent-link a { display: inline }
.block_categorieen .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.block_categorieen .slicknav_menu:after { clear: both }
.block_categorieen .slicknav_menu { *zoom: 1 }
.block_categorieen .slicknav_menu li.parent a:after { display: none; }
.block_categorieen .slicknav_menu { font-size:16px; }
.block_categorieen .slicknav_btn { margin: 5px 5px 6px; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; }
.block_categorieen .slicknav_menu .slicknav_menutxt { color: #2f96cf; font-weight: bold; }
.block_categorieen .slicknav_menu .slicknav_icon-bar { background-color: #2f96cf; }
.block_categorieen .slicknav_menu { background:#f1f4f8; padding: 0; border-radius: 4px; }
.block_categorieen .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; }
.block_categorieen .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; }
.block_categorieen .slicknav_nav ul { padding:0; }
.block_categorieen .slicknav_nav .slicknav_row { padding:7px 15px; }
.block_categorieen .slicknav_nav a{ padding:7px 15px; text-decoration:none; color:#000; }
.block_categorieen .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; }
.block_categorieen .slicknav_nav .slicknav_row a { font-size: 1em; }
.block_categorieen .slicknav_nav .slicknav_row:hover { background:#ccc; color:#000; }
.block_categorieen .slicknav_nav a:hover{ background:#ccc; color:#222; }
.block_categorieen .slicknav_nav .slicknav_txtnode { margin-left:15px; }
.block_categorieen .slicknav_nav li ul { position: relative !important; left: auto; box-shadow: none; width: 100%; border-top: 1px solid #d1d1d1; }
.block_categorieen .slicknav_nav li ul li a { padding-left: 30px; }
.block_categorieen .title { padding: 5px 5px; margin-bottom: 0px; background-color: #2f96cf; color: white; border: 1px solid #d9dce1;}
.afrekenen_links, .afrekenen_midden, .afrekenen_rechts { float: left; width: 30%; }
.afrekenen_rechts .remark { font-size: 0.8em; color: #919191; }
.afrekenen_midden { margin: 0 5%; }
.afrekenen_wrapper .block_title { border: 1px solid #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-bottom: 10px; padding: 7px 12px; border-radius: 4px; text-transform: uppercase; }
.afrekenen_wrapper input[type=text], .afrekenen_wrapper textarea { width: 100%; }
.afrekenen_wrapper { line-height: 20px; }
.afrekenen_wrapper .totaal { line-height: 35px; }
.afrekenen_wrapper button { margin-right: 20px; padding: 6px 13px 5px; font-size: .85em; }
.afrekenen_wrapper input.extrasmall, input.extrasmall { width: 50px; margin-right: 15px; line-height: 20px; height: 20px; margin-bottom: 0; }
.categorie_overzicht_cat { border-width: 1px 1px 2px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-bottom: 18px; padding: 12px 5px; border-radius: 4px; float: left; width: 145px; margin-right: 15px; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3 ease-in-out; }
.categorie_overzicht_cat img { display: block; margin: 0 auto 10px; }
.categorie_overzicht_cat:hover img { transform:scale(1.1); -webkit-transform: scale(1.1); }
.subaccounts_soort, .subaccounts_gebruikersnaam, .subaccounts_wachtwoord, .subaccounts_email, .subaccounts_delete { float: left; padding: 0 10px; line-height: 30px; }
.subaccounts_soort { padding-left: 0 !important; }
input.inputhalf, .factuur_dropdown select { width: 50%; }
.factuuroverzicht td { padding: 4px 0; }
.google_maps { width: 600px; height: 450px; }
ul.social_media > li { webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
ul.social_media > li:hover { -webkit-user-drag: none; transform:scale(1.2); -webkit-transform: scale(1.2); opacity: 0.8; filter: alpha(opacity=80); }
/* button:hover { -webkit-user-drag: none; transform:scale(1.15); -webkit-transform: scale(1.15); opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all 0.7s ease-in-out; transition: all 0.7 ease-in-out; } */
/* Chat funktie */
.block_chat {display:none; z-index: 999999; position:absolute; background-color: white; height: 400px; width:250px; margin-top:2px; margin-bottom: 20px; padding: 10px 10px; right:0%; border: 1px solid #2F96CF; border-radius: 5px; overflow: none}
#div_chat {max-height: 200px; overflow-y:auto; padding-right: 5px; }
div.block_chat { -webkit-transition: box-shadow 0.7s ease; transition: box-shadow 0.7 ease; }
li#chat_menu_knop:hover > div.block_chat { -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 80, 155, .4); box-shadow: 3px 3px 3px 3px rgba(0, 80, 155, .4); border-radius: 0px 0px 10px 0px; background-color: #fafafa;}
#chatVraag {overflow: auto; width: 100%; line-height: 1.3em; border: 1px solid grey; border-radius: 5px; }
.block_chat_icon {
background: #f1f4f8 url(../images/icon_cart.png) 12px 14px no-repeat; text-align: right; position: relative;padding-bottom:6px;}
}
.div_chat {
display: block;
}
.chat_regel {
word-break: break-all;
line-height: 100%;
}
.client_naam {
display: none;
}
.server_bericht {
margin-left: 20px;
font-style: italic;
}
.server_bericht:before {
color: #14699f;
content: 'Qwerty: ';
}
.server_bericht:after {
content: ' ';
display: block;
width: 100%;
clear:both;
height: 4px;
}
.server_naam {
display: none;
}
.mouse1 { visibility:hidden; width: 500px; position:relative; top:0px; left:27px; border-width: 1px 1px 2px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-bottom: 18px; padding: 15px 20px 12px; border-radius: 4px; background-image:url('../images/site/npi-gaming-75px.png'); background-repeat: no-repeat; background-position: left top;}
.mouse2 { visibility:hidden; width: 500px; position:relative; top: -212px; left:200px; border-width: 1px 1px 2px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-bottom: 18px; padding: 15px 20px 12px; border-radius: 4px; background-image:url('../images/site/npi-entertainment-75px.png'); background-repeat: no-repeat; background-position: left top;}
.mouse3 { visibility:hidden; width: 500px; position:relative; top: -422px; left:400px; border-width: 1px 1px 2px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-bottom: 18px; padding: 15px 20px 12px; border-radius: 4px; background-image:url('../images/site/npi-werkstudie-75px.png'); background-repeat: no-repeat; background-position: left top;}
.mouse4 { visibility:hidden; width: 500px; position:relative; top: -615px; left:500px; border-width: 1px 1px 2px; border-style: solid; border-color: #d9dce1; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-bottom: 18px; padding: 15px 20px 12px; border-radius: 4px; background-image:url('../images/site/npi-internet-75px.png'); background-repeat: no-repeat; background-position: left top;}
.nomouse { float:left; left:10px; width: 175px; }
a.bordered:hover img {
border: solid 1px grey;
}
a.highlight{
opacity:0.8;
-webkit-user-drag: none;
}
a.no-drag, a.no-drag:hover img {
-webkit-user-drag: none;
-ms-user-drag: none;
-moz-user-drag: none;
-user-drag:none;
}
a.highlight:active {
float:top;
opacity:1;
display:inline-block;
-webkit-transition: all 1.2s ease;
transition: all 1.2s ease;
}
a.highlight:hover {
float:top;
opacity:1;
display:inline-block;
-webkit-transition: all 1.2s ease;
transition: all 1.2s ease;
}
a.highlight:hover img {
margin:0;
-webkit-user-drag: none;
-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 80, 155, .75);
box-shadow: 2px 2px 2px 2px rgba(0, 80, 155, .75);
-webkit-filter: saturate(1); filter: saturate(1);
webkit-transform: scale(1.05); transform:scale(1.05);
webkit-transition: all 0.7s ease; transition: all 0.7s ease;
}
a:no-drag:hover image {
-webkit-user-drag: none;
}
.highlight_button:hover {
background: linear-gradient(
rgba(0, 0, 0, 0.3),
rgba(0, 0, 0, 0.3)
)
}
.highlight:hover {
background: linear-gradient(
rgba(60, 100, 185, 1),
rgba(60, 100, 185, 1)
)
}
/* Generated by http://css.spritegen.com CSS Sprite Generator */
.ACR, .ADJ, .AEG, .AMD, .APP, .ASI,
.CAN, .CLA, .CON, .COO, .DAT,
.DYM, .EBO, .ECA, .EDI, .EQ,
.FIL, .GIG, .HKC, .INT, .KAS,
.KIN, .LC, .LEN, .LEV, .LG,
.LIT, .LOG, .MAX, .MIC, .MOB,
.MOD, .MOO, .NEO, .NM, .NO, .OLI,
.PAT, .SAM, .SEA, .SHU, .SPI, .SP,
.TOS, .TRA, .TWI, .VEN, .WAI,
.WD, .WX, .CRU, .NEX, .NXT, .L33, .DIG, .MED, .ERA, .INN
{ display: inline-block; background: url('../images/merken/sprite_merken.jpg') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.ACR { background-position: -245px -350px; width: 75px; height: 45px; }
.ADJ { background-position: -5px -0px; width: 75px; height: 45px; }
.AEG { background-position: -85px -0px; width: 75px; height: 45px; }
.AMD { background-position: -165px -0px; width: 75px; height: 45px; }
.APP { background-position: -245px -0px; width: 75px; height: 45px; }
.ASI { background-position: -325px -0px; width: 75px; height: 45px; }
.CAN { background-position: -405px -0px; width: 75px; height: 45px; }
.CLA { background-position: -5px -50px; width: 75px; height: 45px; }
.CON { background-position: -85px -50px; width: 75px; height: 45px; }
.COO { background-position: -165px -50px; width: 75px; height: 45px; }
.DAT { background-position: -245px -50px; width: 75px; height: 45px; }
.DYM { background-position: -325px -50px; width: 75px; height: 45px; }
.EBO { background-position: -405px -50px; width: 75px; height: 45px; }
.ECA { background-position: -0px -100px; width: 75px; height: 45px; }
.EDI { background-position: -85px -100px; width: 75px; height: 45px; }
.EQ { background-position: -165px -100px; width: 75px; height: 45px; }
.FIL { display: none; } /* background-position: -245px -100px; width: 75px; height: 45px; } */
.GIG { background-position: -325px -100px; width: 75px; height: 45px; }
.HKC { background-position: -405px -100px; width: 75px; height: 45px; }
.INT { background-position: -5px -150px; width: 75px; height: 45px; }
.KAS { background-position: -85px -150px; width: 75px; height: 45px; }
.KIN { background-position: -165px -150px; width: 75px; height: 45px; }
.LC { background-position: -245px -150px; width: 75px; height: 45px; }
.LEN { background-position: -325px -150px; width: 75px; height: 45px; }
.LEV { background-position: -405px -150px; width: 75px; height: 45px; }
.LG { background-position: -5px -200px; width: 75px; height: 45px; }
.LIT { background-position: -85px -200px; width: 75px; height: 45px; }
.LOG { background-position: -165px -200px; width: 75px; height: 45px; }
.MAX { background-position: -405px -350px; width: 75px; height: 45px; }
.MIC { background-position: -245px -200px; width: 75px; height: 45px; }
.MOB { background-position: -325px -200px; width: 75px; height: 45px; }
.MOD { background-position: -405px -200px; width: 75px; height: 45px; }
.NEO { background-position: -5px -250px; width: 75px; height: 45px; }
.NM { background-position: -85px -250px; width: 75px; height: 45px; }
.NO { background-position: -165px -250px; width: 75px; height: 45px; }
.OLI { background-position: -245px -250px; width: 75px; height: 45px; }
.PAT { background-position: -325px -250px; width: 75px; height: 45px; }
.SAM { background-position: -405px -250px; width: 75px; height: 45px; }
.SEA { background-position: -5px -300px; width: 75px; height: 45px; }
.SHU { background-position: -85px -300px; width: 75px; height: 45px; }
.SPI { background-position: -165px -300px; width: 75px; height: 45px; }
.TOS { background-position: -245px -300px; width: 75px; height: 45px; }
.TRA { background-position: -325px -300px; width: 75px; height: 45px; }
.TWI { display: none; } /* background-position: -405px -300px; width: 75px; height: 45px; } */
.VEN { background-position: -5px -350px; width: 75px; height: 45px; }
.WAI { background-position: -85px -350px; width: 75px; height: 45px; }
.WD { background-position: -165px -350px; width: 75px; height: 45px; }
.WX { background-position: -325px -350px; width: 75px; height: 45px; }
.CRU { background-position: -485px -0px; width: 75px; height: 45px; }
.NEX { background-position: -485px -50px; width: 75px; height: 45px; }
.NXT { background-position: -485px -50px; width: 75px; height: 45px; }
.MOO { background-position: -485px -100px; width: 75px; height: 45px; }
.L33 { background-position: -485px -150px; width: 75px; height: 45px; }
.SP { background-position: -485px -200px; width: 75px; height: 45px; }
.DIG { background-position: -485px -250px; width: 75px; height: 45px; }
.MED { background-position: -485px -300px; width: 75px; height: 45px; }
.ERA { background-position: -485px -350px; width: 75px; height: 45px; }
.INN { background-position: -555px -0px; width: 75px; height: 45px; }
/* .NXT { background-position: -1000px -1000px; width: 75px; height: 45px; } */
.brand_logo { width: 75px; height: 45px; }
/* categorie.php */
.wrap table {table-layout: fixed; width:100%}
.wrap td {width:100px; min-width: 40px; padding: 2px; word-break: break-word; white-space: pre; font-size: inherit; font: inherit;}
/* Chat functie */
.blink {
animation: blink-animation 1s steps(2, start) infinite;
-webkit-animation: blink-animation 1s steps(2, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
/* transformeer functies */
.visible { display:inline-block }
.hidden { display:none }
.invisible { visibility: hidden }
.text {
border: 0px solid;
background-color: transparent;
}
.zoom {
overflow:hidden;
-ms-transform: scale(1.15, 1.15); /* IE 9 */
-webkit-transform: scale(1.15, 1.15); /* Safari */
transform: scale(1.15, 1.15);
-webkit-transition: -moz-transform .5s ease-in-out;
-moz-transition: -webkit-transform .5s ease-in-out;
}
.zoom_very_slow {
animation: zoom-animation 1.5s steps(2, start) infinite;
-webkit-animation: zoom-animation 1.5s steps(2, start) infinite;
}
.zoom_slow {
animation: zoom-animation 1s steps(2, start) infinite;
-webkit-animation: zoom-animation 1s steps(2, start) infinite;
}
.zoom_fast {
animation: zoom-animation 0.5s steps(2, start) infinite;
-webkit-animation: zoom-animation 0.5s steps(2, start) infinite;
}
@keyframes zoom-animation {
0% {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
100% {
transform: scale(1.1);
-webkit-transform: scale(1.0);
}
}
.grow { transition: all 0.1s ease-in-out; }
.grow:hover { transform: scale(1.1); }
.grow_bigger { transition: all 0.1s ease-in-out; }
.grow_bigger:hover { transform: scale(1.15); }
.skew {
overflow: hidden;
-webkit-transform: scale(1.5) skew(-10deg, 45deg);
-moz-transform: scale(1.5) skew(-10deg, 45deg);
-o-transform: scale(1.5) skew(-10deg, 45deg);
transform: scale(1.5) skew(-10deg, 45deg);
-webkit-box-shadow: 4px 4px 10px red;
-moz-box-shadow: 4px 4px 10px red;
box-shadow: 4px 4px 10px red;
}
.nieuw {
background: url(../images/new.png) no-repeat;
background-repeat: no-repeat;
background-position: top 2px right 2px;
background-size: 25%;
}
.slidedown {
overflow-y: hidden;
max-height: 500px; /* approximate max height */
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.slideup{
max-height: 0;
}
.fixeerTop { display:block; position: fixed; background: white; top: 0; width: 100%; overflow: visible; z-index: 1; opacity: 1; }
.fixed { position: fixed; opacity: 0.5; background: white; overflow: visible; z-index: 999; }
.scrolltop: { position: fixed; color:#fff; right:10px; bottom:10px;}
.scrollbottom { position: fixed; color #fff; right: 10px; top: 200px}
.incrementer { display: inline-block; position: relative; margin-right: 10px;}
.incrementer > input[type=text] { width: 70px; height: 32px; margin: 2px 2px; }
.block_winkelwagen .incrementer > input[type=text] { height:30px; margin: 0px 0px; }
.incrementer > button { display:none; position:absolute; right: 0; height:49%; width: 25px; padding: 2px 2px; font-size: 0.7em;}
.incrementer:hover button { display: block; }
.incrementer > button.up { top: 0; }
.incrementer > button.down { bottom: 0; }
.incrementer > button.small { width: 20px; height: 48%; margin: 0px 0px; font-size: 0.7em;}
.error.highlight { color:red; font-weight:bold; border:1px solid red; padding: 2px 2px; }
input.error + span, input.validated + span { position: relative; right: 32px; top: 0; bottom: 0; font-weight: 900; font-size:24px; }
input.error { border: 2px solid red; }
input.validated { border: none; }
input.validated + div, input.error + div { display: block; }
input.validated + span { color: darkGreen;}
input.error + span { color: darkRed; }
input.animate:hover { border: 1px solid darkGreen; /* cursor: pointer; */}
.table-container { display: table; width: 100%; }
.table-container input { display: inline-block; }
.table-row { display: table-row; width: 100%; }
.table-col { display: table-cell; padding: 0px 10px; }
.margin_small { margin: 10px 10px; }
.margin_medium { margin: 25px 25px; }
.margin_large { margin: 50px 50px; }
/* image zoom function
.img-magnifier-container {
position: relative;
}
/* * {box-sizing: border-box;} */
button.next, button.previous { margin: 5px 5px; }
.img-magnifier-glass {
z-index: 9999999;
position: absolute;
border: 1px solid #000;
border-radius: 50%;
cursor: none;
/*Set the size of the magnifier glass:*/
width: 200px;
height: 200px;
}
.disabled { opacity: 0.5 !important; background-color: Gray !important; }
/* lightbox2 fix (artdetails.php)
.lb-image { max-width: 100px; max-height: 100px;}
*/
/* JqueryUI datepicker */
.ui-datepicker-trigger { position: relative; top: -5px; right: 30px; }
.ui-datepicker-prev span, .ui-datepicker-next span {
background-image: none !important;
}
.ui-datepicker-prev span.ui-icon, .ui-datepicker-next span.ui-icon {
width: 16px;
height: 16px;
display: block;
text-indent: 0;
overflow: hidden;
background-repeat: no-repeat;
background-image: none !important;
}
.ui-state-default {
background-image: none !important;
}
.ui-datepicker-prev span:before {
position: relative;
content: "\f104";
font-family: 'Font Awesome\ 5 Free' !important;
font-weight: 900;
font-style: normal;
}
.ui-datepicker-next span:before {
position: relative;
content: "\f105";
font-family: 'Font Awesome\ 5 Free' !important;
font-weight: 900;
font-style: normal;
}
.qwerty_colors { background-color: #268197; color: white;}
table.sticky { height: 75%; overflow: auto; }
table.sticky thead { position: sticky; top: 0; left: 0; z-index: 1; }
table.sticky td { padding: 2px 2px; }
/* datatables BEGIN */
/*
table.datatable > tbody > tr.even > td { background-color: #f2f2f2; }
table.datatable > tbody > tr:hover > td { background-color: #dddddd; !important}
*/
table.datatable { font-family: inherit; font-size: inherit;}
table.datatable > tbody > tr > td { margin: 5px 5px; background-color: #ffffff; }
.dataTables_wrapper .dt-buttons { float: right; margin-left: 30px}
.dt-buttons > button { display: inline-block; position: relative; margin-left: 2px; margin-right: 2px;}
.dt-buttons > button:last-child { margin-left: 10px; color: darkblue; }
.dataTables_filter { float: right }
.dataTables_filter label {display: inline-block;}
.dataTables_filter input {display: inline-block; margin-left: 5px; width: 150px; height: 30px}
/* .dataTables_wrapper pagination { display: inline-block; background-color: light-green;} */
.datatables_wrapper { padding: 5px 5px; }
.datatables_wrapper input { margin-bottom: 5px; }
.datatables_wrapper .dataTables_length {width: 100px; }
.datatables_wrapper .dataTables_filter input {width: 150px; }
.dataTables_wrapper .dt-buttons { float: right; margin-left: 30px; }
/*.dt-buttons > button { display: inline-block; position: relative; margin-left: 2px; margin-right: 2px;} */
/* .dt-buttons > button { color: #fff !important; background-color: #01A0C7 !important; } */
.dataTables_wrapper .dt-buttons > button:last-child { margin-left: 10px; color: darkblue; }
.dataTables_wrapper .dataTables_filter { float: right }
.dataTables_wrapper .dataTables_filter input {display: inline-block; margin-left: 5px; width: 150px; height: 30px}
/* .dataTables_wrapper pagination { display: inline-block; background-color: light-green;} */
.dataTables_wrapper .dataTables_length label { display: inline-block; float: left; }
/* datatable automatisch volledige breedte in laten nemen
.dataTables_wrapper tr > td:last-child { text-align: left; width: 100%; }
*/
/* datatable pagination, filtering enkel tonen bij hover actie */
.dataTables_wrapper .dt-buttons, .dataTables_wrapper .dataTables_filter { visibility: hidden; }
.dataTables_wrapper:hover .dt-buttons, .dataTables_wrapper:hover .dataTables_filter { visibility: visible; }
.datatables_wrapper:hover { background-color: #e6e6e6; }
.datatables_wrapper:hover table.datatable { background-color: white; }
.datatable_highlight { background-color: whitesmoke !important; }
.qwerty_colors { background-color: #268197; color: white;}
.datatable_highlight { background-color: whitesmoke !important; }
@keyframes slideInFromLeft {
0% { transform: translateX(-100%); }
100% { transform: translateX(0) }
}
@keyframes slideInFromTop {
0% { transform: translateY(-100%); }
100% { transform: translateY(0) }
}
.top_bar #logo {
animation: 1s ease-in slideInFromTop;
-webkit-animation: 1s ease-in slideInFromTop;
-moz-animation: 1s ease-in slideInFromTop;
-o-animation: 1s ease-in slideInFromTop;
}
ul.topbar.webshop li.submenu-item { padding: 2px 2px; }
ul.topbar.webshop li.submenu-item img.thumb { width:25px!important; height:25px!important;}
/*
.block_slider {
animation: 1s ease-in slideInFromLeft;
-webkit-animation: 1s ease-in slideInFromLeft;
-moz-animation: 13s ease-in slideInFromLeft;
-o-animation: 1s ease-in slideInFromLeft;
}
*/
/*
.block_socialmedia li {
animation-delay: 2s;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
animation: 1s ease-in slideInFromLeft;
-webkit-animation: 1s ease-in slideInFromLeft;
-moz-animation: 1s ease-in slideInFromLeft;
-o-animation: 1s ease-in slideInFromLeft;
}
/*
*******************************
Responsive design media queries
*******************************
*/
@media (min-width: 1215px) {
.container_24 { margin: 0 auto; width: 1200px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.grid_1 { width:30px; }
.grid_2 { width:80px; }
.grid_3 { width:130px; }
.grid_4 { width:180px; }
.grid_5 { width:230px; }
.grid_6 { width:280px; }
.grid_7 { width:330px; }
.grid_8 { width:380px; }
.grid_9 { width:430px; }
.grid_10 { width:480px; }
.grid_11 { width:530px; }
.grid_12 { width:580px; }
.grid_13 { width:630px; }
.grid_14 { width:680px; }
.grid_15 { width:730px; }
.grid_16 { width:780px; }
.grid_17 { width:830px; }
.grid_18 { width:880px; }
.grid_19 { width:930px; }
.grid_20 { width:980px; }
.grid_21 { width:1030px; }
.grid_22 { width:1080px; }
.grid_23 { width:1130px; }
.grid_24 { width:1180px; }
ul.topbar.webshop { width:1020px!important;}
ul.topbar.webshop li.submenu-item { display:inline-block!important; width:250px!important; }
}
@media (min-width: 980px) and (max-width: 1214px) {
.container_24 { margin: 0 auto; width: 960px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.grid_1 { width:20px; }
.grid_2 { width:60px; }
.grid_3 { width:100px; }
.grid_4 { width:140px; }
.grid_5 { width:180px; }
.grid_6 { width:220px; }
.grid_7 { width:260px; }
.grid_8 { width:300px; }
.grid_9 { width:340px; }
.grid_10 { width:380px; }
.grid_11 { width:420px; }
.grid_12 { width:460px; }
.grid_13 { width:500px; }
.grid_14 { width:540px; }
.grid_15 { width:580px; }
.grid_16 { width:620px; }
.grid_17 { width:660px; }
.grid_18 { width:700px; }
.grid_19 { width:740px; }
.grid_20 { width:780px; }
.grid_21 { width:820px; }
.grid_22 { width:860px; }
.grid_23 { width:900px; }
.grid_24 { width:940px; }
#nav li a { padding: 11px 22px; font-size: 0.85em; }
#search { width: 300px; }
.search_container { width: 100%;}
.search_container input { width: 70%; }
.account_links li { margin: 5px 5px; }
.block.block_header_cart { background: url("../images/icon_cart.png") no-repeat scroll 4px -28px #F1F4F8; font: 12px/16px "Source Sans Pro",Arial,Helvetica,sans-serif; }
.toolbar { margin-top: 0; }
.toolbar_items { float: none; display: block; text-align: right; margin-bottom: 10px; }
.toolbar_pagination { margin: 0 20px 0 0; }
.product_pagina_info_block { float: none; width: 100%; }
.product_grid .parent_image, .product_grid .parent_image .main_image { width: 150px !important; height: 150px !important; }
.product_grid li { padding: 5px 3px; }
.product_grid div.incrementer { margin-right: 0px; }
.product_grid .grid_button button { width: 90px; font-size: 10px; padding: 2px 2px;}
.product_list .grid_productnaam { display:inline-block; width: 80%; }
.product_list .grid_prijs { display:inline-block; float:right;}
/* basket.php */
.block_winkelwagen_main_image { display:inline-block; margin-right:30px;}
.block_winkelwagen_main_artikel { display: inline-block; width: 85%;}
.block_winkelwagen_header_artikel { width: 30%; }
.block_winkelwagen_main_prijsps { margin-left: 21%; }
.block_winkelwagen_header_aantal, .block_winkelwagen_main_aantal { width: 90px; }
.block_winkelwagen_main_aantal .incrementer { width:100%; }
.block_winkelwagen form.setbasket { width:80px; padding:0px 0px; }
.block_winkelwagen input.cart_aantal { width:60px; }
.block_winkelwagen .incrementer { width:80px }
.block_winkelwagen_header_subtotaal { width:80px; }
.block_slider_products_item { width: 75%; }
ul.topbar.webshop { width:800px!important;}
ul.topbar.webshop li.submenu-item { display:inline-block!important; width:250px!important; }
}
@media (min-width: 760px) and (max-width: 979px) {
.container_24 { margin: 0 auto; width: 740px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.grid_1 { width:10px; }
.grid_2 { width:40px; }
.grid_3 { width:70px; }
.grid_4 { width:100px; }
.grid_5 { width:130px; }
.grid_6 { width:160px; }
.grid_7 { width:190px; }
.grid_8 { width:220px; }
.grid_9 { width:250px; }
.grid_10 { width:280px; }
.grid_11 { width:310px; }
.grid_12 { width:340px; }
.grid_13 { width:370px; }
.grid_14 { width:400px; }
.grid_15 { width:430px; }
.grid_16 { width:460px; }
.grid_17 { width:490px; }
.grid_18 { width:520px; }
.grid_19 { width:550px; }
.grid_20 { width:580px; }
.grid_21 { width:610px; }
.grid_22 { width:640px; }
.grid_23 { width:670px; }
.grid_24 { width:700px; }
#cart { width: 130px; margin-top: -10px;}
#head #logo.grid_6 { width: 200px; }
#head #links.grid_6 { width: 410px; }
#logo { margin: 0px 0px; }
#links { display:block; clear:both; text-align: left; }
#nav li a { padding: 11px 13px; font-size: 14px; }
.footer_block { margin-right: 3%; width: 30%; }
.footer_block:nth-child(4n) { clear: left; }
.footer_block:nth-of-type(-n+3) { margin-bottom: 20px; }
.google_maps { width: 500px; height: 350px; }
.inline_form input, .inline_form textarea, .inline_form select { width: 90%; }
.inline_form input.small, .inline_form select.small { width: 44%; margin-right: 2%; }
#search { width: 400px; float:right; padding-bottom: 10px; margin-bottom: 10px; }
.search_container { margin-top: 10px; width: 100%; text-align: center; border: 1px solid #2f96cf; border-radius: 4px; padding: 6px; display: inline-block; }
.search_container input { border-top: none; border-left: none; border-bottom: none; border-radius: 0; background-color: #fff; width: 70%; margin-bottom: 0; margin-right: 10px; height: 30px; line-height: 30px; }
#search_results { display: none; position: absolute; z-index:65535; float: left; width:200%; padding: 10px 10px; }
#links { display: block; position: relative; float: left; padding: 0px 0px; }
.account_links li { display: inline-block; text-align: center; font-size: .85em; margin-left: 10px; margin-right: 10px; vertical-align: top; }
.account_links li:first-child { margin-left: 0; }
.account_links li:last-child { margin-right: 0; }
.block_slider_products_item { width: 70%;}
#nav li a {font-size: 0.75em; }
.toolbar { margin-top: 0; }
.toolbar_items { float: left; text-align: right; }
.toolbar_pagination { float: right; margin: 0; margin-bottom: 15px; }
.toolbar_aantal:before { content: " "; display: table; clear: both; }
.toolbar_aantal { float: right; display: block; margin: 0 !important; }
/* .product_grid li { display: inline-block; width: 48%; margin-right: 2%; vertical-align: top; position: relative; padding-bottom: 5px; } */
.product_pagina_image {display: inline-block; position: relative; float: left; overflow: hidden; width: 300px; height: 350px; background-color: white; padding:5px 5px; margin-right: 0px; margin-bottom: 5px;}
.product_pagina_info_block { display: inline-block; position: relative; float: right; width: 170px; padding: 5px 5px; }
.product_grid li { width:45%; margin: 10px 16px 10px 0px; padding: 5px 5px; }
.product_grid li:last-child {margin-right: 0px;}
.product_grid li .grid_productnaam { height: 40px; }
.product_grid .parent_image { width: 100%; }
.product_list li { margin-top:10px; margin-bottom:10px; }
.product_list li .grid_productnaam { width: 20%; }
.product_list li .grid_prijs { display:inline-block; float: right; }
/*.loggedin .product_list li .grid_productnaam { display:block; float: bottom; width:100%; margin-bottom: 5px;} */
/* artdetails.php specificatie tabblad */
.artdetails_spec_group.grid { display: block; float: left; width:50%; margin: 5px 1%; }
.artdetails_spec_group.list { display: block; width:100%; margin: 5px 1%; }
.artdetails_spec_group:hover .artdetails_spec_container::before { height: 4px; }
.page_title { display: block; position:relative;}
.product_pagina_image { width: 58%; height:450px; }
.product_pagina_info_block { width: 30%; }
/* .product_pagina_gallery_image_thumb { width: 40px; height: 40px; margin:3px 3px; } */
/* basket.php */
.block_winkelwagen_header_artikel { width: 30%; }
/* Stukprijs & aantallen herpositioneren vanwege weergave op volgende regel */
.block_winkelwagen_main_image { display:inline-block; margin-right:30px;}
.block_winkelwagen_main_artikel { display:inline-block; width:75%;}
.block_winkelwagen_main_prijsps { display:inline-block; margin-left:19%;}
/*
.block_winkelwagen_main.kostenpost > .block_winkelwagen_main_prijsps { display:inline-block; margin-left:-17%; }
*/
.block_winkelwagen_header_aantal, .block_winkelwagen_main_aantal { width: 90px; }
.block_winkelwagen_main_aantal .incrementer { width: 100%; }
.block_winkelwagen form.setbasket { width:80px; padding:0px 0px; }
.block_winkelwagen input.cart_aantal { width:60px; }
.block_winkelwagen .incrementer { width:80px;}
.block_winkelwagen_header_subtotaal { width:80px;}
.etabs .tab a { font-size: 12px; height: 15px; padding: 11px 15px 9px; }
ul.topbar.webshop { width:600px!important;}
ul.topbar.webshop li.submenu-item { display:inline-block!important; width:290px!important; }
}
@media (max-width: 759px) {
.container_24 { margin: 0 auto; max-width: 720px; padding: 0 15px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 { margin-left: 0px; margin-right: 0px; float: none; }
#logo { margin: 10px 0; }
#logo a { margin: 10px auto; }
#search { display: block; float: bottom; width: 100%;}
.search_container { width: 95%; }
.search_container input { width: 70%; }
#links { float: left; margin: 5px 5px;}
.account_links li { margin: 5px 10px; vertical-align: top; }
.footer_block_container { width: 100%; }
.footer_block { width: 45%; float: left; margin: 10px 0px; }
.footer_block:last { width: 100%; clear: left; }
/* .block.block_header_cart { margin-top: 20px; background: url("../images/icon_cart.png") no-repeat scroll 12px 8px #F1F4F8; } */
#nav_wrapper #nav { display:none; }
#nav_wrapper .slicknav_menu { display: block; margin: 15px 0; }
.block_categorieen ul, .block_categorieen .title { display:none; }
.block_categorieen .slicknav_menu { display: block; }
.block.block_categorieen, .block_categorieen { padding: 0; }
.block { margin-bottom: 12px; padding: 10px 15px 7px; }
.block_acties, .block_socialmedia { display: none; }
.title { font: 16px 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight: 600; margin-bottom: 0; }
.google_maps { width: 100%; height: 300px; }
.inline_form input, .inline_form textarea, .inline_form select { width: 90%; }
.inline_form input.small, .inline_form select.small { width: 44%; margin-right: 2%; }
.toolbar { margin-top: 0; }
.toolbar_items { float: left; text-align: right; }
.toolbar_pagination { float: right; margin: 0; margin-bottom: 15px; }
.toolbar_aantal:before { content: " "; display: table; clear: both; }
.toolbar_aantal { float: right; display: block; margin: 0 !important; }
.tab a { font-size: 11px; padding: 11px 8px 9px; }
.breadcrumbs li { margin-right: 5px; }
.breadcrumbs li:after { margin-left: 5px; }
/* categorie.php */
.product_grid li { width:45%; margin-right: 10px; margin-bottom:}
.product_list li .grid_prijs { display: inline-block; padding: 5px 5px; }
/* artdetails.php */
.page_title { margin: 20px 0px 5px;}
.product_pagina_info_block { float: none; width: 100%; }
.product_pagina_info_block_content { display: inline; font-size: .9em; }
.product_pagina_gallery_image, .product_pagina_gallery_image img { display: inline-block; position:relative; padding: 2px 2px; }
.product_pagina_gallery_image { display: inline-block; vertical-align: center; height: 50px; width: 50px; margin: 2px 2px; }
.product_pagina_gallery_image_thumb { display:inline-block; width: 40px; height: 40px; margin: 2px 2px; padding: 1px 1px; border: 1px solid black; border-radius:2px; }
/* artdetails.php specificatie tabblad */
.artdetails_spec_group { display: inline-block; float: left; width:100%; }
.artdetails_spec_group:hover .artdetails_spec_container::before { height: 4px; }
/* basket.php */
.block_winkelwagen_header_artikel { width: 30%; }
/* Stukprijs & aantallen herpositioneren vanwege weergave op volgende regel */
.block_winkelwagen_main_image { display:inline-block; margin-right:30px;}
.block_winkelwagen_main_artikel { display:inline-block; width:75%; }
.block_winkelwagen_main_prijsps { display:inline-block; margin-left: 19%; }
.block_winkelwagen_header_aantal, .block_winkelwagen_main_aantal { width: 90px; }
.block_winkelwagen_main_aantal .incrementer { width: 100%; }
.block_winkelwagen form.setbasket { width:80px; padding:0px 0px; }
.block_winkelwagen input.cart_aantal { width:60px; }
.block_winkelwagen .incrementer { width:80px;}
.block_winkelwagen_header_subtotaal { width:80px;}
.etabs > li.tab > a { font-size: 0.8em; }
}