/* CSS Document */
/**
 * Columnar CSS Drop-Down Menu Component
 *
 * @file		dropdown.columnar.css
 * @package		Dropdown
 * @version		0.1.1
 * @type		Transitional
 * @requires	dropdown.columnar.css
 * @browsers	Windows: IE7+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net, http://www.lwis.net                     
 *
 */
/**
 * Horizontal Linear CSS Drop-Down Menu Component
 *
 * @file		dropdown.linear.css
 * @package		Dropdown
 * @version		0.1.1
 * @type		Transitional
 * @requires	dropdown.css
 * @browsers	Windows: IE6+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net, http://www.lwis.net
 *
 */
/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.8
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net, http://www.lwis.net
 *
 */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.dropdown {
  position: relative;
  z-index: 597;
  float: left; }

ul.dropdown li {
  float: left;
  min-height: 1px;
  line-height: 1.3em;
  vertical-align: middle; }

ul.dropdown li.hover,
ul.dropdown li:hover {
  position: relative;
  z-index: 599;
  cursor: default; }

ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%; }

ul.dropdown ul li {
  float: none; }

ul.dropdown ul ul {
  top: 1px;
  left: 99%; }

ul.dropdown li:hover > ul {
  visibility: visible; }

ul.dropdown-linear {
  width: 100%; }

ul.dropdown-linear ul li {
  float: left; }

ul.dropdown-linear li.hover,
ul.dropdown-linear li:hover {
  position: static; }

ul.dropdown-linear ul ul {
  display: none !important; }

ul.dropdown-columnar ul li {
  position: static; }

ul.dropdown-columnar ul ul {
  display: block !important;
  position: static;
  width: auto !important; }

ul.dropdown-columnar ul ul li {
  float: none; }

ul.dropdown-columnar ul ul ul {
  display: none; }

ul.dropdown-columnar li.hover ul,
ul.dropdown-columnar li:hover ul {
  visibility: visible !important; }

/** 
 * Default Advanced CSS Drop-Down Menu Theme
 *
 * @file		default.advanced.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE7+, Opera9+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2009-2012 Live Web Initiatives, http://www.lwis.net
 *
 */
/** 
 * LWIS Celebrity CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE7+, Opera9+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2009-2012 Live Web Initiatives, http://www.lwis.net
 *
 */
/* -- Base drop-down styling -- */
ul.dropdown li {
  padding: 0 10px;
  background-color: transparent;
  color: #000; }

ul.dropdown li.hover,
ul.dropdown > li:hover {
  background-color: #A38C5E !important;
  color: #FBC451; }

ul.dropdown a:link,
ul.dropdown a:visited {
  color: #000;
  text-decoration: none; }

ul.dropdown a:hover {
  color: #000; }

ul.dropdown a:active {
  color: #ffa500; }

/* -- Supporting class `dir` -- */
ul.dropdown ul *.dir {
  background-image: none; }

/* -- Base style extension -- */
/* -- Base style override -- */
ul.dropdown li {
  padding: 0; }

/* -- Base style reinitiate: post-override activities -- */
ul.dropdown ul li.dir {
  padding: 10px; }

/* -- Custom styles -- */
ul.dropdown ul a {
  padding: 3px 5px;
  /*	 background: url(../../../../images/lwis.celebrity/pattern2.png) 0 0 repeat-x;*/ }

ul.dropdown ul a:hover {
  /*	 background-color: #ffa500;*/
  color: #FBC451 !important; }

/* ********************************************************************
Colors used in this document:
	kleur		:	#xxxxxx		|| Waar gebruikt?
*********************************************************************** */
* {
  margin: 0px;
  padding: 0px;
  outline-style: none; }

a, img {
  border: 0px solid #fff; }

html, body {
  height: 100%; }

#print_header {
  display: none; }

/* display:block voor oudere browsers */
header, nav, article, section, aside, time, footer {
  display: block; }

/* ------------------------------------------------------ TYPE */
body {
  font-size: 16px; }

hgroup {
  margin: 0 0 20px; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif; }

h1,
body.homepage h1,
body.blog h1,
body.service h1,
body.testimonials h1,
body.product.detail h1,
body.winkelwagen h1,
body.blog h1,
body.bestellen h1,
body.contact h1 {
  float: none;
  color: #6f6c8b;
  font-size: 1.5em !important; }

h1.striped,
h2.striped {
  float: none;
  margin: 0;
  font-size: 1.5em;
  text-align: center;
  background: url("../img/h-stripe.gif") center 19px repeat-x; }

h1.striped span,
h2.striped span {
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.6em;
  color: #555555;
  text-align: center;
  background-color: #fff; }

h2 {
  margin: 0 0 20px;
  color: #d0a100;
  font-size: 1em;
  font-size: 14px; }

h3, h4 {
  font-size: 0.9em; }

p, table, section ul, section ol,
aside > ul, aside > ol {
  margin: 0 0 20px;
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  line-height: 1.6em; }

table ul, table ol {
  font-size: 1em; }

section ul, section ol,
aside > ul, aside > ol {
  margin: 0 0 20px 20px; }

p.inleiding {
  font-family: 'Open sans',Verdana, sans-serif;
  font-weight: bold;
  margin: 15px 0; }

p.margin {
  margin: 15px 0; }

hr {
  height: 0px;
  border: 0px solid #fff;
  border-top: 1px solid #d0a100;
  margin: 20px 0; }

hr.purple {
  border-top: 1px solid #d9d8ea; }

section a,
aside a {
  color: #d0a100; }

section a:hover,
aside a:hover {
  color: #585574; }

textarea {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8em; }

div.onderschrift {
  padding: 10px 0 0 0;
  font-size: 0.7rem;
  line-height: 1.6em;
  color: #666; }

/* ------------------------------------------------------ LAYOUT */
body {
  background: url("../img/bg-body.gif") center top repeat-y #585574; }

body .container {
  position: relative;
  margin: 0 auto;
  width: 980px; }

/*Verwijder sfeerbeeld*/
body.webshop.home .headerSfeerfoto,
body.product.overzicht .headerSfeerfoto,
body.product.detail .headerSfeerfoto {
  display: none; }

body.webshop.home .headerMain,
body.product.overzicht .headerMain,
body.product.detail .headerMain {
  border-bottom: 1px solid #454359; }

/* ------------------------------------------------------ MELDING WINKELWAGEN */
#meldingWinkelwagen {
  position: fixed;
  right: 11px;
  top: 11px;
  display: none;
  padding: 15px 50px 44px;
  width: 262px;
  color: #fff;
  background-color: #262436;
  border: 3px solid #fff;
  z-index: 2000; }

#meldingWinkelwagen .inklappen {
  float: right;
  margin: 0 0 15px;
  width: 15px;
  height: 10px;
  visibility: hidden;
  cursor: pointer; }

#meldingWinkelwagen .inklappen img {
  display: block; }

#meldingWinkelwagen p {
  margin: 0 0 10px;
  font-family: 'Open Sans', sans-serif; }

#meldingWinkelwagen a.button {
  float: left;
  padding: 0 46px 0 8px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #eccb86;
  background: url("../img/button-arrow-right.png") right center no-repeat #DBB35F;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

#meldingWinkelwagen a.button:hover {
  background-color: #d3a23c; }

#buttonContainer {
  text-align: center;
  height: 40px;
  padding-top: 9px; }

#buttonContainer a.homepageButton {
  width: 180px;
  padding: 0 46px 0 8px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #eccb86;
  background: url("../img/button-arrow-right.png") right center no-repeat #DBB35F;
  display: block;
  margin: 0 auto;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

#buttonContainer a.homepageButton:hover {
  background-color: #d3a23c; }

#buttonContainer a.homepageButton.en {
  width: 160px; }

#buttonContainer a.homepageButton.de {
  width: 155px; }

/* ------------------------------------------------------ HEADER */
header#main .header-contactInfo {
  position: relative;
  height: 45px;
  background-color: #262436;
  z-index: 700; }

.container .contactInfo.topMobile {
  display: none; }

.headerMain {
  padding: 10px 0;
  background-color: #585574; }

.headerMain a.logo {
  float: left;
  margin: 2px 0 0;
  width: 312px;
  height: 100px;
  display: block; }

.homepage .headerSfeerfoto {
  height: 260px; }
  .homepage .headerSfeerfoto .container {
    width: 100%;
    height: 100%; }
    .homepage .headerSfeerfoto .container #topFoto {
      height: 100%;
      background-size: cover; }

/* ------------------------------------------------------ HEADER - CONTACT */
.container .contactInfo, .container .contactSocial {
  float: left;
  width: 45%;
  height: 45px;
  line-height: 45px; }

.container .contactInfo img {
  float: left;
  margin: 11px 10px 0 0;
  width: 23px;
  height: 23px;
  display: block; }

.container img.imgPad20 {
  margin: 0 20px 20px 20px;
  float: left; }

.container .contactInfo span {
  float: left;
  margin: 0 30px 0 0;
  font-family: Verdana, sans-serif;
  font-size: 0.7em;
  color: #cebb97;
  display: block; }

.container .contactInfo a {
  text-decoration: none;
  color: #cebb97; }

.container .contactInfo a:hover {
  text-decoration: underline; }

.container .contactSocial {
  float: right;
  width: 282px; }

.container .contactSocial > a {
  float: left;
  margin: 11px 5px 0 0;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
  display: block;
  background: url("../img/sprite-social-icons.gif") 0 0 no-repeat; }

.container .contactSocial a.facebook {
  background-position: 0 0; }

.container .contactSocial a.facebook:hover {
  background-position: 0 -23px; }

.container .contactSocial a.twitter {
  background-position: -23px 0; }

.container .contactSocial a.twitter:hover {
  background-position: -23px -23px; }

.container .contactSocial a.google {
  background-position: -46px 0; }

.container .contactSocial a.google:hover {
  background-position: -46px -23px; }

.container .contactSocial a.instagram {
  background-position: -92px 0; }

.container .contactSocial a.instagram:hover {
  background-position: -92px -23px; }

.container .contactSocial a.rss {
  background-position: -69px 0; }

.container .contactSocial a.rss:hover {
  background-position: -69px -23px; }

.container .contactSocial a#addfav {
  background-position: -115px 0; }

.container .contactSocial a#addfav:hover {
  background-position: -115px -23px; }

.fb-like-box {
  min-height: 70px; }

/* ------------------------------------------------------ HEADER - WINKELWAGEN */
.headerMain {
  position: relative;
  z-index: 650; }

.headerMain #headerWinkel {
  position: absolute;
  right: 0;
  top: 8px;
  width: 486px;
  font-size: 0.7em;
  z-index: 700; }

.headerMain #headerWinkel .searchForm {
  float: left;
  padding: 5px;
  width: 220px;
  background-color: #585574; }

.headerMain #headerWinkel .searchForm form fieldset {
  padding: 13px 13px 5px 8px;
  color: #fff;
  border: 1px solid #454359;
  text-align: center;
  overflow: hidden;
  display: block; }

.headerMain #headerWinkel .searchForm form fieldset > div {
  position: relative;
  height: 42px;
  overflow: hidden; }

.headerMain #headerWinkel .searchForm form fieldset legend {
  padding: 0 5px;
  color: #cebb97;
  font-family: Verdana, sans-serif;
  text-transform: uppercase; }

.headerMain #headerWinkel .openMenuMobile {
  display: none; }

.headerMain #headerWinkel .subMenu {
  display: none; }

#headerWinkel .searchForm fieldset label.inputLabel {
  position: relative;
  margin: 0 0 30px 5px;
  height: 29px;
  display: block; }

#headerWinkel .searchForm fieldset label.inputLabel span {
  position: absolute;
  left: 6px;
  top: 8px;
  color: #fff !important;
  font-size: 1.1em;
  font-style: italic;
  cursor: pointer; }

#headerWinkel .searchForm fieldset label.inputLabel span.selected {
  color: #7e7aa5 !important; }

#headerWinkel .searchForm fieldset label.inputLabel span.hidden {
  display: none; }

.headerMain #headerWinkel .searchForm form fieldset input#id_searchbox_header {
  padding: 0 35px 0 3px;
  width: 151px;
  height: 29px;
  color: #fff;
  background-color: #454359;
  border: 1px solid #454359;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

span.ui-helper-hidden-accessible {
  display: none; }

header#main .fieldcontain {
  margin: 0 0 10px; }

/* ------------------------------------------------- RANGE SLIDER */
#id_form_PWS_filterProductOverview div.block span.jslider,
#headerWinkel .searchForm span.jslider {
  margin: 30px 0 15px; }

#headerWinkel .searchForm span.jslider {
  margin: 0 0 0 5px;
  width: 185px; }

#headerWinkel .searchForm span.jslider .jslider-value {
  background-color: #454359; }

/* ----------------------------------------------- / RANGE SLIDER */
.headerMain #headerWinkel .searchForm form fieldset div a.submit {
  position: absolute;
  right: 9px;
  top: 8px;
  width: 16px;
  height: 17px;
  display: block; }

#headerWinkel .inklappen, #headerWinkel .inklappenLijst {
  margin: 10px 0 0;
  padding: 0 15px 0 0;
  color: #cebb97;
  text-align: right;
  background: url("../img/icon-arrow-up.png") right 5px no-repeat;
  cursor: pointer; }

.headerMain #headerWinkel .searchForm form fieldset span {
  color: #cebb97; }

.headerMain #headerWinkel .winkelwagen {
  position: relative;
  float: left;
  margin: 12px 0 0 15px;
  padding: 5px;
  width: 220px;
  /*height:59px;*/
  background-color: #454359;
  overflow: hidden;
  z-index: 1000; }

.headerMain #headerWinkel .winkelwagen .titel {
  margin: 7px 0 0 29px;
  padding: 0 0 0 30px;
  height: 23px;
  line-height: 20px;
  color: #dbb35f;
  /*font-family:Novecentowide-bold, Verdana, sans-serif;*/
  font-size: 1.2em;
  text-transform: uppercase;
  background: url("../img/winkelmandje.png") 5px 0px no-repeat; }

.headerMain #headerWinkel .winkelwagen .titel a {
  color: #dbb35f; }

.headerMain #headerWinkel .winkelwagen .titel a:hover {
  text-decoration: none; }

.headerMain #headerWinkel .winkelwagen .titel.loading {
  height: 35px;
  margin-top: 12px;
  font-size: 0.9em;
  line-height: 16px;
  text-transform: none;
  background: url("../img/winkelmandje_loading.gif") 5px 10px no-repeat; }

.headerMain #headerWinkel .winkelwagen p {
  padding: 5px 0 0;
  font-size: 1em;
  color: #cebb97;
  text-align: center;
  display: block; }

.headerMain #headerWinkel .winkelwagen a {
  float: left;
  color: #cebb97;
  display: block;
  text-decoration: none; }

.headerMain #headerWinkel .winkelwagen a.overzicht,
.headerMain #headerWinkel .winkelwagen a.afrekenen {
  margin: 11px 0 0; }

.headerMain #headerWinkel .winkelwagen a.overzicht {
  padding: 0 15px 0 0;
  background: url("../img/icon-arrow-down.png") right 6px no-repeat; }

.headerMain #headerWinkel .winkelwagen a.afrekenen {
  float: right;
  color: #cebb97;
  display: block; }

#headerWinkel .winkelwagen a:hover, .headerMain #headerWinkel .winkelwagen a.afrekenen:hover {
  text-decoration: underline; }

#headerWinkel .winkelwagen .bestellijst {
  margin: 40px 0 0;
  overflow: hidden; }

#headerWinkel .winkelwagen .bestellijst .title {
  margin: 0 0 5px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase; }

#headerWinkel .winkelwagen .bestellijst .row {
  margin: 0 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #7A779B;
  clear: both; }

#headerWinkel .winkelwagen .bestellijst .row .thumb {
  float: left;
  margin: 0 5px 0 0;
  width: 30px;
  overflow: hidden;
  border: 1px solid #D2D1E3; }

#headerWinkel .winkelwagen .bestellijst .row .thumb img {
  width: 30px;
  display: block; }

#headerWinkel .winkelwagen .bestellijst .row .name, #headerWinkel .winkelwagen .bestellijst .row .price {
  float: left;
  margin: 0 5px 0 0;
  width: 98px;
  color: #fff;
  text-align: right; }

#headerWinkel .winkelwagen .bestellijst .row .price {
  float: right;
  margin: 0;
  width: 70px; }

#headerWinkel .winkelwagen .bestellijst .row.totaal {
  padding: 5px 0 0;
  border: 0px solid #fff;
  border-top: 1px solid #7A779B; }

#headerWinkel .winkelwagen .bestellijst .row.totaal.sub {
  padding: 0 0 5px;
  margin: 0;
  border: 0px solid #fff; }

#headerWinkel .winkelwagen .bestellijst .row.totaal.sub > div {
  color: #a29ecb; }

#headerWinkel .winkelwagen .bestellijst .row.totaal .name {
  width: 134px;
  font-style: italic; }

/* ------------------------------------------- HEADER - SFEERFOTO */
.headerSfeerfoto {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background-color: #000000; }

body.homepage.jubileum .headerSfeerfoto {
  height: 260px; }

body.homepage.jubileum .headerSfeerfoto .container {
  width: 100%; }

#topFoto {
  height: 160px;
  background-color: #000000;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain; }

body.homepage.jubileum #topFoto {
  height: 260px; }

