@charset "UTF-8";

/* NIKS AANPASSEN IN DIT BESTAND */

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, sub, sup, 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; background:transparent;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary
{display: block;}

audio, canvas, video {display: inline-block; *display:inline; *zoom:1;}

audio:not([controls]) {display:none; height:0;}

[hidden] {display:none;}

html {overflow-y:scroll; overflow-x:hidden; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}    
    
body {line-height: 1;}

nav ul, nav ol {list-style: none; list-style-image:none;}    
ol, ul {list-style: none;}
    
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; font-size:75%}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}    

sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

table {border-collapse: collapse; border-spacing: 0;}

a:link, a:visited, a:hover, a:active {text-decoration:none;}
a img, :link img, :visited img {border:none;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}

html, button, input, select, textarea {font-family: sans-serif;}
textarea {resize:none; vertical-align:top; font-size:100%; overflow:auto;}
textarea:focus {outline:none;}
input:focus {outline:none;}
button, input, select {vertical-align: baseline; *vertical-align: middle; font-size:100%; line-height:normal; margin:0;}
legend {white-space: normal; *margin-left:-7px;}
button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer; *overflow: visible;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing; border-box; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
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;}

img {-ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow:hidden;}

strong, b {font-weight:bold}

tt {font-family: "Courier New", Courier, monospace}
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size:16px;}
pre {white-space: pre; white-space:pre-wrap; word-wrap: break-word;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
i {font-style:italic}
u {text-decoration:underline}
strike, del {text-decoration:line-through}
ins {text-decoration:none}
center {text-align:center}
dfn {font-style:italic}
mark {background: #ff0; color: #000;}

@charset "UTF-8";
@font-face {
  font-family: 'aller_lightregular';
  src: url('/aller_lt-webfont.eot');
  src: url('/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('/aller_lt-webfont.woff') format('woff'), url('/aller_lt-webfont.ttf') format('truetype'), url('/aller_lt-webfont.svg#aller_lightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.productGroup {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.productGroup h1 {
  width: 100%;
}


.productGroup a {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 30px;
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
}
#loginScherm{
  height: 728px!important;
}
.products_ov {
  width: 100%;
  display: flex;
}

.cp {
  cursor: pointer;
}

.dn {
  display: none;
}

.youtubecontainer {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.youtubecontainer iframe {
  min-width: 600px;
}

#sidemand {
  position: fixed;
  background-color: #374140;
  right: 0;
  width: 250px;
  z-index: 90;
  top: 0;
  padding: 6px;
  height: 100%;
  min-height: 100px;
}

#ytbutton {
  width: 80px;
  height: 80px;
  position: absolute;
  top: -70px;
  right: -40px;
  background-color: #b9d53b;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 80;
  cursor: pointer;
}

#ytbutton p {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #374140;
}

/**Lightbox**/

#loctek-lightbox-close {
  line-height: 20px !important;
  border: 0 !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.loctek-lightbox {
  line-height: 20px !important;
  border: 0 !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

@media all and (max-width: 1500px) {
  #sidemand {
    display: none;
  }
}

#sidemand>form>div {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

#sidemand>form>div:after {
  content: '';
  display: block;
  clear: both;
}

#sidemand>form>div>a:last-child {
  position: absolute;
  top: 5px;
  right: 0;
  margin-top: 0 !important;
}

#sidemand .cartPic {
  float: left;
}

#sidemand span {
  display: block !important;
  margin-left: 8px !important;
  color: #fff !important;
  float: left;
}

#sidemand .cartPic+span {
  margin-left: 50px !important;
  float: none;
}

html, body {
  /*height:100%;*/
  font-family: Arial, Geneva, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

#container {
  min-height: 100%;
  position: relative;
  width: 100%;
}

#content {
  padding-bottom: 80px;
  padding-top: 0px;
}

footer {
  position: absolute;
  width: 100%;
  height: 80px;
  bottom: 0;
  background: url('/images/footerBg.jpg');
}

a {
  color: #670001;
  color: #00701D;
}

.indexLogo {
  background-image: url('/images/indexLogo.jpg');
  background-repeat: no-repeat;
  background-position: 50% 10%;
}

header {
  background: url('/images/menuBg.jpg');
  background-repeat: repeat-x;
  background-position: 0% 100%;
  height: 133px;
  top: 0px;
  width: 100%;
  z-index: 99999;
  /*margin-top: 10px;*/
}

.wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.pd {
  margin-top: 70px;
}

h1 {
  font-family: 'aller_lightregular';
  font-size: 19px;
  color: #670001;
  margin-bottom: 20px;
  margin-top: 35px;
  font-weight: bold;
}

article h1 {
  text-align: center;
}

