html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline }
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block }
audio, canvas, video { display:inline-block }
audio:not([controls]) { display:none; height:0 }
a:focus { outline:thin dotted }
a:active, a:hover { outline:0 }
abbr[title] { border-bottom:1px dotted }
b, strong { font-weight:bold }
dfn { font-style:italic }
hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0 }
pre { white-space:pre-wrap }
q { quotes:"\201C" "\201D" "\2018" "\2019" }
svg:not(:root) { overflow:hidden }
legend { border:0; padding:0 }
button, input, select, textarea { font-family:inherit; font-size:100%; margin:0 }
button, input { line-height:normal }
button, select { text-transform:none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer }
button[disabled], html input[disabled] { cursor:default }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0 }
input[type="search"] { -webkit-appearance:textfield }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea { overflow:auto; vertical-align:top }
table { border-collapse:collapse; border-spacing:0 }
*, *:after, *:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
img { max-width:100%; display:block; border:0 }
.clearfix:after, .cf:after { content:''; display:table; clear:both }
.nomargin, .nom { margin:0 }
.nopadding .nop { padding:0 }
.nomp { margin:0; padding:0 }
.block { display:block }
.inline { display:inline }
.center { display:block; margin:auto }
.hide, .hidden { position:absolute; left:-9999px }
.fleft { float:left }
.fright { float:right }
.clear { clear:both }
.cleft { clear:left }
.cright { clear:right }
.tcenter { text-align:center }
.tleft { text-align:left }
.tright { text-align:right }
.vbottom { vertical-align:bottom }
.vmiddle { vertical-align:middle }
.vtop { vertical-align:top }
.absolute { position:absolute }
.relative { position:relative }
.overflow { overflow:hidden }
.bold, .b, .strong { font-weight:bold }
.em, .italic, .i { font-style:italic }
.normal { font-weight:normal }
.u, .underline { text-decoration:underline }
.tnone { text-decoration:none }
.small { font-size:0.9em }
.lower { text-transform:lowercase }
.upper { text-transform:uppercase }
.capitalize { text-transform:capitalize }
.truncate { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.default { cursor:default }
.pointer, .js-hover { cursor:pointer }
.mobiletext { display:none }
.break-word { -ms-word-break:break-word; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto }
.hide-text { text-indent:100%; white-space:nowrap; overflow:hidden }
.icon-font { font-family:'iconfontnaam' }
::-webkit-input-placeholder {
color:#cfd1cb
}
::-moz-placeholder {
color:#cfd1cb
}
:-moz-placeholder {
color:#cfd1cb
}
:-ms-input-placeholder {
color:#cfd1cb
}
.placeholder { color:#cfd1cb !important }
.flex-box { float:left; padding:0 15px }
.flex-box.width-1-12 { width:8.333333333333334% }
.flex-box.width-2-12 { width:16.666666666666668% }
.flex-box.width-3-12 { width:25% }
.flex-box.width-4-12 { width:33.333333333333336% }
.flex-box.width-5-12 { width:41.66666666666667% }
.flex-box.width-6-12 { width:50% }
.flex-box.width-7-12 { width:58.333333333333336% }
.flex-box.width-8-12 { width:66.66666666666667% }
.flex-box.width-9-12 { width:75% }
.flex-box.width-10-12 { width:83.33333333333334% }
.flex-box.width-11-12 { width:91.66666666666667% }
.flex-box.width-12-12 { width:100% }
@media screen and (max-width:1024px) {
.flex-box.width-1-12 { width:16.666666666666668% }
.flex-box.width-5-12 { width:50% }
.flex-box.width-7-12 { width:50% }
.flex-box.width-11-12 { width:83.33333333333334% }
}
@media screen and (max-width:768px) {
.flex-box.width-1-12 { width:25% }
.flex-box.width-2-12 { width:25% }
.flex-box.width-10-12 { width:75% }
.flex-box.width-11-12 { width:75% }
}
@media screen and (max-width:640px) {
.flex-box.width-1-12 { width:33.333333333333336% }
.flex-box.width-2-12 { width:33.333333333333336% }
.flex-box.width-10-12 { width:33.333333333333336% }
.flex-box.width-11-12 { width:33.333333333333336% }
}
@media screen and (max-width:480px) {
.flex-box.width-1-12 { width:50% }
.flex-box.width-2-12 { width:50% }
.flex-box.width-3-12 { width:50% }
.flex-box.width-4-12 { width:50% }
.flex-box.width-8-12 { width:50% }
.flex-box.width-9-12 { width:50% }
.flex-box.width-10-12 { width:50% }
.flex-box.width-11-12 { width:50% }
}
@media screen and (max-width:320px) {
.flex-box.width-1-12, .flex-box.width-2-12, .flex-box.width-3-12, .flex-box.width-4-12, .flex-box.width-5-12, .flex-box.width-6-12, .flex-box.width-7-12, .flex-box.width-8-12, .flex-box.width-9-12, .flex-box.width-10-12, .flex-box.width-11-12 { width:100% }
}
input, textarea, select, button { border:0; padding:0; font:1.4em Arial, Tahoma, Verdana, sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
input:focus, textarea:focus, select:focus, button:focus { outline:0 }
fieldset legend { font-size:1.8em; margin-bottom:24px }
.style-select, input[type=text], input[type=email], input[type=tel], input[type=password], input[type=search], input[type=phone], textarea { width:100%; height:38px; padding:0 6px; background:#fff; border:1px solid #e8e9e6; line-height:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-bottom:24px }
.style-select.disabled, input[type=text].disabled, input[type=email].disabled, input[type=tel].disabled, input[type=password].disabled, input[type=search].disabled, input[type=phone].disabled, textarea.disabled { -webkit-opacity:.5; -khtml-opacity:.5; -moz-opacity:.5; opacity:.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" }
textarea { height:168px; padding:6px; resize:vertical; overflow:auto }
button, input[type=submit] { cursor:pointer }
form.webbeheer-formulier, form.customform { margin-bottom:24px }
form.webbeheer-formulier label, form.customform label { font-size:14px; display:none }
form.webbeheer-formulier h2, form.customform h2 { color:#75bf4b; font-size:32px; text-align:center }
form.webbeheer-formulier .btn.post, form.customform .btn.post { background:#75bf4b; color:#fff; padding:6px 12px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:block; margin:24px auto 0 }
form.webbeheer-formulier .btn.post:before, form.customform .btn.post:before { content:"" }
form.webbeheer-formulier .btn.post:after, form.customform .btn.post:after { border:0; content:"b"; line-height:24px; vertical-align:middle }
form.webbeheer-formulier input[type=text]:focus, form.customform input[type=text]:focus, form.webbeheer-formulier input[type=email]:focus, form.customform input[type=email]:focus, form.webbeheer-formulier input[type=password]:focus, form.customform input[type=password]:focus, form.webbeheer-formulier input[type=search]:focus, form.customform input[type=search]:focus, form.webbeheer-formulier textarea:focus, form.customform textarea:focus { border-color:#e8e9e6; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
form.webbeheer-formulier div.input-error, form.customform div.input-error { display:table-row; font-size:1.4em; color:#cd2070 }
form.webbeheer-formulier li.input-error input[type=text], form.customform li.input-error input[type=text], form.webbeheer-formulier li.input-error input[type=email], form.customform li.input-error input[type=email], form.webbeheer-formulier li.input-error input[type=password], form.customform li.input-error input[type=password], form.webbeheer-formulier li.input-error input[type=search], form.customform li.input-error input[type=search], form.webbeheer-formulier li.input-error textarea, form.customform li.input-error textarea { border-color:#cd2070 }
form.webbeheer-formulier li.input-error input[type=text]:hover, form.customform li.input-error input[type=text]:hover, form.webbeheer-formulier li.input-error input[type=email]:hover, form.customform li.input-error input[type=email]:hover, form.webbeheer-formulier li.input-error input[type=password]:hover, form.customform li.input-error input[type=password]:hover, form.webbeheer-formulier li.input-error input[type=search]:hover, form.customform li.input-error input[type=search]:hover, form.webbeheer-formulier li.input-error textarea:hover, form.customform li.input-error textarea:hover, form.webbeheer-formulier li.input-error input[type=text]:focus, form.customform li.input-error input[type=text]:focus, form.webbeheer-formulier li.input-error input[type=email]:focus, form.customform li.input-error input[type=email]:focus, form.webbeheer-formulier li.input-error input[type=password]:focus, form.customform li.input-error input[type=password]:focus, form.webbeheer-formulier li.input-error input[type=search]:focus, form.customform li.input-error input[type=search]:focus, form.webbeheer-formulier li.input-error textarea:focus, form.customform li.input-error textarea:focus { border-color:#cd2070 }
form.webbeheer-formulier em, form.customform em { margin-left:6px; color:red }
form.webbeheer-formulier .form-error, form.customform .form-error { font-size:1.4em; color:#cd2070; margin-bottom:24px }
form.webbeheer-formulier ul.velden, form.customform ul.velden { margin:0; font-size:1em }
form.webbeheer-formulier ul.velden>li, form.customform ul.velden>li { padding-right:24px; margin-bottom:12px; position:relative; clear:both }
form.webbeheer-formulier ul.velden>li label, form.customform ul.velden>li label { display:block }
form.webbeheer-formulier ul.velden>li>label, form.customform ul.velden>li>label { font-size:1.4em; font-weight:bold }
form.webbeheer-formulier ul.velden>li .tooltip, form.customform ul.velden>li .tooltip, form.webbeheer-formulier ul.velden>li .unitip, form.customform ul.velden>li .unitip { position:absolute; right:0; font-size:1.2em }
form.webbeheer-formulier ul.velden>li.form-input-textfield .unitip, form.customform ul.velden>li.form-input-textfield .unitip { bottom:10px }
form.webbeheer-formulier ul.velden>li.form-input-textarea .unitip, form.customform ul.velden>li.form-input-textarea .unitip { top:20px }
form.webbeheer-formulier ul.velden>li.form-input-select option, form.customform ul.velden>li.form-input-select option { padding:12px }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li, form.customform ul.velden>li.form-input-multipleselect ul li { margin-bottom:12px }
form.webbeheer-formulier ul.velden>li.form-input-date, form.customform ul.velden>li.form-input-date { color:#fff }
form.webbeheer-formulier ul.velden>li.form-input-date label, form.customform ul.velden>li.form-input-date label { color:#999; font-size:14px }
form.webbeheer-formulier ul.velden>li.form-input-date .style-select:nth-child(2), form.customform ul.velden>li.form-input-date .style-select:nth-child(2) { width:70px }
form.webbeheer-formulier ul.velden>li.form-input-date .style-select:nth-child(3), form.customform ul.velden>li.form-input-date .style-select:nth-child(3) { width:110px }
form.webbeheer-formulier ul.velden>li.form-input-date .style-select:nth-child(4), form.customform ul.velden>li.form-input-date .style-select:nth-child(4) { width:80px }
form.webbeheer-formulier ul.velden>li.form-input-heading h2, form.customform ul.velden>li.form-input-heading h2 { line-height:24px; margin-bottom:0 }
form.webbeheer-formulier ul.velden>li.form-input-paragraph p, form.customform ul.velden>li.form-input-paragraph p { font-size:1.4em }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li, form.customform ul.velden>li.form-input-multipleselect ul li, form.webbeheer-formulier ul.velden>li.form-input-checkbox, form.customform ul.velden>li.form-input-checkbox { margin:0 !important }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li label, form.customform ul.velden>li.form-input-multipleselect ul li label, form.webbeheer-formulier ul.velden>li.form-input-checkbox label, form.customform ul.velden>li.form-input-checkbox label { display:inline-block; cursor:pointer; position:relative; padding-left:24px; font-size:1.4em }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li input[type=radio], form.customform ul.velden>li.form-input-multipleselect ul li input[type=radio], form.webbeheer-formulier ul.velden>li.form-input-checkbox input[type=radio], form.customform ul.velden>li.form-input-checkbox input[type=radio], form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li input[type=checkbox], form.customform ul.velden>li.form-input-multipleselect ul li input[type=checkbox], form.webbeheer-formulier ul.velden>li.form-input-checkbox input[type=checkbox], form.customform ul.velden>li.form-input-checkbox input[type=checkbox] { display:none }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li label:before, form.customform ul.velden>li.form-input-multipleselect ul li label:before, form.webbeheer-formulier ul.velden>li.form-input-checkbox label:before, form.customform ul.velden>li.form-input-checkbox label:before { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; content:" "; display:inline-block; width:14px; height:14px; margin-right:6px; position:absolute; left:0; top:5px; background:#fff; border:1px solid grey }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li label:after, form.customform ul.velden>li.form-input-multipleselect ul li label:after, form.webbeheer-formulier ul.velden>li.form-input-checkbox label:after, form.customform ul.velden>li.form-input-checkbox label:after { -webkit-opacity:0; -khtml-opacity:0; -moz-opacity:0; opacity:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; content:" "; position:absolute; width:8px; height:5px; background:transparent; top:8px; left:3px; border:2px solid #000; border-top:0; border-right:0 }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li label:hover::before, form.customform ul.velden>li.form-input-multipleselect ul li label:hover::before, form.webbeheer-formulier ul.velden>li.form-input-checkbox label:hover::before, form.customform ul.velden>li.form-input-checkbox label:hover::before { border:1px solid grey }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li label:hover::after, form.customform ul.velden>li.form-input-multipleselect ul li label:hover::after, form.webbeheer-formulier ul.velden>li.form-input-checkbox label:hover::after, form.customform ul.velden>li.form-input-checkbox label:hover::after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -webkit-opacity:.2; -khtml-opacity:.2; -moz-opacity:.2; opacity:.2 }
form.webbeheer-formulier ul.velden>li.form-input-multipleselect ul li input[type=checkbox]:checked+label:after, form.customform ul.velden>li.form-input-multipleselect ul li input[type=checkbox]:checked+label:after, form.webbeheer-formulier ul.velden>li.form-input-checkbox input[type=checkbox]:checked+label:after, form.customform ul.velden>li.form-input-checkbox input[type=checkbox]:checked+label:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1 }
form.webbeheer-formulier ul.velden>li.form-input-postselect .style-select:after, form.customform ul.velden>li.form-input-postselect .style-select:after { border:0 !important }
form.webbeheer-formulier ul.velden>li.form-input-radio ul li, form.customform ul.velden>li.form-input-radio ul li { margin-bottom:0 }
form.webbeheer-formulier ul.velden>li.form-input-radio ul li label, form.customform ul.velden>li.form-input-radio ul li label { display:inline-block; position:relative; padding-left:24px; font-size:1.4em }
form.webbeheer-formulier ul.velden>li.form-input-radio ul li label span input[type=text], form.customform ul.velden>li.form-input-radio ul li label span input[type=text] { font-size:1em }
form.webbeheer-formulier ul.velden>li.form-input-radio ul li input[type=radio], form.customform ul.velden>li.form-input-radio ul li input[type=radio], form.webbeheer-formulier ul.velden>li.form-input-radio ul li input[type=checkbox], form.customform ul.velden>li.form-input-radio ul li input[type=checkbox] { display:none }
form.webbeheer-formulier ul.velden>li.form-input-radio ul li label:before, form.customform ul.velden>li.form-input-radio ul li label:before { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; content:""; display:inline-block; width:14px; height:14px; margin-right:10px; position:absolute; left:0; top:5px; background:#fff; border:1px solid grey }
form.webbeheer-formulier ul.velden>li.form-input-radio ul li label:after, form.customform ul.velden>li.form-input-radio ul li label:after { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-opacity:0; -khtml-opacity:0; -moz-opacity:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; content:''; position:absolute; width:10px; height:10px; background:#000; top:15px; margin-top:-8px; left:2px }
form.webbeheer-formulier ul.velden>li.form-input-radio ul li label:hover:before, form.customform ul.velden>li.form-input-radio ul li label:hover:before { border:1px solid #000 }
form.webbeheer-formulier ul.velden>li.form-input-radio ul li input[type=radio]:checked+label:after, form.customform ul.velden>li.form-input-radio ul li input[type=radio]:checked+label:after { -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
form.webbeheer-formulier .buttons input[type=submit], form.customform .buttons input[type=submit] { background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #75bf4b 100%); background:-ms-linear-gradient(bottom, #74b416, #75bf4b); background:-o-linear-gradient(#75bf4b, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #75bf4b)); color:#fff; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; font-size:13px; text-transform:uppercase; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:8px 48px; border:0 }
form.webbeheer-formulier .buttons input[type=submit]:hover, form.customform .buttons input[type=submit]:hover { background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #74b416 100%); background:-ms-linear-gradient(bottom, #74b416, #74b416); background:-o-linear-gradient(#74b416, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #74b416)) }
form.webbeheer-formulier legend { display:none }
input[type=file] { width:100%; padding:6px; border:1px solid grey; background:#fff }
input[type=file]::-webkit-file-upload-button {
border:0;
padding:5px 8px;
outline:none;
white-space:nowrap;
background:#f0f0f0;
margin-right:20px
}
input[type=file]:hover { border:1px solid grey }
input[type=file]:hover::-webkit-file-upload-button {
border-color:grey
}
select[multiple] { width:100%; border:1px solid grey; overflow:hidden; height:auto; max-height:96px }
.style-select { width:100%; display:inline-block; position:relative; border:1px solid #e8e9e6; overflow:hidden }
.style-select select::-ms-expand {
display:none
}
.style-select select { -webkit-box-shadow:inset 0 0 0 0; -moz-box-shadow:inset 0 0 0 0; box-shadow:inset 0 0 0 0; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; display:block; width:100%; overflow:hidden; background:transparent; padding:6px; height:36px; color:grey; cursor:pointer; border:none; position:relative; z-index:2; float:left; margin:0; text-indent:0.01px; text-overflow:''; line-height:127% }
@-moz-document url-prefix() {
.style-select select {
width:calc(100% + 20px)
}
}
.ie10 form.webbeheer-formulier ul.velden>li.form-input-file input[type=file], .ie10 form.customform ul.velden>li.form-input-file input[type=file] { border:0 }
.ie9 form.webbeheer-formulier .style-select:after, .ie9 form.customform .style-select:after { border:0 }
.ie9 form.webbeheer-formulier ul li.form-input-file input[type=file]::-webkit-file-upload-button, .ie9 form.customform ul li.form-input-file input[type=file]::-webkit-file-upload-button {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
border:1px solid grey;
padding:5px 8px;
outline:none;
white-space:nowrap;
background:#f0f0f0;
margin-right:20px
}
.ie9 form.webbeheer-formulier ul li.form-input-file input[type=file]:hover::-webkit-file-upload-button, .ie9 form.customform ul li.form-input-file input[type=file]:hover::-webkit-file-upload-button {
border-color:grey
}
.tooltipcontainer { color:#555; cursor:help; position:absolute; right:0; top:0; -webkit-transform:translateZ(0); -webkit-font-smoothing:antialiased; width:16px; height:16px; z-index:100 }
.tooltipcontainer:after { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; content:"?"; display:inline-block; font-size:14px; color:#999 }
.tooltipcontainer .tooltip { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.28); -moz-box-shadow:2px 2px 6px rgba(0,0,0,0.28); box-shadow:2px 2px 6px rgba(0,0,0,0.28); -webkit-opacity:0; -khtml-opacity:0; -moz-opacity:0; opacity:0; color:#fff; display:block; margin-bottom:18px; position:absolute; right:0 }
.tooltipcontainer .tooltip:before { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; content:attr(data-title); color:#fff; font-size:1.2em; line-height:24px; padding:0 6px; position:absolute; z-index:10; background:#999; bottom:0; right:0; white-space:nowrap; visibility:hidden }
.tooltipcontainer .tooltip:after { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; content:""; padding:0 6px; color:#fff; font-size:12px; position:absolute; visibility:hidden; width:0; height:0; border-style:solid; border-width:0 12px 12px 0; border-color:transparent #999 transparent transparent; bottom:-12px; right:6px }
.tooltipcontainer:hover .tooltip { -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1; -ms-pointer-events:auto; pointer-events:auto; -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px) }
.tooltipcontainer:hover .tooltip:before { visibility:visible }
.tooltipcontainer:hover .tooltip:after { -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1; visibility:visible }
.ie8 .tooltipcontainer .tooltip { display:none }
.ie8 .tooltipcontainer .tooltip:after { content:""; border:0 }
.ie8 .tooltipcontainer:hover .tooltip { display:block }
.ie8 form.webbeheer-formulier .form-input-radio ul li input[type=radio], .ie8 form.customform .form-input-radio ul li input[type=radio], .ie8 form.webbeheer-formulier .form-input-multipleselect ul li input[type=radio], .ie8 form.customform .form-input-multipleselect ul li input[type=radio], .ie8 form.webbeheer-formulier .form-input-checkbox input[type=radio], .ie8 form.customform .form-input-checkbox input[type=radio], .ie8 form.webbeheer-formulier .form-input-radio ul li input[type=checkbox], .ie8 form.customform .form-input-radio ul li input[type=checkbox], .ie8 form.webbeheer-formulier .form-input-multipleselect ul li input[type=checkbox], .ie8 form.customform .form-input-multipleselect ul li input[type=checkbox], .ie8 form.webbeheer-formulier .form-input-checkbox input[type=checkbox], .ie8 form.customform .form-input-checkbox input[type=checkbox] { display:block; float:left; top:5px; position:relative }
.ie8 form.webbeheer-formulier .form-input-radio ul li label, .ie8 form.customform .form-input-radio ul li label, .ie8 form.webbeheer-formulier .form-input-multipleselect ul li label, .ie8 form.customform .form-input-multipleselect ul li label, .ie8 form.webbeheer-formulier .form-input-checkbox label, .ie8 form.customform .form-input-checkbox label { display:inline-block; cursor:pointer; position:relative; font-size:1.4em; padding:0 0 0 12px; margin:0 }
.ie8 form.webbeheer-formulier .form-input-radio ul li label:before, .ie8 form.customform .form-input-radio ul li label:before, .ie8 form.webbeheer-formulier .form-input-multipleselect ul li label:before, .ie8 form.customform .form-input-multipleselect ul li label:before, .ie8 form.webbeheer-formulier .form-input-checkbox label:before, .ie8 form.customform .form-input-checkbox label:before { display:none }
.ie8 form.webbeheer-formulier .form-input-radio ul li label:after, .ie8 form.customform .form-input-radio ul li label:after, .ie8 form.webbeheer-formulier .form-input-multipleselect ul li label:after, .ie8 form.customform .form-input-multipleselect ul li label:after, .ie8 form.webbeheer-formulier .form-input-checkbox label:after, .ie8 form.customform .form-input-checkbox label:after { display:none }
.ie8 form.webbeheer-formulier .form-input-radio ul li label:hover:after, .ie8 form.customform .form-input-radio ul li label:hover:after, .ie8 form.webbeheer-formulier .form-input-multipleselect ul li label:hover:after, .ie8 form.customform .form-input-multipleselect ul li label:hover:after, .ie8 form.webbeheer-formulier .form-input-checkbox label:hover:after, .ie8 form.customform .form-input-checkbox label:hover:after { -webkit-opacity:.2; -khtml-opacity:.2; -moz-opacity:.2; opacity:.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" }
.ie8 form.webbeheer-formulier .form-input-radio ul li input[type=checkbox]:checked+label:after, .ie8 form.customform .form-input-radio ul li input[type=checkbox]:checked+label:after, .ie8 form.webbeheer-formulier .form-input-multipleselect ul li input[type=checkbox]:checked+label:after, .ie8 form.customform .form-input-multipleselect ul li input[type=checkbox]:checked+label:after, .ie8 form.webbeheer-formulier .form-input-checkbox input[type=checkbox]:checked+label:after, .ie8 form.customform .form-input-checkbox input[type=checkbox]:checked+label:after { -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
.ie8 form.webbeheer-formulier .form-input-radio ul li span, .ie8 form.customform .form-input-radio ul li span, .ie8 form.webbeheer-formulier .form-input-multipleselect ul li span, .ie8 form.customform .form-input-multipleselect ul li span, .ie8 form.webbeheer-formulier .form-input-checkbox span, .ie8 form.customform .form-input-checkbox span { float:left; margin-left:12px }
.ie8 form.webbeheer-formulier .form-input-radio ul li span, .ie8 form.customform .form-input-radio ul li span { margin:0 }
.ie8 form.webbeheer-formulier .form-input-radio ul li span input, .ie8 form.customform .form-input-radio ul li span input { margin:0 }
@media print {
* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important }
a, a:visited { text-decoration:underline }
a[href]:after { content:" (" attr(href) ")" }
abbr[title]:after { content:" (" attr(title) ")" }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:"" }
pre, blockquote { border:1px solid #999; page-break-inside:avoid }
thead { display:table-header-group }
tr, img { page-break-inside:avoid }
img { max-width:100% !important }
@page {
margin:0.5cm
}
p, h2, h3 { orphans:3; widows:3 }
h2, h3 { page-break-after:avoid }
}
.js-iosSlider { position:relative; top:0; left:0; overflow:hidden; width:912px; height:100% }
.js-iosSlider .slider { width:100%; height:100% }
.js-iosSlider .slide { float:left; width:100%; height:240px }
.js-iosSlider .slide .inner { position:relative; width:100% }
.js-iosSlider .slide .inner .image { position:absolute; top:0; left:0 }
.js-iosSlider .slide .title { background:none repeat scroll 0 0 #000000; opacity:0; filter:alpha(opacity=0); position:absolute; right:150px; top:30px; padding:5px 2px 0 7px }
.js-iosSlider .slide .title span { color:#FFFFFF; font:50px/65px Norican; padding:0 8px }
.js-iosSlider .slide .desc { background:none repeat scroll 0 0 #000000; opacity:0; filter:alpha(opacity=0); padding:5px 7px 7px; position:absolute; right:0; top:100px }
.js-iosSlider .slide .desc span { color:#FFFFFF; font:16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif }
.slidercontainer { position:relative; overflow:hidden; width:912px; height:280px }
.slidercontainer .js-select-slide { position:absolute; bottom:0; right:0; z-index:5 }
.slidercontainer .js-select-slide .js-select-slide-item { display:inline-block; height:12px; width:12px; background:#000; margin:5px }
.slidercontainer .js-next-slide, .slidercontainer .js-previous-slide { position:absolute; top:30%; z-index:5; background:#fff }
.slidercontainer .js-next-slide { right:0 }
.slidercontainer .js-previous-slide { left:0 }
.owl-carousel .animated { -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out }
.owl-carousel { width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1 }
.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0, 0, 0) }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-loaded { display:block }
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel .owl-refresh .owl-item { display:none }
.owl-carousel .owl-item { position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-item img { display:block; -webkit-transform-style:preserve-3d }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto }
.owl-carousel .owl-grab { cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.no-js .owl-carousel { display:block }
.owl-carousel .owl-item .owl-lazy { opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease }
.owl-carousel .owl-item img { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url("owl.video.play.png") no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition:scale(1.3, 1.3); -moz-transition:scale(1.3, 1.3); -ms-transition:scale(1.3, 1.3); -o-transition:scale(1.3, 1.3); transition:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease }
.owl-carousel .owl-video-frame { position:relative; z-index:1 }
html { height:100%; background:#F3F5F1; margin-top:0 !important }
body { font:62.5% Arial, Tahoma, Verdana, sans-serif; line-height:24px; color:#999; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none; top:0 }
.preload * { -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; transition:none !important }
h1, h2, h3, h4 { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; margin-bottom:24px; font:3.2em 'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; text-rendering:optimizelegibility }
h1 { font-size:3em; color:#004392; font-weight:normal }
h2 { font-size:20px; color:#004392; position:relative }
h2 a { color:#004392 }
h3 { font-size:1.8em }
h4 { font-size:1.5em }
a { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; color:#74be4a; text-decoration:none }
a:active { background:none }
p, address, ul, ol, table, blockquote, dl { margin-bottom:12px; font-size:1.4em }
p p, address p, ul p, ol p, table p, blockquote p, dl p, p address, address address, ul address, ol address, table address, blockquote address, dl address, p ul, address ul, ul ul, ol ul, table ul, blockquote ul, dl ul, p ol, address ol, ul ol, ol ol, table ol, blockquote ol, dl ol, p table, address table, ul table, ol table, table table, blockquote table, dl table, p blockquote, address blockquote, ul blockquote, ol blockquote, table blockquote, blockquote blockquote, dl blockquote, p dl, address dl, ul dl, ol dl, table dl, blockquote dl, dl dl { font-size:1em }
table { width:100%; border-left:1px solid #e8e9e6; border-right:1px solid #e8e9e6; border-bottom:1px solid #e8e9e6 }
table caption { font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; color:#75bf4b; font-size:16px; border-bottom:1px solid #e8e9e6; padding-bottom:12px }
table thead tr th { padding-top:12px; padding-left:24px; padding-right:24px; padding-bottom:12px; text-align:left; color:#004392; font-weight:bold; border-right:1px solid #e8e9e6 }
table tr th { padding-top:6px; padding-left:24px; padding-right:24px; padding-bottom:6px; text-align:left; border-right:1px solid #e8e9e6 }
table tr td, table tr th { border-right:1px solid #e8e9e6; border-bottom:1px solid #e8e9e6 }
#header { background:#fff; border-bottom:1px solid #e8e9e6; position:relative; z-index:1000 }
#header:before { content:""; left:0; right:0; position:absolute; margin-top:37px; border-bottom:1px solid #e8e9e6 }
#header .inner { margin:0 auto; position:relative }
#header #logo { float:left; margin-right:24px; margin-top:22px; position:relative; z-index:999 }
#header #logo h1 { margin-bottom:0 }
#header #logo a { display:block }
#header #doelgroepmenu { position:absolute; right:24px; top:50px }
#header #doelgroepmenu ul:after { content:''; display:table; clear:both }
#header #doelgroepmenu ul li { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; float:left; position:relative; width:94px; height:94px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 10px }
#header #doelgroepmenu ul li:last-child { margin-right:0 }
#header #doelgroepmenu ul li:hover a { box-shadow:inset 2px 3px 1px 1px rgba(255,255,255,0), 0 0 10px rgba(0,0,0,0.2) }
#header #doelgroepmenu ul li a { display:table; padding:0; line-height:48px; color:#fff; line-height:18px; text-align:center; font-family:'ff-cocon-web-pro', Arial, Tahoma, Verdana, sans-serif; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; height:80px; width:80px; border:4px #fff solid; box-shadow:inset 2px 3px 1px 1px rgba(255,255,255,0.2), 0 0 1px rgba(0,0,0,0.3) }
#header #doelgroepmenu ul li:first-child a { background:#2c4fa5; background:-moz-linear-gradient(center bottom, #2c4fa5 0, #3464b4 100%); background:-ms-linear-gradient(bottom, #2c4fa5, #3464b4); background:-o-linear-gradient(#3464b4, #2c4fa5); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #2c4fa5), color-stop(1, #3464b4)) }
#header #doelgroepmenu ul li:nth-child(2) a { background:#c82069; background:-moz-linear-gradient(center bottom, #c82069 0, #d6227e 100%); background:-ms-linear-gradient(bottom, #c82069, #d6227e); background:-o-linear-gradient(#d6227e, #c82069); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #c82069), color-stop(1, #d6227e)) }
#header #doelgroepmenu ul li:nth-child(3) a { background:#74b416; background:-moz-linear-gradient(center bottom, #74b416 0, #82bd30 100%); background:-ms-linear-gradient(bottom, #74b416, #82bd30); background:-o-linear-gradient(#82bd30, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #82bd30)) }
#header #doelgroepmenu ul li span { display:table-cell; vertical-align:middle }
#header #loglang { float:left; margin:6px 6px 0 0 }
#header #loglang>a { margin-right:12px; position:relative }
#header #loglang>a:before { position:absolute; top:0px; left:-12px; line-height:24px; vertical-align:middle }
#header .topmenu { font-weight:bold; z-index:99; height:36px; float:right }
#header .topmenu:after { content:''; display:table; clear:both }
#header .topmenu .login { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; float:left; margin:0 36px 0 0 }
#header .topmenu .login:hover { color:#004392 }
#header .topmenu .login li a:after { content:"e"; padding-left:8px }
#header .topmenu .login .dropdown { display:none }
#header .topmenu a { text-transform:uppercase; font-size:11px; margin-bottom:0; color:#999 }
#header .shopping-cart { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; float:left; margin-right:40px; margin-top:6px; height:36px }
#header .shopping-cart:hover { color:#004392 }
#header .shopping-cart:before { float:right; margin-top:6px; margin-left:6px }
#header .shopping-cart.attention { color:#75bf4b }
#header #mainmenu { float:left; clear:right }
#header #mainmenu ul { margin-bottom:0 }
#header #mainmenu ul:after { content:''; display:table; clear:both }
#header #mainmenu ul li { float:left; position:relative }
#header #mainmenu ul li ul { display:none }
#header #mainmenu ul li:first-child:before { content:""; position:absolute; background:#eef0e9; background:-moz-linear-gradient(center bottom, #fdfdfc 0, #eef0e9 100%); background:-ms-linear-gradient(bottom, #fdfdfc, #eef0e9); background:-o-linear-gradient(#eef0e9, #fdfdfc); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #fdfdfc), color-stop(1, #eef0e9)); top:0px; bottom:0px; width:1px }
#header #mainmenu ul li:after { content:""; position:absolute; background:#eef0e9; background:-moz-linear-gradient(center bottom, #fdfdfc 0, #eef0e9 100%); background:-ms-linear-gradient(bottom, #fdfdfc, #eef0e9); background:-o-linear-gradient(#eef0e9, #fdfdfc); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #fdfdfc), color-stop(1, #eef0e9)); top:0px; bottom:0px; width:1px }
#header #mainmenu ul li.active a, #header #mainmenu ul li:hover a { border-top:2px solid #75bf4b }
#header #mainmenu ul li a { float:left; position:relative; padding:10px 24px 12px; line-height:48px; font-family:'AvantGardeGothicITCW01B 731063', Arial, Tahoma, Verdana, sans-serif; text-transform:lowercase; font-size:16px; color:#004392; border-top:2px solid transparent }
#header #mainmenu ul li ul { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-opacity:0; -khtml-opacity:0; -moz-opacity:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; min-width:200px; background:#fff; position:absolute; z-index:999; left:0; top:0; visibility:hidden }
#header #mainmenu ul li ul li { float:none; min-width:200px }
#header #mainmenu ul li ul li a { display:block }
#header #mainmenu ul li.hover ul, #header #mainmenu ul li:hover ul { -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility:visible; top:100% }
#header #searchbox { float:right }
#header #searchbox.active input[type=search] { width:200px; border-left:1px solid #e8e9e6; border-right:1px solid #e8e9e6 }
#header #searchbox.active #searchsubmit { opacity:1; visibility:visible }
#header #searchbox.active #searchsubmit:before { padding:0 6px }
#header #searchbox input[type=search] { margin-right:4px; margin-bottom:0; padding:0 0 0 10px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:0; border-top:0; color:#999; font-size:11px; font-weight:bold; background:transparent; text-transform:uppercase; -webkit-font-smoothing:antialiased; width:60px; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
#header #searchbox input[type=search]:focus::-webkit-input-placeholder {
color:#e8e9e6 !important
}
#header #searchbox #searchstart { font-size:1.4em; position:relative; right:24px; top:2px; cursor:pointer }
#header #searchbox #searchsubmit { opacity:0; visibility:hidden; background:#75bf4b; position:relative; right:46px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
#header #searchbox #searchsubmit:before { color:#fff; line-height:24px; vertical-align:middle; padding:0 6px }
.language { float:left; margin:0 36px 0 0 }
.language .dropdown { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; position:relative }
.language .dropdown a { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
.language .dropdown a:hover { color:#004392 }
.language .dropdown .dropdown-toggle img { display:none }
.language .dropdown>a { display:block }
.language .dropdown>a:after { content:"d"; padding-left:4px }
.language .dropdown:hover .dropdown-menu { visibility:visible; opacity:1; background:#fff }
.language .dropdown .dropdown-menu { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; visibility:hidden; opacity:0; position:absolute; top:100%; left:0; min-width:160px; border:1px solid #e8e9e6; padding:12px 24px; z-index:2000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px #ccc; -moz-box-shadow:0 1px 2px #ccc; box-shadow:0 1px 2px #ccc }
.language .dropdown .dropdown-menu a img { float:left; padding-right:6px; padding-top:6px }
#mobilenavcontainer .language { float:none; display:block; width:100% }
#mobilenavcontainer .language .dropdown>a:after { content:'' }
#mobilenavcontainer .language .dropdown:hover ul { display:block; margin-left:12px; margin-top:-6px }
#mobilenavcontainer .language .dropdown ul li a:before { content:'' }
#header, #pagewrapper { -webkit-transition:.6s ease-in-out; -moz-transition:.6s ease-in-out; -o-transition:.6s ease-in-out; transition:.6s ease-in-out }
#js-navToggle, .shopToggle { display:none; width:72px; height:72px; top:0; position:relative; background:transparent; cursor:pointer; text-align:center; float:left; z-index:10000000000; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
#js-navToggle:before, .shopToggle:before { -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); content:'o'; color:#75bf4b; font-size:18px; position:absolute; top:50%; left:50%; padding:8px; border:1px solid #e8e9e6; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
.shopToggle { position:absolute; right:0; top:auto; bottom:0; float:none; z-index:10000000 }
.shopToggle:before { content:'g'; background:white }
#mobilenavcontainer { -webkit-transition:.6s ease-in-out; -moz-transition:.6s ease-in-out; -o-transition:.6s ease-in-out; transition:.6s ease-in-out; -webkit-transform:translate3d(-260px, 0, 0); -moz-transform:translate3d(-260px, 0, 0); -ms-transform:translate3d(-260px, 0, 0); -o-transform:translate3d(-260px, 0, 0); transform:translate3d(-260px, 0, 0); width:260px; height:100%; position:fixed; top:0; left:0; -webkit-overflow-scroll:touch; background:#fff; display:none }
#mobilenavcontainer:before { pointer-events:none; opacity:.4; content:''; width:6px; height:100%; display:block; position:absolute; top:0; right:0; z-index:10; background:-moz-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0)), color-stop(1%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.65))); background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); background:-o-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); background:-ms-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); background:linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1)
}
#mobilenavcontainer .login { text-transform:uppercase; font-size:11px; margin-bottom:0; margin-left:12px; color:#999 }
#mobilenavcontainer .login:before { display:inline-block; padding-right:12px; font-size:14px; line-height:24px; vertical-align:middle }
#mobilenavcontainer a { display:block; font-size:12px; color:#999 }
#mobilenavcontainer>a { margin-bottom:12px; margin-left:12px }
#mobilenavcontainer ul:first-child { display:inline-block }
#mobilenavcontainer ul:first-child li:first-child a { background:#2c4fa5; background:-moz-linear-gradient(center bottom, #2c4fa5 0, #3464b4 100%); background:-ms-linear-gradient(bottom, #2c4fa5, #3464b4); background:-o-linear-gradient(#3464b4, #2c4fa5); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #2c4fa5), color-stop(1, #3464b4)) }
#mobilenavcontainer ul:first-child li:nth-child(2) a { background:#c82069; background:-moz-linear-gradient(center bottom, #c82069 0, #d6227e 100%); background:-ms-linear-gradient(bottom, #c82069, #d6227e); background:-o-linear-gradient(#d6227e, #c82069); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #c82069), color-stop(1, #d6227e)) }
#mobilenavcontainer ul:first-child li:nth-child(3) a { background:#74b416; background:-moz-linear-gradient(center bottom, #74b416 0, #82bd30 100%); background:-ms-linear-gradient(bottom, #74b416, #82bd30); background:-o-linear-gradient(#82bd30, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #82bd30)) }
#mobilenavcontainer ul:first-child li { float:left; margin:0 10px; position:relative; background:#fff; width:64px; height:64px; border-radius:50%; padding:3px; border:1px solid #e8e9e6; box-shadow:0 0 6px rgba(0,0,0,0) }
#mobilenavcontainer ul:first-child li:first-child { margin-left:12px }
#mobilenavcontainer ul:first-child li:last-child { margin-right:0 }
#mobilenavcontainer ul:first-child li a { width:56px; height:56px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#fff; line-height:15px; text-align:center; font-size:12px; display:table; padding:0 }
#mobilenavcontainer ul:first-child li a span { display:table-cell; vertical-align:middle }
#mobilenavcontainer ul.language { margin-bottom:0 }
#mobilenavcontainer ul.language ul { display:none }
#mobilenavcontainer ul.language ul.open { display:block }
#mobilenavcontainer ul.language ul.open li a:before { display:none }
#mobilenavcontainer ul.language li.dropdown { border:0 }
#mobilenavcontainer ul.language li.dropdown>a { color:#999; font-family:Arial, Tahoma, Verdana, sans-serif; text-transform:uppercase; font-size:11px; font-weight:bold }
#mobilenavcontainer ul.language li.dropdown>a:before { content:"d"; padding-right:8px; font-size:14px; line-height:24px; vertical-align:middle }
#mobilenavcontainer ul.login li { border:0 }
#mobilenavcontainer ul.login li a:before { content:"e"; padding-right:8px; font-size:14px; line-height:24px; vertical-align:middle }
#mobilenavcontainer ul.login li.dropdown { display:none }
#mobilenavcontainer ul.login li a { color:#999; font-family:Arial, Tahoma, Verdana, sans-serif; text-transform:uppercase; font-size:11px; font-weight:bold }
#mobilenavcontainer ul.login li ul { display:none }
#mobilenavcontainer>ul>li { border-top:1px solid #e8e9e6 }
#mobilenavcontainer>ul>li.active a { color:#75bf4b }
#mobilenavcontainer>ul>li:last-child { border-bottom:1px solid #e8e9e6 }
#mobilenavcontainer>ul>li>a { display:block; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; color:#004392; text-transform:lowercase; padding:8px 24px 8px 12px }
#mobilenavcontainer>ul>li.subnav.active ul { display:block; margin-bottom:0 }
#mobilenavcontainer>ul>li.subnav.active ul li { border-top:1px solid #e8e9e6; padding-left:24px }
#mobilenavcontainer>ul>li.subnav.active ul li.active a { color:#75bf4b }
#mobilenavcontainer>ul>li.subnav.active ul li a { display:block; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; color:#999; text-transform:lowercase; padding:8px 24px 8px 12px }
#mobilenavcontainer>ul>li.subnav { position:relative }
#mobilenavcontainer>ul>li.subnav>a { padding-right:24px }
#mobilenavcontainer>ul>li.subnav .js-opensubnav { -webkit-tap-highlight-color:transparent; display:block; position:absolute; top:8px; right:24px; width:24px; height:24px; cursor:pointer; text-align:center }
#mobilenavcontainer>ul>li.subnav .js-opensubnav:before { content:'k'; color:#004392 }
#mobilenavcontainer>ul ul { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; display:none }
#mobilenavcontainer>ul ul.open { display:block; margin-bottom:0 }
#mobilenavcontainer>ul ul.open li { border-top:1px solid #e8e9e6; padding-left:24px }
#mobilenavcontainer>ul ul.open li.active a { color:#004392 }
#mobilenavcontainer>ul ul.open li a { display:block; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; color:#999; text-transform:lowercase; padding:8px 24px 8px 12px }
#mobilenavcontainer>ul.active { display:block }
@media screen and (max-width:640px) {
.only-mobile { display:block }
.shopToggle { display:block }
.shopToggle:hover { cursor:pointer }
html .winkelwagen-sidebar { width:260px; max-width:90% }
html .winkelwagen-sidebar .bestel-buttons li { width:100% }
html .winkelwagen-sidebar .bestel-buttons li a { width:100% }
html .winkelwagen-sidebar .bestel-buttons .next { float:left; margin-bottom:12px }
}
@media screen and (max-width:1024px) {
html #mainmenu { display:none }
html #js-navToggle, html #mobilenavcontainer { display:block }
html.nav-open #header, html.nav-open #pagewrapper { -webkit-transform:translate3d(260px, 0, 0); -moz-transform:translate3d(260px, 0, 0); -ms-transform:translate3d(260px, 0, 0); -o-transform:translate3d(260px, 0, 0); transform:translate3d(260px, 0, 0) }
html.nav-open #mobilenavcontainer { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
}
@media screen and (max-width:640px) {
#mobilenavcontainer { padding-top:76.80000000000001px }
#header #searchbox { -webkit-transform:translate3d(-260px, 0, 0); -moz-transform:translate3d(-260px, 0, 0); -ms-transform:translate3d(-260px, 0, 0); -o-transform:translate3d(-260px, 0, 0); transform:translate3d(-260px, 0, 0); height:48px; padding:0 12px; width:260px; position:fixed; top:24px; left:0; background:transparent }
#header #searchbox input[type=search] { width:100%; border-right:1px solid #e8e9e6; border-top:1px solid #e8e9e6; border-left:1px solid #e8e9e6; border-bottom:2px solid #e8e9e6 }
#header #searchbox #searchsubmit { position:absolute; right:32px; bottom:18px }
#header #searchbox.active input[type=search] { width:100% }
#header #searchbox.active #searchsubmit { position:absolute; right:32px; bottom:18px }
#header #searchbox #searchstart { display:none }
}
#bannerimg img { width:100%; float:right }
main { position:relative; z-index:2 }
#content { width:66.02564102564104%; *width:65.98557692307693%;
margin-left:0; *margin-left:-0.04006410256410256%;
margin-right:0; *margin-right:-0.04006410256410256%;
float:left; float:right; clear:both }
#content.wide { width:100%; *width:99.9599358974359%;
margin-left:0; *margin-left:-0.04006410256410256%;
margin-right:0; *margin-right:-0.04006410256410256%;
float:left }
#content.hasright #middle { width:66.02564102564104%; *width:65.98557692307693%;
margin-left:0; *margin-left:-0.04006410256410256%;
margin-right:1.9230769230769231%; *margin-right:1.8830128205128205%;
float:left }
#content.hasleft { width:66.02564102564104%; *width:65.98557692307693%;
margin-left:0; *margin-left:-0.04006410256410256%;
margin-right:0; *margin-right:-0.04006410256410256%;
float:left; float:right }
#content.hasleft #middle { width:100%; *width:99.9599358974359%;
margin-left:0; *margin-left:-0.04006410256410256%;
margin-right:0; *margin-right:-0.04006410256410256%;
float:left }
#content.hasleft #middle>.inner { padding-left:12px; padding-right:12px }
#content.hasleft #middle>.inner>h1 { margin-left:12px; margin-right:12px }
#content.hasleft.hasright #middle { width:61.40776699029126%; *width:61.367702887727155%;
margin-left:0; *margin-left:-0.04006410256410256%;
margin-right:2.9126213592233006%; *margin-right:2.872557256659198%;
float:left }
#content.hasleft.hasright #right { width:35.679611650485434%; *width:35.63954754792133%;
margin-left:0; *margin-left:-0.04006410256410256%;
margin-right:0; *margin-right:-0.04006410256410256%;
float:left }
#left { float:left; width:25% }
#right { width:32.05128205128205%; *width:32.01121794871795%;
margin-left:0; *margin-left:-0.04006410256410256%;
margin-right:0; *margin-right:-0.04006410256410256%;
float:left; float:right }
#submenu ul li { border-bottom:1px solid #e8e9e6 }
#submenu ul li.active a { color:#75bf4b; background:#FCFCFB }
#submenu ul li.active a:after { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; content:'b'; color:#75bf4b; line-height:26px; width:24px; height:24px; vertical-align:middle; position:absolute; right:12px }
#submenu ul li.with-children a { padding-left:24px }
#submenu ul li.with-children a:after { content:'k' }
#submenu ul li a { display:block; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; color:#999; padding:12px 36px; position:relative }
#submenu ul li a:after { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; content:'b'; line-height:26px; width:24px; height:24px; color:#fff; vertical-align:middle; position:absolute; right:12px }
#submenu ul li a:hover { color:#75bf4b; background:#FCFCFB }
#submenu ul li a:hover:after { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; content:'b'; color:#75bf4b; line-height:26px; width:24px; height:24px; vertical-align:middle; position:absolute; right:12px }
.social-icons span[data-icon] { font-size:20px; padding:8px 10px 4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-right:4px; color:#fff; line-height:24px }
.social-icons span[data-icon='i'] { background:#284A9D }
.social-icons span[data-icon='j'] { background:#5396D0 }
.social-icons span[data-icon='p'] { background:#BC2000 }
.social-icons span[data-icon='q'] { background:#CB2026 }
.social-icons span[data-icon='r'] { background:#333 }
#footer { clear:both; background:#fff }
#footer .inner { padding:48px 24px 0 }
#footer .social { float:left; width:33.333333333333336%; padding:0 6px }
#footer .social h3 { font-size:15px; text-transform:uppercase; color:#75bf4b; margin-top:2px; margin-bottom:30px }
#footer .social #newsform { width:100%; display:block; height:44px; margin-bottom:36px }
#footer .social #newsform input[type='text'] { border:1px solid #e8e9e6; float:left; height:44px; width:60%; border-radius:3px 0 0 3px }
#footer .social #newsform button[type='submit'] { float:left; width:49px; height:44px; background:#e8e9e6; border-top-right-radius:3px; border-bottom-right-radius:3px; position:relative }
#footer .social #newsform button[type='submit']:before { font-size:20px; padding:8px 10px 4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-right:4px; color:#999; font-size:14px; line-height:24px; position:absolute; left:8px; top:3px }
#footer #footermenu { float:left; text-transform:uppercase; padding-bottom:24px; width:66.66666666666667% }
#footer #footermenu li.cat { float:left; width:33.333333333333336%; font-size:15px; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; padding:0 6px }
#footer #footermenu li.cat a { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; float:none; color:#75bf4b; display:block; margin-bottom:24px }
#footer #footermenu li.cat a:hover { color:#004392 }
#footer #footermenu li.subcat { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12px }
#footer #footermenu li.subcat a { color:#999; display:block; margin-bottom:0; font-weight:bold }
#footer #subfooter { float:left; width:100%; border-top:1px solid #e8e9e6; padding:12px 0; text-transform:uppercase; line-height:24px }
#footer #subfooter .disclaimer { float:left; width:50% }
#footer #subfooter .disclaimer li { float:left; margin:0 0 0 24px }
#footer #subfooter .disclaimer li:first-child { margin-left:0 }
#footer #subfooter .disclaimer li a { float:left; color:#999; font-size:11px }
#footer #subfooter .disclaimer li a:hover { color:#75bf4b }
#footer #subfooter .credits { width:50%; float:left }
#footer #subfooter .credits:after { content:''; display:table; clear:both }
#footer #subfooter .credits li { float:right; margin:0 24px 0 0 }
#footer #subfooter .credits li:first-child { margin:0 }
#footer #subfooter .credits li a { float:left; color:#999; font-size:11px }
#footer #subfooter .credits li a:hover { color:#75bf4b }
.landingspagewrapper { width:100%; max-width:1296px; padding:0; margin:24px auto 24px; background:white }
.landingspagewrapper:after { content:''; display:table; clear:both }
.landingspagewrapper #wrapper { margin-top:48px }
.landingspagewrapper #content.wide #middle { padding:0; margin-left:-12px; width:calc(100% + 24px) }
.landingspagewrapper .innerwrapper { max-width:950px; margin:auto; width:100% }
.landingspagewrapper .innerwrapper:after { content:''; display:table; clear:both }
.landingspagewrapper #bannerimg { position:relative; margin:0 }
.landingspagewrapper #bannerimg:before { content:''; display:block; position:absolute; height:80%; width:100%; bottom:0; background:-moz-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100%, #fff)); background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%); background:-o-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%); background:-ms-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
z-index:1 }
.landingspagewrapper .landingspage-header { position:relative }
.landingspagewrapper .tagline { top:24px; padding:0 96px !important; z-index:3 }
.landingspagewrapper .tagline h1 { font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; font-size:26px; max-width:675px; width:100% }
.landingspagewrapper .tagline p { color:#666666; max-width:675px; width:100%; font-size:16px }
.landingspagewrapper .comp-usps { width:66%; float:left; margin-bottom:12px }
.landingspagewrapper .comp-usps h2 { color:#75bf4b; margin-bottom:12px }
.landingspagewrapper .comp-usps .usps li { position:relative; padding-left:36px; margin-bottom:12px }
.landingspagewrapper .comp-usps .usps li:before { color:#75bf4b; position:absolute; top:5px; left:5px }
.landingspagewrapper .comp-usps .usps li:after { content:''; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:2px solid #75bf4b; width:24px; height:24px; position:absolute; top:0; left:0px }
.landingspagewrapper .comp-available { width:33%; float:left }
.landingspagewrapper .comp-available h2 { color:#75bf4b; margin-bottom:12px; text-align:left }
.landingspagewrapper .comp-available ul { float:left }
.landingspagewrapper .comp-available ul:after { content:''; display:table; clear:both }
.landingspagewrapper .comp-available ul li { float:left; margin-right:24px }
.landingspagewrapper .comp_productenblok { padding:0 84px }
.landingspagewrapper .productenwrapper { text-align:center; position:relative }
.landingspagewrapper .productenwrapper h2 { text-align:center; background:white; position:relative; top:13.333333333333332px; margin:auto; display:inline; padding:6px 12px; color:#75bf4b }
.landingspagewrapper .productenwrapper .producten { padding:48px 96px; background:white; box-shadow:0 0 2px rgba(0,0,0,0.4) }
.landingspagewrapper .productenwrapper .producten:after { content:''; display:table; clear:both }
.landingspagewrapper .productenwrapper .producten li { width:33%; display:inline-block }
.landingspagewrapper .productenwrapper .producten .titlewrapper { margin-bottom:24px; color:#999 }
.landingspagewrapper .productenwrapper .producten .titlewrapper h4 { color:#004392; font-size:16px }
.landingspagewrapper .productenwrapper .producten .titlewrapper h4, .landingspagewrapper .productenwrapper .producten .titlewrapper p { margin:0 }
.landingspagewrapper .productenwrapper .producten .showmoreinfo { color:#999 }
.landingspagewrapper .productenwrapper .producten .showmoreinfo p { font-size:12px; margin:0 }
.landingspagewrapper .productenwrapper .notification-content { display:none }
.landingspagewrapper .component-webshopblok { display:block; padding:48px 0 200px; background:url(/img/bottomgoats.jpg) no-repeat center bottom #fff }
.landingspagewrapper .component-webshopblok .wrapper { width:100%; max-width:800px; margin:auto; display:table }
.landingspagewrapper .component-webshopblok .wrapper:after { content:''; display:table; clear:both }
.landingspagewrapper .component-webshopblok h2 { margin-bottom:6px }
.landingspagewrapper .component-webshopblok h2:after { content:''; display:inline-block; background:url(/img/paymentslogo.png) no-repeat 0 0; width:188px; height:95px; position:absolute; margin-left:48px }
.landingspagewrapper .component-webshopblok .imagecontainer { display:table-cell; vertical-align:middle; padding-right:24px }
.landingspagewrapper .component-webshopblok .blockinfo { display:table-cell; vertical-align:middle; position:relative; padding-right:120px }
.landingspagewrapper .component-homepageblok { width:100%; padding:0; margin:0 }
.landingspagewrapper .component-homepageblok .blocklayout { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#75bf4b; text-align:center }
.landingspagewrapper .component-homepageblok .blocklayout h2 a { color:white }
.landingspagewrapper .component-homepageblok .blocklayout .testimonialslider .testimonial { float:none }
.landingspagewrapper .component-homepageblok .blocklayout .testimonialslider .testimonial p { color:white }
.landingspagewrapper .component-homepageblok .blocklayout .sliderwrapper .btn { display:none }
.landingspagewrapper .component-homepageblok .blocklayout .js-select-slide { position:relative; text-align:center; width:100% }
.landingspagewrapper .component-homepageblok .blocklayout .js-select-slide:after { content:''; display:table; clear:both }
.landingspagewrapper .component-homepageblok .blocklayout .js-select-slide li { float:none; display:inline-block }
.landingspagewrapper .component-homepageblok .blocklayout .js-select-slide .js-select-slide-item { border-color:white }
.landingspagewrapper .component-webshopblok { float:left; width:100% }
.landingspagewrapper .component-webshopblok .imagecontainer { max-width:120px }
.comp_linkedarticle { position:relative; background-repeat:no-repeat; border-bottom:1px solid #F3F5F1 }
.comp_linkedarticle:after { content:''; display:table; clear:both }
.comp_linkedarticle .infocontainer { position:relative; z-index:2 }
.comp_linkedarticle .infocontainer:after { content:''; display:table; clear:both }
.comp_linkedarticle.align-links { background-position:left; background-size:auto 100% }
.comp_linkedarticle.align-links .infocontainer { width:100%; max-width:850px; float:right; padding:24px 96px 24px 24px }
.comp_linkedarticle.align-links a { float:left; clear:left; text-transform:uppercase; font-size:13px }
.comp_linkedarticle.align-rechts { background-position:right; background-size:auto 100% }
.comp_linkedarticle.align-rechts .infocontainer { width:100%; max-width:850px; float:left; padding:24px 24px 24px 96px }
.comp_linkedarticle.align-rechts a { float:left; clear:left; text-transform:uppercase; font-size:13px }
@media screen and (max-width:1024px) {
.comp_linkedarticle:before { content:''; position:absolute; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:1 }
}
.preload .component-testimonialsslider { display:none }
.component-testimonialsslider { background:#75bf4b; text-align:center; padding:48px; position:relative; display:block }
.component-testimonialsslider h2 { color:white }
.component-testimonialsslider .sliderwrapper { margin:0 72px; width:auto }
.component-testimonialsslider .testimonialslider .testimonial { color:white; float:none }
.component-testimonialsslider .testimonialslider .testimonial p { font-size:20px; width:100%; max-width:700px; margin:auto }
.component-testimonialsslider .testimonialslider .testimonial p.author { color:white; font-size:16px; margin-top:24px }
.component-testimonialsslider .sliderPrevButton { width:24px; height:24px; position:absolute; top:40%; left:48px; cursor:pointer; z-index:100; width:48px; height:48px; margin:0 }
.component-testimonialsslider .sliderPrevButton:before { content:'y'; color:white; font-size:36px; width:auto; height:auto; left:4px; top:10px; right:auto }
.component-testimonialsslider .sliderPrevButton:hover:before { -webkit-animation:.4s buttonFadeLeft; -moz-animation:.4s buttonFadeLeft; -ms-animation:.4s buttonFadeLeft; -o-animation:.4s buttonFadeLeft; animation:.4s buttonFadeLeft }
.component-testimonialsslider .sliderPrevButton:after { border-color:white; width:48px; height:48px }
.component-testimonialsslider .sliderNextButton { width:24px; height:24px; position:absolute; top:40%; right:48px; cursor:pointer; z-index:100; width:48px; height:48px; margin:0 }
.component-testimonialsslider .sliderNextButton:before { content:'z'; color:white; font-size:36px; width:auto; height:auto; right:4px; top:10px }
.component-testimonialsslider .sliderNextButton:after { border-color:white; width:48px; height:48px }
.component-testimonialsslider .js-select-slide { right:auto; width:100% }
.component-testimonialsslider .js-select-slide .js-select-slide-item { float:none; display:inline-block; border:0px solid white; vertical-align:middle; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
.component-testimonialsslider .js-select-slide .js-select-slide-item.selected { width:12px; height:12px; border:2px solid white }
#content.wide #middle { padding:24px }
.blocklayout { box-shadow:0 1px 2px rgba(0,0,0,0.1); background:#fff; padding:24px 24px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
.blocklayout:after { content:''; display:table; clear:both }
.blocklayout span { width:22px; height:22px; display:inline-block; color:#75BF4B; border:2px solid #75BF4B; border-radius:50%; margin-left:10px; margin-top:-3px; vertical-align:middle; text-align:center }
.btn { display:inline-block; margin:0 0 24px; color:#75bf4b; text-transform:uppercase; font:1.4em 'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; font-size:1.4em; line-height:24px; position:relative; padding-right:30px }
.btn:before { content:'b'; line-height:26px; width:24px; height:24px; text-align:center; position:absolute; top:0; right:-1px }
.btn:after { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; content:''; border:2px solid #75bf4b; width:24px; height:24px; margin-left:12px; position:absolute; top:0; right:0px }
.btn:hover:before { -webkit-animation:.4s buttonFade; -moz-animation:.4s buttonFade; -ms-animation:.4s buttonFade; -o-animation:.4s buttonFade; animation:.4s buttonFade }
.orderbtn { background:#f29c0f; padding:6px 24px; color:white; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:6px; position:relative; display:inline-block; font-weight:bold; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; font-size:14px }
.orderbtn:hover { background:#c37d0b }
.orderbtn:after { content:'g'; font-family:"kabrita" !important; display:inline-block; margin-left:6px; position:relative; top:2px }
@-webkit-keyframes buttonFade { 0% {
opacity:1
}
25% {
opacity:0;
-webkit-transform:translate3d(12px, 0, 0)
}
27% {
opacity:0;
-webkit-transform:translate3d(-12px, 0, 0)
}
100% {
opacity:1
}
}
@-moz-keyframes buttonFade { 0% {
opacity:1
}
25% {
opacity:0;
-moz-transform:translate3d(12px, 0, 0)
}
27% {
opacity:0;
-moz-transform:translate3d(-12px, 0, 0)
}
100% {
opacity:1
}
}
@keyframes buttonFade { 0% {
opacity:1
}
25% {
opacity:0;
transform:translate3d(12px, 0, 0)
}
27% {
opacity:0;
transform:translate3d(-12px, 0, 0)
}
100% {
opacity:1
}
}
@-webkit-keyframes buttonFadeLeft { 0% {
opacity:1
}
25% {
opacity:0;
-webkit-transform:translate3d(-12px, 0, 0)
}
27% {
opacity:0;
-webkit-transform:translate3d(12px, 0, 0)
}
100% {
opacity:1
}
}
@-moz-keyframes buttonFadeLeft { 0% {
opacity:1
}
25% {
opacity:0;
-moz-transform:translate3d(-12px, 0, 0)
}
27% {
opacity:0;
-moz-transform:translate3d(12px, 0, 0)
}
100% {
opacity:1
}
}
@keyframes buttonFadeLeft { 0% {
opacity:1
}
25% {
opacity:0;
transform:translate3d(-12px, 0, 0)
}
27% {
opacity:0;
transform:translate3d(12px, 0, 0)
}
100% {
opacity:1
}
}
.inner { width:100%; max-width:1296px; padding:0; margin:auto }
.inner:after { content:''; display:table; clear:both }
[data-title] {
position:relative
}
[data-title]:after { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-opacity:0; -khtml-opacity:0; -moz-opacity:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; content:attr(data-title); background:#000; padding:0 6px; color:#fff; white-space:nowrap; font-size:12px; position:absolute; bottom:100%; right:0; visibility:hidden }
[data-title]:hover:after { -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility:visible; margin-bottom:4px }
form.customform input[type=text]:hover, form.webbeheer-formulier input[type=text]:hover, form.customform input[type=email]:hover, form.webbeheer-formulier input[type=email]:hover, form.customform input[type=password]:hover, form.webbeheer-formulier input[type=password]:hover, form.customform input[type=search]:hover, form.webbeheer-formulier input[type=search]:hover, form.customform textarea:hover, form.webbeheer-formulier textarea:hover, form.customform input[type=text]:focus, form.webbeheer-formulier input[type=text]:focus, form.customform input[type=email]:focus, form.webbeheer-formulier input[type=email]:focus, form.customform input[type=password]:focus, form.webbeheer-formulier input[type=password]:focus, form.customform input[type=search]:focus, form.webbeheer-formulier input[type=search]:focus, form.customform textarea:focus, form.webbeheer-formulier textarea:focus { border-color:#74be4a }
form.customform select[multiple], form.webbeheer-formulier select[multiple], form.customform .style-select, form.webbeheer-formulier .style-select { border-color:#e8e9e6 }
form.customform select[multiple]:hover, form.webbeheer-formulier select[multiple]:hover, form.customform .style-select:hover, form.webbeheer-formulier .style-select:hover, form.customform select[multiple]:focus, form.webbeheer-formulier select[multiple]:focus, form.customform .style-select:focus, form.webbeheer-formulier .style-select:focus { border-color:#74be4a }
form.customform label, form.webbeheer-formulier label { display:inline-block }
form.customform ul.velden>li, form.webbeheer-formulier ul.velden>li { padding-right:0; padding:0 }
form.customform ul.velden>li label, form.webbeheer-formulier ul.velden>li label { vertical-align:top }
form.customform ul.velden>li.form-input-checkbox, form.webbeheer-formulier ul.velden>li.form-input-checkbox { padding-left:200px }
form.customform label, form.webbeheer-formulier label { display:inline-block }
form.customform input[type=file], form.webbeheer-formulier input[type=file] { width:100%; padding:6px; border:1px solid #999; background:#fff }
form.customform input[type=file]::-webkit-file-upload-button, form.webbeheer-formulier input[type=file]::-webkit-file-upload-button {
border:0;
padding:5px 8px;
outline:none;
white-space:nowrap;
background:#74be4a;
margin-right:20px;
color:white
}
form.customform input[type=file]:hover, form.webbeheer-formulier input[type=file]:hover { border:1px solid #74be4a }
form.customform input[type=file]:hover::-webkit-file-upload-button, form.webbeheer-formulier input[type=file]:hover::-webkit-file-upload-button {
border-color:#529c28
}
.tooltipcontainer:after { content:"?" }
.component-contactpagina form.webbeheer-formulier { margin-top:24px }
.component-contactpagina form.webbeheer-formulier legend { display:none }
.component-contactpagina form.webbeheer-formulier ul.velden>li { clear:none }
.component-contactpagina form.webbeheer-formulier ul.velden li { width:50% }
.component-contactpagina form.webbeheer-formulier ul.velden li:first-child { float:right }
.component-contactpagina form.webbeheer-formulier ul.velden li:after { display:none }
.component-contactpagina form.webbeheer-formulier .buttons { padding-right:24px }
.component-contactpagina form.webbeheer-formulier .buttons input[type=submit] { float:right; background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #75bf4b 100%); background:-ms-linear-gradient(bottom, #74b416, #75bf4b); background:-o-linear-gradient(#75bf4b, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #75bf4b)); color:#fff; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; font-size:13px; text-transform:uppercase; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:8px 48px; border:0 }
.component-contactpagina form.webbeheer-formulier .buttons input[type=submit]:hover { background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #74b416 100%); background:-ms-linear-gradient(bottom, #74b416, #74b416); background:-o-linear-gradient(#74b416, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #74b416)) }
.component-contentpage form.webbeheer-formulier.simpel .buttons { padding-right:24px }
.component-contentpage form.webbeheer-formulier.simpel .buttons input[type=submit] { float:left; background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #75bf4b 100%); background:-ms-linear-gradient(bottom, #74b416, #75bf4b); background:-o-linear-gradient(#75bf4b, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #75bf4b)); color:#fff; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; font-size:13px; text-transform:uppercase; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:8px 48px; border:0; margin-top:24px }
.component-contentpage form.webbeheer-formulier.simpel .buttons input[type=submit]:hover { background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #74b416 100%); background:-ms-linear-gradient(bottom, #74b416, #74b416); background:-o-linear-gradient(#74b416, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #74b416)) }
.component-contentpage form.webbeheer-formulier.simpel ul.velden li.form-input-checkbox { padding-left:0 }
.component-contentpage form.webbeheer-formulier.simpel ul.velden li label { width:auto }
.component-contentpage .form-tooltip[data-title] { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:18px; line-height:18px; text-align:center; background:#eef0e9; position:absolute; top:0; right:0; margin:0 5px; cursor:help; font-weight:bold; font-size:1rem }
#searchresults .searchresult .highlighted { background:yellow }
#component-searchengine .kolom-midden#content { width:100%; padding:0 24px 24px }
#component-searchengine .kolom-midden#content .searchresults { margin:24px 0 }
#component-searchengine .kolom-midden#content .searchresults li h2 { color:#75bf4b }
#component-searchengine .kolom-midden#content .searchresults .searchresult { display:table; margin-bottom:24px }
#component-searchengine .kolom-midden#content .searchresults .searchresult h2 { font-size:1.4em; margin-bottom:8px; color:#75bf4b }
#component-searchengine .kolom-midden#content .searchresults .searchresult ul { margin:0 }
#component-searchengine .kolom-midden#content .searchresults .searchresult p { float:left; color:#999; margin-bottom:0 }
#component-searchengine .kolom-midden#content .searchresults .searchresult .url li { float:left; color:#999 }
#component-searchengine .kolom-midden#content .searchresults .searchresult .url li:last-child:after { display:none }
#component-searchengine .kolom-midden#content .searchresults .searchresult .url li:after { content:"b"; color:#999; padding:0 12px; line-height:24px; vertical-align:middle; font-size:0.8em }
#component-searchengine .kolom-midden#content .searchfield { background:#e3eaf3; margin-left:-24px; margin-right:-24px; margin-bottom:36px; padding:38.400000000000006px 0 18px }
#component-searchengine .kolom-midden#content .searchfield form { position:relative; margin:0 auto; width:70%; padding:0 16px }
#component-searchengine .kolom-midden#content .searchfield form input[type=text] { width:70%; border:1px solid #e8e9e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:24px; color:#004392; font-size:22px; padding:24px 6px; width:100% }
#component-searchengine .kolom-midden#content .searchfield form button { background:transparent; position:absolute; top:13px; right:28px }
#component-searchengine .kolom-midden#content .searchfield form button:before { color:#004392; font-size:22px }
#component-searchengine .kolom-midden#content .search-center { width:70%; margin:0 auto }
.switch-viewport { text-align:center; font-size:1.2rem; margin:0; padding:12px 24px; display:none }
.switch-viewport span { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; display:inline-block; text-decoration:underline; cursor:pointer }
.switch-viewport span.to-mobile { display:none }
@media screen and (max-width:1025px) {
.touch-device .switch-viewport { display:block }
}
.only-mobile { display:none }
#breadcrumb { padding-left:24px; margin:0; font-size:7px; text-transform:uppercase; border-bottom:1px solid #e8e9e6 }
#breadcrumb:after { content:''; display:table; clear:both }
#breadcrumb a:hover { color:#75bf4b }
#breadcrumb p { margin:0 6px 0 0; float:left }
#breadcrumb ul { float:left; margin-top:12px }
#breadcrumb ul:after { content:''; display:table; clear:both }
#breadcrumb ul li { float:left; color:#999 }
#breadcrumb ul li:before { content:'›'; float:left; margin:0 6px }
#breadcrumb ul li.first:before { display:none }
#breadcrumb ul li a { color:#999; float:left }
#component-customwebshop #breadcrumb { border-bottom:0 }
#middle ul.sitemap { position:relative; padding-left:24px }
#middle ul.sitemap:before { position:absolute; content:" "; border-left:1px dashed #999; left:12px; top:0; width:1px; height:100% }
#middle ul.sitemap li { position:relative }
#middle ul.sitemap li a { position:relative; padding-left:6px }
#middle ul.sitemap li a:before { position:absolute; content:" "; margin-right:24px; border-top:1px dashed #999; width:12px; height:1px; top:2px; left:-12px; margin-top:6px }
#middle ul.sitemap li:last-child:before { position:absolute; content:" "; background:#fff; bottom:-1px; left:-17px; width:10px; height:12px; z-index:1 }
#middle ul.sitemap li:last-child:after { position:absolute; content:" "; background:#fff; top:12px; left:-17px; width:10px; height:100%; z-index:1 }
.component-contentpage.component-orderhistory .content-holder #content.hasleft #middle { padding:24px 48px }
.ordertable { border:none }
.ordertable thead tr th { padding:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; border:none }
.ordertable tbody tr { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
.ordertable tbody tr:hover { background:#fcfcfc }
.ordertable .failed { color:red }
.ordertable .canceled { color:orange }
.ordertable .paid, .ordertable .ordered { color:#75bf4b }
.ordertable tbody { border-left:1px solid #e8e9e6; border-top:1px solid #e8e9e6 }
.ordertable tr td { padding:12px }
.ordertable a { display:block }
.ordertable a:before { font-family:"kabrita"; display:inline-block; margin-right:6px; position:relative; top:2px }
.ordertable a:hover { color:#004392 }
.ordertable a.showorder { margin-right:12px }
.ordertable a.showorder:before { content:'w' }
.ordertable a.download:before { content:'x' }
.shop-panel .shoppingoverview { border:none }
.shop-panel .shoppingoverview th, .shop-panel .shoppingoverview td { border:none; padding:0 }
.shop-panel .shoppingoverview figure { width:80px; float:left; margin-right:12px }
.shop-panel .shoppingoverview h3 { font-size:16px }
.shop-panel .shoppingoverview #product-coupon>td { padding:12px 0 }
.shop-panel .shoppingoverview .couponblok { color:#1F5AA1; font-weight:bold; vertical-align:middle; margin-bottom:12px; width:100% }
.shop-panel .shoppingoverview .bestelregels-stap4-ul>td { padding:12px 0 }
.shop-panel .shoppingoverview .bestelregels-stap4-ul td { border-top:1px dashed #e8e9e6 }
.shop-panel .orderstatus { margin-bottom:24px }
.shop-panel .orderstatus .failed { color:red }
.shop-panel .orderstatus .canceled { color:orange }
.shop-panel .orderstatus .paid, .shop-panel .orderstatus .ordered { color:#75bf4b }
.shop-panel .productsoverview table { border:none; border-top:1px solid #e8e9e6 }
.shop-panel .productsoverview table tr th { border:none; padding:6px 0 }
.shop-panel .productsoverview table td { border:none; border-bottom:1px solid #e8e9e6; padding:6px 0 }
.shop-panel .productsoverview table h3 { font-size:16px; margin-bottom:6px }
.shop-panel .productsoverview table #product-verzendkosten h3 { font-size:100% }
.shop-panel h2 { margin-bottom:6px }
.shop-panel .userinfo, .shop-panel .userinfo th, .shop-panel .userinfo tr, .shop-panel .userinfo td { border:none; padding:4px 0 }
.shop-panel .userinfo tr td:first-of-type { font-weight:bold; padding-right:12px }
@media all and (max-width:680px) {
.ordertable thead { display:none }
.ordertable tbody, .ordertable tr, .ordertable td { display:block; width:100% }
.ordertable tbody td { padding-left:140px; position:relative }
.ordertable tbody td.buttons { padding-left:12px }
.ordertable tbody td.buttons a { display:inline-block }
.ordertable tbody td:before { content:attr(data-head); display:block; position:absolute; left:12px; top:12px; color:#004392 }
}
@media all and (max-width:480px) {
.shop-panel .userinfo tbody, .shop-panel .userinfo tr, .shop-panel .userinfo td { display:block; width:100%; padding:0 }
.shop-panel .userinfo tr { margin-bottom:12px }
}
#component-homepage .component-homepageblok.shop p.small-unit { width:46% }
#component-homepage .component-homepageblok.shop .mask { width:288px; height:100%; position:absolute; right:0; bottom:0; background:-moz-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100%, rgba(255,255,255,0))); background:-webkit-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:-o-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:-ms-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:linear-gradient(to right, #fff 5%, rgba(255,255,255,0) 66%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
}
#component-homepage .component-blogblok { float:left; width:66.66666666666667%; padding:0 12px; margin-bottom:24px }
#component-homepage .component-blogblok .blocklayout { height:288px; background-repeat:no-repeat; background-position:right bottom; position:relative }
#component-homepage .component-blogblok .blocklayout .image.mobile { display:none }
#component-homepage .component-blogblok .blocklayout .small-unit { width:66.66666666666667%; position:relative; z-index:2 }
#component-homepage .component-blogblok .blocklayout .mask { width:266px; height:288px; position:absolute; right:0; bottom:0; background:-moz-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100%, rgba(255,255,255,0))); background:-webkit-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:-o-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:-ms-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:linear-gradient(to right, #fff 5%, rgba(255,255,255,0) 66%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
}
#component-homepage .component-blogblok .blocklayout .btn { position:absolute; bottom:0 }
#component-homepage .component-blogblok .blocklayout .btn.more { bottom:0; left:350px }
.homeslider figure { position:relative; padding-bottom:28%; height:0; overflow:hidden; margin:0; width:100% }
.homeslider figure img { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); position:absolute; left:0; top:50%; max-width:none; width:100%; height:auto }
.homeslider picture { display:block; width:100%; height:100%; position:absolute; top:0; left:0 }
.homeslider .owl-dots { position:absolute; bottom:48px; right:48px }
.homeslider .owl-dot { display:inline-block; border:1px solid #fff; width:12px; height:12px; border-radius:50%; margin-left:8px }
.homeslider .owl-dot.active, .homeslider .owl-dot:hover { background:#fff }
.blockcontainer { margin:0 -12px }
.crosslinkblocks-container { display:inline-block; background:#fff; padding:24px 0 0; margin-bottom:15px; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px }
.crosslinkblocks-container[data-num-items="4"] .component-homepageblok { width:25% }
.crosslinkblocks-container[data-num-items="3"] .component-homepageblok { width:33.333333333333336% }
.crosslinkblocks-container[data-num-items="2"] .component-homepageblok { width:50% }
.crosslinkblocks-container>p { padding:24px 192px 48px; color:#004392; font-size:18px; font-weight:bold; text-align:center }
.crosslinkblocks-container .component-homepageblok { padding:0; margin-bottom:0; position:static }
.crosslinkblocks-container .component-homepageblok .blocklayout { height:auto; padding-top:0; border:0; position:static; padding-bottom:72px }
.crosslinkblocks-container .component-homepageblok .blocklayout figure img { width:100% }
.crosslinkblocks-container .component-homepageblok:first-of-type .blocklayout { border-left:0 }
.component-contentpage .crosslinkblocks-container { margin-top:-24px }
.component-doelgroepstartpagina .inner { position:relative; display:block }
.component-doelgroepstartpagina .inner .intro { width:28%; color:#fff; position:absolute; margin-left:72px; bottom:36px; z-index:999; border-top-left-radius:3px; border-top-right-radius:3px; padding:24px; max-height:274px; overflow:hidden }
.component-doelgroepstartpagina .inner .intro.babies { background:#004392 }
.component-doelgroepstartpagina .inner .intro.tots { background:#cd2070 }
.component-doelgroepstartpagina .inner .intro.kidsadults { background:#75bf4b }
.component-doelgroepstartpagina .inner .intro.kidsadults h1 { font-size:30px }
.component-doelgroepstartpagina .inner .intro h1 { color:#fff; font-size:36px }
.component-doelgroepstartpagina .component-productdoelgroepblok { padding:0 12px; margin-bottom:15px; display:inline-block; position:relative; width:100% }
.component-doelgroepstartpagina .component-productdoelgroepblok>.blocklayout { padding:0 }
.component-doelgroepstartpagina .component-productdoelgroepblok .left { padding:24px; width:30%; float:left; border-right:1px solid #e8e9e6 }
.component-doelgroepstartpagina .component-productdoelgroepblok .right { padding:24px; width:70%; float:left }
.component-doelgroepstartpagina .component-productdoelgroepblok .right.product-related-slider { height:254px !important }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul { display:table; margin-top:12px }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul .product { float:left; margin:0 36px; text-align:center; display:table-cell; width:180px }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul .product figure { margin-bottom:0 }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul .product h3 a { color:#004392; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul .product img { width:130px }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul .owl-prev { background:#fff; width:48px; height:48px; border-radius:50px; position:absolute; top:50px; left:-54px; opacity:1; z-index:999; border:1px solid #eef0e9; -webkit-box-shadow:0 1px 2px #eee; -moz-box-shadow:0 1px 2px #eee; box-shadow:0 1px 2px #eee }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul .owl-prev:before { content:'l'; color:#75bf4b; line-height:43px; margin-left:0px; font-size:16px; vertical-align:middle }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul .owl-next { background:#fff; width:48px; height:48px; border-radius:50px; position:absolute; top:50px; right:-54px; z-index:999; opacity:1; border:1px solid #eef0e9; -webkit-box-shadow:0 1px 2px #eee; -moz-box-shadow:0 1px 2px #eee; box-shadow:0 1px 2px #eee }
.component-doelgroepstartpagina .component-productdoelgroepblok .right ul .owl-next:before { content:'b'; color:#75bf4b; font-size:16px; line-height:43px; margin-left:0px; vertical-align:middle }
.component-doelgroepstartpagina .owl-controls .owl-page span { float:left; width:9px; height:9px; background:#eef0e9; filter:alpha(opacity=25); border-radius:10px; border:1px solid #B5B5B5; margin-left:6px }
.component-doelgroepstartpagina .owl-controls .owl-page span:hover { border:1px solid #75BF4B }
.component-doelgroepstartpagina .owl-controls .owl-page.active span { background:#75BF4B }
.component-doelgroepstartpagina .component-blogblok { width:50%; float:left; padding:0 12px; margin-bottom:24px; position:relative }
.component-doelgroepstartpagina .component-blogblok .blocklayout { background-repeat:no-repeat; background-position:top right; height:286px }
.component-doelgroepstartpagina .component-blogblok .blocklayout .mask { width:266px; height:100%; position:absolute; right:12px; bottom:0; background:-moz-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100%, rgba(255,255,255,0))); background:-webkit-linear-gradient(left, #fff 0, rgba(255,255,255,0) 66%); background:-o-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:-ms-linear-gradient(left, #fff 5%, rgba(255,255,255,0) 66%); background:linear-gradient(to right, #fff 5%, rgba(255,255,255,0) 66%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
}
.component-doelgroepstartpagina .component-blogblok .blocklayout .small-unit { width:66.66666666666667%; z-index:10; position:relative }
.component-doelgroepstartpagina .component-blogblok .blocklayout figure { display:none }
.component-doelgroepstartpagina .component-blogblok .blocklayout .btn { position:absolute; bottom:0; z-index:10 }
.component-doelgroepstartpagina .component-blogblok .blocklayout .btn.more { display:none }
.component-doelgroepstartpagina .component-homepageblok.shop { padding-left:0 }
.component-doelgroepstartpagina .component-homepageblok.shop .mask { width:266px; height:288px; position:absolute; right:0; bottom:0; background:-moz-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100%, rgba(255,255,255,0))); background:-webkit-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%); background:-o-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%); background:-ms-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%); background:linear-gradient(to right, #fff 0, rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
}
.component-doelgroepstartpagina .component-faqblok.component-homepageblok { width:50% }
.component-doelgroepstartpagina .component-faqblok.component-homepageblok h2 { border-bottom:1px solid #e8e9e6; margin-bottom:0; padding:0 24px 24px }
.component-doelgroepstartpagina .component-faqblok.component-homepageblok .blocklayout { min-height:288px; height:auto; padding:24px 0 }
.component-doelgroepstartpagina .component-faqblok.component-homepageblok .blocklayout .btn { left:24px }
.component-doelgroepstartpagina .component-faqblok.component-homepageblok .blocklayout dl.faq:last-of-type { margin-bottom:40px }
.doelgroepblok .bottom-fade, .blog .bottom-fade { display:block; height:60px; width:100%; margin-top:-60px; position:relative; z-index:9999; background:-moz-linear-gradient(top, rgba(255,255,255,0) 0, #fff 99%, #fff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(99%, #fff), color-stop(100%, #fff)); background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0, #fff 99%, #fff 100%); background:-o-linear-gradient(top, rgba(255,255,255,0) 0, #fff 99%, #fff 100%); background:-ms-linear-gradient(top, rgba(255,255,255,0) 0, #fff 99%, #fff 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 99%, #fff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}
.sliderwrapper { position:relative }
.sliderwrapper .previous { width:48px; height:48px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; top:40%; left:-12px; z-index:99999; -webkit-box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 2px 3px #ccc; box-shadow:0 2px 3px #ccc }
.sliderwrapper .next { width:48px; height:48px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; top:40%; right:-12px; z-index:99999; -webkit-box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 2px 3px #ccc; box-shadow:0 2px 3px #ccc }
.sliderwrapper .btn { position:absolute; bottom:24px; z-index:999 }
.testimonialslider { width:100%; height:210px !important; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
.testimonialslider .slider { width:100%; height:100%; padding:0 }
.testimonialslider .testimonial { float:left }
.testimonialslider .testimonial p { font-family:'AvantGardeGothicITCW01B 731069'; font-size:1.6em; line-height:28.799999999999997px }
.testimonialslider .testimonial p.author { color:#75BF4B; text-transform:uppercase; font-family:'AvantGardeGothicITCW01D 731075'; font-size:12px }
.js-select-slide { position:absolute; z-index:999; right:0; bottom:30px; margin:0 }
.js-select-slide .js-select-slide-item { float:left; width:9px; height:9px; background:#eef0e9; filter:alpha(opacity=25); border-radius:10px; border:1px solid #B5B5B5; margin-left:6px }
.js-select-slide .js-select-slide-item:hover { border:1px solid #75BF4B }
.js-select-slide .js-select-slide-item.selected { background:#75BF4B }
.component-homepageblok { float:left; width:33.333333333333336%; padding:0 12px; margin-bottom:24px }
.component-homepageblok p.small-unit { width:53%; position:relative }
.component-homepageblok[data-size='2'] { width:66.66666666666667% }
.component-homepageblok[data-size='2'] p.small-unit { width:66.66666666666667% }
.component-homepageblok .blocklayout { height:288px; background-repeat:no-repeat; background-position:right bottom; position:relative; overflow:hidden }
.component-homepageblok .blocklayout .btn { position:absolute; bottom:0 }
.component-contactpagina .inner .content-holder #content.hasleft #middle { padding:36px 24px }
.component-contactpagina .inner .content-holder #content.hasleft #middle h2 { font-size:14px; font-weight:normal; color:#75bf4b }
.component-contentpage .inner h1, .component-blog.component-basicpage .inner h1, .component-testimonialoverview .inner h1, .component-worldwidemap .inner h1, .component-profile .inner h1 { margin-top:24px; color:#75bf4b; margin-left:24px }
.component-contentpage.hasheaderimage .inner h1, .component-blog.component-basicpage.hasheaderimage .inner h1, .component-testimonialoverview.hasheaderimage .inner h1, .component-worldwidemap.hasheaderimage .inner h1, .component-profile.hasheaderimage .inner h1 { margin-top:0; margin-left:0; font-weight:normal }
.component-contentpage.hasheaderimage #wrapper, .component-blog.component-basicpage.hasheaderimage #wrapper, .component-testimonialoverview.hasheaderimage #wrapper, .component-worldwidemap.hasheaderimage #wrapper, .component-profile.hasheaderimage #wrapper { margin-top:-62px; position:relative }
.component-contentpage .content-holder, .component-blog.component-basicpage .content-holder, .component-testimonialoverview .content-holder, .component-worldwidemap .content-holder, .component-profile .content-holder { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:inline-block; width:100%; background:white; border:1px solid #e8e9e6; border-bottom:2px solid #e8e9e6; padding:0; margin-bottom:36px }
.component-contentpage .content-holder #content.hasleft, .component-blog.component-basicpage .content-holder #content.hasleft, .component-testimonialoverview .content-holder #content.hasleft, .component-worldwidemap .content-holder #content.hasleft, .component-profile .content-holder #content.hasleft { width:75%; min-height:500px; padding:0 0 24px; border-left:1px solid #e8e9e6 }
.component-contentpage .content-holder #content.hasleft #middle, .component-blog.component-basicpage .content-holder #content.hasleft #middle, .component-testimonialoverview .content-holder #content.hasleft #middle, .component-worldwidemap .content-holder #content.hasleft #middle, .component-profile .content-holder #content.hasleft #middle { padding:36px 120px }
.component-contentpage .content-holder #content.hasleft #middle section.holder, .component-blog.component-basicpage .content-holder #content.hasleft #middle section.holder, .component-testimonialoverview .content-holder #content.hasleft #middle section.holder, .component-worldwidemap .content-holder #content.hasleft #middle section.holder, .component-profile .content-holder #content.hasleft #middle section.holder { display:inline-block; width:100% }
.component-contentpage .content-holder #content.hasleft #middle section.left, .component-blog.component-basicpage .content-holder #content.hasleft #middle section.left, .component-testimonialoverview .content-holder #content.hasleft #middle section.left, .component-worldwidemap .content-holder #content.hasleft #middle section.left, .component-profile .content-holder #content.hasleft #middle section.left { float:left; width:50% }
.component-contentpage .content-holder #content.hasleft #middle section.right, .component-blog.component-basicpage .content-holder #content.hasleft #middle section.right, .component-testimonialoverview .content-holder #content.hasleft #middle section.right, .component-worldwidemap .content-holder #content.hasleft #middle section.right, .component-profile .content-holder #content.hasleft #middle section.right { float:left; width:50% }
.component-contentpage .content-holder #content.hasleft #middle>div.contentheaderimage, .component-blog.component-basicpage .content-holder #content.hasleft #middle>div.contentheaderimage, .component-testimonialoverview .content-holder #content.hasleft #middle>div.contentheaderimage, .component-worldwidemap .content-holder #content.hasleft #middle>div.contentheaderimage, .component-profile .content-holder #content.hasleft #middle>div.contentheaderimage { margin-left:-120px; margin-right:-120px; padding-bottom:24px; margin-top:-36px }
.component-contentpage .content-holder #content.hasleft #middle>div.contentheaderimage img, .component-blog.component-basicpage .content-holder #content.hasleft #middle>div.contentheaderimage img, .component-testimonialoverview .content-holder #content.hasleft #middle>div.contentheaderimage img, .component-worldwidemap .content-holder #content.hasleft #middle>div.contentheaderimage img, .component-profile .content-holder #content.hasleft #middle>div.contentheaderimage img { width:100% }
.component-testimonialoverview.hasheaderimage #wrapper { margin-top:0; padding-top:24px }
.component-sociallogin img { max-width:48px }
dl.faq { margin:0 }
dl.faq dt { font-weight:bold; text-rendering:optimizelegibility; margin:0; padding:12px 36px 12px 12px; cursor:pointer; border-bottom:1px solid #e8e9e6; position:relative }
dl.faq dt:hover { color:#004392 }
dl.faq dt.active:after { -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg) }
dl.faq dt:after { content:'k'; right:12px; top:17px; position:absolute; color:#004392 }
dl.faq dd { opacity:0; max-height:0; margin:0; overflow:hidden; padding:0 24px; -webkit-transition:.5s cubic-bezier(.25, .1, .25, 1); -moz-transition:.5s cubic-bezier(.25, .1, .25, 1); -o-transition:.5s cubic-bezier(.25, .1, .25, 1); transition:.5s cubic-bezier(.25, .1, .25, 1) }
dl.faq dd.active { opacity:1; max-height:9000px; padding:12px 24px 0 }
.component-testimonialoverview #middle { padding:24px; margin:0 -24px }
.component-testimonialoverview #middle .write-testimonial { position:relative; text-align:right; padding-right:24px }
.component-testimonialoverview #middle .write-testimonial .btn.write { background:#75bf4b; color:#fff; padding:6px 12px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
.component-testimonialoverview #middle .write-testimonial .btn.write:before { content:"" }
.component-testimonialoverview #middle .write-testimonial .btn.write:after { border:0; content:"n"; line-height:24px; vertical-align:middle }
.component-testimonialoverview #middle .testimonialwrapper:after { content:''; display:table; clear:both }
.component-testimonialoverview #middle .testimonialwrapper .testimonial { width:50%; float:left; padding:24px 24px; min-height:172px; border-top:1px solid #e8e9e6; position:relative }
.component-testimonialoverview #middle .testimonialwrapper .testimonial:nth-child(even) { -webkit-box-shadow:-1px 0 0 #e8e9e6; -moz-box-shadow:-1px 0 0 #e8e9e6; box-shadow:-1px 0 0 #e8e9e6 }
.component-testimonialoverview #middle .testimonialwrapper .testimonial:nth-child(odd) { border-right:1px solid #e8e9e6; clear:both }
.component-testimonialoverview #middle .testimonialwrapper .testimonial .left { float:left; width:80%; font-family:'AvantGardeGothicITCW01B 731069', Arial, Tahoma, Verdana, sans-serif; font-weight:normal; padding-right:24px }
.component-testimonialoverview #middle .testimonialwrapper .testimonial .left span { font-size:13px; text-transform:uppercase; color:#75bf4b; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif }
.component-testimonialoverview #middle .testimonialwrapper .testimonial figure { position:absolute; top:50%; right:24px; width:20%; text-align:center }
.component-testimonialoverview #middle .testimonialwrapper .testimonial figure a { display:block }
.component-testimonialoverview #middle .testimonialwrapper .testimonial figure img { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%) }
.fancybox-lock .testimonial-form { display:block }
.component-blog #content.hasleft #middle { border-right:1px solid #e8e9e6; width:100%; margin-right:0; padding:24px 12px !important }
.component-blog .blogs { display:inline-block }
.component-blog .blogs .blog.first { width:100% }
.component-blog .blogs .blog.first .info { width:66.66666666666667%; float:left; padding-top:24px; padding-left:12px }
.component-blog .blogs .blog.first .btn { position:relative; bottom:0 }
.component-blog .blogs .blog.first .image { float:left; padding-right:12px; width:33.333333333333336% }
.component-blog .blogs .blog.first .image img { width:100% }
.component-blog .load-more.btn:hover:before { -webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none }
.component-blog .load-more { margin:0 auto; width:210px; display:block; text-align:center }
.component-blog .load-more.btn:before { content:'k'; right:0px }
.component-blog .blog { width:33.333333333333336%; float:left; padding:0 12px; margin:0 0 24px }
.component-blog .blog .text { padding-top:95%; position:relative; overflow:hidden }
.component-blog .blog .positioner { position:absolute; top:0; left:0; width:100%; height:100% }
.component-blog .blog .bottom-fade { position:absolute; margin:0; left:0; bottom:48px; z-index:10 }
.component-blog .blog .bottom-fade:after { content:''; background:#fff; position:absolute; top:100%; left:0; width:100%; height:48px }
.component-blog .blog h2 { font-size:18px; margin-bottom:6px }
.component-blog .blog h2 a { color:#004392 }
.component-blog .blog .blog-meta-datetime { font-size:12px; font-weight:bold; text-transform:uppercase; margin-bottom:12px; display:block }
.component-blog .blog .btn { position:absolute; bottom:20px; left:0; margin:0; z-index:20 }
.component-blog figure img { margin:0 }
.component-blog #left { width:25%; padding:24px 0 24px 24px }
.component-blog #left h2 { color:#75bf4b; font-size:18px; border-bottom:1px solid #e8e9e6; margin-bottom:0; padding-bottom:12px; margin-top:12px }
.component-blog #left ul { margin-bottom:0 }
.component-blog #left li { border-bottom:1px solid #e8e9e6 }
.component-blog #left li a { padding:12px 0; display:block; color:#999; font-weight:bold }
.component-blog #left li span:before { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; position:absolute; line-height:49px; vertical-align:middle; visibility:hidden; opacity:0; color:#75bf4b }
.component-blog #left li:hover a, .component-blog #left li.active a { background:#FCFCFB; padding-left:36px }
.component-blog #left li:hover span:before, .component-blog #left li.active span:before { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; padding-left:12px; visibility:visible; opacity:1 }
.component-customblogpost .blog { width:66.66666666666667%; margin:0 auto; position:relative }
.component-customblogpost .blog h2 { font-size:16px; color:#75bf4b }
.component-customblogpost .blog.blog-summary { width:25%; float:left; padding:12px; margin:0 0 24px; min-height:460px }
.component-customblogpost .blog.blog-summary:first-of-type { padding-left:24px }
.component-customblogpost .blog.blog-summary:nth-of-type(4) { padding-right:24px }
.component-customblogpost .blog .blog-info { border-bottom:1px solid #e8e9e6; padding:10px 0 10px; margin-bottom:24px; display:inline-block; width:100% }
.component-customblogpost .blog .blog-info .blog-meta-datetime { text-transform:uppercase; font-size:12px; font-weight:bold; display:block; float:left; padding-top:4px; padding-right:6px }
.component-customblogpost .blog .blockquote { margin:0 }
.component-youtube { width:100%; padding-top:56.25%; position:relative; margin-bottom:24px }
.component-youtube iframe { position:absolute; top:0; left:0; width:100%; height:100% }
.blog-categories { float:left; margin-bottom:0; display:block }
.blog-categories li { float:left; margin:0 6px; background:#F4F4F4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:12px; padding:4px 10px }
#sharethis { display:block; position:relative; width:166px; padding-left:40px; padding-top:4px; float:right; margin:0 }
#sharethis:before { content:"Share:"; position:absolute; left:0 }
#sharethis li { float:left; padding-left:8px }
#sharethis li a { color:#fff; padding:4px 8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
#sharethis li a:before { font-size:16px; line-height:24px; vertical-align:middle }
#sharethis li a.facebook { background:#3E5C98 }
#sharethis li a.twitter { background:#59ADEB }
#sharethis li a.linkedin { background:#2E5E89 }
#component-customproductoverzicht .content-holder { display:block; float:left; width:100%; margin-bottom:24px }
#component-customproductoverzicht .content-holder #left { padding-left:24px; padding-top:24px }
#component-customproductoverzicht .content-holder #left h3 { color:#75bf4b; border-bottom:1px solid #e8e9e6; padding-bottom:24px; margin-bottom:0 }
#component-customproductoverzicht .content-holder #left .filter-list, #component-customproductoverzicht .content-holder #left .data-filter-list { margin-bottom:36px }
#component-customproductoverzicht .content-holder #left .filter-list li a, #component-customproductoverzicht .content-holder #left .data-filter-list li a { color:#999; padding:12px; display:block; position:relative; border-bottom:1px solid #e8e9e6 }
#component-customproductoverzicht .content-holder #left .filter-list li a:before, #component-customproductoverzicht .content-holder #left .data-filter-list li a:before { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; content:"a"; position:absolute; left:12px; font-size:14px; line-height:24px; vertical-align:middle; color:#75bf4b; opacity:0 }
#component-customproductoverzicht .content-holder #left .filter-list li a:hover, #component-customproductoverzicht .content-holder #left .data-filter-list li a:hover { background:#FCFCFB; padding-left:36px }
#component-customproductoverzicht .content-holder #left .filter-list li a:hover:before, #component-customproductoverzicht .content-holder #left .data-filter-list li a:hover:before { opacity:1 }
#component-customproductoverzicht .content-holder #left .filter-list li .js-data-filter-active, #component-customproductoverzicht .content-holder #left .data-filter-list li .js-data-filter-active { background:#FCFCFB; padding-left:36px }
#component-customproductoverzicht .content-holder #left .filter-list li .js-data-filter-active:before, #component-customproductoverzicht .content-holder #left .data-filter-list li .js-data-filter-active:before { opacity:1 }
#component-customproductoverzicht .content-holder #content.hasleft #middle { padding:0 }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-catalog { padding:24px 0 }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products { border-bottom:1px solid #e8e9e6; margin-bottom:24px; padding:0 24px; float:left }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .category-description { margin-bottom:36px }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview { width:33.333333333333336%; text-align:center; margin-bottom:24px; padding-top:24px; position:relative; float:left }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview.available:before { content:" "; display:block; position:absolute; top:0; left:0; width:62px; height:62px; background:url('/public/img/kabrita-available.png') top left no-repeat; z-index:10 }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview:hover .more-info { visibility:visible; opacity:1; height:100%; background-color:rgba(255,255,255,0.95); -webkit-box-shadow:0 0 3px #ececec; -moz-box-shadow:0 0 3px #ececec; box-shadow:0 0 3px #ececec }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview .more-info { position:absolute; padding:24px 24px 48px; bottom:0; -webkit-transition:.4s; -moz-transition:.4s; -o-transition:.4s; transition:.4s; visibility:hidden; opacity:0; height:0; overflow:hidden }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview .more-info p { color:#999 }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview .notification-content { display:none }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview img { margin:0 auto; margin-bottom:36px }
#component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview h3 { color:#004392; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold }
#component-customproduct .content-holder { display:block; float:left; width:100%; margin-bottom:24px }
#component-customproduct #content.hasleft { width:100%; border-left:0 }
#component-customproduct #content.hasleft #middle { padding:24px }
#component-customproduct #content.hasleft #middle .left { float:left; width:40% }
#component-customproduct #content.hasleft #middle .right { float:right; width:60% }
#component-customproduct #content.hasleft #middle .right .tab>.alinea { padding-top:0 }
#component-customproduct #content.hasleft #middle .right .tab table.nutritional { width:100%; border:1px solid #e8e9e6; margin-top:24px }
#component-customproduct #content.hasleft #middle .right .tab table.nutritional tr th { padding-top:24px; padding-left:24px; padding-right:24px; padding-bottom:6px; text-align:left; color:#004392; font-weight:bold; border-right:1px solid #e8e9e6; border-bottom:0 }
#component-customproduct #content.hasleft #middle .right .tab table.nutritional tr td { padding-left:24px; padding-right:24px; border-right:1px solid #e8e9e6; border-bottom:1px dotted #e8e9e6 }
#component-customproduct #content.hasleft #middle .right .tab table.nutritional tr.bold td { font-weight:bold }
#component-customproduct #content.hasleft #middle .right .tab table.nutritional tr.header td { color:#004392 }
#component-customproduct #content.hasleft #middle .right .tab table.nutritional tr:last-child td { padding-bottom:24px }
#component-customproduct #content.hasleft #middle .right .tab.ingredients .alinea strong, #component-customproduct #content.hasleft #middle .right .tab.ingredients .alinea b { color:#999 }
#component-customproduct #content.hasleft #middle .product-gallery { padding-top:61.586638830897705%; position:relative; margin-bottom:24px }
#component-customproduct #content.hasleft #middle .product-gallery .thumb { float:left; width:33.333333333333336%; padding:24px 9.6px 0; cursor:pointer }
#component-customproduct #content.hasleft #middle .product-gallery .thumb .small { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
#component-customproduct #content.hasleft #middle .product-gallery .thumb .small img { width:80% }
#component-customproduct #content.hasleft #middle .product-gallery .thumb .large { -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); opacity:0; visibility:hidden; position:absolute; top:0; left:50%; margin:0 }
#component-customproduct #content.hasleft #middle .product-gallery .thumb:hover .large, #component-customproduct #content.hasleft #middle .product-gallery .thumb:first-child .large { opacity:1; visibility:visible }
#component-customproduct #content.hasleft #middle .product-gallery .thumb .small:hover { opacity:1 }
#component-customproduct #content.hasleft #middle .product-gallery:hover .small { opacity:.5 }
#component-customproduct #content.hasleft #middle .product-kind { float:left; background:#F3F5F1; padding:24px; margin-bottom:24px; width:100% }
#component-customproduct #content.hasleft #middle .product-kind #js_add_product_notices { display:block }
#component-customproduct #content.hasleft #middle .product-kind input[type=number]::-webkit-inner-spin-button, #component-customproduct #content.hasleft #middle .product-kind input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
#component-customproduct #content.hasleft #middle .product-kind ul { display:table; width:100% }
#component-customproduct #content.hasleft #middle .product-kind li { display:table-row }
#component-customproduct #content.hasleft #middle .product-kind label.name { color:#004392; font-weight:bold; display:table-cell; padding-bottom:12px; vertical-align:middle; padding-right:12px }
#component-customproduct #content.hasleft #middle .product-kind label.price { color:#75bf4b; font-weight:bold; display:table-cell; padding:0 24px 12px 12px; vertical-align:middle; white-space:nowrap }
#component-customproduct #content.hasleft #middle .product-kind .quantity { display:table-cell; padding:0 12px 12px; vertical-align:middle }
#component-customproduct #content.hasleft #middle .product-kind .quantity input[type=number] { width:60px; font-size:14px; border:1px solid #e8e9e6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:12px 10px }
#component-customproduct #content.hasleft #middle .product-kind .add-to { display:table-cell; padding-bottom:12px; vertical-align:middle; padding-left:12px }
#component-customproduct #content.hasleft #middle .product-kind .add-to:hover .cart-btn:not([disabled]) { background-color:#64A53F }
#component-customproduct #content.hasleft #middle .product-kind .add-to .cart-btn { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; opacity:1; background-color:#75bf4b; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; text-transform:uppercase; font-size:12px; padding:7px 15px 7px 10px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:right; white-space:nowrap }
#component-customproduct #content.hasleft #middle .product-kind .add-to .cart-btn[disabled] { opacity:0.7 }
#component-customproduct #content.hasleft #middle .product-kind .add-to img { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; opacity:0; visibility:hidden; float:right }
#component-customproduct #content.hasleft #middle .product-kind .add-to.active button:before { content:'t'; -webkit-animation:fa-spin 1s infinite steps(8); -moz-animation:fa-spin 1s infinite steps(8); -ms-animation:fa-spin 1s infinite steps(8); -o-animation:fa-spin 1s infinite steps(8); animation:fa-spin 1s infinite steps(8); margin-right:8px; display:inline-block; width:12px; height:12px; position:relative; top:2px }
#component-customproduct #content.hasleft #middle .product-kind [data-icon]:before { padding-right:8px }
#component-customproduct #content.hasleft #middle .product-information { width:100%; display:table; margin-bottom:24px }
#component-customproduct #content.hasleft #middle .product-information li { font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; text-transform:uppercase; font-size:13px; display:table-cell }
#component-customproduct #content.hasleft #middle .product-information li:hover, #component-customproduct #content.hasleft #middle .product-information li.active { color:#75bf4b }
#component-customproduct #content.hasleft #middle .product-information li:hover label, #component-customproduct #content.hasleft #middle .product-information li.active label { border-bottom:1px solid #75bf4b }
#component-customproduct #content.hasleft #middle .product-information label { display:block; padding:12px 48px; border-bottom:1px solid #e8e9e6 }
#component-customproduct #content.hasleft #middle .product-information label:first-child { padding-left:0 }
#component-customproduct #content.hasleft #middle .product-information label:hover { cursor:pointer }
#component-customproduct #content.hasleft .tab { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; visibility:hidden; opacity:0; width:100%; height:0px; overflow:hidden }
#component-customproduct #content.hasleft [type=radio] { display:none }
#component-customproduct #content.hasleft input[type=radio]:checked+.tab { display:block; visibility:visible; opacity:1; float:left; height:auto }
.product-worldwide-block { float:left; width:384px; margin:12px 0 }
.product-worldwide-block p.small-unit { width:53%; position:relative }
.product-worldwide-block .blocklayout { background-repeat:no-repeat; background-position:right; min-height:290px; position:relative }
.product-worldwide-block a.btn { position:absolute; bottom:0 }
.product-related { width:828px; width:calc(100% - 420px); float:left; margin:12px 36px 48px 0; min-height:290px }
.product-related h3 { font-family:Arial, Tahoma, Verdana, sans-serif; color:#004392; font-size:14px; font-weight:bold }
.product-related .product-preview { width:33.333333333333336%; text-align:center; margin-bottom:24px; padding-top:0; position:relative; float:left }
.product-related .product-preview.slide { width:100%; float:none }
.product-related:hover .more-info { visibility:visible; opacity:1; height:100%; background-color:rgba(255,255,255,0.95); -webkit-box-shadow:0 0 3px #ececec; -moz-box-shadow:0 0 3px #ececec; box-shadow:0 0 3px #ececec }
.product-related:hover .more-info { position:absolute; padding:24px 24px 48px; bottom:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; visibility:hidden; opacity:0; height:0; overflow:hidden }
.product-related:hover .more-info span.btn { width:auto; border:0; border-radius:0; margin-top:0 }
.product-related:hover .more-info p { color:#999 }
.product-related .owl-theme .owl-controls .owl-prev { background:#fff; width:48px; height:48px; border-radius:50px; position:absolute; top:50px; left:-55px; opacity:1; z-index:999; border:1px solid #eef0e9; -webkit-box-shadow:0 1px 2px #eee; -moz-box-shadow:0 1px 2px #eee; box-shadow:0 1px 2px #eee }
.product-related .owl-theme .owl-controls .owl-prev:before { content:'l'; color:#75bf4b; line-height:43px; margin-left:0px; font-size:16px; vertical-align:middle }
.product-related .owl-theme .owl-controls .owl-next { background:#fff; width:48px; height:48px; border-radius:50px; position:absolute; top:50px; right:-55px; z-index:999; opacity:1; border:1px solid #eef0e9; -webkit-box-shadow:0 1px 2px #eee; -moz-box-shadow:0 1px 2px #eee; box-shadow:0 1px 2px #eee }
.product-related .owl-theme .owl-controls .owl-next:before { content:'b'; color:#75bf4b; font-size:16px; line-height:43px; margin-left:0px; vertical-align:middle }
.product-related .owl-controls .owl-page span { float:left; width:9px; height:9px; background:#eef0e9; filter:alpha(opacity=25); border-radius:10px; border:1px solid #B5B5B5; margin-left:6px }
.product-related .owl-controls .owl-page span:hover { border:1px solid #75BF4B }
.product-related .owl-controls .owl-page.active span { background:#75BF4B }
#component-contentpage #content.wide #middle { padding:36px 17% }
#component-documentnotfoundpage #content.wide { padding:24px }
#component-documentnotfoundpage #content.wide h1 { margin-left:0 }
#component-worldwidemap #worldmap-wrapper { position:relative }
#component-worldwidemap #world-map { width:100%; height:500px }
#component-worldwidemap #countryinfo-wrapper>div { position:absolute; top:24px; right:24px; background:#FFF; padding:24px; width:300px; max-width:calc(100% - 48px); z-index:-1; -webkit-opacity:0; -khtml-opacity:0; -moz-opacity:0; opacity:0; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 2px #ccc; -moz-box-shadow:0 1px 2px #ccc; box-shadow:0 1px 2px #ccc }
#component-worldwidemap #countryinfo-wrapper>div.active { z-index:1000; -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1 }
#component-worldwidemap #countryinfo-wrapper>div h2 { text-transform:uppercase; font-size:1.5em }
#component-worldwidemap #countryinfo-wrapper>div ul.stores li { float:left; width:120px }
#component-worldwidemap #countryinfo-wrapper>div ul.stores li:nth-child(odd) { margin-right:12px }
#component-worldwidemap #countryinfo-wrapper>div .closecountryinfo { color:#004392; margin:0; position:absolute; top:24px; right:24px; text-indent:-9000px }
#component-worldwidemap #countryinfo-wrapper>div .closecountryinfo:before { content:'s'; right:0px; text-indent:0 }
#component-worldwidemap #countryinfo-wrapper>div .closecountryinfo:after { border:2px solid #004392; margin-left:0 }
.component-alinea, .alinea { margin:0 0 12px }
.component-alinea strong, .alinea strong, .component-alinea b, .alinea b { font-weight:bold; color:#004392 }
.component-alinea a strong, .alinea a strong, .component-alinea a b, .alinea a b { color:#74be4a }
.component-alinea em, .alinea em, .component-alinea i, .alinea i { font-style:italic }
.component-alinea ul, .alinea ul { list-style:none; padding-left:18px }
.component-alinea ol, .alinea ol { list-style:decimal outside; padding-left:18px }
.component-alinea li, .alinea li { padding-left:6px }
.component-alinea li:before, .alinea li:before { content:'b'; font-family:kabrita; font-size:9px; margin-left:-18px; padding-right:6px; color:#004392 }
.component-alinea.intro, .alinea.intro, .component-alinea.intro p, .alinea.intro p { font-weight:bold }
figure { margin:0 0 12px }
figure.intro { margin-top:24px }
figure .centerimage { max-width:360px; margin:0 auto 12px; overflow:hidden }
figure img { margin:auto }
figure.illustratie-links { float:left; margin-right:24px }
figure.illustratie-right { float:right; margin-left:24px }
blockquote { margin-right:-72px; margin-left:-72px; padding:24px 0 24px }
blockquote p { font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; font-size:26px; text-align:center; color:#75bf4b; line-height:32px }
blockquote footer { color:#004392; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; text-transform:uppercase; text-align:center }
.component-downloaditem { font-size:14px; margin-bottom:24px }
.component-downloaditem p { font-size:14px }
.component-downloadlist { margin-bottom:24px }
.component-downloadlist h3 { color:#75bf4b; margin-bottom:12px; font-size:16px }
.component-downloadlist .component-downloaditem { margin-bottom:0 }
.component-login a.component-login.component-kirralogin { display:none }
.component-login form input { font-size:13px }
.component-login form .btn { font-size:13px; margin-right:12px }
.component-login form .resetbtn { color:#004392; text-decoration:underline }
#component-classiclogin .btn { font-size:13px }
#component-classiclogin #login-wrapper { width:100%; padding:0 0 24px }
#component-classiclogin #login-wrapper #login-left { width:50%; float:left; padding:24px 36px }
#component-classiclogin #login-wrapper #login-left .component-classiclogin li label { display:none }
#component-classiclogin #login-wrapper #login-left .component-classiclogin input[type=text], #component-classiclogin #login-wrapper #login-left .component-classiclogin input[type=email], #component-classiclogin #login-wrapper #login-left .component-classiclogin input[type=password] { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #e8e9e6; margin-bottom:24px; width:75%; font-size:1em; color:#999; font-family:Arial, Tahoma, Verdana, sans-serif }
#component-classiclogin #login-wrapper #login-left .component-classiclogin input[type=submit] { background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #75bf4b 100%); background:-ms-linear-gradient(bottom, #74b416, #75bf4b); background:-o-linear-gradient(#75bf4b, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #75bf4b)); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; font-size:13px; text-transform:uppercase; padding:12px 48px }
#component-classiclogin #login-wrapper #login-left .component-classiclogin input[type=submit]:hover { background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #74b416 100%); background:-ms-linear-gradient(bottom, #74b416, #74b416); background:-o-linear-gradient(#74b416, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #74b416)) }
#component-classiclogin #login-wrapper #login-left .component-classiclogin .resetbtn { color:#75bf4b; text-decoration:underline; display:block; font-size:12px }
#component-classiclogin #login-wrapper #login-right { width:50%; float:left; padding:24px 36px }
#component-classiclogin #login-wrapper #login-right span { position:relative }
#component-classiclogin #login-wrapper #login-right span:before { position:absolute; right:12px; font-size:1.2em; top:-1px; color:#fff }
.shopnext, .shopprev, .grnbtn { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#75bf4b; color:#FFF; padding:6px 12px; margin-bottom:0; font-size:13px; padding-right:24px }
.shopnext:hover, .shopprev:hover, .grnbtn:hover { background-color:#5d9f38 }
.shopnext:before, .shopprev:before, .grnbtn:before { -webkit-animation:none !important; -moz-animation:none !important; -ms-animation:none !important; -o-animation:none !important; animation:none !important }
.shopnext:after, .shopprev:after, .grnbtn:after { opacity:0 }
.shopnext:active { background:#004392 }
.shopnext:before { top:6px }
.shopprev { background:white; color:#75bf4b; padding-left:24px; font-weight:normal; border:1px solid #75bf4b }
.shopprev:hover { color:#fff }
.shopprev:before { content:'l'; left:0; top:6px }
.shopprev:after { display:none }
#component-customwebshop legend h3 { font-size:16px }
#component-customwebshop .style-select { padding:0 }
#component-customwebshop .style-select:after { content:"k"; border:0; font-family:'Kabrita'; color:#75bf4b; position:absolute; right:12px; line-height:38px; vertical-align:middle; font-size:16px }
#component-customwebshop .inner h1 { margin-top:24px; color:#75bf4b; margin-left:24px }
#component-customwebshop .content-holder { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:inline-block; width:100%; background:white; border:0; border-bottom:0; padding:0 24px 0; margin-bottom:36px }
#component-customwebshop .js-delivery-address { display:inline-block; width:auto }
.progress { background:#E4EAF4; margin:0 -24px 24px; border-top:1px solid #d9e1e9; border-bottom:1px solid #d9e1e9; position:relative; padding:24px 0 }
#shop-progress { width:100% }
#shop-progress td { text-align:center }
#shop-progress td:last-of-type a:after { display:none }
#shop-progress td.passed a:before { content:'a'; font-family:"kabrita" }
#shop-progress td a { color:#004392; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; text-align:center; vertical-align:middle; line-height:58px; position:relative; width:100%; height:100px; display:block }
#shop-progress td a:before { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; font-family:'AvantGardeGothicITCW01B 731063', Arial, Tahoma, Verdana, sans-serif; top:0; content:'1'; font-size:21px; width:60px; height:60px; background:#E4EAF4; display:inline-block; border:1px solid #fff }
#shop-progress td a:after { -webkit-transform:translate(0, 50%); -moz-transform:translate(0, 50%); -ms-transform:translate(0, 50%); -o-transform:translate(0, 50%); transform:translate(0, 50%); position:absolute; content:""; height:1px; background:#fff; color:#fff; right:0; width:100%; top:30px; left:calc(50% + 30px) }
#shop-progress td a span { position:absolute; bottom:0px; font-size:12px; line-height:13px; display:block; width:100%; text-align:center; text-transform:uppercase }
#shop-progress td.stap2.passed a:before { content:'a'; font-family:"kabrita" }
#shop-progress td.stap2 a:before { content:'2' }
#shop-progress td.stap3.passed a:before { content:'a'; font-family:"kabrita" }
#shop-progress td.stap3 a:before { content:'3' }
#shop-progress td.stap4.passed a:before { content:'a'; font-family:"kabrita" }
#shop-progress td.stap4 a:before { content:'4' }
#shop-progress td.active a:before { background:white }
#shop-progress td.passed a:before { background:white; border:1px solid #75bf4b; color:#75bf4b }
.webshopform1 { padding:0 12px }
.webshopform1 .bestel-buttons { margin-left:0; margin-right:0 }
img.payment { height:35px; margin-bottom:12px }
fieldset.paymethods { margin-bottom:24px }
fieldset.childmethods { display:none }
fieldset.childmethods.active { display:block }
label.paymethod-block { width:200px; float:left; display:table; margin:0 24px 24px 0; padding:24px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #e8e9e6; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; cursor:pointer }
label.paymethod-block.inactive { -webkit-opacity:.3; -khtml-opacity:.3; -moz-opacity:.3; opacity:.3 }
label.paymethod-block:hover, label.paymethod-block.active { border:1px solid #75bf4b; -webkit-opacity:1; -khtml-opacity:1; -moz-opacity:1; opacity:1 }
label.paymethod-block figure { display:table-cell; margin:0; vertical-align:middle }
label.paymethod-block figure img { height:60px }
label.paymethod-block input { display:none }
.component-customwebshop .stap2-keuze fieldset { padding:24px 24px 24px 24px; float:left; width:50% }
.component-customwebshop .stap2-keuze fieldset .input-field.input-checkbox label { padding-left:12px }
.component-customwebshop .stap2-keuze fieldset .input-field.input-radio .subitem { margin-right:36px }
.component-customwebshop .stap2-keuze fieldset:first-of-type .style-select select, .component-customwebshop .stap2-keuze fieldset:last-of-type .style-select select { color:#999; width:100% }
.component-customwebshop .stap2-keuze fieldset:first-of-type .input-field.input-checkbox label, .component-customwebshop .stap2-keuze fieldset:last-of-type .input-field.input-checkbox label, .component-customwebshop .stap2-keuze fieldset:first-of-type input[type=radio], .component-customwebshop .stap2-keuze fieldset:last-of-type input[type=radio] { margin-right:12px }
.component-customwebshop .stap2-keuze fieldset:nth-of-type(2) .input-field.input-checkbox label { font-weight:bold; display:inline-block; width:auto }
.component-customwebshop .stap2-keuze fieldset label { font-size:14px; margin-right:6px }
.component-customwebshop .stap2-keuze fieldset .input-radio, .component-customwebshop .stap2-keuze fieldset .input-checkbox { margin-bottom:16px }
.component-customwebshop .stap2-keuze fieldset .input-radio:after, .component-customwebshop .stap2-keuze fieldset .input-checkbox:after { content:''; display:table; clear:both }
.component-customwebshop .stap2-keuze fieldset .input-radio .subitem, .component-customwebshop .stap2-keuze fieldset .input-checkbox .subitem { float:left; margin-right:12px }
.shop-panel { padding:24px; float:left; width:50% }
.stap4-keuze .shop-panel { padding:24px }
.component-customwebshop fieldset { padding:24px }
.component-customwebshop legend, .component-customwebshop h2 { color:#75bf4b; margin:0; font-size:1.6em; display:block; width:100% }
.component-customwebshop .stap2-keuze h2 { margin:24px; color:#004392; font-size:20px }
.component-customwebshop h2 { margin-bottom:12px }
.component-customwebshop .price { color:#75bf4b; font-weight:bold }
.component-customwebshop h3 { margin:0 }
.component-customwebshop h3 a { color:#004392 !important }
.loginpanel { float:left; width:50%; padding:0 24px 24px; border-right:1px solid #F4F4F4; margin-bottom:24px }
.loginpanel>form>p { margin-top:12px }
.loginpanel>form>p a { color:#004392; text-decoration:underline }
.loginpanel:last-of-type { border:0 }
.loginpanel:last-of-type h2 { margin-bottom:18px }
.loginpanel h2 { font-size:20px; color:#004392; margin-bottom:24px }
.stap3 fieldset { padding:24px 12px 0 }
.stap4-list li { font-size:14px }
.stap4-list li:after { content:''; display:table; clear:both }
.stap4-list div:first-child { float:left; min-width:150px }
.stap4-list div:last-child { float:left; font-weight:bold }
.bestelregels-stap4 figure, .productregel figure { float:left; max-width:60px; margin-right:12px; margin-bottom:0 }
.bestelregels-stap4 p, .productregel p { margin:0 }
.bestelregels-stap4 p:first-of-type, .productregel p:first-of-type { font-weight:bold }
.bestelregels-stap4 article, .productregel article { margin:12px 0; padding:12px 0 }
.bestelregels-stap4 article h3, .productregel article h3 { font-size:14px; text-transform:uppercase }
.bestelregels-stap4-ul:after { content:''; display:table; clear:both }
.bestelregels-stap4-ul li { padding:12px 0; border-top:1px solid #eef0e9 }
.bestelregels-stap4-ul li:after { content:''; display:table; clear:both }
.bestelregels-stap4-ul div { float:left; min-width:70px }
.bestelregels-stap4-ul .title { font-weight:bold }
.warning { margin-top:6px; font-style:italic; opacity:0.8 }
.webshoptable { border-right:0; border-left:0; border-collapse:separate }
.webshoptable input { font-size:14px; padding:10px; height:auto; max-width:80px }
.webshoptable thead th { border-top:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; background:#FCFCFB }
.webshoptable thead th:first-of-type { -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; border-left:1px solid #F4F4F4; padding-left:12px }
.webshoptable thead th:last-of-type { -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; border-right:1px solid #F4F4F4 }
.webshoptable .total-items th, .webshoptable tfoot th { font-weight:bold; color:#666; text-transform:lowercase }
.webshoptable .shipping-notice { padding:0 }
.webshoptable th, .webshoptable td { padding:12px 6px }
.webshoptable th.checkout-border-top, .webshoptable td.checkout-border-top { border-top:1px dashed #e8e9e6 }
.webshoptable th { color:#999999; border:0 }
.webshoptable td { border:0 }
.webshoptable td a { color:#1F5AA1; font-weight:bold }
.webshoptable td .delete-btn { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:red; padding:10px; border:1px solid #e8e9e6; position:relative; width:38px; height:38px; display:block }
.webshoptable td .delete-btn:before { -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); position:absolute; top:0; vertical-align:middle; line-height:38px; left:50% }
.webshoptable .coupon-code { padding-bottom:12px }
.webshoptable .couponblok { color:#1F5AA1; font-weight:bold; background:#FCFCFB; border:1px solid #e8e9e6; padding:24px; vertical-align:middle; margin-bottom:12px; display:table; width:100% }
.webshoptable .couponblok>* { display:table-cell; vertical-align:middle }
.webshoptable .couponblok label { margin-right:24px }
.webshoptable .couponblok input { margin:0 }
.webshoptable input { border:1px solid #E2E1E1; border-radius:4px }
.webshoptable .item.productregel>td { padding:16px 6px; vertical-align:middle; line-height:1.5em; border-bottom:1px solid #F4F4F4; width:15% }
.webshoptable .item.productregel>td:first-child { width:50% }
.webshoptable .item.productregel>td:last-child { width:5% }
.webshoptable .productregel, .webshoptable .coupon-code { border-bottom:1px solid #E8E9E6 }
.webshoptable .coupon-code .coupontitle { font-weight:bold; text-align:right }
.webshoptable .coupon-code .coupontitle label { padding:12px; background:#FCFCFB; border:1px solid #e8e9e6; margin-right:12px }
.webshoptable .coupon-code>td { vertical-align:middle }
.webshoptable .coupon-code input { width:auto; margin-right:24px }
.webshoptable .coupon-code button { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:6px 12px; font-size:14px; color:white; background:#75bf4b; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
.webshoptable .coupon-code button:hover { background-color:#5d9f38 }
.bestel-buttons { margin:36px 12px 48px; font-size:13px }
.bestel-buttons a { font-size:13px !important }
.bestel-buttons .previous { float:left; margin-left:0 }
.bestel-buttons .next { float:right; margin-right:0 }
.shipping-notice { font-weight:normal; font-style:italic; margin-bottom:0; color:#cd2070 }
.shipping-notice:before { font-size:16px; position:relative; top:3px; margin-right:4px }
.winkelwagen-sidebar { -webkit-transition:.6s; -moz-transition:.6s; -o-transition:.6s; transition:.6s; -webkit-transform:translate3d(380px, 0, 0); -moz-transform:translate3d(380px, 0, 0); -ms-transform:translate3d(380px, 0, 0); -o-transform:translate3d(380px, 0, 0); transform:translate3d(380px, 0, 0); width:380px; height:100vh; position:fixed; top:0; right:-6px; -webkit-overflow-scroll:touch; z-index:1000000000; background:white }
.winkelwagen-sidebar:before { pointer-events:none; opacity:.4; content:''; width:6px; height:100%; display:block; position:absolute; top:0; left:-6px; z-index:99; background:-moz-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0)), color-stop(1%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.65))); background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); background:-o-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); background:-ms-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); background:linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1)
}
.winkelwagen-sidebar.active { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); right:0 }
.winkelwagen-sidebar h2 { margin-left:0; padding:24px; color:#004392; background:#eef0e9 }
.winkelwagen-sidebar h4 { margin-bottom:0; font-size:14px; text-transform:uppercase }
.winkelwagen-sidebar h3 { margin:0 }
.winkelwagen-sidebar h3 a { font-size:80% !important }
.winkelwagen-sidebar .price { color:#75bf4b }
.winkelwagen-sidebar p { margin-bottom:0 }
.winkelwagen-sidebar input { border:1px solid #eef0e9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:6px }
.winkelwagen-sidebar .btndelete { color:red !important; margin-left:6px }
.winkelwagen-sidebar article { padding:12px; border-bottom:1px solid #eef0e9; display:table }
.winkelwagen-sidebar figure { display:table-cell; vertical-align:top; padding-right:12px; width:33.333333333333336% }
.winkelwagen-sidebar .productinfo { display:table-cell; vertical-align:top }
.winkelwagen-sidebar .shipping-notice { padding:12px 12px 0 12px }
.winkelwagen-sidebar .empty-cart { padding:0 12px 24px 12px; border-bottom:1px solid #e8e9e6; margin-bottom:12px }
.winkelwagen-sidebar .empty-cart a.btn { font-size:13px !important }
.winkelwagen-sidebar .empty-cart p { margin-bottom:12px }
#header .topmenu .shopnext { color:#fff }
#header .topmenu .shopprev { color:#75bf4b }
#header .topmenu .shopprev:hover { color:#fff }
.errors { margin-left:0; margin-right:12px }
.errors li { color:#cd2070 }
.stap5-success { background:url(/img/bottomgoats.jpg) no-repeat bottom center #fff; padding-bottom:280px }
.stap5-success h2.blue { color:#004392; margin-bottom:36px }
.stap5-success .ftop:after, .stap5-success .fbottom:after { content:''; display:table; clear:both }
.stap5-success section { margin-bottom:24px }
.stap5-success section .innerwrapper { min-height:235px }
.stap5-success section.followus { float:left; padding-right:12px }
.stap5-success section.followus .social-icons { margin-top:24px }
.stap5-success section.writereview { width:50%; float:right; padding-left:12px }
.stap5-success section.writereview .btn { padding-right:36px }
.stap5-success section.writereview .btn:before { content:'n'; line-height:24px; right:4px; top:auto }
.stap5-success section.answerquestions { min-height:494px }
.stap5-success section.answerquestions form { margin-bottom:0 }
.stap5-success section.answerquestions form fieldset { padding:0 }
.stap5-success section.answerquestions form ul.velden:after { content:''; display:table; clear:both }
.stap5-success section.answerquestions form ul.velden li { padding-right:12px; width:50%; clear:none; float:left }
.stap5-success section.answerquestions form ul.velden li.form-input-textarea { padding-right:0; padding-left:12px; float:right }
.stap5-success section.answerquestions form ul.velden li label { display:block; width:100%; color:#004392 }
.stap5-success section.answerquestions form ul.velden li .style-select { margin-bottom:0 }
.stap5-success section.answerquestions form ul.velden li .btn { margin-bottom:0 }
.stap5-success section.answerquestions form ul.velden li textarea { height:80px }
.stap5-success section.answerquestions form .buttons { display:inline-block; position:relative }
.stap5-success section.answerquestions form .buttons:after { content:'A'; font-family:"kabrita" !important; line-height:24px; right:26px; top:8px; position:absolute; z-index:1; color:white }
.stap5-success .fleft section { margin-right:12px }
.stap5-success .fright section { margin-left:12px }
.stap5-success .social-icons { margin-top:48px }
@media all and (max-width:480px) {
.stap5-success>* { padding:0 40px }
}
.component-profile .inner .content-holder #breadcrumb { margin-left:-12px; margin-right:-12px }
.component-profile a.component-kirralogin { display:none }
.component-profile form label { font-weight:bold; margin-right:12px; min-width:120px; display:inline-block; float:left; clear:both }
.component-profile form .style-select, .component-profile form input[type=text], .component-profile form input[type=password], .component-profile form textarea { width:400px; max-width:100%; font-size:14px }
.component-profile form .style-select select { font-size:14px; color:#000 }
.component-profile form li { clear:both }
.component-profile form .field-email.field-readonly { margin-bottom:48px }
.component-profile form .field-phone .style-select { width:160px; margin-right:12px; float:left }
.component-profile form .field-phone .style-select select { font-size:12px; color:grey }
.component-profile form .field-phone input { width:228px; float:left }
.component-profile form .field-newsletter label { display:none }
.component-profile form .field-newsletter label.checkbox { margin-bottom:24px }
.component-profile form input[type=submit], .component-profile form input[type=reset] { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#75bf4b; color:#FFF; padding:6px 36px; margin-bottom:0; font-size:13px; line-height:24px; text-transform:uppercase; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; margin-bottom:12px }
.component-profile form input[type=submit]:hover, .component-profile form input[type=reset]:hover { background-color:#5d9f38 }
.component-profile form input[type=submit]:before, .component-profile form input[type=reset]:before { -webkit-animation:none !important; -moz-animation:none !important; -ms-animation:none !important; -o-animation:none !important; animation:none !important }
.component-profile form input[type=submit]:after, .component-profile form input[type=reset]:after { opacity:0 }
.component-profile form input[type="reset"] { display:none }
.component-vragen .inner .content-holder { padding:0 12px }
.component-vragen .inner .content-holder #breadcrumb { margin:0 -12px }
.component-vragen form .style-select { margin-bottom:16px }
.component-vragen form .btn { -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#75bf4b; color:#FFF; padding:6px 36px; margin-bottom:36px; margin-top:0; font-size:12px; text-transform:uppercase; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif }
.component-vragen form .btn:hover { background-color:#5d9f38 }
.component-vragen form .btn:before { -webkit-animation:none !important; -moz-animation:none !important; -ms-animation:none !important; -o-animation:none !important; animation:none !important; line-height:36px; vertical-align:middle }
.component-vragen form .btn:after { opacity:0 }
.component-vragen .comp_vragen.holder { padding:0; margin:0 auto }
.component-vragen dl.faq { margin:0 auto }
.component-vragen dl.faq dt, .component-vragen dl.faq dd { padding-left:0; padding-right:48px }
.component-vragen h2 { margin-bottom:0 }
.component-vragen .btn { margin-top:12px; margin-bottom:48px; font-size:12px }
.component-vragen .mini:last-of-type { margin-bottom:48px }
.notification-content { padding:12px }
.notification-content p { color:#999 }
.notification-content h3 { color:#004392 }
.notification-content .btn { margin-top:12px }
html div#cookie-bar { background-color:#fff; background-image:none; color:#004392; position:fixed; float:right; width:260px; right:30px; bottom:30px; top:auto; left:auto; padding:15px; border:5px solid #004392 }
html div#cookie-bar a { color:#74be4a }
html div#cookie-bar i.icon { display:none }
html div#cookie-bar .cookie-buttons button { background-color:#004392; font-size:1em; color:#fff }
html div#cookie-bar span.cookie-buttons { position:relative; float:left }
html div#cookie-bar span.cookie-buttons button { margin-top:12px }
.component-homepage #content { position:relative; margin-top:-60px }
.tagline { position:absolute; top:0; max-width:80%; padding:0 12px }
.tagline h1, .tagline .h1 { font-size:54px; font-family:'AvantGardeGothicITCW01B 731063', Arial, Tahoma, Verdana, sans-serif; color:#004392; margin:36px 0; line-height:1 }
.tagline li, .tagline p { font-size:21.6px; line-height:36px; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.4) }
.tagline li:before { content:'a'; font-family:"kabrita" !important; padding-right:6px; position:relative; top:2px }
html.invoice { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; height:1697.1428571428573px; width:1200px; padding:57.142857142857146px !important; background-color:#fff; color:black; font-size:12pt }
html.invoice body { width:100%; height:100%; position:relative }
html.invoice body, html.invoice h1 { color:#000 }
html.invoice .invoiceinfo { margin:48px 0 }
html.invoice .invoiceinfo li div { min-width:130px }
html.invoice header:after { content:''; display:table; clear:both }
html.invoice .right, html.invoice .left { float:left; height:320px }
html.invoice .right:after, html.invoice .left:after { content:''; display:table; clear:both }
html.invoice .left { padding-top:80px; width:75% }
html.invoice .right { width:25% }
html.invoice .right ul { font-size:1.2em }
html.invoice .right img { margin-bottom:24px }
html.invoice li div { display:inline-block; min-width:100px }
html.invoice .shippingtitle { font-size:14px; font-weight:bold; border-bottom:2px solid black; display:inline-block; margin-bottom:18px }
html.invoice table { border:0; margin-bottom:100px }
html.invoice table td { padding:6px 0; border:0 }
html.invoice .nopadding td { padding:0 }
html.invoice .firsttd { width:60% }
html.invoice tr.header td { font-size:12px }
html.invoice .verzendkosten td { border-bottom:2px solid #000; padding-bottom:36px }
html.invoice .bestelregel td { padding:12px 0; border:0; border-top:2px solid #000; border-bottom:2px solid #000 }
html.invoice .totalamount td { padding-top:9px }
html.invoice .alignright { text-align:right }
html.invoice .aligncenter { text-align:center }
html.invoice .invoicefooter { position:absolute; bottom:0 }
@-webkit-keyframes fa-spin { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
@media all and (max-width:449px) {
0% .component-profile form .field-phone input {
margin-top:-16px
}
}
@media all and (max-width:605px) {
0% .component-profile form .field-phone .style-select {
clear:both
}
}
0% .component-profile .inner .content-holder {
padding:0
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes fa-spin { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@media all and (min-width:1281px) {
#component-homepage #wrapper>.inner { padding:0 }
#component-homepage #bannerimg { max-height:400px; padding-top:28% }
#component-homepage #bannerimg img { min-height:40px }
#component-doelgroepstartpagina .inner #content { margin-top:-68px }
#component-doelgroepstartpagina .inner .intro { bottom:44px }
#component-doelgroepstartpagina #bannerimg { padding-top:22% }
.component-contentpage.hasheaderimage .inner #content { margin-top:0px }
.component-contentpage.hasheaderimage #bannerimg { padding-top:22% }
.component-basicpage #header .inner { padding:0 24px }
.component-basicpage #wrapper>.inner { padding:0 24px }
.component-basicpage .tagline { padding-left:24px }
.component-basicpage #bannerimg { max-height:420px; overflow:hidden; position:relative; padding-top:25% }
.component-basicpage #bannerimg img { height:auto !important; min-height:390px; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%) }
}
@media all and (max-width:1280px) {
#header .inner #doelgroepmenu { position:absolute; right:24px }
#header .inner #doelgroepmenu ul li { width:84px; height:84px; margin:0 }
#header .inner #doelgroepmenu ul li a { width:70px; height:70px; padding:0 8px; font-size:90%; line-height:16px }
#header .inner, #header #footer .inner { padding:0 24px }
.homeslider figure { padding-bottom:38% }
.homeslider .tagline { padding:0 24px }
.component-basicpage #bannerimg { overflow:hidden }
.component-basicpage #bannerimg img { width:auto; min-width:100%; max-width:none }
.component-basicpage #wrapper>.inner { padding:0 24px }
#component-homepage #wrapper>.inner { padding:0 }
#component-homepage #middle .component-blogblok .blocklayout { background-position:113% }
#component-homepage #middle .component-blogblok .blocklayout .mask { width:227px }
#component-doelgroepstartpagina .inner .intro { width:50%; margin-left:48px; margin-bottom:24px; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out }
#component-doelgroepstartpagina #wrapper .inner #content.wide #middle { padding:0 }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-homepageblok { width:50% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-homepageblok .sliderwrapper { width:100% }
#component-landingspage .tagline { top:50px }
#component-landingspage .tagline h1 { font-size:28px }
}
@media all and (max-width:1160px) {
.component-basicpage #header .inner #mainmenu li a { padding:12px 16px 8px }
.component-basicpage #header .inner #doelgroepmenu { position:absolute; right:24px; top:39px }
.component-basicpage #header .inner #doelgroepmenu li { width:70px; height:70px; margin:0; padding:4px }
.component-basicpage #header .inner #doelgroepmenu li a { width:60px; height:60px; padding:0 8px; font-size:90%; line-height:16px }
html #component-customproduct #content.hasleft #middle .left, html #component-customproduct #content.hasleft #middle .right { float:none; width:100% }
html #component-customproduct #content.hasleft #middle .left { width:50% }
}
@media all and (max-width:1024px) {
body { padding-top:106px }
html .component-contentpage.hasheaderimage #wrapper, .component-blog.component-basicpage.hasheaderimage #wrapper, .component-testimonialoverview.hasheaderimage #wrapper, .component-worldwidemap.hasheaderimage #wrapper, .component-profile.hasheaderimage #wrapper { margin-top:0 }
.component-basicpage #js-navToggle { top:34px }
.component-basicpage #js-navToggle:before { background:#fff }
.component-basicpage #header { position:fixed; width:100%; top:0 }
.component-basicpage #header .inner { padding:0 12px; height:106px }
.component-basicpage #header .inner #logo img { width:90% }
.component-basicpage #header .inner #mainmenu { display:none }
.component-basicpage #header .inner #loglang { display:none }
.component-basicpage .tagline { padding-left:12px; max-width:76% }
.component-basicpage .inner { padding:12px }
.component-basicpage #bannerimg img { min-width:110% }
.component-basicpage #wrapper .inner { padding:0 12px }
.component-basicpage #wrapper .inner #content.wide #middle { padding:24px 12px 0 }
.component-basicpage #footer .inner { padding:12px }
#component-homepage #wrapper { padding-top:0 }
#component-homepage #middle .component-blogblok .blocklayout { background-size:60%; background-position:160% }
#component-homepage #middle .component-blogblok .blocklayout .mask { width:36% }
#component-contentpage #content.hasleft #middle .contentheaderimage { margin-left:-12px; margin-right:-12px }
#component-contentpage #content.hasleft #middle blockquote { margin-right:0; margin-left:0 }
#component-doelgroepstartpagina .inner .intro { width:80%; margin-left:24px }
#component-doelgroepstartpagina #wrapper { padding-top:0 }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-homepageblok { width:50% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-homepageblok .sliderwrapper { width:100% }
#component-homepage .component-homepageblok { width:50% }
#component-homepage .component-homepageblok[data-size='2'] { width:100% }
#component-homepage #middle .component-blogblok { width:50% }
#component-homepage #middle .component-blogblok .btn.more { display:none }
.product-related, .product-worldwide-block { width:100%; margin-bottom:24px }
}
@media all and (max-width:925px) {
html #component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview { width:50% }
html #component-customproductoverzicht .content-holder #content.hasleft #middle .category-products .product-preview:nth-child(2n + 1) { clear:both }
html .component-blog .blog { width:50% }
html .component-blog .blog:nth-child(2n) { clear:both }
html .component-blog .blogs .blog.first .info { padding-top:0 }
html #component-homepage #middle .component-blogblok .blocklayout { background-size:0% }
html #component-homepage #middle .component-blogblok .blocklayout .mask { display:none }
html #component-homepage #middle .component-blogblok .blocklayout p.small-unit { width:100% }
}
@media all and (max-width:824px) {
#component-contentpage.hasheaderimage #wrapper, #component-contactpagina.hasheaderimage #wrapper { margin-top:-156px }
#component-doelgroepstartpagina .component-blogblok { width:100% }
.component-basicpage #header #logo img { padding-top:0 }
.component-basicpage #header .inner { padding:0 12px }
.component-basicpage #mainmenu { display:none }
.component-basicpage #bannerimg { min-width:inherit }
.component-basicpage #bannerimg img { height:100%; min-width:100% }
.component-basicpage #wrapper { padding-left:0; padding-right:0 }
.component-basicpage #wrapper .inner { padding:0 12px }
.component-basicpage #wrapper .inner #middle { width:100%; padding:0 }
.component-basicpage #wrapper .inner #middle #content { padding:0 }
.component-basicpage #footer .inner { padding-right:12px; padding-left:12px }
#component-doelgroepstartpagina .inner .intro { width:80%; margin-left:24px }
#component-doelgroepstartpagina .inner .intro h1 { font-size:22px; margin-bottom:18px }
#component-doelgroepstartpagina .intro-blockcontainer[data-num-items="4"] .component-homepageblok { width:50% }
#component-doelgroepstartpagina .intro-blockcontainer[data-num-items="3"] .component-homepageblok { width:33.333333333333336% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-faqblok.component-homepageblok { width:100% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-homepageblok { width:50% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-homepageblok .sliderwrapper { width:100% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-blogblok .small-unit { width:100% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .blockcontainer .component-blogblok .mask { background:-moz-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100%, rgba(255,255,255,0))); background:-webkit-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%); background:-o-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%); background:-ms-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%); background:linear-gradient(to right, #fff 0, rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
}
#component-doelgroepstartpagina #wrapper .inner .owl-next { right:-40px }
html #component-customproduct #content.hasleft #middle .left { width:100% }
html #component-customproduct .product-related.blocklayout { width:100%; margin-bottom:12px }
html #component-customproduct .product-related.blocklayout .product-preview { width:100% }
html #component-customproduct .content-holder { margin-bottom:12px }
html #component-customproduct #content.hasleft #middle .right .product-information { display:block }
html #component-customproduct #content.hasleft #middle .right .product-information li { display:block }
html .loginpanel { float:none; width:100% }
html .stap2-keuze fieldset, html .shop-panel { float:none; width:100% }
.product-worldwide-block { width:100% }
#component-customwebshop .content-holder { padding:0 }
.progress { margin:0; margin-bottom:12px }
.component-customblogpost .blog { width:100% }
.component-customblogpost .blog.blog-summary { width:33.33333% }
}
@media all and (max-width:675px) {
#component-homepage .component-homepageblok p.small-unit { width:60% }
.component-customblogpost .blog.blog-summary { width:50% }
.landingspagewrapper .comp-usps { width:100%; margin-bottom:24px }
.landingspagewrapper .comp-available { width:100% }
.landingspagewrapper .comp-available h2 { text-align:left }
.landingspagewrapper .comp-available ul { float:left }
.landingspagewrapper .comp-available ul li { margin:0 24px 0 0 }
#component-landingspage #content.wide #middle { padding:0; margin-left:0; width:100% }
#component-landingspage .comp_productenblok { padding:0 }
}
@media all and (max-width:860px) {
body { padding-top:72px }
.only-mobile { display:block }
.homeslider figure { padding-bottom:56% }
.homeslider .tagline { max-width:90% }
.homeslider .tagline .h1 { font-size:42px; margin-bottom:12px }
.homeslider .tagline li { font-size:18px; line-height:1.2; margin-bottom:8px }
.component-basicpage #js-navToggle { width:72px; height:72px; top:0 }
.component-basicpage #bannerimg { overflow:hidden }
.component-basicpage #bannerimg img { width:180% }
.component-basicpage #header .inner { height:72px }
.component-basicpage #header .inner #logo { float:none; margin:0 auto; width:100% }
.component-basicpage #header .inner #logo img { position:relative; bottom:-1px; margin-left:calc(50% - 58px); max-width:116px; width:116px }
.component-basicpage #footer .inner { padding:12px }
body #header:before { border-bottom:0 }
body #header .topmenu .shopping-cart { display:none }
body #header #mainmenu { display:none }
body #header #doelgroepmenu { display:none }
#content.wide #middle { width:100% }
body #footer .social { width:100%; margin-bottom:24px }
body #footer #footermenu { width:100% }
body #footer #footermenu li.cat { width:100% }
body #footer #subfooter .disclaimer { width:100% }
body #footer #subfooter .disclaimer ul { display:inline-block; margin:0 auto }
body #footer #subfooter .disclaimer ul li { margin-left:0; margin-right:24px }
body #footer #subfooter .disclaimer ul li:first-child { margin-right:24px; margin-left:0 }
body #footer #subfooter .credits { width:100%; display:inline-block; margin:0 auto; text-align:center }
body #footer #subfooter .credits li { float:left; margin:0 24px 0 0 }
body #footer #subfooter .credits li:first-child { margin-right:24px }
body #footer #subfooter .credits li a { float:none }
#component-homepage #header #logo img { padding-top:12px }
#component-homepage #wrapper .tagline h1 { font-size:0.6em; margin-bottom:0; margin-top:0 }
#component-homepage #wrapper .inner { padding:0px }
#component-homepage #wrapper #middle { width:100%; padding:0 }
#component-homepage #wrapper #middle .component-homepageblok[data-size='2'], #component-homepage #wrapper #middle .component-homepageblok, #component-homepage #wrapper #middle .sliderwrapper, #component-homepage #wrapper #middle .component-blogblok { width:100% }
#component-homepage #wrapper #middle .component-homepageblok:first-child .blocklayout { background-position:130% bottom }
#component-homepage #wrapper #middle .component-homepageblok:first-child .blocklayout .small-unit { width:70% }
#component-homepage #wrapper #middle .blocklayout { height:auto; background-position:100% 80%; background-size:auto }
#component-homepage #wrapper #middle .blocklayout .btn { position:relative }
#component-homepage #wrapper #middle .component-blogblok .blocklayout { height:auto }
#component-homepage #wrapper #middle .component-blogblok .blocklayout .mask { height:100%; width:266px; display:block }
#component-homepage #wrapper #middle .component-blogblok .blocklayout .image.mobile { display:block; margin-right:-24px; margin-left:-24px }
#component-homepage #wrapper #middle .component-blogblok .blocklayout .image.mobile img { border-top-right-radius:3px; border-top-left-radius:3px; width:100% }
#component-homepage #wrapper #middle .component-blogblok .blocklayout .small-unit { width:55% }
#component-orderhistory #header .inner, #component-contentpage #header .inner, #component-worldwidemap #header .inner, #component-contactpagina #header .inner, #component-vragen #header .inner { padding:12px }
#component-orderhistory #wrapper .inner, #component-contentpage #wrapper .inner, #component-worldwidemap #wrapper .inner, #component-contactpagina #wrapper .inner, #component-vragen #wrapper .inner { padding:0 12px }
#component-orderhistory #wrapper .inner .content-holder, #component-contentpage #wrapper .inner .content-holder, #component-worldwidemap #wrapper .inner .content-holder, #component-contactpagina #wrapper .inner .content-holder, #component-vragen #wrapper .inner .content-holder { position:relative }
#component-orderhistory #content.hasleft, #component-contentpage #content.hasleft, #component-worldwidemap #content.hasleft, #component-contactpagina #content.hasleft, #component-vragen #content.hasleft { width:100%; border-left:0 }
#component-orderhistory #content.hasleft #middle, #component-contentpage #content.hasleft #middle, #component-worldwidemap #content.hasleft #middle, #component-contactpagina #content.hasleft #middle, #component-vragen #content.hasleft #middle { padding:0 24px }
#component-orderhistory #content.hasleft #middle .contentheaderimage, #component-contentpage #content.hasleft #middle .contentheaderimage, #component-worldwidemap #content.hasleft #middle .contentheaderimage, #component-contactpagina #content.hasleft #middle .contentheaderimage, #component-vragen #content.hasleft #middle .contentheaderimage { margin-left:0; margin-right:0 }
#component-orderhistory #content.hasleft #middle .contentheaderimage img, #component-contentpage #content.hasleft #middle .contentheaderimage img, #component-worldwidemap #content.hasleft #middle .contentheaderimage img, #component-contactpagina #content.hasleft #middle .contentheaderimage img, #component-vragen #content.hasleft #middle .contentheaderimage img { width:100% }
#component-orderhistory #left, #component-contentpage #left, #component-worldwidemap #left, #component-contactpagina #left, #component-vragen #left { display:none }
#component-doelgroepstartpagina #header #logo img { padding-top:12px }
#component-doelgroepstartpagina .inner .intro { width:calc(100% - 24px); margin-left:0px }
#component-doelgroepstartpagina .intro-blockcontainer { padding-top:48px }
#component-doelgroepstartpagina .intro-blockcontainer[data-num-items="4"] .component-homepageblok { width:100% }
#component-doelgroepstartpagina .intro-blockcontainer[data-num-items="4"] .component-homepageblok .blocklayout { border:0 }
#component-doelgroepstartpagina .intro-blockcontainer[data-num-items="3"] .component-homepageblok { width:100% }
#component-doelgroepstartpagina .intro-blockcontainer[data-num-items="3"] .component-homepageblok .blocklayout { border:0 }
#component-doelgroepstartpagina #wrapper .inner { padding:0 12px }
#component-doelgroepstartpagina #wrapper .inner #content.wide #middle { padding:0 }
#component-doelgroepstartpagina #wrapper .inner #content.wide #middle .blocklayout { padding-bottom:24px }
#component-doelgroepstartpagina #wrapper .inner #content.wide #middle .blocklayout .btn { position:relative }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-productdoelgroepblok .left { width:100% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-productdoelgroepblok .right { width:100% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-productdoelgroepblok .right .owl-prev { left:-16px }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-productdoelgroepblok .right .owl-next { right:-16px }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-productdoelgroepblok .right .product { display:block; width:100%; margin:0 auto }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-faqblok.component-homepageblok { width:100% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-homepageblok[data-size='1'] { width:100% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-homepageblok[data-size='1'] .sliderwrapper { width:100% }
#component-doelgroepstartpagina #wrapper .inner #content.wide .component-homepageblok[data-size='1'] .sliderwrapper .testimonialslider { height:170px!important }
#component-testimonialoverview #wrapper { padding-top:110px }
#component-testimonialoverview #middle { margin:0 }
#component-testimonialoverview #middle .write-testimonial { padding-right:0; text-align:left; width:100% }
#component-testimonialoverview #middle .write-testimonial .btn.write { display:block }
#component-testimonialoverview #middle .testimonialwrapper .testimonial { width:100% }
#component-testimonialoverview #middle .testimonialwrapper .testimonial:nth-child(odd) { border-right:0 }
#component-testimonialoverview #middle .testimonialwrapper .testimonial:nth-child(even) { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
#component-customproductoverzicht .content-holder, #component-blog .content-holder { position:relative; overflow:hidden }
#component-customproductoverzicht .inner, #component-blog .inner { padding:0 12px }
#component-customproductoverzicht #content.hasleft, #component-blog #content.hasleft { width:100%; border-left:0; margin-top:48px }
#component-customproductoverzicht .inner .content-holder #left, #component-blog .inner .content-holder #left { width:100%; position:absolute; top:72px; padding:0; color:#fff; border-radius:0 0 4px 0; border:1px solid #e8e9e6; z-index:99; width:260px; max-width:260px; padding:12px; padding-bottom:0; background:#fff; margin-left:-260px; -webkit-transition:.5s cubic-bezier(.25, .1, .25, 1); -moz-transition:.5s cubic-bezier(.25, .1, .25, 1); -o-transition:.5s cubic-bezier(.25, .1, .25, 1); transition:.5s cubic-bezier(.25, .1, .25, 1) }
#component-customproductoverzicht .inner .content-holder #left.show, #component-blog .inner .content-holder #left.show { margin-left:-1px }
#component-customproductoverzicht .inner .content-holder #left.show .filter-btn:after, #component-blog .inner .content-holder #left.show .filter-btn:after { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out }
#component-customproductoverzicht .inner .content-holder #left .filter-btn, #component-blog .inner .content-holder #left .filter-btn { font-size:1.8em; color:#fff; height:48px; background:#75bf4b; line-height:48px; padding:0 24px; display:inline-block; border-radius:0 5px 5px 0; cursor:pointer; top:-1px; padding-right:40px; position:absolute; left:259px }
#component-customproductoverzicht .inner .content-holder #left .filter-btn:after, #component-blog .inner .content-holder #left .filter-btn:after { content:'b'; position:absolute; top:16px; right:9px }
#component-customproductoverzicht .product-filter-mobile, #component-blog .product-filter-mobile { padding:24px 24px 0 }
#component-customproductoverzicht .product-filter-mobile h3, #component-blog .product-filter-mobile h3 { color:#75bf4b }
#component-customproductoverzicht .inner .content-holder #content.hasleft #middle .category-products .product-preview, #component-blog .inner .content-holder #content.hasleft #middle .category-products .product-preview { width:100% }
#component-blog .inner .content-holder #left { margin-top:-12px }
#component-blog .inner .content-holder #left ul { margin-bottom:-1px; margin-top:-12px }
#component-blog .inner .content-holder #left .filter-btn { margin-top:0 }
#component-contactpagina .content-holder #content.hasleft #middle section.left, #component-contactpagina .content-holder #content.hasleft #middle section.right { width:100%; margin-bottom:24px }
#component-contactpagina form.webbeheer-formulier { margin-top:24px }
#component-contactpagina form.webbeheer-formulier legend { display:none }
#component-contactpagina form.webbeheer-formulier .velden { display:flex; display:-webkit-flex; flex-direction:column; -webkit-flex-direction:column }
#component-contactpagina form.webbeheer-formulier ul.velden>li { clear:both; padding-right:0 }
#component-contactpagina form.webbeheer-formulier ul.velden li { width:100% }
#component-contactpagina form.webbeheer-formulier ul.velden li:first-child { float:none; order:5; -webkit-order:5 }
#component-contactpagina form.webbeheer-formulier ul.velden li:after { display:none }
#component-contactpagina form.webbeheer-formulier ul.velden li label { display:block }
#component-contactpagina form.webbeheer-formulier .buttons { padding-right:0 }
#component-contactpagina form.webbeheer-formulier .buttons input[type=submit] { float:right; background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #75bf4b 100%); background:-ms-linear-gradient(bottom, #74b416, #75bf4b); background:-o-linear-gradient(#75bf4b, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #75bf4b)); color:#fff; font-family:'AvantGardeGothicITCW01D 731075', Arial, Tahoma, Verdana, sans-serif; font-size:13px; text-transform:uppercase; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:8px 48px; border:0 }
#component-contactpagina form.webbeheer-formulier .buttons input[type=submit]:hover { background:#75bf4b; background:-moz-linear-gradient(center bottom, #74b416 0, #74b416 100%); background:-ms-linear-gradient(bottom, #74b416, #74b416); background:-o-linear-gradient(#74b416, #74b416); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #74b416), color-stop(1, #74b416)) }
#component-login #wrapper, #component-classiclogin #wrapper { margin-top:0; padding-top:80px }
#component-login #wrapper #middle, #component-classiclogin #wrapper #middle { padding-bottom:24px !important; display:inline-block }
#component-classiclogin #login-wrapper #login-left, #login-right { width:100%!important; padding:0!important }
#component-landingspage #content.wide #middle { padding:0; margin-left:0; width:100% }
#component-landingspage .comp_productenblok { padding:0 24px }
#component-landingspage .comp_productenblok .producten { padding:48px }
#component-landingspage .comp_productenblok .producten li { width:100%; margin-bottom:12px }
#component-landingspage .component-webshopblok h2:after { position:relative; margin:0 }
#component-landingspage .tagline { padding:0 12px !important; top:0 }
#component-landingspage .comp_linkedarticle.align-rechts .infocontainer, #component-landingspage .comp_linkedarticle.align-links .infocontainer { padding:24px }
#component-landingspage .component-webshopblok .blockinfo, #component-landingspage .component-webshopblok .imagecontainer { display:block }
#component-landingspage .component-testimonialsslider { display:none }
#component-customwebshop .stap5-success .fleft, #component-customwebshop .stap5-success .fright { width:100%; float:none }
#component-customwebshop .stap5-success .fleft section, #component-customwebshop .stap5-success .fright section { margin-left:0; margin-right:0; min-height:auto !important }
}
@media all and (max-width:535px) {
#component-landingspage #bannerimg img { position:relative }
#component-landingspage .tagline { position:relative }
.component-basicpage #bannerimg img { max-width:180% }
.component-basicpage .tagline .usps li { font-size:16px; line-height:1.4 }
#component-customproduct #content.hasleft #middle .product-kind ul { display:block; margin-bottom:0 }
#component-customproduct #content.hasleft #middle .product-kind ul li { display:block }
#component-customproduct #content.hasleft #middle .product-kind ul li label.name { display:block }
.bestelregels-stap4 figure, .productregel figure { display:none }
#component-homepage #wrapper #middle .component-homepageblok:first-child .blocklayout .small-unit { width:50% }
.component-customwebshop .stap2-keuze fieldset { width:100% }
.bestel-buttons { margin:12px }
.bestel-buttons .next, .bestel-buttons .previous { margin-bottom:12px }
.component-customwebshop .bestel-buttons .shopprev { width:18px; padding:5px 18px; font-size:0px !important; overflow:hidden }
.component-customwebshop .bestel-buttons .shopprev:before { left:6px; font-size:13px !important }
label.paymethod-block { margin-right:12px; width:calc(50% - 6px) }
label.paymethod-block:nth-child(2n + 1) { margin-right:0 }
label.paymethod-block figure img { height:auto }
#sharethis { clear:both; float:left; margin-top:12px }
}
@media all and (max-width:480px) {
#component-homepage .tagline h1 { font-size:0.5em }
#component-homepage .tagline .usps li { line-height:26px; margin-bottom:6px }
#component-homepage #bannerimg { overflow:hidden; min-height:290px }
#component-homepage #bannerimg img { width:250%; max-width:none }
.homeslider figure { padding-bottom:75% }
#component-customproduct #content.hasleft #middle .product-kind ul li label.price { display:block; padding:0 0 12px 0 }
#component-customproduct #content.hasleft #middle .product-kind ul li .quantity { padding-left:0; padding-right:0 }
#component-homepage #wrapper #middle .component-blogblok .blocklayout.blocklayout, #component-homepage #wrapper #middle .component-homepageblok .blocklayout.blocklayout { background-image:none!important }
#component-homepage #wrapper #middle .component-blogblok .blocklayout.blocklayout .mask, #component-homepage #wrapper #middle .component-homepageblok .blocklayout.blocklayout .mask { display:none }
#component-homepage #wrapper #middle .component-blogblok .blocklayout.blocklayout p.small-unit, #component-homepage #wrapper #middle .component-homepageblok .blocklayout.blocklayout p.small-unit { width:100% }
#component-doelgroepstartpagina #bannerimg { min-height:460px }
html #shop-progress td a { height:50px }
html #shop-progress td a span { display:none }
html .component-blog .blogs .blog { width:100% }
html .component-blog .blogs .blog.first .info { width:100%; padding:0 }
html .component-blog .blogs .blog.first .image { width:100%; padding-right:0 }
html .component-blog .blogs .blog.first .image img { width:auto; max-width:100%; margin:auto }
html .component-blog .blogs .blog .text { padding-top:0 }
html .component-blog .blogs .blog .text .positioner { position:relative; top:inherit; left:inherit; width:auto; height:auto }
html .component-blog .blogs .blog .bottom-fade { display:none }
html .component-blog .blogs .blog .btn { position:relative; bottom:0 }
#component-customproduct #content.hasleft #middle .right .tab table.nutritional tr th, #component-customproduct #content.hasleft #middle .right .tab table.nutritional tr td { padding-left:12px; padding-right:12px }
.component-customblogpost .blog.blog-summary { width:100%; margin-bottom:0; padding-bottom:0; padding-top:0; padding-left:12px !important; min-height:0 }
.component-customblogpost .blog.blog-summary h2 { margin-bottom:6px }
.component-customblogpost .blog.blog-summary .bottom-fade { display:none }
}
@media all and (max-width:430px) {
.webshoptable tr>th:first-child { font-size:0 }
.webshoptable .item.productregel { position:relative; width:100% }
.webshoptable .item.productregel>td { padding:16px 6px; vertical-align:middle; line-height:1.5em; width:25%; margin-right:12px; border-bottom:none }
}
@media all and (max-width:390px) {
#component-homepage #bannerimg { overflow:hidden }
#component-homepage #bannerimg img { width:290%; max-width:none }
}
@media all and (max-width:640px) {
.product-worldwide-block p.small-unit { width:auto }
.webshoptable { border-top:1px solid #F4F4F4 }
.webshoptable thead { display:none }
.webshoptable, .webshoptable .couponblok, .webshoptable .couponblok>*, .webshoptable tbody, .webshoptable tfoot, .webshoptable tr, .webshoptable th, .webshoptable td { display:block }
.webshoptable .coupon-code { border:none }
.webshoptable .item.productregel>td { position:relative; width:100%; padding-left:calc(30% + 24px) }
.webshoptable .item.productregel>td:last-child { border:none }
.webshoptable .item.productregel>td:last-child, .webshoptable .item.productregel>td:first-child { width:100% }
.webshoptable .item.productregel>td:before { content:attr(data-th); position:absolute; left:0; top:0; width:30%; height:100%; padding:16px; background:#FCFCFB; border-right:1px solid #F4F4F4; color:#999999 }
.webshoptable .couponblok label, .webshoptable .couponblok input { margin-bottom:12px }
html .stap4-keuze .shop-panel, html .stap4-keuze .shop-panel:last-of-type, html .stap2-keuze fieldset, html .shop-panel { padding:12px }
.component-customwebshop .stap2-keuze fieldset { padding:12px }
.component-customwebshop .stap2-keuze fieldset:first-of-type, .component-customwebshop .stap2-keuze fieldset:last-of-type { padding:12px }
}
@media all and (max-width:480px) {
html .stap4-keuze .shop-panel .stap4-list li, html .stap4-keuze .shop-panel:last-of-type .stap4-list li, html .stap2-keuze fieldset .stap4-list li, html .shop-panel .stap4-list li { margin-bottom:12px }
html .stap4-keuze .shop-panel .stap4-list li>div, html .stap4-keuze .shop-panel:last-of-type .stap4-list li>div, html .stap2-keuze fieldset .stap4-list li>div, html .shop-panel .stap4-list li>div { display:block; width:100% }
body #footer #subfooter .credits, body #footer #subfooter .disclaimer ul { width:100%; display:block; text-align:left }
body #footer #subfooter .credits:after, body #footer #subfooter .disclaimer ul:after { content:''; display:table; clear:both }
body #footer #subfooter .credits li:first-child, body #footer #subfooter .disclaimer ul li:first-child, body #footer #subfooter .credits li, body #footer #subfooter .disclaimer ul li { float:none; display:block; margin:0; width:100% }
body #footer #subfooter .credits li:first-child a, body #footer #subfooter .disclaimer ul li:first-child a, body #footer #subfooter .credits li a, body #footer #subfooter .disclaimer ul li a { float:none }
#footer #subfooter { padding:12px 6px }
}
body{ overflow:hidden; }
/* Parsed using less-1.6.1.js */