body.homepage.jubileum #topFoto .overlay-jubileum {
  display: block;
  width: 100%;
  height: 100%; }

body.homepage.jubileum #topFoto .overlay-jubileum img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  border: 0 solid #fff; }

body.homepage.jubileum #topFoto .overlay-jubileum a {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding: 0 0 0 10px;
  display: block;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  text-decoration: none;
  height: 35px;
  line-height: 35px;
  border: 1px solid #fff;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s; }

body.homepage.jubileum #topFoto .overlay-jubileum a:hover {
  background-color: #d3a23c; }

body.homepage.jubileum #topFoto .overlay-jubileum a span {
  display: inline-block;
  margin-left: 10px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-left: 1px solid #fff; }

.headerSfeerfoto .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 160px;
  background: url("../img/juwelier-burger-kerst-2016.jpg") center center no-repeat transparent;
  background-size: cover; }

body.homepage.jubileum .headerSfeerfoto .overlay {
  background: none; }

/* ------------------------------------------------------ SECTION */
section,
body.homepage section,
body.blog section,
body.service section,
body.testimonials section,
body.contact.form section {
  float: left;
  margin: 50px 70px 0 10px;
  width: 515px; }

/* ------------------------------------------------------- PAGING */
section .paging {
  clear: both;
  width: 100%;
  height: 40px;
  background-color: #F3EEE6; }

section .paging a.button {
  float: left;
  width: 40px;
  height: 40px;
  display: block;
  text-indent: 9999px;
  overflow: hidden;
  background: url("../img/slider-arrow.png") left top no-repeat #7E7B9E; }

section .paging a.button.right {
  background-position: -40px 0;
  float: right; }

section .paging a.button:hover {
  background-color: #A5A1CA; }

section .paging a.button.hidden {
  visibility: hidden; }

section .paging .pages {
  float: left;
  width: 590px;
  height: 40px;
  line-height: 40px;
  color: #725B40;
  text-align: center; }

section .paging .pages a {
  margin: 0 5px;
  padding: 2px 9px;
  height: 30px;
  color: #725B40;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none; }

section .paging .pages a.activeSlide,
section .paging .pages a:hover {
  background-color: #7E7B9E;
  color: #fff; }

section p.pagingItems {
  padding: 10px 0 0;
  color: #725B40;
  font-family: 'Open Sans',sans-serif;
  text-align: center; }

/* -------------------------------------------------------- ASIDE */
aside,
body.homepage aside,
body.blog aside,
body.service aside,
body.testimonials aside,
body.contact.form aside {
  margin: 50px 0 0;
  float: left;
  width: 380px; }

body.homepage aside {
  margin: 50px 0 0 !important; }

body.blog.detail aside {
  margin: 50px 0 0 !important; }

aside .infoBlock {
  padding: 21px 0 20px 45px;
  background: url("../img/medal.png") 10px 0 no-repeat #F3EEE6; }

aside .infoBlock h1 {
  margin: 0 0 5px 10px;
  padding: 0 0 0 0;
  color: #5f491a;
  font-size: 1em;
  text-shadow: 1px 1px 2px #fff; }

aside .infoBlock ul {
  list-style-type: none; }

aside .infoBlock ul li {
  margin: 0 0 3px;
  padding: 0 0 0 25px;
  color: #545454;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  background: url("../img/vink.png") left 5px no-repeat; }

aside .betalingsMogelijkheden,
aside .certificate {
  border-bottom: 5px solid #E3E3E3; }

aside .betalingsMogelijkheden img {
  margin: 7px auto 20px;
  display: block; }

aside .certificate {
  padding: 0 0 15px; }

aside .certificate > a {
  float: left;
  margin: 0 0 0 55px;
  width: 50px;
  height: 70px;
  text-align: center;
  display: block; }

aside .certificate img {
  float: left;
  margin: 0 0 0 40px;
  display: block; }

aside .certificate a img {
  margin: 0; }

.standardText {
  border-bottom: 5px solid #e3e3e3; }

.standardText.noborder {
  border-bottom: 0px solid #e3e3e3; }

.standardText h1.striped,
.standardText h2.striped {
  margin: 0; }

/* ------------------------------------------------------ ASIDE - ONS TEAM */
aside .onsTeam #medewerkerScroller {
  margin: 10px 0 0; }

aside .onsTeam #medewerkerScroller > div {
  width: 380px; }

aside .onsTeam .text {
  margin: 0 0 0 10px;
  padding: 5px 0 0;
  float: left;
  width: 240px; }

aside .onsTeam .text .name {
  margin: 0 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold; }

aside .onsTeam .text p.fav {
  font-size: 0.7em; }

aside .onsTeam .text .name span {
  font-size: 0.8em;
  font-weight: normal;
  font-style: italic; }

aside .onsTeam .image {
  float: right;
  padding: 2px;
  width: 96px;
  height: 139px;
  border: 1px solid #999; }

aside .onsTeam #navPeople {
  padding: 13px 0 13px 120px;
  height: 12px;
  border-top: 5px solid #e3e3e3;
  border-bottom: 5px solid #e3e3e3;
  background-color: #f9f9f8; }

aside .onsTeam #navPeople a {
  float: left;
  margin: 0 18px 0 0;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  background: url("../img/sprite-nav-wslider.png") top left no-repeat;
  display: block; }

aside .onsTeam #navPeople a:hover, aside .onsTeam #navPeople a.activeSlide {
  background-position: 0 -12px; }

/* ------------------------------------------------------ BLOCKS CONTACT */
#site .contactBlock {
  float: left;
  margin: 50px 15px 0 0;
  padding: 10px 0 0;
  width: 316px;
  height: 316px;
  text-decoration: none;
  background-color: #f3eee6;
  overflow: hidden;
  display: block; }

#site .contactBlock.last {
  margin: 50px 0 0; }

#site .contactBlock .naam, #site .contactBlock p, #site .contactBlock ul {
  line-height: 1.7em;
  color: #5f491a;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 0.9em; }

#site #map.contactBlock {
  margin: 50px 15px 0 10px;
  background: url("../img/contact-map.jpg") top left no-repeat; }

#site #street.contactBlock {
  background: url("../img/contact-street.jpg") top left no-repeat; }

#site #map.contactBlock p, #site #street.contactBlock p {
  padding: 0 10px;
  width: 210px; }

#site #adresgegevens.contactBlock {
  padding: 40px 0 0 40px;
  width: 266px;
  height: 276px; }

#site #adresgegevens.contactBlock .naam {
  margin: 0 0 10px;
  color: #5f491a;
  font-size: 1.1em;
  text-shadow: 1px 1px 1px #fff; }

#site #adresgegevens .adres {
  color: #947026; }

#site .contactBlock ul {
  margin: 0 0 20px;
  list-style-type: none; }

#site .contactBlock ul li {
  padding: 0 0 0 35px; }

#site .contactBlock ul li.phone {
  background: url("../img/icon-phone.png") left center no-repeat; }

#site .contactBlock ul li.fax {
  background: url("../img/icon-fax.png") left center no-repeat; }

#site #adresgegevens > a {
  color: #d0a100;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 0.9em;
  transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s; }

#site #adresgegevens > a:hover {
  color: #585574; }

.sub-footer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2em; }
  .sub-footer .betalingsMogelijkheden {
    width: 49%;
    margin-right: 1em;
    text-align: center; }
  .sub-footer .certificate {
    width: 49%;
    text-align: center; }

/* ------------------------------------------------------ FOOTER */
footer {
  background-color: #35324f; }

footer .container {
  /*height:430px;*/ }

footer .col {
  float: left;
  margin: 75px 25px 50px 0;
  width: 180px;
  height: 365px;
  line-height: 1.5em;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: none;
  background: url("../img/bg-footer-col.gif") right top repeat-y; }

footer .col.klantenservice {
  margin: 75px 0 0 35px;
  width: 180px;
  background: none; }

footer .col.sitenavigatie {
  width: 139px; }

footer .col.topmerken {
  width: 160px; }

footer .col.copyright {
  width: 129px;
  background: url("../img/bg-footer-col.gif") left top repeat-y; }

footer .col.social {
  width: 185px;
  background: url("../img/bg-footer-col.gif") left top repeat-y; }

footer .col.copyright,
footer .col.social {
  margin: 75px 0 0;
  padding: 0 0 0 35px;
  height: 100px; }

footer .col.social {
  padding: 20px 0 0 35px;
  margin: 0;
  height: 120px; }

footer .col p {
  font-size: 1.0em;
  font-family: 'Open Sans', sans-serif; }

footer .col.social p {
  margin: 0 0 10px;
  font-size: 0.9em; }

footer .col .title {
  margin: 0 0 17px;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase; }

footer .col ul {
  list-style-type: none; }

footer .col ul ul {
  margin: 0 0 0 15px;
  font-style: italic; }

footer .col a {
  color: #fff;
  text-decoration: none;
  font-weight: normal; }

footer .col a:hover {
  text-decoration: underline; }

footer .col a.meer {
  font-style: italic;
  color: #fff; }

footer .stats {
  position: absolute;
  right: 0;
  bottom: 40px;
  padding: 10px 0 0 20px;
  width: 385px;
  height: 70px;
  color: #fff;
  font-family: Verdana, sans-serif;
  font-size: 0.7em;
  background-color: #514e6e;
  overflow: hidden; }

footer .stats ul {
  list-style-type: none; }

footer .stats ul li {
  margin: 0 0 6px;
  padding: 0 0 0 25px;
  height: 14px; }

footer .stats ul li.current {
  background: url("../img/icon-current.png") left 1px no-repeat; }

footer .stats ul li.unique {
  background: url("../img/icon-unique.png") left 1px no-repeat; }

footer .stats ul li.total {
  background: url("../img/icon-total.png") left 1px no-repeat; }

/* ------------------------------------------------------ SOCIAL MEDIA BLOCK */
section .socialMedia {
  margin: 0 0 40px;
  padding: 15px 0 0;
  background-color: #f3eee6; }

section .socialMedia h2 {
  margin: 4px 0 0 25px;
  padding: 0 0 0 25px;
  color: #5f491a;
  font-size: 1.1em;
  text-shadow: 1px 1px 1px #fff; }

section .socialMedia.facebook {
  background: url("../img/facebook-thumbup.png") 8px 15px no-repeat #f3eee6; }

section .socialMedia .socialScroller {
  float: left;
  margin: 20px 0 20px 25px;
  width: 390px;
  height: 255px;
  background: url("../img/border-bottom-wslider.gif") left bottom repeat-x;
  overflow: hidden; }

section .socialMedia .socialScroller .post {
  padding: 25px 0;
  height: 80px;
  background: url("../img/border-bottom-wslider.gif") left top repeat-x; }

section .socialMedia .socialScroller .post .image {
  float: left;
  margin: 0 15px 0 0;
  padding: 2px;
  width: 69px;
  height: 69px;
  border: 1px solid #969696;
  background-color: #fff; }

section .socialMedia .socialScroller .post .image .imageDiv {
  height: 69px;
  width: 69px;
  overflow: hidden; }

section .socialMedia .socialScroller .post .text {
  float: left;
  width: 300px; }

section .socialMedia .socialScroller .post .text p {
  margin: 0 0 10px;
  font-size: 0.7em; }

section .socialMedia .navUpDown {
  position: relative;
  float: left;
  margin: 19px 0 0 30px;
  width: 39px;
  height: 255px; }

section .socialMedia .navUpDown #up {
  position: absolute;
  left: 0;
  top: 0;
  width: 39px;
  height: 39px;
  cursor: pointer;
  text-indent: -9999px;
  background: url("../img/sprite-arrows-social.png") left top no-repeat; }

section .socialMedia .navUpDown #up:hover {
  background-position: -39px 0; }

section .socialMedia .navUpDown #down {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 39px;
  height: 39px;
  cursor: pointer;
  text-indent: -9999px;
  background: url("../img/sprite-arrows-social.png") left bottom no-repeat; }

section .socialMedia .navUpDown #down:hover {
  background-position: -39px -39px; }

section .socialMedia a.bottomLink {
  padding: 0 0 3px 25px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  /*font-family:Novecentowide-bold, Verdana, sans-serif;*/
  font-size: 0.9em;
  text-decoration: none;
  background-color: #7e7b9e;
  display: block;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s; }

section .socialMedia a.bottomLink:hover {
  background-color: #9b98be; }

/* ------------------------------------------------------ BLOGPOST */
section .blogpost {
  margin: 40px 0 50px; }

section .blogpost .date {
  position: relative;
  height: 32px;
  padding: 0 0 9px;
  overflow: hidden;
  background: url("../img/balloon-point.png") 30px bottom no-repeat; }

section .blogpost .date img.point {
  position: absolute;
  left: 30px;
  bottom: 0;
  width: 22px;
  height: 9px;
  display: block; }

section .blogpost .date span {
  float: left;
  display: block;
  background-color: #A47E2E; }

section .blogpost .date span.corner {
  width: 5px;
  height: 32px;
  text-indent: -9999px;
  background: url("../img/blog-wolk-corners.png") left top no-repeat; }

section .blogpost .date span.middle {
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: bold; }

section .blogpost .date span.corner.right {
  background-position: -5px 0; }

section .blogpost .text {
  float: left;
  margin: 0 20px 0 0;
  width: 300px; }

section .blogpost .text.wide {
  margin: 0;
  width: auto; }

section .blogpost .text h2 {
  margin: 5px 0;
  font-size: 1em; }

section .blogpost .image {
  float: left;
  width: 192px;
  height: 103px;
  border: 1px solid #919191;
  overflow: hidden; }

section .blogpost .text a.bottomLink {
  float: left;
  margin: 0 15px 0 0;
  padding: 0 10px;
  height: 27px;
  line-height: 27px;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #7e7b9e;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s; }

section .blogpost .text a.bottomLink:hover {
  background-color: #9b98be; }

section .blogpost .text a.bottomLink.last {
  margin: 0; }

/* ------------------------------------------------------ NEWSTICKER */
.newsTicker {
  max-height: 385px;
  overflow: hidden;
  border: none; }

.newsTicker h4 {
  margin-bottom: 10px; }

.newsTicker p,
.newsTicker ul {
  margin: 0 0 10px;
  text-align: left;
  font-size: 0.8rem; }

.newsTicker ul {
  margin-left: 25px; }
  .newsTicker ul li {
    margin-bottom: 5px; }

/* ------------------------------------------------------- EMPLOYEES */
.employees .slide {
  display: none;
  padding: 15px 0 5px;
  width: 100%;
  box-sizing: border-box; }

.employees .slide:first-of-type {
  display: block; }

.employees .slide .employeesImg {
  float: left;
  width: 119px;
  border: 1px solid #999; }

.contact .employees .slide .employeesImg {
  width: 30%;
  box-sizing: border-box; }

.employees .slide .employeesImg img {
  display: block;
  width: 117px;
  border: 1px solid #fff; }

.contact .employees .slide .employeesImg img {
  width: 100%;
  box-sizing: border-box; }

.employees .slide .employeesInfo {
  float: right;
  padding: 5px 20px 15px 20px;
  width: 345px; }

.contact .employees .slide .employeesInfo {
  width: 70%;
  box-sizing: border-box; }

.employees .employeesInfo p {
  margin: 0 0 13px;
  line-height: 1.4em; }

.employees .employeesInfo p:last-of-type {
  margin: 0; }

.employees .employeesInfo p.name {
  margin: 0 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  font-weight: bold; }

#progressWrapper {
  background-color: #c8c7d7;
  height: 6px; }

#progress {
  background-color: #7e7b9e;
  height: 6px; }

.employees .ref-pager {
  display: block;
  padding: 13px 0;
  text-align: center;
  border-bottom: 6px solid #e3e3e3;
  background-color: #f9f9f8; }

.employees .ref-pager span {
  display: inline-block;
  margin: 0 10px;
  width: 12px;
  height: 12px;
  text-indent: -99999px;
  background-color: #c8c7d7;
  overflow: hidden;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.employees .ref-pager span.cycle-pager-active,
.employees .ref-pager span:hover {
  background-color: #7e7b9e; }

.employees .slider-underline {
  width: 100%;
  border: solid 3px #e3e3e3;
  position: absolute;
  width: 960px;
  margin-top: -6px; }

/* ------------------------------------------------------ BREADCRUMBS */
#site .breadcrumbs {
  margin: 20px 0 0;
  min-height: 30px; }

#site .breadcrumbs a, #site .breadcrumbs .bcArrowGray {
  float: left;
  padding: 0 10px;
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #585574;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #f0eff5;
  display: block; }

#site .breadcrumbs a:hover {
  text-decoration: underline; }

#site .breadcrumbs a.bcArrowBlue {
  padding: 0 10px 0 26px;
  background: url("../img/bc-arrow-white.png") left center no-repeat #f0eff5; }

#site .breadcrumbs a.bcSpacerBlue {
  border-left: 1px solid #fff; }

#site .breadcrumbs .bcArrowGray {
  padding: 0 10px 0 26px;
  color: #737373;
  background: url("../img/bc-arrow-gray.png") left center no-repeat #F9F9F8; }

/* ------------------------------------------- VEILIG BETALEN */
.container .veiligBetalen {
  margin: 0 0 15px;
  height: 61px;
  text-align: center;
  border-top: 5px solid #efefef;
  border-bottom: 5px solid #efefef; }

/* ---------------------------------------------------- ALBUM */
#album {
  padding: 20px 0 0; }

#album a {
  float: left;
  margin: 0 20px 20px 0;
  width: 146px;
  height: 97px;
  display: block;
  overflow: hidden;
  border: 2px solid #fff;
  -moz-box-shadow: 0px 0px 0px 1px #ccc;
  -webkit-box-shadow: 0px 0px 0px 1px #ccc;
  box-shadow: 0px 0px 0px 1px #ccc;
  transition: width 2s;
  -moz-transition: width 2s;
  /* Firefox 4 */
  -webkit-transition: width 2s;
  /* Safari and Chrome */
  -o-transition: width 2s;
  /* Opera */ }

/* --------------------------------------------------- PAGELOADER */
#pageloader {
  display: none; }

/* ------------------------------------------------------ ZUT */
br.clear {
  font-size: 0px;
  line-height: 0px;
  clear: both; }

.spacer {
  height: 50px; }

.mobileOnly {
  display: none; }

.desktopOnly {
  display: block; }

.blockSpacer {
  height: 40px; }

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

/* ------------------------------------------------------ NAV */
nav#main {
  height: 65px;
  background-color: #725b40; }

nav#main .container {
  width: 890px;
  height: 65px;
  background: url("../img/bg-nav-splitter.gif") right top repeat-y; }

nav#main.EN .container {
  width: 905px; }

nav#main.DE .container {
  width: 930px; }

body #site nav#main > ul {
  /*width:970px;*/
  list-style-type: none; }