h2 {
  font-family: 'aller_lightregular';
  font-size: 16px;
  color: #2a2a2a;
  margin-bottom: 0px;
  margin-top: 0px;
}

header nav {
  float: right;
  color: #2a2a2a;
  width: 805px;
}

header nav ul {
  margin-top: 110px;
}

header nav ul li {
  float: right;
  text-align: center;
  margin-left: 43px;
  font-family: 'belwe_lt_btmedium';
  font-weight: bold;
  font-size: 12px;
}

header nav ul li a {
  color: #2a2a2a;
  background-repeat: no-repeat;
  font-family: 'aller_lightregular';
}

#sliderHome {
  background: #d9d8dc;
  background-image: url('/images/sliderBg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0%;
  width: 100%;
  height: 433px;
}

#faq article div {
  display: none;
}

#faq article div img {
  float: left;
  margin-right: 50px;
}

#faq article .faqTxt {
  float: right;
}

.favi {
  position: relative;
}

.favi .lbl {
  border: 1px solid #FF8D2A;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, .85);
  padding: .5em 1em;
  color: #00701d;
  position: absolute;
  left: 0;
  width: 150px;
  text-align: center;
  bottom: 22px;
}

.favi:hover .lbl1 {
  display: block !important;
}

.favi.active:hover .lbl1 {
  display: none !important;
}

.favi.active:hover .lbl2 {
  display: block !important;
}

#faq h3 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
  /* font-family: 'belwe_lt_btmedium';*/
  border-bottom: 2px solid #670001;
  padding-bottom: 7px;
  color: #670001;
  cursor: pointer;
  background-image: url('/images/up.jpg');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  width: 100%;
  font-family: 'aller_lightregular';
  font-size: 14px;
  font-weight: bold;
}

#faq h3.active {
  background-image: url('/images/down.jpg');
}

#faq article:first-child div {
  display: block;
}

#faqIntro p {
  margin-bottom: 20px;
}

form label {
  width: 130px;
  display: inline-block;
  margin-bottom: 15px;
  padding: 3px;
  color: #670001;
  font-weight: bold;
}

form textarea {
  margin: 0px;
  width: 320px;
  background: #fff;
  border: 1px solid #939393;
  margin-bottom: 15px;
  padding: 3px;
}

.icon {
  background-image: url('/images/ico1.jpg');
  background-repeat: no-repeat;
  padding-left: 45px;
  height: 34px;
  color: #7d7d7d;
  font-family: 'aller_lightregular';
  margin-bottom: 28px;
}

.icon2 {
  background-image: url('/images/ico2.jpg');
}

.icon3 {
  background-image: url('/images/ico3.jpg');
}

.icon4 {
  background-image: url('/images/ico4.jpg');
}

.icon5 {
  background-image: url('/images/ico5.jpg');
}

.lm {
  float: right;
  font-family: 'aller_lightregular';
  font-size: 12px;
}

#content ul {
  list-style: disc;
  list-style-image: url('/images/list.png');
  margin-left: 20px;
  color: red;
  margin-bottom: 20px;
}

#content ul li {
  margin-top: 10px;
  color: black;
}

.cred {
  color: #670001;
}

.ulFl ul {
  width: 100%;
}

.ulFl ul li {
  float: left;
  width: 50%;
}

#footerQuote {
  width: 100%;
  height: 105px;
  line-height: 105px;
  color: #B1B1B1;
  font-size: 22px;
  text-align: right;
  padding-right: 300px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  background: url('/images/footerBlad.jpg');
  background-repeat: no-repeat;
  background-position: 100% 50%;
  margin-top: 25px;
}

#nieuws article {
  width: 300px;
  float: left;
  margin-bottom: 35px;
}

.center {
  margin-left: 30px;
  margin-right: 30px;
}

#nieuws h2 {
  margin-bottom: 15px;
  font-family: 'aller_lightregular';
  font-size: 16px;
  color: #670001;
  font-weight: bold;
}

#nieuws .lm {
  width: 90px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-family: 'aller_lightregular';
  font-size: 14px;
  color: #FE9623;
  margin-top: 10px;
  text-decoration: underline;
}

#nieuwsArticle {
  width: 612px;
  float: left;
}

#nieuwsArticle img {
  border-bottom: 2px solid #5f237d;
}

#mediaBar img {
  border: none;
}

#mediaBar {
  background: #5f237d;
  padding: 5px;
  color: #fff;
}

#mediaBar a {
  color: #fff;
}

.verhuurTxt {
  height: 140px;
}

aside {
  width: 300px;
  float: right;
}

aside .center {
  margin-left: 0px;
  margin-right: 0px;
}

aside .verhuurTxt {
  height: 100px;
  margin-bottom: 5px;
}