nav#main ul.toplevel > li {
  float: left;
  height: 65px;
  background: url("../img/bg-nav-splitter.gif") left top repeat-y; }

nav#main ul.toplevel > li > a {
  padding: 0 20px;
  height: 65px;
  line-height: 65px;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  text-transform: uppercase;
  display: block; }

nav#main ul.toplevel li.dir > a {
  padding: 0 30px 0 15px;
  cursor: default;
  background: url("../img/fold-indicator.png") 90% 53% no-repeat; }

nav#main ul li a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  text-shadow: 1px 1px 0px #000; }

nav#main ul li > a:hover, nav#main ul li > a.current {
  background-color: #a38960;
  color: #fbc451; }

nav#main ul li {
  position: relative; }

nav#main ul li > a {
  position: relative;
  z-index: 610; }

nav#main ul li ul.submenu {
  position: absolute;
  padding: 25px 25px 0;
  border: 2px solid #604d36;
  border-top: 0px solid #604d36;
  background-color: #A38C5E;
  z-index: 600; }

nav#main ul li ul.submenu.cols1 {
  padding: 25px 0 0 10px;
  width: 170px; }

nav#main ul li ul.submenu.cols2 {
  width: 410px;
  min-height: 100px; }

nav#main ul li ul.submenu.cols3 {
  width: 480px; }

nav#main ul li ul.submenu.cols4 {
  width: 680px; }

html.stylish-select body div#site nav#main div.container ul.toplevel li.dir ul.submenu a.mainLink {
  width: 100%;
  font-weight: bold;
  margin: 0 0 10px;
  display: block; }

nav#main ul li ul.submenu.cols1 li > ul {
  margin: 0 0 20px; }

nav#main ul li .submenu ul {
  float: left;
  margin: 0 30px 20px 0;
  width: 162px; }

nav#main ul li .submenu ul li.kop {
  display: block;
  margin: 0 0 6px;
  color: #fff;
  font-size: 1em;
  text-shadow: 1px 1px 0px #000; }

nav#main ul li .submenu ul li.kop a {
  font-weight: bold; }

nav#main ul li .submenu ul li {
  padding: 0 0 2px 5px;
  width: inherit;
  height: 19px;
  line-height: 17px;
  background: none top left no-repeat transparent;
  clear: both; }

nav#main ul li .submenu ul li a {
  padding: 2px 0px;
  height: 19px;
  line-height: 17px;
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: none;
  background: none top left no-repeat transparent;
  display: block; }

nav#main ul li .submenu ul li.alle {
  margin: 6px 0 0; }

nav#main ul li .submenu ul li.alle a {
  font-size: 0.7em;
  font-style: italic; }

#watchSliderWrapper {
  /*	height:355px;*/
  background: #ece7de; }

#watchSliderWrapper.arrivals {
  background: #ece7de url("../img/bg-slider.gif") center top no-repeat; }

#watchSliderWrapper div.container h3 {
  text-align: center;
  padding-top: 20px;
  font-size: 1.2em;
  color: #d0a100; }

#watchSliderWrapper .container {
  position: relative;
  padding: 0 10px;
  width: 960px;
  /*height:310px;*/ }

#watchSliderWrapper .container .spacer {
  height: 45px; }

#watchSliderWrapper .container #nav {
  margin: 0 auto;
  padding: 20px 0 0;
  text-align: center;
  width: 100%; }

#watchSliderWrapper .container #nav a {
  margin: 0 20px 0 0;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  background: url("../img/sprite-nav-wslider.gif") left top no-repeat;
  display: inline-block; }

#watchSliderWrapper .container #nav a:hover, #watchSliderWrapper .container #nav a.activeSlide {
  background-position: 0 -12px; }

#watchSliderWrapper .container #left, #watchSliderWrapper .container #right {
  float: left;
  width: 55px;
  height: 255px;
  text-indent: -9999px;
  background: url("../img/sprite-arrow-wslider.png") left 53px no-repeat;
  cursor: pointer;
  visibility: hidden; }

#watchSliderWrapper .container #left:hover {
  background-position: left -408px; }

#watchSliderWrapper .container #right {
  background-position: -446px 53px; }

#watchSliderWrapper .container #right:hover {
  background-position: -446px -408px; }

#watchSliderWrapper .container #slideWrapper {
  float: left;
  width: 847px;
  height: 260px;
  overflow: hidden; }

#watchSliderWrapper .container #slideWrapper.recently {
  height: 300px; }

#slideWrapper {
  background: url("../img/border-bottom-wslider.gif") left bottom repeat-x; }

#slideWrapper > div {
  width: 850px;
  height: 258px; }

#slideWrapper * {
  box-sizing: border-box; }

#slideWrapper a.item {
  float: left;
  margin: 0 13px 0 0;
  width: 159px;
  height: 258px;
  color: #5f491a;
  text-decoration: none;
  display: block;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s; }

#slideWrapper a.naarCollectie {
  float: left;
  margin: 0 50px 0 0;
  /*width:120px;
  height:258px;*/
  color: #5f491a;
  text-decoration: none;
  display: block; }

#slideWrapper a.item:hover {
  background-color: #d1c9bb; }

#slideWrapper a.item.last {
  margin: 0; }

#slideWrapper a.item .image,
#slideWrapper a.naarCollectie {
  margin: 0 auto;
  width: 100%;
  height: 0;
  padding-bottom: 157px;
  /*background-color:#c8c8c8;*/
  display: block;
  /*overflow:hidden;*/ }

#slideWrapper a.naarCollectie {
  padding: 10px;
  width: 160px;
  height: 160px;
  color: #fff;
  font-size: 0.8em;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  /*font-weight:bold;*/
  border: 1px solid #35324F;
  background-color: #585574;
  display: block;
  overflow: hidden;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s; }

#slideWrapper a.naarCollectie:hover {
  background-color: #7E7B9E; }

#slideWrapper a.item .image {
  position: relative;
  overflow: hidden;
  background-color: #ECE7DE;
  border: 1px solid #949494; }

#slideWrapper a.item .image img {
  display: block;
  width: 100%;
  box-sizing: border-box; }

#slideWrapper a.item .image img.old {
  margin: 0 auto;
  width: auto;
  height: 157px;
  box-sizing: border-box; }

#slideWrapper a.item .info {
  position: relative;
  display: block;
  padding: 20px 0 0;
  height: 100px;
  text-align: center;
  font-family: Verdana, sans-serif; }

#slideWrapper a.item .info .brand, #slideWrapper a.item .info .price {
  display: block;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold; }

#slideWrapper a.item .info .type {
  margin: 0;
  font-size: 0.8em;
  display: block; }

#slideWrapper a.item .info .price {
  position: absolute;
  left: 0;
  bottom: 8px;
  width: 100%; }

/* ---------------------------------------------------- OVERZICHT PAGINA */
body.contact #watchSliderWrapper,
body #watchSliderWrapper {
  height: 335px;
  border-bottom: 10px solid #bcaf98; }

#watchSliderWrapper.homepage {
  height: 437px; }

body.contact #watchSliderWrapper .title,
body #watchSliderWrapper .title {
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  background-color: #bcaf98;
  text-shadow: 1px 1px 1px #6a5e4a; }

body.contact #watchSliderWrapper .title .text,
body #watchSliderWrapper .title .text {
  float: left; }

body.contact #watchSliderWrapper .title a,
body #watchSliderWrapper .title a {
  float: right;
  padding: 0 0 0 25px;
  width: 140px;
  color: #fff;
  font-size: 0.9em;
  background: url("../img/cross-recent-list.png") left center no-repeat;
  text-decoration: none;
  display: block;
  transition: text-shadow 0.3s;
  -moz-transition: text-shadow 0.3s;
  -webkit-transition: text-shadow 0.3s;
  -o-transition: text-shadow 0.3s; }

body.contact #watchSliderWrapper .title a:hover,
body #watchSliderWrapper .title a:hover {
  text-shadow: 1px 1px 1px #f7e7ca; }

body.contact #watchSliderWrapper .title .container,
body #watchSliderWrapper .title .container {
  padding: 0 10px 0 0;
  width: 800px; }

body.contact #watchSliderWrapper .container .spacer,
body #watchSliderWrapper .container .spacer {
  height: 27px; }

body.contact #slideWrapper,
body #slideWrapper {
  background: none; }

/* ------------------------------------------------------------ LABELS */
#slideWrapper a.item {
  position: relative; }

#slideWrapper a.item .label {
  position: absolute;
  left: 0;
  top: 5px;
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 2px #000;
  text-transform: uppercase; }

/* BG COLORS */
#slideWrapper a.item .label.productStatus_02 {
  background-color: #7b93a9; }

#slideWrapper a.item .label.productStatus_03 {
  background-color: #7E7B9E; }

#slideWrapper a.item .label.productStatus_04 {
  background-color: #b27067; }

#slideWrapper a.item .label.productVoorraadStatus_04 {
  background-color: #B27067; }

/* TEXT */
#slideWrapper a.item .label.productStatus_02.nl:before {
  content: "Gereserveerd"; }

#slideWrapper a.item .label.productStatus_02.en:before {
  content: "Reserved"; }

#slideWrapper a.item .label.productStatus_02.de:before {
  content: "Reserviert"; }

#slideWrapper a.item .label.productStatus_03.nl:before {
  content: "Nieuw!"; }

#slideWrapper a.item .label.productStatus_03.en:before {
  content: "New!"; }

#slideWrapper a.item .label.productStatus_03.de:before {
  content: "Neu!"; }

#slideWrapper a.item .label.productStatus_04.nl:before {
  content: "Verkocht"; }

#slideWrapper a.item .label.productStatus_04.en:before {
  content: "Sold"; }

#slideWrapper a.item .label.productStatus_04.de:before {
  content: "Verkauft"; }

#slideWrapper a.item .label.productVoorraadStatus_04.nl:before {
  content: "Verkocht"; }

#slideWrapper a.item .label.productVoorraadStatus_04.en:before {
  content: "Sold"; }

#slideWrapper a.item .label.productVoorraadStatus_04.de:before {
  content: "Verkauft"; }

body.overzicht aside h1 {
  margin: 0 0 20px;
  color: #5f491a;
  font-size: 1.1em; }

body.overzicht aside h1.striped {
  margin: 0; }

section.webshopHome h1 {
  float: none;
  margin: 0 0 25px;
  color: #6F6C8B;
  font-size: 1.5em; }

/* ----------------------------------------------------- LAYOUT */
/* ---------------------------------------------------- SECTION */
section.webshopHome {
  width: 100%; }

section .colRubriek {
  float: left;
  margin: 0 40px 0 0;
  width: 300px;
  background-color: #ECE7DE;
  /*border-bottom:10px solid #BCAF98;*/ }

section .colRubriek.last {
  margin: 0; }

section .colRubriek a.header {
  height: 130px;
  text-decoration: none;
  display: block;
  border-bottom: 10px solid #725B40; }

section .colRubriek a.header .title {
  background-color: #585574;
  height: 65px;
  line-height: 65px;
  color: #fff;
  font-family: 'Open Sans',sans-serif;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 0px #000;
  text-transform: uppercase; }

section .colRubriek a.header:hover .title {
  color: #FBC451;
  background-color: #35324F; }

section .colRubriek ul {
  margin: 0 0 20px 30px;
  padding: 20px 0 0;
  list-style-type: none; }

section .colRubriek ul li {
  margin: 0 0 7px;
  height: 50px; }

section .colRubriek ul li a {
  height: 50px;
  line-height: 50px;
  color: #5F491A;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px #fff;
  text-transform: uppercase;
  display: block; }

section .colRubriek ul li a:hover {
  color: #FBC451; }

section .colRubriek ul li a .image {
  float: left;
  margin: 0 15px 0 0;
  width: 48px;
  height: 48px;
  border: 1px solid #A38A5F;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat; }

section .colRubriek ul li a .text {
  float: left;
  width: 200px;
  height: 50px; }

/* -------------------------------------------- E-MAILFORMULIER */
section #subscribeEmail {
  line-height: 30px; }

section #subscribeEmail form {
  padding: 15px 0 20px; }

section #subscribeEmail .row {
  position: relative;
  margin: 0 0 5px;
  min-height: 32px;
  clear: both; }

section #subscribeEmail .row .description {
  float: left;
  width: 110px;
  font-size: 0.8em; }

section #subscribeEmail .row .value {
  float: left;
  width: 265px; }

section #subscribeEmail .row .value label.error {
  position: absolute;
  left: 385px;
  top: 0;
  font-size: 0.7em;
  color: #FF0000; }

.g-recaptcha {
  float: right; }

.captchaError {
  display: block;
  line-height: 1.3em;
  color: #FF0000;
  font-size: 0.8em; }

form .form_loading,
form .form_error,
form .captchaData,
form .form_result,
.form_showEmailMessage {
  margin: 10px 0 0;
  display: none;
  font-size: 0.7em;
  line-height: 1.5em; }

form .form_result {
  padding: 0 0 0 25px;
  line-height: 15px;
  background: url("../img/ok.png") left 0 no-repeat; }

form .form_error {
  padding: 0 0 0 25px;
  color: #F13F41;
  background: url("../img/cross.png") left 1px no-repeat; }

form .form_loading img,
form .captchaData img {
  float: left;
  margin: 1px 10px 0 0;
  display: block; }

section #subscribeEmail .row .value span {
  font-size: 0.7em; }

section #subscribeEmail input[type=text],
section #subscribeEmail input[type=email],
section #subscribeEmail textarea {
  padding: 0 5px;
  width: 253px;
  height: 30px;
  line-height: 30px;
  display: block;
  border: 1px solid #E3E3E3; }

section #subscribeEmail input.error,
section #subscribeEmail textarea.error {
  background-color: #ffe0e0;
  border-color: #980a2b; }

section #subscribeEmail input:valid,
section #subscribeEmail textarea:valid {
  border-color: #b4dab4; }

section #subscribeEmail textarea {
  padding: 0 0 0 5px;
  width: 258px;
  min-height: 30px;
  line-height: 20px;
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  resize: vertical;
  height: 70px; }

section #subscribeEmail .radio {
  font-size: 0.7em;
  /*
  	padding-top: 25px;
  */
  padding-left: 5px; }

section #subscribeEmail input[type=submit] {
  padding: 0;
  width: 120px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-family: 'Open sans', sans-serif;
  font-weight: bold;
  cursor: pointer;
  border: 0px solid #fff;
  background-color: #dbb35f;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

section #subscribeEmail input[type=submit]:hover {
  background-color: #D3A23C; }

section #subscribeEmail > div {
  padding: 15px 25px 20px;
  border-bottom: 5px solid #E3E3E3; }

section #subscribeEmail div p {
  margin: 0;
  color: #5b5b5b;
  font-family: 'Open sans', sans-serif;
  font-size: 0.9em;
  font-weight: bold; }

/*body.product section #subscribeEmail form input[type=text] {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0 5px;
	width: 228px;	
	height: 35px;
	border: 1px solid #BCAF98;
	background-color: #FAF4EA;
}

body.product section #subscribeEmail form input[type=submit] {
	float: left;
	display: block;
	padding: 0 10px;
	height: 37px;
	cursor: pointer;
	color: #FFFFFF;
	font-family: 'Open Sans',sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	border: 1px solid #BCAF98;
	background-color: #DBB35F;
}*/
/* ------------------------------------------------------ ASIDE */
aside,
body.product.overzicht aside {
  margin: 50px 40px 0 0;
  width: 220px; }

body.product.overzicht aside {
  margin: 50px 40px 0 0 !important; }

aside .filterKeuzes {
  padding: 25px 13px 0;
  border: 1px solid #c2b6a0;
  background-color: #fefdfb; }

body.product.overzicht aside hr {
  height: 0px;
  margin: 0 0 18px;
  border: 0px solid #fff;
  border-top: 1px solid #e4ddd2; }

body.product.overzicht aside .title {
  margin: 0 0 5px;
  color: #5f491a;
  font-size: 0.8em;
  font-weight: bold; }

body.product.overzicht aside .filterKeuzes ul {
  margin: 0 0 15px 15px;
  font-size: 0.7em;
  list-style-type: circle; }

body.product.overzicht aside .filterKeuzes ul li {
  margin: 0 0 5px;
  height: 16px; }

body.product.overzicht aside .filterKeuzes ul li span {
  float: left;
  display: block;
  width: 180px; }

body.product.overzicht aside ul li .wisKeuzeButton {
  float: right;
  width: 39px;
  height: 16px;
  cursor: pointer;
  text-decoration: none;
  background: url("../img/wis-keuze.gif") top left no-repeat; }

body.product.overzicht aside a.wisKeuzes {
  margin: 0 0 15px;
  padding: 0 0 0 29px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  background: url("../img/wis-keuze-all.png") 13px 10px no-repeat #c2b6a0;
  display: block;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s; }

body.product.overzicht aside a.wisKeuzes:hover {
  background-color: #a59a87; }

aside .block {
  margin: 0 0 15px;
  font-family: 'Open Sans', sans-serif; }

aside .block .description {
  padding: 0 0 0 12px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  background-color: #bcaf98;
  text-shadow: 1px 1px 1px #53483b; }

aside .block .value {
  position: relative;
  padding: 16px 12px;
  color: #5f491a;
  font-size: 0.9em;
  background-color: #f3eee6; }

aside .block .value label {
  font-size: 0.9em;
  font-weight: normal; }

aside .block .value label.inputLabel {
  position: relative;
  height: 29px;
  font-size: 0.9em;
  font-weight: normal;
  display: block; }

aside .block .value label.inputLabel span {
  position: absolute;
  left: 7px;
  top: 6px;
  width: 198px;
  height: 29px;
  display: block;
  font-style: italic;
  cursor: text;
  color: #fff; }

aside .block .value label.inputLabel span.selected {
  color: #daccb4; }

aside .block .value label.inputLabel span.hidden,
aside .block .value label.inputLabel span.ui-helper-hidden-accessible {
  display: none; }

aside .block .value input.searchbox {
  margin: 0;
  padding: 0 35px 0 3px;
  width: 100%;
  height: 29px;
  line-height: 29px;
  color: #fff;
  background-color: #cbbfab;
  border: 1px solid #cbbfab;
  display: block;
  box-sizing: border-box;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

aside .block .value input.searchbox:focus {
  background-color: #BCAF98;
  border: 1px solid #BCAF98; }

aside .block .value a.zoeken {
  position: absolute;
  right: 20px;
  top: 23px;
  width: 16px;
  height: 17px;
  display: block; }

aside .block .value input#searchAmount {
  color: #5f491a;
  font-weight: bold;
  background-color: #F3EEE6;
  border: 0px solid #fff; }

aside .block .value #searchSlider {
  margin: 10px 0 0;
  font-size: 0.9em; }

.asideSearch .inputSliders .fieldcontain {
  margin: 0 0 10px; }

#id_form_PWS_filterProductOverview div.block span.jslider .jslider-value {
  color: #fff;
  background-color: #725B40; }

#id_form_PWS_filterProductOverview div.block span.jslider .jslider-label {
  color: #BCAF98;
  opacity: 0.9; }

aside .block .value.checkboxes ul {
  margin: 0 0 5px;
  padding: 0 0 10px;
  list-style-type: none;
  border-bottom: 3px solid #e4ddd2;
  overflow: hidden; }

aside .block .value.checkboxes ul li > div {
  float: left;
  margin: 0 10px 0 0;
  width: 16px;
  height: 16px; }

aside .block .value.checkboxes ul li {
  clear: both;
  height: 21px; }

aside .block .value.checkboxes ul li.active {
  background-color: #FC3; }

aside .block .value.checkboxes ul li.hoofdcategorie {
  font-weight: bold; }

aside .block .value.checkboxes ul li.subcategorie_01 {
  padding-left: 10px; }

aside .block .value.checkboxes ul li.subcategorie_02 {
  padding-left: 15px; }

aside .block .value.checkboxes ul li.subcategorie_03 {
  padding-left: 20px; }

aside .block .value.checkboxes ul li.subcategorie_04 {
  padding-left: 25px; }

aside .block .value.checkboxes ul li.subcategorie_05 {
  padding-left: 30px; }

aside .block .value.checkboxes input[type=checkbox] {
  float: left;
  margin: 3px 10px 0 0; }

aside .block .value.checkboxes label {
  float: left;
  width: 170px;
  height: 16px;
  line-height: 18px;
  cursor: pointer;
  font-weight: 300;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

aside .block .value.checkboxes a.toonAlle {
  color: #5f491a;
  font-style: italic;
  text-decoration: none; }

/* ------------------------------------------------------ SECTION */
section,
body.product.overzicht section {
  position: relative;
  width: 720px;
  margin: 50px 0 0 0; }

section h1 {
  float: left;
  color: #5f491a;
  font-size: 1.1em; }

/* ------------------------------------------------------ PRODUCT OVERZICHT */
section .sortform {
  float: right;
  width: 189px;
  height: 25px;
  line-height: 25px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8em; }

section .sortform.en {
  width: 172px; }

section .sortform.en {
  width: 185px; }

section .sortform form, section .sortform span, section .sortform a.sortArrange {
  float: left;
  margin: 0 4px 0 0;
  height: 23px; }

section .sortform span {
  color: #725b40;
  font-weight: 300; }

section .sortform a.sortArrange {
  margin: 0;
  width: 32px;
  height: 24px;
  background: url("../img/sort-button.gif") top left no-repeat;
  text-indent: -9999px; }

section .sortform a.sortArrange.desc {
  background-position: 0 -24px; }

section .productOverzicht {
  margin: 30px 0 0; }

section .productOverzicht .loading_page_1,
section .productOverzicht .loading_page_2,
section .productOverzicht .loading_page_3,
section .productOverzicht .loading_page_4,
section .productOverzicht .loading_page_5,
section .productOverzicht .loading_page_6,
section .productOverzicht .loading_page_7,
section .productOverzicht .loading_page_8,
section .productOverzicht .loading_page_9,
section .productOverzicht .loading_page_10,
section .productOverzicht .navigation {
  margin: 0 0 10px;
  clear: both; }

section .productOverzicht .navigation {
  padding: 0 0 0 16px;
  font-size: 0.8em;
  background: url("../img/scroll-up.png") left 4px no-repeat; }

section .productOverzicht_loader {
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  height: 55px;
  color: #725B40;
  font-weight: bold;
  text-align: center;
  background: url("../img/ajax-loader-brownbg.gif") center 34px no-repeat #f6f3ed; }

section .productOverzicht .product {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  float: left;
  margin: 0 30px 30px 0;
  width: 345px;
  height: 150px;
  max-height: 100%;
  text-decoration: none;
  background-color: #f3eee6; }

section .productOverzicht .product:hover {
  background-color: #f1f1f4; }

section .productOverzicht .product * {
  box-sizing: border-box; }

section .productOverzicht .product.nomargin {
  margin: 0 0 30px 0; }

section .productOverzicht .product .image {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto; }

section .productOverzicht .product a.image {
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #bdbbb9; }

section .productOverzicht .product a.image img {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
  margin: 0 auto; }

/* IE11 only fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  section .productOverzicht .product a.image img {
    width: 100%;
    height: auto; } }
section .productOverzicht .product .info {
  position: relative;
  padding: 15px 10px;
  width: 50%;
  color: #5f491a;
  font-family: 'Open Sans', Verdana, sans-serif; }

section .productOverzicht .product:hover .info {
  color: #7e7b9e; }

section .productOverzicht .product .info .merk {
  color: #5f491a;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

section .productOverzicht .product:hover .info .merk {
  color: #7e7b9e; }

section .productOverzicht .product .info .type {
  margin: 0 0 15px;
  font-size: 0.9em;
  font-weight: 300; }
  @media only screen and (max-width: 500px) {
    section .productOverzicht .product .info .type {
      line-height: 15px; } }

section .productOverzicht .product .info .prijs {
  position: absolute;
  left: 15px;
  bottom: 36px;
  font-size: 0.9em;
  font-weight: bold; }

section .productOverzicht .product .info .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; }

section .productOverzicht .product .info .bottom .bijlagen {
  padding: 3px 10px 5px;
  color: #767491;
  font-size: 12px;
  white-space: nowrap; }
  section .productOverzicht .product .info .bottom .bijlagen .fa-check {
    color: #769e00; }

section .productOverzicht .product .info .naarDetailpagina {
  padding: 0 10px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  background-image: url("../img/arrow-right.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px);
  background-color: #7e7b9e;
  display: block; }

section .productOverzicht .product:hover .info .naarDetailpagina {
  background-color: #5e5d74; }

section .productOverzicht .product .info .naarDetailpagina:hover {
  background-color: #a5a1ca; }

section .productOverzicht .product .info a.naarDetailpagina {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 26px;
  line-height: 26px;
  color: #fff;
  font-size: 0.7em;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  background-color: #7e7b9e;
  display: block;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s; }

section .productOverzicht .product .label {
  background-color: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 78px;
  height: 46px; }

section .productOverzicht .product .label.productStatus_02 {
  background: url("../img/label-reserved.png") right top no-repeat; }

/*Product status: Gereserveerd*/
section .productOverzicht .product .label.productStatus_03:after {
  background-color: orange; }

/*Product status: Nieuw*/
section .productOverzicht .product .label.productStatus_04 {
  background: url("../img/label-verkocht.png") right top no-repeat; }

/*Product voorraad status: Verkocht*/
section .productOverzicht .product .label.productVoorraadStatus_04 {
  background: url("../img/label-verkocht.png") right top no-repeat; }

/*Product voorraad status: Verkocht*/
section .productOverzicht .product .label.productStatus_02.en {
  background: url("../img/label-reserved-en.png") right top no-repeat; }

/*Product status: Gereserveerd*/
section .productOverzicht .product .label.productStatus_03.en {
  background: url("../img/label-new-en.png") right top no-repeat; }

/*Product status: Nieuw*/
section .productOverzicht .product .label.productStatus_04.en {
  background: url("../img/label-verkocht-en.png") right top no-repeat; }

/*Product voorraad status: Verkocht*/
section .productOverzicht .product .label.productVoorraadStatus_04.en {
  background: url("../img/label-verkocht-en.png") right top no-repeat; }

/*Product voorraad status: Verkocht*/
section .productOverzicht .product .label.productStatus_02.de {
  background: url("../img/label-reserved-de.png") right top no-repeat; }

/*Product status: Gereserveerd*/
section .productOverzicht .product .label.productStatus_03.de {
  background: url("../img/label-new-de.png") right top no-repeat; }

/*Product status: Nieuw*/
section .productOverzicht .product .label.productStatus_04.de {
  background: url("../img/label-verkocht-de.png") right top no-repeat; }

/*Product voorraad status: Verkocht*/
section .productOverzicht .product .label.productVoorraadStatus_04.de {
  background: url("../img/label-verkocht-de.png") right top no-repeat; }

/*Product voorraad status: Verkocht*/
.loading {
  background: #c1c39a;
  color: #303030;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  width: 450px;
  margin: 0px auto;
  display: none;
  border-radius: 5px; }

.container .veiligBetalen {
  margin: 0 0 15px;
  height: 61px;
  text-align: center;
  border-top: 5px solid #efefef;
  border-bottom: 5px solid #efefef; }

/* ------------------------------------------------------ LAYOUT */
body.product.detail section {
  margin: 10px 70px 0 10px;
  width: 515px; }

body.product.detail aside {
  margin: 81px 0 0 !important;
  width: 380px; }

#threesixty {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

/* --------------------------------------------- 360 IMAGE SLIDER */
.watch-wrapper.enlarged {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  width: calc(100%);
  height: calc(100%);
  background-color: #fff;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.watch-images {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  min-height: 428px; }

.watch-images .image-main {
  position: relative;
  width: calc(100% - 90px);
  border: 1px solid #b2b2b2; }

.enlarged .watch-images .image-main {
  width: 100%;
  border: 0px solid #b2b2b2; }

.watch-images .image-main a.enlarge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 300;
  display: block;
  width: 45px;
  height: 45px;
  text-indent: -9999px;
  text-decoration: none;
  background: url("../img/icon-enlarge.png") center center no-repeat scroll #d0a100;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.watch-images .image-main a.enlarge:hover {
  background-color: #b28a01; }

.watch-images .image-main img {
  display: block;
  width: 100%;
  height: auto; }

.watch-images .image-thumbs {
  width: 75px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.enlarged .watch-images .image-thumbs {
  display: none; }

.watch-images .image-thumbs a {
  display: block;
  border: 1px solid #b2b2b2;
  background-color: #dbb35f; }

.watch-images .image-thumbs a:hover {
  border-color: #dbb35f; }

.watch-images .image-thumbs a img {
  display: block;
  width: 100%;
  height: auto; }

.watch-images .image-thumbs a:hover img {
  opacity: 0.8; }

.watch-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px; }

.watch-controls .buttons {
  text-align: center;
  width: calc(100% - 90px);
  border-right: 1px solid #b2b2b2; }

.enlarged .watch-controls .buttons {
  width: 100%; }

.watch-controls .buttons a {
  display: inline-block;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 0.9rem;
  text-decoration: none;
  background-color: rgba(118, 116, 145, 0.8); }

.watch-controls .buttons a.play {
  padding: 0 20px 0 40px;
  width: auto;
  background: url("../img/icon-play.png") 20px center no-repeat scroll #767491; }

.watch-controls .buttons a.play.playin {
  background: url("../img/icon-stop.png") 20px center no-repeat scroll #767491; }

.watch-controls .buttons a.prev {
  background: url("../img/watch-prev.png") center center no-repeat scroll rgba(118, 116, 145, 0.8); }

.watch-controls .buttons a.next {
  background: url("../img/watch-next.png") center center no-repeat scroll rgba(118, 116, 145, 0.8); }

.watch-controls .buttons a:hover {
  background-color: #767491; }

.watch-controls .extra-images {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 75px; }

.enlarged .watch-controls .extra-images {
  display: none; }

.watch-controls .extra-images a {
  display: block;
  width: 30px;
  border: 1px solid #b2b2b2;
  text-indent: -9999px;
  background-size: cover;
  background-position: center; }

.watch-controls .extra-images a.hide {
  display: none; }

/* ------------------------------------------------------ GALLERY */
#site .galleryMobile {
  display: none; }

#site .gallery {
  padding: 20px 0;
  border-top: 5px solid #e3e3e3; }

#site .gallery .slides {
  float: left;
  width: 447px;
  height: 171px;
  background-color: #fff; }

#site .gallery .slides a {
  float: left;
  margin: 0 30px 0 0;
  width: 118px;
  height: 148px;
  background-color: #F9F9F8;
  display: block; }

#site .gallery .slides a img {
  display: block;
  margin: 0 auto;
  border: 1px solid #949494;
  height: 100%; }

#site .gallery .slides a.last {
  margin: 0; }

#site .gallery a#galleryLeft,
#site .gallery a#galleryRight {
  float: left;
  margin: 0 8px 0 0;
  width: 26px;
  height: 151px;
  text-indent: -9999px;
  background: url("../img/sprite-gallery-arrows.png") 0 center no-repeat;
  cursor: pointer;
  display: block;
  visibility: hidden; }

#site .gallery a#galleryRight {
  background-position: -26px center; }

#site .gallery #galleryLeft:hover {
  background-position: -52px center; }

#site .gallery #galleryRight:hover {
  background-position: -78px center; }

#site .gallery .slides > div {
  width: 450px; }

#site .gallery #navGallery {
  padding: 13px 45px;
  height: 12px;
  text-align: center;
  background-color: #f9f9f8;
  border-top: 5px solid #e3e3e3;
  border-bottom: 5px solid #e3e3e3;
  clear: both; }

#site .gallery #navGallery a {
  margin: 0 20px 0 0;
  width: 12px;
  height: 12px;
  text-align: center;
  text-indent: -9999px;
  background: url("../img/sprite-nav-wslider.png") left top no-repeat;
  display: inline-block; }

#site .gallery #navGallery a.activeSlide, #site .gallery #navGallery a:hover {
  background-position: 0 -12px; }

/* ------------------------------------------------------ SPECIFICATIES */
#site section .specificaties {
  margin: 0 0 30px;
  border-bottom: 5px solid #efefef; }

#site section .specificaties .row {
  min-height: 26px;
  font-size: 0.7em; }

#site section .specificaties .row.gray {
  background-color: #f9f9f8; }

#site section .specificaties .row .description,
#site section .specificaties .row .value {
  float: left;
  padding: 5px 0 2px;
  width: 50%;
  min-height: 25px;
  line-height: 20px; }

#site section .specificaties .row .description {
  width: 45%;
  background: url("../img/bg-spec-list-dots.png") 0 18px repeat-x; }

#site section .specificaties .row .description span {
  float: left;
  padding: 0 2px 0 15px;
  height: inherit;
  background-color: #fff; }

#site section .specificaties .row.gray .description span {
  background-color: #f9f9f8; }

/* ------------------------------------------------------ WINKELWAGEN */
a.webwinkelButton {
  float: left;
  width: 244px;
  height: 42px;
  text-indent: -9999px;
  background: url("../img/sprite-subwebwinkel-button.png") left top no-repeat;
  display: block; }

a.webwinkelButton.en {
  background: url("../img/sprite-subwebwinkel-button-en.png") left top no-repeat; }

a.webwinkelButton.de {
  background: url("../img/sprite-subwebwinkel-button-de.png") left top no-repeat; }

a.webwinkelButton:hover {
  background-position: 0 -42px; }

section .subWebwinkel {
  padding: 0 0 0 35px;
  height: 85px;
  color: #5f491a;
  background-color: #f3eee6; }

section .subWebwinkel b {
  float: left;
  width: 211px;
  line-height: 85px;
  font-size: 0.9em;
  display: block;
  text-shadow: 1px 1px 0px #fff; }

section .subWebwinkel a.webwinkelButton {
  margin: 21px 0 0; }

aside .mainWebwinkel {
  position: relative;
  padding: 30px 30px 25px;
  color: #5f491a;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  background-color: #F3EEE6;
  text-shadow: 1px 1px 0px #fff; }

aside .mainWebwinkel {
  position: relative;
  padding: 30px 30px 25px;
  color: #5f491a;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  background-color: #F3EEE6;
  text-shadow: 1px 1px 0px #fff; }

aside .mainWebwinkel .label {
  position: absolute;
  right: 0;
  top: 0;
  width: 145px;
  height: 66px; }

aside .mainWebwinkel .label.productStatus_02 {
  background: url("../img/label-reserved-big.png") right top no-repeat; }

/*Product status: Gereserveerd*/
aside .mainWebwinkel .label.productStatus_03 {
  background: url("../img/label-new-big.png") right top no-repeat; }

/*Product status: Nieuw*/
aside .mainWebwinkel .label.productStatus_04 {
  background: url("../img/label-verkocht-big.png") right top no-repeat; }

/*Product status: Verkocht*/
aside .mainWebwinkel .label.productStatus_02.en {
  background: url("../img/label-reserved-big-en.png") right top no-repeat; }

/*Product status: Gereserveerd*/
aside .mainWebwinkel .label.productStatus_03.en {
  background: url("../img/label-new-big-en.png") right top no-repeat; }

/*Product status: Nieuw*/
aside .mainWebwinkel .label.productStatus_04.en {
  background: url("../img/label-verkocht-big-en.png") right top no-repeat; }

/*Product status: Verkocht*/
aside .mainWebwinkel .label.productStatus_02.de {
  background: url("../img/label-reserved-big-de.png") right top no-repeat; }

/*Product status: Gereserveerd*/
aside .mainWebwinkel .label.productStatus_03.de {
  background: url("../img/label-new-big-de.png") right top no-repeat; }

/*Product status: Nieuw*/
aside .mainWebwinkel .label.productStatus_04.de {
  background: url("../img/label-verkocht-big-de.png") right top no-repeat; }

/*Product status: Verkocht*/
aside .mainWebwinkel .label.productVoorraadStatus_04 {
  background: url("../img/label-verkocht-big.png") right top no-repeat; }

/*Product voorraad status: Verkocht*/
aside .mainWebwinkel p {
  line-height: 1.8em;
  font-size: 0.9em; }

aside .mainWebwinkel p.hoeBetalen {
  margin: 0 0 5px;
  color: #86754f;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-size: 0.7em; }

aside .mainWebwinkel p span.nieuwprijs {
  color: #837765; }

aside .mainWebwinkel p span.onzePrijs {
  font-size: 1.1em; }

aside .mainWebwinkel a.webwinkelButton {
  float: none;
  margin: 0 0 30px; }

/* --------------------------------------------------- SHAREBLOCK */
aside .shareBlock {
  border-bottom: 5px solid #E3E3E3; }

aside .shareBlock > div {
  padding: 10px 0 20px;
  text-align: center; }

aside .shareBlock.deel > div a {
  display: inline-block;
  margin: 0 10px; }
aside .shareBlock.deel > div a img {
  display: block;
  width: 40px; }

aside .shareBlock.reageer > div {
  height: auto; }

/* ----------------------------------------- ASIDE - CONTACTBLOCK */
aside .asideContactBlock {
  position: relative;
  line-height: 30px;
  padding: 15px;
  background-color: #f0eff5; }

body.product.detail .asideContactBlock h1 {
  font-size: 1.2rem !important; }

aside .asideContactBlock form {
  padding: 15px 0 20px;
  border-bottom: 5px solid #d9d8ea; }

aside .asideContactBlock .row {
  margin: 0 0 5px;
  min-height: 32px;
  clear: both; }

aside .asideContactBlock .row .description {
  float: left;
  width: 110px;
  font-size: 0.8em; }

aside .asideContactBlock .row .value {
  float: left;
  width: 240px;
  box-sizing: border-box; }

aside .asideContactBlock .row.verzendCheck {
  margin: 0 0 5px; }

aside .asideContactBlock .row.verzendCheck .description {
  width: 255px; }

aside .asideContactBlock .row.verzendCheck .value {
  width: 90px; }

aside .asideContactBlock .row.message {
  display: none; }
  aside .asideContactBlock .row.message .description {
    display: none; }
  aside .asideContactBlock .row.message .value {
    width: 100%; }

form .form_loading,
form .form_error,
form .form_result,
.form_showEmailMessage {
  margin: 10px 0 0;
  display: none;
  font-size: 0.7em;
  line-height: 1.5em; }

form .form_result {
  padding: 0 0 0 25px;
  line-height: 15px;
  background: url("../img/ok.png") left 0 no-repeat; }

form .form_error {
  padding: 0 0 0 25px;
  color: #F13F41;
  background: url("../img/cross.png") left 1px no-repeat; }

form .form_loading img {
  float: left;
  margin: 1px 10px 0 0;
  display: block; }

aside .asideContactBlock .row .value span {
  font-size: 0.7em; }

aside .asideContactBlock input[type=text],
aside .asideContactBlock input[type=email],
aside .asideContactBlock textarea,
aside .asideContactBlock select {
  padding: 0 5px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: block;
  border: 1px solid #E3E3E3;
  box-sizing: border-box; }

aside .asideContactBlock select {
  width: 100%; }

aside .asideContactBlock input.error,
aside .asideContactBlock textarea.error {
  background-color: #ffe0e0;
  border-color: #980a2b; }

aside .asideContactBlock input:valid,
aside .asideContactBlock textarea:valid {
  border-color: #b4dab4; }

aside .asideContactBlock textarea {
  padding: 0 0 0 5px;
  min-height: 30px;
  line-height: 20px;
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  resize: vertical;
  height: 70px; }

aside .asideContactBlock .radio {
  font-size: 0.7em;
  padding-left: 5px; }
  aside .asideContactBlock .radio label {
    margin-right: 15px;
    cursor: pointer; }

aside .asideContactBlock input[type=submit],
aside .asideContactBlock input.activate-form {
  padding: 0;
  width: 120px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-family: 'Open sans', sans-serif;
  font-weight: bold;
  cursor: pointer;
  border: 0px solid #fff;
  background-color: #dbb35f;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

aside .asideContactBlock input.activate-form {
  padding: 0 10px;
  width: auto;
  background-color: #03a951; }

aside .asideContactBlock input[type=submit]:hover {
  background-color: #D3A23C; }

aside .asideContactBlock input.activate-form:hover {
  background-color: #0ec363; }

aside .asideContactBlock > div {
  padding: 15px 25px 20px;
  border-bottom: 5px solid #d9d8ea; }

aside .asideContactBlock div p {
  margin: 0;
  color: #5b5b5b;
  font-family: 'Open sans', sans-serif;
  font-size: 0.9em;
  font-weight: bold; }

aside .asideContactBlock img.gesprek {
  position: absolute;
  top: -14px;
  right: -10px;
  z-index: 200; }

/* ------------------------------------------------------ LAYOUT */
nav#bestellen {
  margin: 30px 0 0;
  width: 100%;
  height: 37px;
  background-color: #F9F9F8; }

nav#bestellen .complete {
  background-color: #f0eff5; }

nav#bestellen a,
nav#bestellen > div {
  float: left;
  padding: 0 46px 0 27px;
  height: inherit;
  line-height: 37px;
  color: #a5a5a5;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
  background: url("../img/bestelnav-disabled.gif") right center no-repeat #f9f9f8;
  display: block; }

nav#bestellen.en a,
nav#bestellen.en > div {
  padding: 0 40px 0 27px; }

nav#bestellen.de a,
nav#bestellen.de > div {
  padding: 0 39px 0 22px; }

nav#bestellen .complete {
  color: #585574;
  cursor: pointer;
  background: url("../img/bestelnav-complete.png") right center no-repeat #f0eff5; }

nav#bestellen .current {
  color: #585574;
  background: url("../img/bestelnav-current.gif") right center no-repeat #f0eff5; }

nav#bestellen .last {
  padding: 0 27px;
  background: none;
  background-color: #f9f9f8; }

nav#bestellen .complete.last {
  padding: 0 35px 0 19px;
  background: url("../img/vink.png") 202px 13px no-repeat #f0eff5; }

nav#bestellen.en .complete.last {
  padding: 0 35px 0 19px;
  background: url("../img/vink.png") 242px 13px no-repeat #f0eff5; }

nav#bestellen.de .complete.last {
  padding: 0 35px 0 19px;
  background: url("../img/vink.png") 242px 13px no-repeat #f0eff5; }

nav#bestellen .complete a {
  cursor: default; }

nav#bestellen a:hover {
  color: #D0A100; }

nav#bestellen div.complete {
  cursor: default; }

/* ------------------------------------------------------ SECTION */
section {
  width: 630px;
  margin: 50px 50px 0 25px; }

/* ------------------------------------------------------ FORM */
section #id_form_PWS_stap_01 {
  font-size: 0.8em; }

section div#gegevens {
  margin: 0 0 50px; }

section #id_form_PWS_stap_01 .row {
  margin: 0 0 8px;
  min-height: 31px;
  line-height: 31px; }

section #id_form_PWS_stap_01 .row .description {
  float: left;
  margin: 0 5px 0 0;
  width: 215px;
  background: url("../img/bg-spec-list-dots.png") left 20px repeat-x; }

section #id_form_PWS_stap_01 .row .description span {
  float: left;
  padding: 0 5px 0 0;
  width: auto;
  height: inherit;
  font-weight: bold;
  background-color: #fff; }

section #id_form_PWS_stap_01 .row .value {
  float: left;
  width: 385px;
  height: inherit; }

section #id_form_PWS_stap_01 .row .value.verzendadres {
  padding: 8px 0 0;
  line-height: 18px; }

/*
section #id_form_PWS_stap_01 .row .value label {
	margin:0 20px 0 0;
}
*/
section #id_form_PWS_stap_01 .row .value input[type=text] {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 0 5px;
  width: 378px;
  border: 1px solid #bcaf98;
  background-color: #faf4ea;
  height: 28px;
  line-height: 28px;
  display: block; }

section #id_form_PWS_stap_01 .row .value input.voornaam,
section #id_form_PWS_stap_01 .row .value input.tussenvoegsel,
section #id_form_PWS_stap_01 .row .value input.achternaam {
  float: left;
  width: 100px; }

section #id_form_PWS_stap_01 .row .value input.tussenvoegsel {
  width: 60px; }

section #id_form_PWS_stap_01 .row .value input.achternaam {
  margin: 0;
  width: 184px; }

section #id_form_PWS_stap_01 .row .value input.straatnaam,
section #id_form_PWS_stap_01 .row .value input.huisnummer,
section #id_form_PWS_stap_01 .row .value input.toevoeging {
  float: left;
  width: 224px; }

section #id_form_PWS_stap_01 .row .value input.huisnummer {
  width: 60px; }

section #id_form_PWS_stap_01 .row .value input.toevoeging {
  margin: 0;
  width: 60px; }

section #id_form_PWS_stap_01 .row .value input.postcode {
  width: 100px; }

section #id_form_PWS_stap_01 .row .value input.plaats {
  margin: 0;
  width: 261px; }

section #alternatiefAdres {
  position: relative;
  margin: 0;
  padding: 0 0 0 10px;
  height: 0;
  background-color: #f3f3f3;
  border-color: #E3E3E3;
  border-style: solid;
  border-width: 0;
  overflow: hidden;
  z-index: 20; }

section #id_form_PWS_stap_01 #alternatiefAdres .row .description {
  width: 210px; }

section #id_form_PWS_stap_01 #alternatiefAdres .row .description span {
  background-color: #f3f3f3; }

section #id_form_PWS_stap_01 .row .value input.error {
  background-color: #ffe0e0;
  border-color: #980a2b; }

section #id_form_PWS_stap_01 hr {
  height: 0px;
  border: 0px solid #fff;
  border-top: 1px solid #E3E3E3; }

section #id_form_PWS_stap_01 .row .value > label.inputLabel {
  position: relative;
  float: left;
  width: auto;
  height: 30px;
  cursor: text;
  display: block; }

section #id_form_PWS_stap_01 .row .value label.inputLabel span {
  position: absolute;
  left: 7px;
  top: 0;
  /*height:30px;*/
  color: #bcaf98;
  font-style: italic; }