aside h2 {
  margin-bottom: 15px;
  font-family: 'aller_lightregular';
  font-size: 16px;
  color: #670001;
  font-weight: bold;
}

aside .lm {
  color: #fff;
  width: 90px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-family: 'aller_lightregular';
  font-size: 14px;
  font-weight: bold;
  background: #545454;
}

#mySubBtn {
  color: #fff;
  width: 90px;
  height: 25px;
  /*line-height: 25px;*/
  text-align: center;
  font-family: 'aller_lightregular';
  font-size: 14px;
  font-weight: bold;
  background: #545454;
  float: right;
  margin-right: 26px;
}

.loctek-slider-controls {
  display: none;
}

section .verhuurTxt {
  height: 72px;
  overflow: hidden;
}

section .icon h2 {
  display: block;
}

footer {
  text-align: center;
  color: #fff;
}

footer a {
  color: #fff;
}

#fbFooter {
  position: absolute;
  right: 110px;
  top: -36px;
  background: url('/images/facebook.png');
  width: 63px;
  height: 63px;
}

#fNieuws {
  position: absolute;
  right: 180px;
  top: -15px;
  background: url('/images/nieuws/nieuws.png');
  width: 54px;
  height: 54px;
}

.loctek-slider-controls {
  display: none;
}

.widthoverride {
  width: 100% !important
}

#homeTopHolder {
  width: 100% !important;
  top: -30px;
}

#logo {
  position: relative;
  z-index: 1;
}

.onzetroeven {
  text-align: left;
  width: 287px;
  vertical-align: middle;
}

.onzetroeven div {
  height: 17px;
  vertical-align: middle;
  line-height: 17px;
  font-size: 14px;
  margin-bottom: 10px;
}

.onzetroeven img {
  vertical-align: middle;
}

.welkomtext {
  width: 635px;
  color: #4f4f4f;
}

#homeTopHolder {
  height: 403px;
  width: 100%;
  border-bottom: 3px solid #ff8d2c;
  background: url('/img/sliderfruit.png');
  background-repeat: no-repeat;
  background-position: 50% 100%;
  text-align: right;
}

#homeTopHolder a {
  color: #000;
  vertical-align: middle;
}

#homeTopHolder a img {
  height: 22px;
  width: 22px;
  color: #000;
  vertical-align: middle;
}

#body>.wrapper img {
  vertical-align: middle;
}

.introtext {
  width: 600px;
  font-size: 17px;
  color: #aa3141;
  text-align: left;
  line-height: 150%;
  padding: 20px;
  background-color: rgba(255, 255, 255, .6);
}

.home_split * {
  box-sizing: border-box;
}