section #id_form_PWS_stap_01 .row .value label.inputLabel span.selected {
  position: absolute;
  left: 7px;
  top: 0;
  /*height:30px;*/
  color: #E0DCD2;
  font-style: italic; }

section #bottomNav {
  margin: 30px 0 10px;
  padding: 5px;
  background-color: #585574; }

section #bottomNav a {
  float: right;
  padding: 0 46px 0 8px;
  height: inherit;
  line-height: 40px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #eccb86;
  background: url("../img/button-arrow-right.png") right center no-repeat #DBB35F;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

section #bottomNav a.terug {
  float: left;
  padding: 0 8px 0 46px;
  color: #ebe9fd;
  border: 1px solid #ccc;
  background: url("../img/button-arrow-left.png") left center no-repeat #6a6975; }

section #bottomNav a:hover {
  background-color: #d3a23c; }

section #bottomNav a.terug:hover {
  background-color: #595866; }

section .formMelding {
  font-size: 0.9em;
  font-style: italic;
  text-align: right; }

section p.validationError {
  padding: 20px;
  font-family: 'Open Sans', sans-serif;
  background-color: #FFE0E0; }

section .row .value input.clearFieldBlurred {
  color: #bcaf98;
  font-style: italic; }

section .row .value input.clearFieldActive {
  color: #000; }

/* ------------------------------------------------------ ASIDE */
aside {
  margin: 61px 0 0 0 !important;
  width: 275px; }

aside #gegevens {
  margin: 0 0 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8em; }

aside #gegevens .description {
  padding: 3px 0;
  font-weight: bold;
  border-bottom: 1px dotted #b5b5b5; }

aside #gegevens .value {
  margin: 0 0 10px;
  padding: 3px 0;
  font-style: italic; }

/* ------------------------------------------------------ BESTELLING OVERZICHT */
aside .uwBestelling {
  margin: 5px 0 40px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.7em; }

aside .uwBestelling .row {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  line-height: 30px;
  border-bottom: 1px solid #ddd; }

aside .uwBestelling .row .thumb {
  float: left;
  margin: 0 5px 0 0;
  width: 30px;
  overflow: hidden;
  border: 1px solid #ddd; }

aside .uwBestelling .row.last {
  border: 0px solid #fff; }

aside .uwBestelling .row .thumb img {
  width: 30px;
  display: block; }

aside .uwBestelling .row .name {
  float: left;
  margin: 0 5px 0 0;
  width: 160px;
  height: 30px; }

aside .uwBestelling .row .price {
  float: left;
  margin: 0;
  width: 70px;
  text-align: right; }

aside .uwBestelling .row.subtotaal {
  padding: 0;
  height: 25px;
  font-weight: bold;
  border: 0px solid #fff; }

aside .uwBestelling .row.totaal {
  padding: 5px 0;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 3px solid #ddd;
  border-bottom: 3px solid #ddd; }

aside .uwBestelling .row.subtotaal .name,
aside .uwBestelling .row.totaal .name {
  width: 195px; }

aside .uwBestelling .row.totaal .price {
  width: 71px; }

/* ------------------------------------------------------ PRINT BUTTON */
aside .printButton {
  margin: 0 0 20px;
  width: 100%;
  height: 43px;
  text-indent: -9999px;
  background: url("../img/sprite-button-print.png") left top no-repeat;
  display: block; }

aside .printButton.en {
  background: url("../img/sprite-button-print-en.png") left top no-repeat; }

aside .printButton.de {
  background: url("../img/sprite-button-print-de.png") left top no-repeat; }

aside .printButton:hover {
  background-position: 0 -43px; }

/* ------------------------------------------------------ SHARE */
aside .standardText .share {
  margin: 20px 0 35px; }

/* ------------------------------------------------------ INFOBLOCK */
body.bestellen #site .container aside .infoBlock {
  padding: 21px 0 20px 20px;
  background: url("../img/medal.png") no-repeat scroll 3px 0 #F3EEE6; }

body.bestellen #site .container aside .infoBlock h1 {
  margin: 0 0 5px 25px;
  width: 200px; }

/* ------------------------------------------------------ BETAALWIJZE */
section form#id_form_PWS_stap_02 {
  font-size: 0.8em; }

section form#id_form_PWS_stap_02 label {
  margin: 0 0 5px;
  padding: 25px;
  height: 28px;
  cursor: pointer;
  background-color: #eee;
  border: 1px solid #eee;
  display: block; }

section form#id_form_PWS_stap_02 label.moreRules {
  padding: 20px 25px;
  height: 40px; }

section form#id_form_PWS_stap_02 label.moreRules.alotofrules {
  padding: 10px 25px;
  height: 60px; }

section form#id_form_PWS_stap_02 label.checked {
  background-color: #F0EFF5;
  border: 1px solid #a19ec4; }

section form#id_form_PWS_stap_02 label .input {
  float: left;
  margin: 0 20px 0 0;
  padding: 7px 0 0;
  width: 13px;
  height: 16px; }

section form#id_form_PWS_stap_02 label.moreRules .input {
  padding: 15px 0 0; }

section form#id_form_PWS_stap_02 label.moreRules.alotofrules .input {
  padding: 24px 0 0; }

section form#id_form_PWS_stap_02 label .name,
section form#id_form_PWS_stap_02 label .col {
  float: left;
  margin: 0 30px 0 0;
  height: 28px;
  line-height: 28px; }

section form#id_form_PWS_stap_02 label .col {
  float: right; }

section form#id_form_PWS_stap_02 label.moreRules .col {
  margin: 7px 30px 0 0; }

section form#id_form_PWS_stap_02 label.moreRules.alotofrules .col {
  margin: 17px 30px 0 0; }

section form#id_form_PWS_stap_02 label.moreRules .name {
  width: 290px;
  height: auto;
  line-height: 20px; }

section form#id_form_PWS_stap_02 label.moreRules.alotofrules .name {
  width: 360px; }

section form#id_form_PWS_stap_02 label .name span {
  color: #999;
  font-size: 0.9em;
  font-style: italic; }

section form#id_form_PWS_stap_02 label .col select {
  width: 200px;
  border: 1px solid #ddd; }

section form#id_form_PWS_stap_02 label a {
  color: #999; }

section form#id_form_PWS_stap_02 label a:hover {
  color: #bbb; }

/* ------------------------------------------------------ OVERZICHT 03 */
#site .container section form#id_form_PWS_stap_03 #bottomNav a {
  font-size: 0.8em; }

#site .container section form#id_form_PWS_stap_03 .row.verzendMethode {
  /*background-color:#fff;*/ }

#site .container section form#id_form_PWS_stap_03 .colBetaalwijze,
#site .container section form#id_form_PWS_stap_03 .colOpmerkingen {
  float: left;
  margin: 0 25px 0 0;
  width: 325px; }

#site .container section form#id_form_PWS_stap_03 .colOpmerkingen {
  margin: 0; }

#site .container section form#id_form_PWS_stap_03 textarea {
  margin: 7px 0 0;
  padding: 3px 0 0 3px;
  width: 320px;
  height: 145px;
  min-height: 150px;
  border: 1px solid #BCAF98;
  background-color: #FAF4EA;
  resize: vertical; }

#site .container section form#id_form_PWS_stap_03 p.algemeneVoorwaarden {
  margin: 15px 0 0; }

/* ------------------------------------------------------ BETALEN 04 */
h1.error {
  padding: 0 0 0 30px;
  background: url("../img/icon-error.png") left 9px no-repeat; }

/* ------------------------------------------------------ TYPE */
body.overzicht aside h1 {
  margin: 0 0 20px;
  color: #5f491a;
  font-size: 1.1em; }

/* ------------------------------------------------------ SECTION */
section {
  width: 675px;
  margin: 50px 30px 0 0; }

/* ------------------------------------------------------ OVERZICHT */
#winkelwagenOverzicht {
  font-size: 0.8em; }

#winkelwagenOverzicht .row {
  padding: 15px;
  border-bottom: 5px solid #e3e3e3; }

#winkelwagenOverzicht .row.product {
  min-height: 92px; }

#winkelwagenOverzicht .row .omschrijving {
  float: left;
  margin: 0 10px 0 0;
  width: 400px; }

#winkelwagenOverzicht .row .omschrijving .image {
  float: left;
  margin: 0 10px 0 0;
  width: 72px;
  border: 1px solid #9a9a9a;
  overflow: hidden; }

#winkelwagenOverzicht .row .omschrijving .image img {
  width: inherit;
  display: block; }

#winkelwagenOverzicht .row .omschrijving .info {
  float: left;
  width: 315px; }

#winkelwagenOverzicht .row .omschrijving .info a.productTitle {
  color: #212121;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none; }

#winkelwagenOverzicht .row .omschrijving .info a.productTitle:hover {
  text-decoration: underline; }

#winkelwagenOverzicht .row .omschrijving .info .productRef {
  color: #d0a100;
  font-size: 1.1em;
  font-style: italic; }

#winkelwagenOverzicht .row .omschrijving .info .productLevertijd {
  font-size: 0.9em; }

#winkelwagenOverzicht .row .aantal {
  float: left;
  width: 125px;
  text-align: right; }

#winkelwagenOverzicht .row .aantal select {
  margin: 0 0 5px;
  width: 50px;
  border: 1px solid #abadb3;
  display: block; }

#winkelwagenOverzicht .row .aantal a.productVerwijder {
  float: right;
  width: 76px;
  height: 18px;
  background: url("../img/sprite-button-verwijder.png") left top no-repeat;
  text-indent: -9999px;
  display: block; }

#winkelwagenOverzicht .row .aantal a.productVerwijder.en {
  background: url("../img/sprite-button-verwijder-en.png") left top no-repeat; }

#winkelwagenOverzicht .row .aantal a.productVerwijder.de {
  background: url("../img/sprite-button-verwijder-de.png") left top no-repeat; }

#winkelwagenOverzicht .row .aantal a.productVerwijder:hover {
  background-position: 0 -18px; }

#winkelwagenOverzicht .row .bedrag {
  float: left;
  width: 110px;
  text-align: right; }

#winkelwagenOverzicht .row.title {
  padding: 0 0 0 15px;
  height: 36px;
  line-height: 36px;
  color: #212121;
  font-weight: bold;
  background-color: #f9f9f8;
  border-top: 5px solid #e3e3e3;
  border-bottom: 5px solid #e3e3e3; }

#winkelwagenOverzicht .row.subtotaal,
#winkelwagenOverzicht .row.totaal,
#winkelwagenOverzicht .row.onderschrift {
  padding: 0 0 0 15px;
  height: 36px;
  line-height: 36px;
  border-bottom: 2px solid #e3e3e3; }

#winkelwagenOverzicht .row.bordertop {
  border: 0;
  border-top: 2px solid #e3e3e3;
  margin-top: 45px; }

#winkelwagenOverzicht .row.borderbottom {
  border: 0;
  border-bottom: 2px solid #e3e3e3; }

#winkelwagenOverzicht .row.bordernul {
  border: 0; }

#winkelwagenOverzicht .row.verzendMethode {
  padding: 10px 0 10px 14px;
  border: 0px solid #fff;
  cursor: pointer; }

#winkelwagenOverzicht .row.verzendMethode .omschrijving {
  line-height: 18px; }

#winkelwagenOverzicht .row.verzendMethode .omschrijving input[type=radio] {
  margin: 0 5px 0 0; }

#winkelwagenOverzicht .row.verzendMethode .omschrijving label {
  display: block;
  cursor: pointer; }

#winkelwagenOverzicht .row.verzendMethode .aantal {
  min-height: 18px; }

#winkelwagenOverzicht .row.verzendMethode .bedrag {
  color: #bbb; }

#winkelwagenOverzicht .row.verzendMethode.checked,
#winkelwagenOverzicht .row.verzendMethode.checked label {
  background-color: #F0EFF5;
  cursor: default; }

#winkelwagenOverzicht .row.verzendMethode.checked .aantal {
  background: url("../img/icon-vrachtwagen.png") 95px 2px no-repeat; }

#winkelwagenOverzicht .row.verzendMethode.checked .bedrag {
  color: #000; }

#winkelwagenOverzicht .row.totaal {
  font-weight: bold;
  border-top: 5px solid #e3e3e3;
  border-bottom: 5px solid #e3e3e3; }

/* ------------------------------------------------------ ASIDE */
aside {
  margin: 67px 0 0 0;
  width: 275px; }

aside .bestellenMogelijkheden {
  padding: 20px 15px;
  width: 244px;
  color: #86754f;
  background-color: #f9f9f8; }

aside .bestellenMogelijkheden a.verderBestellen {
  margin: 0 0 25px;
  width: 244px;
  height: 42px;
  text-indent: -9999px;
  background: url("../img/sprite-button-winkel-verder.png") left top no-repeat;
  display: block; }

aside .bestellenMogelijkheden a.verderBestellen.en {
  background: url("../img/sprite-button-winkel-verder-en.png") left top no-repeat; }

aside .bestellenMogelijkheden a.verderBestellen.de {
  background: url("../img/sprite-button-winkel-verder-de.png") left top no-repeat; }

aside .bestellenMogelijkheden a.verderBestellen:hover {
  background-position: 0 -42px; }

aside .bestellenMogelijkheden a.meerInfo {
  font-size: 0.7em; }

aside .bestellenMogelijkheden a.verderWinkelen {
  font-size: 0.8em;
  font-weight: bold; }

section p.validationError {
  padding: 20px;
  font-family: 'Open Sans', sans-serif;
  background-color: #FFE0E0; }

/* ------------------------------------------------------ LAYOUT */
section #testimonials {
  margin: 40px 0 0; }

section #testimonials article {
  margin: 0 0 20px;
  border: 1px solid #eee; }

section #testimonials header {
  float: left;
  margin: 0 0 20px;
  padding: 12px 20px;
  width: 473px;
  font-family: 'Open sans',Verdana,sans-serif;
  background: url("../img/star5.png") 410px 20px no-repeat #eee; }

section #testimonials header.star5 {
  background-image: url("../img/star5.png"); }

section #testimonials header.star4 {
  background-image: url("../img/star4.png"); }

section #testimonials header.star3 {
  background-image: url("../img/star3.png"); }

section #testimonials header.star2 {
  background-image: url("../img/star2.png"); }

section #testimonials header.star1 {
  background-image: url("../img/star1.png"); }

section #testimonials header h2 {
  color: #585574;
  font-size: 0.8em;
  margin: 5px 0;
  max-width: 380px; }

section #testimonials header time {
  font-family: Verdana, sans-serif;
  font-size: 0.7em;
  font-style: italic; }

section #testimonials p {
  padding: 0 20px; }

section .testimonials_loader,
section .noTestimonials {
  margin: 0 auto;
  padding: 10px;
  width: 495px;
  height: 55px;
  color: #725B40;
  font-weight: bold;
  text-align: center;
  background: url("../img/ajax-loader-brownbg.gif") center 34px no-repeat #F6F3ED; }

section .noTestimonials {
  padding: 20px;
  height: auto;
  font-weight: normal;
  text-align: left;
  background: none;
  background-color: #F6F3ED;
  display: none; }

/* ----------------------------------------- ASIDE - CONTACTBLOCK */
#site aside.gastenboek.mobile {
  display: none !important; }

#site aside form#id_post_testimonial {
  padding: 15px 0 20px;
  line-height: 30px;
  /*border-bottom:5px solid #E3E3E3;*/ }

#site aside form#id_post_testimonial .row {
  margin: 0 0 5px;
  min-height: 32px;
  clear: both; }

#site aside form#id_post_testimonial .row.verzendCheck {
  margin: 0 0 15px; }

#site aside form#id_post_testimonial .row .description {
  float: left;
  width: 110px;
  font-size: 0.8em; }

#site aside form#id_post_testimonial .row.verzendCheck .description {
  width: 285px; }

#site aside form#id_post_testimonial .row .value {
  float: left;
  width: 265px; }

#site aside form#id_post_testimonial .row.verzendCheck .value {
  width: 90px; }

#site aside form#id_post_testimonial .row.message .loading,
#site aside form#id_post_testimonial .row.message .error,
#site aside form#id_post_testimonial .row.message .result,
#site aside form#id_post_testimonial .row.message .showEmailMessage {
  margin: 10px 0 0;
  display: none;
  font-size: 0.7em;
  color: #F00;
  line-height: 1.6em; }

#site aside form#id_post_testimonial .row.message .result {
  padding: 0 0 10px 25px;
  line-height: 1.6em;
  background: url("../img/ok.png") left center no-repeat;
  color: #000; }

#site aside form#id_post_testimonial .row.message .error {
  padding: 0 0 0 25px;
  background: url("../img/cross.png") left 7px no-repeat; }

#site aside form#id_post_testimonial .row.message .loading img {
  float: left;
  margin: 7px 10px 0 0;
  display: block; }

#site aside form#id_post_testimonial .row .value span {
  font-size: 0.7em; }

#site aside form#id_post_testimonial input[type=text],
#site aside form#id_post_testimonial input[type=email],
#site aside form#id_post_testimonial textarea {
  padding: 0 5px;
  width: 253px;
  height: 30px;
  line-height: 30px;
  display: block;
  border: 1px solid #E3E3E3; }

#site aside form#id_post_testimonial textarea {
  line-height: 1.5em; }

#site aside form#id_post_testimonial .radio {
  font-size: 0.7em;
  /*
  	padding-top: 25px;
  */
  padding-left: 5px; }

#site aside form#id_post_testimonial input.error,
#site aside form#id_post_testimonial textarea.error {
  background-color: #ffe0e0;
  border-color: #980a2b; }

#site aside form#id_post_testimonial input:valid,
#site aside form#id_post_testimonial textarea:valid {
  border-color: #b4dab4; }

#site aside form#id_post_testimonial textarea {
  padding: 0 0 0 5px;
  width: 258px;
  min-height: 30px;
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
  resize: vertical;
  height: 70px; }

#site aside form#id_post_testimonial input[type=submit] {
  float: left;
  padding: 0;
  width: 120px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-family: 'Open sans', sans-serif;
  font-weight: bold;
  cursor: pointer;
  border: 0px solid #fff;
  background-color: #dbb35f;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

#site aside form#id_post_testimonial input[type=submit]:hover {
  background-color: #D3A23C; }

#site aside form#id_post_testimonial > div {
  /*	padding:15px 25px 20px;
  	border-bottom:5px solid #E3E3E3;	*/ }

#site aside form#id_post_testimonial div p {
  margin: 0;
  color: #5b5b5b;
  font-family: 'Open sans', sans-serif;
  font-size: 0.9em;
  font-weight: bold; }

#site aside form#id_post_testimonial #starRating {
  position: relative; }

#site aside form#id_post_testimonial #starRating .trans_stars {
  z-index: 100;
  top: 7px;
  position: absolute;
  padding-left: 2px;
  margin-left: 2px; }

#site aside form#id_post_testimonial #starRating .bg_stars {
  z-index: 19;
  position: absolute;
  top: 7px;
  padding-left: 2px;
  margin-left: 2px; }

#site aside form#id_post_testimonial #starRating .hover_stars {
  z-index: 20;
  position: absolute;
  top: 7px;
  display: none;
  padding-left: 2px;
  margin-left: 2px; }

#site aside form#id_post_testimonial .error.rating {
  color: red;
  font-size: 0.7rem;
  font-style: italic;
  text-align: right; }

html.stylish-select body.product div.pac-container {
  font-size: 0.8em; }

/* ---------------------------------------------------------- OVERZICHT */
article {
  margin: 0 0 50px; }