.home_split {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.home_split article {
  width: 32.33%;
  margin: 0 .5%;
  border: #eaeaea 2px solid;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.home_split article h2 {
  width: 100%;
  margin-top: 0;
  text-align: center;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #00701d;
}

.home_split article a {
  width: 100%;
  text-align: center;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #B9D53B;
  font-size: 16px;
  color: white;
}

.chooseoption {
  border: 1px solid #9DCA4C;
  background: #fff;
  padding: 6px;
  padding-left: 5px;
  padding-right: 5px;
  width: 262px;
}

.showEntireShop {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.showEntireShop a {
  text-align: center;
  padding: 15px 30px;
  border-radius: 4px;
  background-color: #B9D53B;
  font-size: 16px;
  color: white;
}

.noprods {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}

.menubutton {
  display: none;
  width: 35px;
  right: 10px;
  bottom: 50px;
}

.resnav {
  position: absolute;
  right: 0px;
  width: 300px;
  height: 100%;
  z-index: 1000;
  display: none;
}

.resnav ul {
  padding-top: 30px;
}

.resnav ul li {
  padding: 10px 20px;
  color: white;
}

table {
  max-width: 100% !important;
}

.product-list-hold {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.product-list-hold small {
  font-style: italic;
  font-size: 0.9em;
}

.product-list-hold .promotieItem {
  position: static;
  float: none;
  margin-bottom: 0;
  margin-right: 0;
  width: 100%;
}

.product-list-hold>a {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 30px;
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
}

.product-list-hold .bot-product {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.only-resp {
  display: none !important;
}

.price_cart_final {
  font-size: 1.3em;
}

@media all and (max-width: 1050px) {
  .no-resp {
    display: none !important;
  }
  .only-resp {
    display: block !important;
  }
  .wrapper {
    max-width: 96%;
  }
  .fb-footer {
    display: none;
  }
  .menubutton {
    cursor: pointer;
  }
  .menuclose {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
  }
  .resnav {
    background-color: white;
  }
  h1 {
    line-height: 125%;
  }
  .left-right-form>div {
    float: none !important;
  }
  .left-right-form input, .left-right-form label, .left-right-form textarea {
    width: 100% !important;
  }
  .left-right-form label {
    margin-bottom: 5px;
  }
  .left-right-form input {
    margin-bottom: 10px;
  }
  .left-right-form textarea {
    margin-bottom: 10px;
    height: 75px;
  }
  .promotieItem {
    width: calc(25% - 20px) !important;
    height: auto !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .promotieItem .imgHolder img {
    width: 100% !important;
    height: auto !important;
  }
  .product-list-hold .promotieItem {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .product-list-hold>a {
    width: calc(25% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .half-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
  }
  .half-flex>*, form.cart-form .half-flex>* {
    width: 49% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  form.cart-form .lev-retour>* div, form.cart-form .lev-retour>* input {
    width: 100% !important;
    box-sizing: border-box;
    max-width: 100% !important;
  }
  .last-order-form .afrondenBtn {
    width: 100% !important;
  }
  .last-order-form .afrondenBtn:not(:last-child) {
    margin-bottom: 10px;
  }
  .edit-cat .productFotos {
    float: none !important;
    width: 400px !important;
    max-width: 100%;
  }
  .edit-cat .afrondenBtn {
    float: none !important;
  }
  .edit-cat #manualUploadCategorie {
    width: 400px !important;
    max-width: 100%;
  }
  .edit-cat .qq-upload-button {
    box-sizing: border-box;
  }
}

@media screen and (max-width: 900px) {
  .promotieItem {
    width: calc(50% - 20px) !important;
  }
  .product-list-hold .promotieItem {
    width: 100% !important;
  }
  .product-list-hold>a {
    width: calc(50% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  form.last-order-form.half-flex>* {
    width: 100% !important;
  }
}

@media screen and (max-width: 800px) {
  .cart-item {
    padding-right: 20px !important;
    position: relative;
  }
  .cart-item .rem-this {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 0 !important;
    display: block;
    width: 20px;
  }
  .cart-item .rem-this img {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
  }
  .cart-item .item-name {
    display: block !important;
    width: calc(100% - 50px) !important;
    margin-left: 50px !important;
  }
  .cart-item .cartPic {
    float: left;
  }
  .cart-item .item-aantal {
    margin-left: 10px;
  }
  .cart-item .item-prijs {
    margin-left: 10px !important;
  }
}

@media all and (max-width: 650px) {
  #loginScherm {
    width: 95% !important;
    margin: 0 auto !important;
    display: block !important;
    position: relative !important;
    left: 0 !important;
    height: auto !important;
  }
  form:not(.product-edit, .half-flex) div {
    width: 220px !important;
  }
  form.cart-form div {
    width: 100% !important;
    box-sizing: border-box;
  }
  #loginBtn {
    max-width: 210px;
  }
  #disclaimer {
    width: 90% !important;
  }
}

@media screen and (max-width: 500px) {
  .promotieItem input {
    margin-top: -10px !important;
  }
  .promotieItem input, .promotieItem select {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    margin-bottom: 5px !important;
  }
  .product-list-hold>a {
    padding-bottom: 55px;
  }
}
@charset "UTF-8";

/* NIKS AANPASSEN IN DIT BESTAND */
.cb {clear:both}
.fl {float:left}
.fr {float:right}
.al {text-align:left}
.ar {text-align:right}
.aj {text-align:justify}
.ac {text-align:center}
.nm {margin:0px;}
.np {padding:0px;}
.nb {border:none;}
.nmr {margin-right:0px;}
.nml {margin-left:0px;}
.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}
.nmt {margin-top:0px;}
.nmb {margin-bottom:0px;}
.npr {padding-right:0px;}
.npl {padding-left:0px;}
.npt {padding-top:0px;}
.npb {padding-bottom:0px;}
.nbr {border-right: none;}
.nbl {border-left:none;}
.nbt {border-top:none;}
.nbb {border-bottom:none;}
.nbg {background:transparent;}


.center
{
  margin: 0 auto;
  width: 960px;
}

.c ul
{
	padding-left: 15px;
	list-style-type: disc;
	margin: 1em 0;
}

.c p
{
	margin: 1em 0;
}

.c ol
{
	padding-left: 15px;
	list-style-type: decimal;
	margin: 1em 0;
}

.c strong
{
	font-weight: bold;
}

.c em
{
	font-style: italic;
}

.c table
{
	margin: 1em 0;
}

.c td, .c th
{
	border: 1px solid #333;
	padding: 3px;
}

.c blockquote
{
	border-left: 5px solid #aaa;
	padding-left: 5px;
	font-style: italic;
	margin: 1em 0 1em 15px;
}