article header {
  float: left;
  margin: 0 0 20px;
  padding: 12px 20px;
  width: 475px;
  background-color: #eee; }

article header h1,
body.blog.detail article header h1 {
  margin: 0 0 5px;
  color: #D0A100; }

article header h1 a {
  text-decoration: none; }

article header time {
  font-size: 0.7em; }

article header time b {
  text-transform: uppercase; }

article p {
  padding: 0 20px; }

article a.leesVerder, article a.naarOverzicht {
  float: right;
  padding: 0 50px 0 15px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  background: url("../img/button-arrow-right.png") right center no-repeat #dbb35f;
  display: block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px; }

article a.leesVerder:hover {
  background-color: #d0a752; }

#recordsetPaging {
  line-height: 1.7em;
  font-size: 0.8em;
  text-align: center; }

#recordsetPaging > span {
  margin: 0 10px 0 0; }

/* ------------------------------------------------------- DETAIL */
article a.blogImage {
  float: left;
  margin: 0 20px 5px 0;
  padding: 2px;
  width: 230px;
  border: 1px solid #999;
  display: block; }

article a.blogImage img {
  width: inherit;
  display: block; }

body.blog.detail #site section article p img,
body.blog.detail #site section article img.imgPad20 {
  border: 5px solid #E3E3E3; }

article a.naarOverzicht {
  float: left;
  margin: 30px 0 0;
  padding: 0 15px 0 50px;
  background: url("../img/button-arrow-left.png") left center no-repeat #6A6975; }

article a.naarOverzicht:hover {
  background-color: #595866; }

aside .laatsteBlogposts > a {
  margin: 0 0 3px;
  padding: 10px;
  text-decoration: none;
  background: url("../img/bg-sprite-blogarrow.png") no-repeat scroll 327px 12px #EEEEEE;
  display: block; }

aside .laatsteBlogposts > a:hover {
  background-position: 327px -88px; }

aside .laatsteBlogposts a h2 {
  margin: 0 0 5px; }

aside .laatsteBlogposts a time {
  color: #000;
  font-size: 0.7em; }

aside .laatsteBlogposts a time b {
  text-transform: uppercase; }

/* ------------------------------------------------------- PAGING */
section .paging .pages {
  width: 435px; }

/* ------------------------------------------------------------- LAYOUT */
body.contact.info section {
  width: 100%;
  float: none;
  margin: 50px 70px 0 10px; }

body.contact section .col {
  float: left;
  margin: 0 33px 40px 0;
  width: 303px; }

body.contact section .col.wx2 {
  width: 639px; }

body.contact section .col.last {
  margin: 0 0 40px; }

body.contact section .col .standardText {
  height: 250px; }

body.contact section .col .standardText.autoHeight {
  height: auto; }

body.contact section .col #map_canvas.contactBlock,
body.contact section .col #pano.contactBlock {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 293px; }

body.contact section .col #map_canvas.mapOverlay,
body.contact section .col #pano.panoOverlay {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer; }

body.contact section .col #map_canvas.mapOverlay {
  background-image: url(/img/google-maps-overlay.jpg); }

body.contact section .col #pano.panoOverlay {
  background-image: url(/img/google-street-view-overlay.jpg); }

/* ------------------------------------------------------------- FORM */
body.contact section form .boxLinks,
body.contact section form .boxRechts {
  float: left;
  margin: 0 0 40px;
  width: 240px; }

body.contact section form .boxRechts {
  float: right; }

body.contact section form .boxFull {
  display: none; }

body.contact section form .boxFull input[type=text] {
  margin: 0 0 40px;
  width: 504px; }

body.contact section form .aanhef-radio-container {
  margin: 0 0 10px;
  padding: 0 5px;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center; }
  body.contact section form .aanhef-radio-container label {
    margin-left: 0.3em;
    margin-right: 1em;
    cursor: pointer; }

body.contact section form .land-select {
  padding: 0 5px;
  width: 100%;
  height: 35px; }
  @media only screen and (max-width: 500px) {
    body.contact section form .land-select {
      width: 240px; } }

#foundUsSelect {
  height: 20px;
  margin: 0 0 10px;
  padding: 0 5px;
  width: 515px;
  height: 35px;
  border: 1px solid #bcaf98;
  background-color: #faf4ea; }

body.contact section form h3 {
  margin: 0 0 5px;
  font-size: 0.9em; }

body.contact section form input[type=text] {
  margin: 0 0 10px;
  padding: 0 5px;
  width: 228px;
  height: 35px;
  border: 1px solid #bcaf98;
  background-color: #faf4ea; }

body.contact #site .container section form.default textarea {
  margin: 0 0 15px;
  padding: 5px;
  width: 503px;
  height: 120px;
  border: 1px solid #bcaf98;
  font-family: 'Open sans',sans-serif;
  font-size: 0.9em;
  background-color: #faf4ea;
  resize: vertical;
  display: block; }

body.contact section form input.error,
#site .container section #form .default textarea.error {
  background-color: #f5d1c8; }

body.contact section #form div.spamfilter {
  color: #f00;
  display: block; }

body.contact section #form div.form_error ul {
  list-style-type: none;
  margin: 0 0 20px; }

body.contact section #form div.form_error ul li {
  padding: 0 0 0 25px;
  height: 20px;
  line-height: 20px;
  color: #f00;
  background: url("../img/cross.png") left center no-repeat; }

body.contact #site .container section #form form label.error img {
  float: left;
  margin: 5px 10px 0 0;
  width: 16px;
  height: 16px;
  display: block; }

body.contact section form.default input[type=submit] {
  padding: 0;
  margin: 0;
  margin: 50px auto 0;
  width: 320px;
  height: 37px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  background-color: #dbb35f;
  border: 1px solid #bcaf98;
  cursor: pointer;
  display: block; }

body.contact section form.default input[type=submit]:hover {
  background-color: #CBA35D; }

h4.verplicht {
  margin: 15px 0 0;
  font-size: 0.8em;
  font-weight: normal;
  text-align: center; }

#form .form_loading,
#form .form_error,
#form .form_result {
  display: none; }

/* --------------------------------------------- REACTIEFORM - BUTTON */
#site section a.reactieForm {
  padding: 0 50px 0 15px;
  width: 134px;
  height: 35px;
  line-height: 35px;
  color: #FFFFFF;
  font-family: 'Open Sans',sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: url("../img/button-arrow-right.png") no-repeat scroll right center #DBB35F;
  display: block; }

#site section a.reactieForm:hover {
  background-color: #D0A752; }

/* --------------------------------------------- LET OP - LELIJKE CSS HIERONDER */
body.contact #site .container section form.default span.stylefileinput-container input.stylefileinput-text {
  width: 380px; }

body.contact #site .container section form.default span {
  position: relative; }

body.contact #site .container section form.default span span {
  position: absolute;
  display: block;
  top: -2px;
  overflow: hidden;
  z-index: 1;
  width: 75px;
  height: 24px;
  opacity: 0;
  filter: alpha(opacity=0); }

body.contact #site .container section form.default span span input {
  position: absolute;
  left: -140px;
  cursor: pointer; }

body.contact #site .container section form.default span input.stylefileinput-button {
  position: relative;
  z-index: 0; }

body.contact #site .container section form.default span.stylefileinput-container input.stylefileinput-button {
  padding: 0;
  margin: 0;
  padding: 0 0 3px;
  width: 100px;
  height: 37px; }

body.contact #site .container section form.default span.stylefileinput-container i.stylefileinput-text {
  margin: 0 0 0 15px;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8em; }

body.contact #site .container section .col.last .standardText {
  /*margin:0 0 25px;*/ }

body.contact #site .container section .standardText a.socialIcon {
  float: left;
  margin: 5px 0 0px 36px;
  width: 30px;
  height: 30px;
  display: block; }

body.contact #site .container section .standardText .share {
  margin: 35px 0 0 22px; }

#serviceInfo {
  margin: 25px 0 0; }

#serviceInfo h3 {
  margin: 2px 0 0;
  padding: 0 0 0 20px;
  height: 45px;
  line-height: 45px;
  color: #FFFFFF;
  font-family: 'Open Sans',sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0 #000000;
  text-transform: uppercase;
  border: 0px solid #fff;
  border-radius: 0;
  background: url("../img/arrow-accordion.png") 486px 15px #725B40 no-repeat;
  cursor: pointer; }

#serviceInfo h3:hover, #serviceInfo h3.ui-state-active {
  background-color: #A38A5F;
  color: #FBC451;
  border: 0px solid #fff; }

#serviceInfo h3.ui-state-active {
  background-position: 486px -90px; }

#serviceInfo > div {
  padding: 10px;
  border-radius: 0;
  font-size: 0.9em; }

#serviceInfo > div a {
  color: #D0A100; }

#serviceInfo > div a:hover {
  color: #585574; }

body.sitemap #site section ul {
  list-style-type: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight: normal; }

body.sitemap #site section ul.sitemapLevel_00 {
  margin: 20px 0 0 20px; }

body.sitemap #site section ul li {
  margin: 0 0 5px; }

body.sitemap #site section ul.sitemapLevel_00 > li {
  list-style-type: square; }

body.sitemap #site section ul li a {
  text-decoration: none; }

body.sitemap #site section ul.sitemapLevel_00 ul {
  margin: 0 0 0 20px; }

aside .mainWebwinkel .label.productStatus_02 {
  background: url("../img/label-reserved-big.png") right top no-repeat; }

aside .mainWebwinkel .label.productStatus_03 {
  background: url("../img/label-new-big.png") right top no-repeat; }

aside .mainWebwinkel .label.productStatus_04 {
  background: url("../img/label-verkocht-big.png") right top no-repeat; }

aside .mainWebwinkel .label.productStatus_02.en {
  background: url("../img/label-reserved-big-en.png") right top no-repeat; }

aside .mainWebwinkel .label.productStatus_03.en {
  background: url("../img/label-new-big-en.png") right top no-repeat; }

aside .mainWebwinkel .label.productStatus_04.en {
  background: url("../img/label-verkocht-big-en.png") right top no-repeat; }

aside .mainWebwinkel .label.productStatus_02.de {
  background: url("../img/label-reserved-big-de.png") right top no-repeat; }

aside .mainWebwinkel .label.productStatus_03.de {
  background: url("../img/label-new-big-de.png") right top no-repeat; }

aside .mainWebwinkel .label.productStatus_04.de {
  background: url("../img/label-verkocht-big-de.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_02 {
  background: url("../img/label-reserved.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_03 {
  background: url("../img/label-new.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_04 {
  background: url("../img/label-verkocht.png") right top no-repeat; }

section .productOverzicht .product .label.productVoorraadStatus_04 {
  background: url("../img/label-verkocht.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_02.en {
  background: url("../img/label-reserved-en.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_03.en {
  background: url("../img/label-new-en.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_04.en {
  background: url("../img/label-verkocht-en.png") right top no-repeat; }

section .productOverzicht .product .label.productVoorraadStatus_04.en {
  background: url("../img/label-verkocht-en.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_02.de {
  background: url("../img/label-reserved-de.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_03.de {
  background: url("../img/label-new-de.png") right top no-repeat; }

section .productOverzicht .product .label.productStatus_04.de {
  background: url("../img/label-verkocht-de.png") right top no-repeat; }

section .productOverzicht .product .label.productVoorraadStatus_04.de {
  background: url("../img/label-verkocht-de.png") right top no-repeat; }

.no-float {
  float: none !important; }

.hide {
  display: none; }

.mabo0 {
  margin-bottom: 0; }

.display-inline {
  display: inline; }

.lihe15 {
  line-height: 15px !important; }

/* ------------------------------------------------- MEDIAQUERIES */
/* ------------------------------------------------ LARGE SCREENS */
/* END LARGE SCREENS */
/* ------------------------------------------------------ DESKTOP */
/* END DESKTOP */
/* --------------------------------------------------------- IPAD */
@media only screen and (max-width: 1200px) {
  /* --------------------------------------------------- PAGELOADER */
  #pageloader {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75); }

  #pageloader .loader {
    position: fixed;
    left: 50%;
    top: 20%;
    z-index: 3000;
    margin: 0 0 0 -100px;
    padding: 60px 25px 15px 25px;
    width: 200px;
    color: #000;
    line-height: 1.5em;
    font-size: 0.9em;
    /*font-weight: bold;*/
    /*font-style: italic;*/
    text-align: center;
    background: url("../img/ajax-loader.gif") center 20px no-repeat scroll #fff;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

  #pageloader .loader .prev,
  #pageloader .loader .next {
    display: none; }

  #pageloader .loader span {
    display: block; }

  body.homepage.jubileum #topFoto .overlay-jubileum img {
    margin-left: calc(-25%); } }
/* END IPAD */
/* -------------------------------------------------- IPAD STAAND */
@media only screen and (max-width: 770px) {
  .desktopOnly {
    display: none !important; }

  #site {
    overflow: hidden; }

  body .container {
    width: 100%;
    padding: 0 1vmax;
    box-sizing: border-box; }

  body section,
  body.homepage section,
  body.blog section,
  body.service section,
  body.testimonials section,
  body.product.overzicht section,
  body.product.detail section,
  body.contact.form section,
  body aside,
  body.service aside,
  body.testimonials aside,
  body.product.overzicht aside,
  body.blog.overzicht aside,
  body.blog.detail aside,
  body.product.detail aside,
  body.homepage aside {
    margin: 20px 0 !important;
    padding: 4%;
    width: auto;
    float: none;
    box-sizing: border-box; }

  body aside:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px !important; }

  body aside div.blockSpacer {
    display: none !important; }

  body.homepage aside > div {
    display: inline-block;
    margin: 0 0 30px;
    width: 47%;
    height: 220px;
    overflow: hidden;
    vertical-align: top; }

  body.homepage aside .certificate {
    padding: 0; }

  body.homepage aside .certificate img {
    margin: 0 0 0 7px; }

  body.homepage #site #map.contactBlock,
  body.homepage #site #adresgegevens.contactBlock,
  body.homepage #site .contactBlock {
    width: 32%;
    height: 316px;
    margin: 0 2% 0 0;
    box-sizing: border-box; }

  body.homepage #site #adresgegevens.contactBlock {
    margin: 0;
    padding: 10px 0 0 10px; }

  #serviceInfo h3 {
    background-position: 97% 15px !important; }

  #serviceInfo h3.ui-state-active {
    background-position: 97% -90px !important; }

  /* ----------------------------------------- IPAD STAAND - HEADER */
  .container .contactInfo span {
    margin: 0 15px 0 0; }

  .container .contactInfo {
    width: 50%; }

  .headerMain a.logo {
    width: 250px; }

  .headerMain a.logo img {
    display: block;
    margin: 15px 0 0;
    width: 100%; }

  /* --------------------------------------- IPAD STAAND - NAV MAIN */
  nav#main {
    height: 50px; }

  nav#main .container {
    width: 100%;
    height: 50px;
    padding: 0 1vmax;
    box-sizing: border-box; }

  nav#main ul.toplevel > li {
    height: 50px; }

  nav#main ul.toplevel > li > a {
    padding: 0 10px;
    height: 50px;
    line-height: 50px; }

  /* ----------------------------------- IPAD STAAND - WATCHWRAPPER */
  #watchSliderWrapper .container {
    width: 100%;
    padding: 0 1vmax;
    box-sizing: border-box; }

  #slideWrapper a.item {
    margin: 0 10px 0 0; }

  #watchSliderWrapper .container #slideWrapper {
    width: 87%; }

  #slideWrapper > div {
    width: 100%;
    box-sizing: border-box; }

  #watchSliderWrapper .container #left,
  #watchSliderWrapper .container #right {
    width: 6%; }

  #watchSliderWrapper .container #right,
  #watchSliderWrapper .container #right:hover {
    background-position: -460px 53px; }

  /* ----------------------------------------- IPAD STAAND - FOOTER */
  footer {
    text-align: justify; }

  footer:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px !important; }

  footer .col.sitenavigatie,
  footer .col.topmerken,
  footer .col.klantenservice,
  footer .col.copyright,
  footer .col.social {
    float: none;
    display: inline-block;
    margin: 50px 2% 50px 0;
    padding: 0;
    width: 30%;
    height: auto;
    vertical-align: top;
    box-sizing: border-box;
    background: none; }

  footer .col .title {
    font-size: 1.9vmax; }

  footer .col a {
    line-height: 1.7em;
    font-size: 1.4vmax; }

  footer .stats {
    bottom: 0; }

  /* ---------------------------------------- IPAD STAAND - WEBSHOP */
  body section .colRubriek {
    margin: 0 2% 0 0;
    width: 32%;
    overflow: hidden; }

  body section .colRubriek ul {
    margin: 0 0 20px 6%; }

  body section .colRubriek ul li a .text {
    width: 65%;
    line-height: 1.2em;
    text-align: left; }

  /* ------------------------------ IPAD STAAND - PRODUCT OVERZICHT */
  aside .block .value input.searchbox {
    width: 100% !important;
    box-sizing: border-box; }

  section .productOverzicht .product.nomargin {
    float: right;
    margin-bottom: 20px; }

  section .productOverzicht .product {
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc(50% - 10px); }

  /* --------------------------------- IPAD STAAND - PRODUCT DETAIL */
  body.product.detail section {
    margin: auto !important; }

  /*body.product.detail #site .gallery {margin: 0 auto; width: 520px;}*/
  section .subWebwinkel {
    display: none; }

  body.product.detail aside {
    margin: 0 !important; }

  body #watchSliderWrapper .title .container {
    padding: 0 10px;
    width: 100%; }

  .employees .employeesInfo p.name {
    margin: 0; }

  /* -------------------------------- IPAD STAAND - EMPLOYEE SLIDER */
  body.homepage aside div.employees {
    height: auto; }

  .employees .slide .employeesImg {
    width: 30%;
    box-sizing: border-box; }

  .employees .slide .employeesImg img {
    width: 100%;
    box-sizing: border-box; }

  .employees .slide .employeesInfo {
    width: 70%;
    box-sizing: border-box; }

  /* ------------------------------------- IPAD STAAND - GASTENBOEK */
  body #site aside.gastenboek {
    display: none !important; }

  body #site aside.gastenboek.mobile {
    display: block !important; }

  body #site aside form#id_post_testimonial .row .description {
    width: 38% !important; }

  body #site aside form#id_post_testimonial .row .value {
    width: 58% !important; }

  section #testimonials,
  body.product.detail aside.gastenboek {
    float: none !important;
    width: 100% !important; }

  body.product.detail aside.gastenboek {
    float: right; }

  section #testimonials header {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box; }

  section #testimonials header {
    padding-bottom: 40px !important;
    background-position: center 90% !important; }

  #site aside form#id_post_testimonial .row .value {
    width: 185px !important;
    min-height: 34px !important;
    overflow: hidden; }

  #site aside form#id_post_testimonial input[type=text], #site aside form#id_post_testimonial input[type=email], #site aside form#id_post_testimonial textarea {
    width: 100% !important;
    box-sizing: border-box; }

  /* ------------------------------------------- IPAD STAAND - BLOG */
  article header {
    float: none !important;
    width: auto !important; }

  section .paging .pages {
    width: 85% !important; }

  /* ---------------------------------------- IPAD STAAND - CONTACT */
  body.contact section .col.last {
    float: none;
    width: auto;
    clear: both; }

  body.contact #site .container section .col.last .standardText {
    float: left;
    padding: 0 0 15px;
    /*margin: 0 33px 0 0!important;*/
    width: 303px; }

  body.contact section .col,
  body.contact section .col.last,
  body.contact section .col.wx2 {
    float: left;
    width: 50% !important;
    padding: 0 10px;
    margin: 0 0 40px !important;
    box-sizing: border-box; }

  body.homepage.jubileum #topFoto .overlay-jubileum img {
    margin-left: calc(-61%); }

  .sub-footer {
    margin-top: 0; }
    .sub-footer .betalingsMogelijkheden {
      width: 100%;
      margin-right: 0;
      text-align: center; }
    .sub-footer .certificate {
      width: 100%;
      text-align: center; }

  .slider-underline {
    display: none; }

  .newsTicker {
    max-height: none;
    margin-bottom: 1em !important;
    border-bottom: 6px solid #e3e3e3; }

  body.homepage aside > div {
    height: auto !important;
    width: 100%; }

  /* -------------------------------------------- IPAD STAAND - ZUT */
  .hideTablet {
    display: none; } }
/* END IPAD STAAND */
/* ------------------------------------------------------- IPHONE */
@media only screen and (max-width: 767px) {
  header#main .header-contactInfo {
    height: auto; }

  /*.container .contactInfo,*/
  /*.container .contactSocial {float: none; width: 100%;}*/
  .container .contactInfo {
    display: none; }

  .container .contactInfo.topMobile {
    display: block;
    width: auto; }

  .headerMain {
    height: auto; }

  .headerMain a.logo {
    float: none;
    margin: 0 auto;
    height: auto; }

  .headerMain a.logo img {
    display: block;
    margin: 0; }

  .headerMain #headerWinkel {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    float: none;
    margin: 0 auto; }

  #site .breadcrumbs {
    margin: 10px 0;
    padding-left: 10px;
    height: auto; }

  #site .breadcrumbs:after {
    content: "";
    display: table;
    clear: both; }

  #site .breadcrumbs a,
  #site .breadcrumbs .bcArrowGray {
    display: inline !important;
    padding: 0 5px !important;
    background: none !important; }

  #site .breadcrumbs a:after {
    content: '\00a0\203A'; }

  .headerMain #headerWinkel .searchForm {
    width: 100%;
    box-sizing: border-box; }

  .headerMain #headerWinkel .searchForm form fieldset input#id_searchbox_header {
    width: 100%; }

  #headerWinkel .searchForm span.jslider {
    width: 80%;
    box-sizing: border-box; }

  .headerMain #headerWinkel .winkelwagen {
    margin: 10px 5px 0;
    width: 70%; }

  .headerMain #headerWinkel .openMenuMobile {
    position: relative;
    display: block;
    float: left;
    margin: 10px 5px;
    width: 20%;
    height: 69px;
    text-indent: -9999px;
    cursor: pointer;
    background: url("../img/icon-hamburger.svg") center center/auto 60% no-repeat #454359; }

  .headerMain #headerWinkel .openMenuMobile.active {
    height: 79px;
    margin: 10px 5px 0;
    background-color: #A38960; }

  .headerMain #headerWinkel .subMenu {
    clear: both;
    display: none;
    width: 100%;
    background-color: #A38960; }

  .headerMain #headerWinkel .subMenu a {
    display: block;
    margin: 0 5px;
    padding: 15px;
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none;
    text-shadow: 1px 1px 0px #000; }

  .headerMain #headerWinkel .subMenu .topLinks {
    padding: 5px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 5px solid #876d44; }

  .headerMain #headerWinkel .subMenu .topLinks a {
    float: left;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 25%;
    font-size: 0.9rem;
    font-weight: normal;
    overflow: hidden;
    box-sizing: border-box; }

  section .blogpost .image {
    width: 100%;
    margin: 0;
    height: auto;
    float: none; }

  section .blogpost .image img {
    display: block;
    width: 100%; }

  /*header#main .header-contactInfo br.clear,*/
  #watchSliderWrapper.homepage,
  body.contact #watchSliderWrapper,
  body #watchSliderWrapper,
  .headerSfeerfoto {
    display: none !important; }

  nav#main,
  ul.dropdown,
  nav#main ul.toplevel > li,
  nav#main ul.toplevel > li > a,
  nav#main .container {
    display: none;
    float: none;
    height: auto; }

  nav#main .container {
    padding: 0; }

  nav#main ul.toplevel li.dir > a {
    background-position: 95% 53%; }

  nav#main ul.toplevel > li > a {
    line-height: 45px; }

  body.homepage aside > div {
    height: 310px; }

  section .blogpost .text {
    width: 280px;
    margin-bottom: 20px; }

  body.homepage #site #map.contactBlock, body.homepage #site #adresgegevens.contactBlock, body.homepage #site .contactBlock {
    float: none;
    margin: 0 0 20px;
    width: 100%; }

  #main > div > ul > li:nth-child(2) > ul.submenu,
  #main > div > ul > li:nth-child(3) > ul.submenu {
    display: none !important; }

  body.homepage .topLinks a {
    display: block;
    float: left;
    width: 25%;
    color: #725b40;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    text-decoration: none; }

  body.homepage .topLinks a img {
    display: block;
    margin: 0 auto 10px; }

  section .colRubriek ul li a .image {
    float: none !important;
    margin: 0 auto 5px !important; }

  section .colRubriek ul li a .text {
    float: none !important;
    text-align: center !important;
    width: 100% !important; }

  section .colRubriek ul li,
  section .colRubriek ul li a,
  section .colRubriek ul li a .text {
    height: auto !important; }

  section .colRubriek ul li {
    margin: 0 0 15px !important; }

  /* --------------------------------- IPHONE - PRODUCTEN OVERZICHT */
  section .productOverzicht .product {
    float: none !important;
    width: 100% !important;
    margin: 0 0 15px !important; }

  section .paging .pages {
    width: 80% !important; }

  /* ------------------------------------ IPHONE - PRODUCTEN DETAIL */
  h1.striped {
    clear: both !important; }

  #site .breadcrumbs a:first-child {
    display: none !important; }

  #site .gallery .slides div a:first-child {
    display: block !important; }

  #site .gallery .slides > div:first-child {
    display: block !important; }

  #site .gallery .slides a img {
    display: block !important;
    height: auto !important; }

  #site .gallery #navGallery {
    display: none !important; }

  /* --------------------------------------- IPHONE - BESTELSTAPPEN */
  nav#bestellen {
    padding: 0 0 0 30px;
    height: auto !important;
    background: none !important; }

  nav#bestellen > div,
  nav#bestellen > a {
    display: block !important;
    float: none !important;
    padding: 0 !important;
    background: none !important; }

  nav#bestellen div.current {
    color: #dbb35f; }

  /* --------------------------------------- IPHONE - BESTELSTAP 01 */
  section #id_form_PWS_stap_01 .row .description {
    background: none !important; }

  /* --------------------------------------- IPHONE - BESTELSTAP 02 */
  section form#id_form_PWS_stap_02 label .col {
    display: none !important; }

  /* ---------------------------------------------- IPHONE - FOOTER */
  footer .col.sitenavigatie, footer .col.topmerken {
    display: none; }

  #site #map.contactBlock,
  #site #street.contactBlock {
    background-size: 100% auto; }

  .mobileOnly {
    display: block; }

  /* ------------------------------------------------- IPHONE - ZUT */
  .hideMobile {
    display: none !important; } }
/* END IPHONE */
/* ------------------------------------------------ IPHONE STAAND */
@media only screen and (max-width: 500px) {
  section h1 {
    margin: 0 0 15px; }

  .container .contactSocial {
    float: right;
    width: auto; }

  .container .contactInfo,
  .container .contactSocial > a {
    display: none; }

  .container .contactInfo.topMobile {
    display: block !important;
    float: left;
    width: auto;
    font-size: 1.3rem;
    font-weight: bold; }

  section .socialMedia.facebook {
    display: none; }

  body.homepage aside > div {
    float: none;
    width: 100%;
    box-sizing: border-box;
    height: auto; }

  .certificate > a,
  .certificate > img {
    margin: 10px !important; }

  header#main .header-contactInfo br.clear {
    display: inline; }

  .headerMain #headerWinkel {
    width: auto; }

  .headerMain #headerWinkel .searchForm {
    display: none;
    width: auto; }

  .headerMain #headerWinkel .searchForm form fieldset input#id_searchbox_header {
    width: 100%; }

  #meldingWinkelwagen {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    padding: 15px 50px 44px;
    width: 100%;
    color: #fff;
    background-color: #262436;
    border: 3px solid #fff;
    display: none;
    box-sizing: border-box;
    z-index: 2000; }

  .headerMain #headerWinkel .winkelwagen {
    margin: 10px 5px 0;
    width: 70%; }

  .headerMain #headerWinkel .winkelwagen p {
    padding-left: 30px;
    text-align: left; }

  .headerMain #headerWinkel .openMenuMobile {
    position: relative;
    display: block;
    float: left;
    margin: 10px 5px;
    width: 20%;
    height: 69px;
    text-indent: -9999px;
    cursor: pointer;
    background: url("../img/icon-hamburger.svg") center center/auto 60% no-repeat #454359; }

  .headerMain #headerWinkel .openMenuMobile.active {
    height: 79px;
    margin: 10px 5px 0;
    background-color: #A38960; }

  .headerMain #headerWinkel .subMenu {
    clear: both;
    display: none;
    width: 100%; }

  .headerMain #headerWinkel .subMenu a {
    display: block;
    margin: 0 5px;
    padding: 15px;
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none;
    text-shadow: 1px 1px 0px #000;
    background-color: #A38960; }

  .headerMain #headerWinkel br.clear {
    display: none; }

  body section .colRubriek {
    float: none;
    width: 100%;
    margin: 0 0 20px; }

  body section .colRubriek ul {
    margin: 0 15px; }

  body section .colRubriek ul:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px !important; }

  section .colRubriek ul li {
    display: inline-block;
    width: 30%;
    overflow: hidden !important;
    /*height: 100px!important;*/ }

  section .colRubriek ul li a {
    width: 100%; }

  section .colRubriek ul li a .image {
    display: block;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    background-size: cover;
    background-color: #fff;
    box-sizing: border-box !important; }

  section .colRubriek ul li a .image.noImage {
    display: none; }

  body section .colRubriek ul li a .text {
    display: none; }

  body section .colRubriek ul li a .text.noImage {
    display: block;
    margin: 0 !important;
    padding: 4px 0;
    width: 100% !important;
    height: 52px !important;
    line-height: 1.2em;
    background-size: cover;
    background-color: #fff;
    border: 1px solid #A38A5F;
    float: none !important;
    box-sizing: border-box !important; }

  section .blogpost {
    margin-bottom: 0; }

  body.blog.detail #site section article p img, body.blog.detail #site section article img.imgPad20 {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 0 15px; }

  section .productOverzicht .product a.image {
    width: 40% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 0px solid #bdbbb9;
    background-color: #f2f2f2; }

  section .productOverzicht .product a.image img {
    display: block !important;
    width: 100% !important;
    height: auto; }

  section .productOverzicht .product .info {
    box-sizing: border-box !important; }

  section .productOverzicht .product .info .prijs {
    position: absolute !important;
    left: 5px !important;
    bottom: 45px !important; }

  footer {
    padding: 20px 0 !important; }

  footer * {
    font-size: 1.2rem !important; }

  footer .col.sitenavigatie,
  footer .col.topmerken,
  footer .col.klantenservice,
  footer .col.copyright,
  footer .col.social {
    width: auto;
    display: block;
    float: none; }

  footer .col.topmerken {
    display: none; }

  footer .stats {
    display: none; }

  aside .asideContactBlock img.gesprek {
    display: none; }

  /* --------------------------------- IPHONE - PRODUCTEN OVERZICHT */
  section .paging .pages {
    width: 70% !important; }

  section .paging .pages a {
    margin: 0 !important;
    padding: 2px 5px !important; }

  body.product.overzicht aside {
    margin: 0 !important;
    padding: 0 4%; }
  body.product.overzicht section {
    margin: 0 !important;
    padding-top: 0; }

  #winkelwagenOverzicht .row {
    padding: 5px !important; }

  #winkelwagenOverzicht .row .omschrijving {
    width: 100% !important; }

  #winkelwagenOverzicht .row.title .omschrijving {
    width: auto !important; }

  #winkelwagenOverzicht .row .omschrijving .image {
    width: 30% !important;
    box-sizing: border-box;
    margin: 0 5% 0 0 !important; }

  #winkelwagenOverzicht .row .omschrijving .image img {
    width: 100% !important;
    display: block !important; }

  #winkelwagenOverzicht .row .omschrijving .info {
    width: 65% !important;
    box-sizing: border-box;
    margin: 0 !important; }

  #winkelwagenOverzicht .row .aantal {
    display: none !important; }

  #winkelwagenOverzicht .row .bedrag {
    float: right !important; }

  #winkelwagenOverzicht .row.subtotaal {
    clear: both !important;
    height: auto !important;
    min-height: 36px !important; }

  .container .veiligBetalen {
    height: auto; }

  .container .veiligBetalen img {
    display: block;
    width: 100%; }

  hgroup {
    clear: both; }

  .winkelwagen {
    margin-bottom: 10px !important; }

  .winkelwagen .bestellijst .row {
    min-height: 40px !important; }

  .winkelwagen .bestellijst .row .name {
    text-align: left !important; }

  body.contact section form .boxLinks,
  body.contact section form .boxRechts {
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important; }

  body.contact #site .container section form.default textarea,
  #foundUsSelect,
  body.contact section form.default input[type=submit] {
    width: 100% !important;
    box-sizing: border-box !important; }

  body.contact section .col,
  body.contact section .col #map_canvas.contactBlock,
  body.contact section .col #pano.contactBlock {
    width: 100% !important; }

  body.contact section .col .standardText {
    padding: 10px 0 !important;
    height: auto !important; }

  aside .betalingsMogelijkheden img {
    margin: 10px 0;
    width: 100%; }

  /* ------------------------------------------------------ GALLERY */
  #site .gallery {
    display: none; }

  #site .galleryMobile {
    display: block !important; }

  #site .galleryMobile a[rel=galleryMobile] {
    display: none; }

  #site .galleryMobile a[rel=galleryMobile]:first-child {
    display: block;
    margin: 0 0 10px; }

  #site .galleryMobile a img {
    display: block;
    margin: 0 auto;
    border: 1px solid #949494; }

  #site .galleryMobile a.textLink {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #d0a100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

  /* -------------------------------- IPHONE STAAND - BESTELSTAPPEN */
  nav#bestellen {
    padding: 0 0 0 15px; }

  section #bottomNav {
    padding: 10px !important; }

  section #bottomNav a {
    float: none !important;
    width: auto !important; }

  section #bottomNav a.terug {
    margin: 0 0 5px !important; }

  section #bottomNav br.clear {
    display: none; }

  /* -------------------------------- IPHONE STAAND - BESTELSTAP 01 */
  section #id_form_PWS_stap_01 .row .description,
  section #id_form_PWS_stap_01 .row .value {
    width: auto !important;
    float: none !important;
    display: block !important; }

  section #id_form_PWS_stap_01 .row .value > label.inputLabel {
    width: 100% !important;
    margin: 0 0 10px !important; }

  section #id_form_PWS_stap_01 .row .value input.voornaam,
  section #id_form_PWS_stap_01 .row .value input.tussenvoegsel,
  section #id_form_PWS_stap_01 .row .value input.achternaam,
  #site .container section form#id_form_PWS_stap_01 .row .value .newListSelected .SSContainerDivWrapper,
  section #id_form_PWS_stap_01 .row .value input[type=text],
  #site .container section form#id_form_PWS_stap_01 .row .value .newListSelected {
    width: 100% !important;
    box-sizing: border-box; }

  #site .container section form#id_form_PWS_stap_01 .row .value .newListSelected {
    background: url("../../img/bg-select-bestellen.gif") right top no-repeat;
    border-left: 1px solid #bcaf98; }

  /* -------------------------------- IPHONE STAAND - BESTELSTAP 02 */
  section form#id_form_PWS_stap_02 label {
    height: auto !important; }

  section form#id_form_PWS_stap_02 label:after {
    content: "";
    display: table;
    clear: both; }

  form#id_form_PWS_stap_02 label .name,
  form#id_form_PWS_stap_02 label.moreRules .name {
    margin: 0 !important;
    width: 190px !important;
    height: auto !important; }

  /* -------------------------------- IPHONE STAAND - BESTELSTAP 03 */
  #site .container section form#id_form_PWS_stap_03 textarea {
    width: 100% !important;
    box-sizing: border-box; }

  #site .container section form#id_form_PWS_stap_03 .colBetaalwijze,
  #site .container section form#id_form_PWS_stap_03 .colOpmerkingen {
    float: none !important;
    margin: 0 !important;
    width: 100% !important; }

  /* -------------------------------------- IPHONE STAAND - CONTACT */
  body.contact section .col,
  body.contact section .col.last,
  body.contact section .col.wx2,
  body.contact section .col .standardText {
    float: none;
    width: 100% !important;
    padding: 0;
    margin: 0 0 30px !important; }

  body.contact section .col #pano.contactBlock {
    margin: 0 0 30px !important; } }
/* END IPHONE STAAND */

/*# sourceMappingURL=screen.css.map */