/* 	==========================================================================
   	imports
   	========================================================================== */
/*sticky footer line here */
/* line 10, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
html, body {
  height: 100%;
}

/* line 12, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
.container {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -97px;
}
/* line 18, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
.container .spacer {
  height: 97px;
}

/* line 20, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
footer {
  clear: both;
  position: relative;
  height: 97px;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 17, ../sass/_base.scss */
html,
button,
input,
select,
textarea {
  color: #222;
}

/* line 21, ../sass/_base.scss */
body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
/* line 32, ../sass/_base.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 37, ../sass/_base.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 46, ../sass/_base.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 59, ../sass/_base.scss */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 67, ../sass/_base.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 77, ../sass/_base.scss */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* line 85, ../sass/_base.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* 	==========================================================================
   	Define all your colors here
   	========================================================================== */
/* 	==========================================================================
   	Define all your mixins here
   	========================================================================== */
/* ==========================================================================
   Declare your fonts here
   ========================================================================== */
@font-face {
  font-family: 'Bariol';
  src: url("../fonts/bariol_regular-webfont.eot");
  src: url("../fonts/bariol_regular-webfont%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariol_regularregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* define custom styles here */
/* 	==========================================================================
   	Regular stuff
   	========================================================================== */
/* line 4, ../sass/_screen.scss */
* {
  -webkit-font-smoothing: antialiased;
}

/* line 5, ../sass/_screen.scss */
html, html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

/* line 8, ../sass/_screen.scss */
html {
  position: relative;
}

/* line 11, ../sass/_screen.scss */
body {
  margin: 0;
  background-color: whitesmoke;
  font-family: "bariol";
  color: #4e4e4e;
}

/* line 23, ../sass/_screen.scss */
.inner {
  position: relative;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* line 28, ../sass/_screen.scss */
.clear {
  clear: both;
  margin-top: 2px;
}

/* line 32, ../sass/_screen.scss */
.container {
  position: relative;
}

/* line 36, ../sass/_screen.scss */
.orange {
  color: #f78f1e;
}

/* 	==========================================================================
   	Markup stuff
   	========================================================================== */
/* line 43, ../sass/_screen.scss */
h1, h2, h3 {
  margin: 0;
  font-weight: normal;
}

/* line 45, ../sass/_screen.scss */
h2 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
  text-shadow: 2px 2px 2px #FFFFFF;
  margin-top: 0px;
  margin-bottom: 20px;
  float: left;
  margin-right: 10px;
}

/* line 54, ../sass/_screen.scss */
p {
  font-size: 22px;
  margin-top: 10px;
}

/* line 58, ../sass/_screen.scss */
a {
  color: #4e4e4e;
  text-decoration: none;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

/* line 68, ../sass/_screen.scss */
ul {
  margin: 0 !important;
}
/* line 70, ../sass/_screen.scss */
ul li {
  list-style-type: none;
}

/* line 74, ../sass/_screen.scss */
.img {
  height: 300px;
  background-color: #DEDEDE;
}

/* 	==========================================================================
   	Header stuff
   	========================================================================== */
/* line 82, ../sass/_screen.scss */
.rslides {
  position: relative;
  z-index: -1;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: -5px !important;
}
/* line 90, ../sass/_screen.scss */
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
/* line 97, ../sass/_screen.scss */
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
/* line 103, ../sass/_screen.scss */
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
/* line 110, ../sass/_screen.scss */
.rslides .caption {
  color: white;
  position: absolute;
  bottom: 20%;
  right: 15%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 99;
  font-size: 25px;
  padding: 0px 5px;
  background: rgba(0, 0, 0, 0.8);
}

/* line 123, ../sass/_screen.scss */
.header_logo {
  position: absolute;
  top: 20px;
  left: 50px;
  z-index: 10;
  width: 272px;
  height: 84px;
  text-indent: -9999px;
  background-image: url(../images/skin/header_logo.png);
  background-repeat: no-repeat;
}

/* line 130, ../sass/_screen.scss */
.header_logo_holder {
  position: relative;
  top: 60px;
  width: 379px;
  height: 68px;
  background-image: url(../images/skin/header_logo_holder.png);
  background-repeat: no-repeat;
}

/* line 135, ../sass/_screen.scss */
.slogan {
  position: absolute;
  top: 35%;
  width: 100%;
  z-index: 6;
  text-align: right;
}
/* line 141, ../sass/_screen.scss */
.slogan span {
  font-size: 40px;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0px 10px;
}

/* 	==========================================================================
   	Menu stuff
   	========================================================================== */
/* line 152, ../sass/_screen.scss */
.topmenuHolder {
  width: 100%;
  height: 35px;
  padding-top: 5px;
  background-image: url(../images/skin/topbar_bg_pat.png);
}

/* line 159, ../sass/_screen.scss */
.topmenu {
  float: right;
}
/* line 161, ../sass/_screen.scss */
.topmenu li {
  font-size: 14px;
  padding-left: 15px;
  margin-right: 10px;
  display: inline;
  color: white;
  /** topbar orange listitem images */
  background-image: url(../images/skin/topbar_listitem_image.png);
  background-repeat: no-repeat;
  background-position: left center;
  /** topbar icons **/
}
/* line 170, ../sass/_screen.scss */
.topmenu li:first-child {
  background: none;
}
/* line 171, ../sass/_screen.scss */
.topmenu li:last-child {
  margin-right: 0px;
}
/* line 172, ../sass/_screen.scss */
.topmenu li a {
  color: white;
}
/* line 174, ../sass/_screen.scss */
.topmenu li a:hover {
  text-decoration: none;
  color: #f78f1e;
}
/* line 178, ../sass/_screen.scss */
.topmenu li .email, .topmenu li .tel, .topmenu li .fax {
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: left center;
}
/* line 182, ../sass/_screen.scss */
.topmenu li .email {
  background-image: url(../images/skin/topbar_email.png);
}
/* line 183, ../sass/_screen.scss */
.topmenu li .tel {
  background-image: url(../images/skin/topbar_tel.png);
}
/* line 184, ../sass/_screen.scss */
.topmenu li .fax {
  background-image: url(../images/skin/topbar_fax.png);
}

/* line 189, ../sass/_screen.scss */
.menuHolder {
  width: 100%;
  background-image: url(../images/skin/hoofdmenu_bg_pat.png);
  background-repeat: repeat;
  height: 63px;
}

/* line 194, ../sass/_screen.scss */
.hoofdmenu {
  position: relative;
  float: right;
}
/* line 197, ../sass/_screen.scss */
.hoofdmenu a {
  text-transform: uppercase;
  color: #181616;
  border-left: 1px solid #e3e0da;
  padding-top: 18px;
  height: 42px;
  display: inline-block;
}
/* line 204, ../sass/_screen.scss */
.hoofdmenu a.last_menu_item {
  border-right: 1px solid #e3e0da;
}
/* line 206, ../sass/_screen.scss */
.hoofdmenu a.last_menu_item li {
  margin-right: 0px;
}
/* line 209, ../sass/_screen.scss */
.hoofdmenu li {
  display: inline;
  padding-bottom: 19px;
  padding-left: 20px;
  padding-right: 20px;
}
/* line 214, ../sass/_screen.scss */
.hoofdmenu li:hover, .hoofdmenu li.selected {
  border-bottom: 2px solid #f78f1e;
}

/** FF conditie voor et menu **/
@-moz-document url-prefix() {
  /* line 222, ../sass/_screen.scss */
  .hoofdmenu li {
    display: block;
  }
}

/* 	==========================================================================
   	Content stuff
   	========================================================================== */
/* line 231, ../sass/_screen.scss */
.content_home {
  background-color: whitesmoke;
}

/* line 234, ../sass/_screen.scss */
.itemsHolder {
  background-color: white;
  width: 100%;
  padding-top: 30px;
}

/* line 238, ../sass/_screen.scss */
.items {
  margin-left: 0px !important;
}
/* line 240, ../sass/_screen.scss */
.items li {
  vertical-align: top;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
  padding-top: 125px;
  width: 19%;
  font-size: 25px;
}
/* line 251, ../sass/_screen.scss */
.items .grote_stock {
  background-image: url(../images/skin/items_grote_stock.png);
}
/* line 252, ../sass/_screen.scss */
.items .uitgebreid_gamma {
  background-image: url(../images/skin/items_uitgebreid_gamma.png);
}
/* line 253, ../sass/_screen.scss */
.items .snelle_levering {
  background-image: url(../images/skin/items_snelle_levering.png);
}
/* line 254, ../sass/_screen.scss */
.items .beste_prijs {
  background-image: url(../images/skin/items_beste_prijs.png);
}
/* line 255, ../sass/_screen.scss */
.items .maatoplossingen {
  background-image: url(../images/skin/items_maatoplossingen.png);
}

/* line 257, ../sass/_screen.scss */
.blokkenHolder {
  margin-bottom: 75px;
}

/* line 261, ../sass/_screen.scss */
.itemsHolder_onderblok_left,
.itemsHolder_onderblok_right {
  width: 246px;
  height: 30px;
  display: inline-block;
  background-image: url(../images/skin/onderblok.png);
  background-repeat: no-repeat;
}

/* line 266, ../sass/_screen.scss */
.itemsHolder_onderblok_left {
  float: left;
  margin-left: 250px;
}

/* line 269, ../sass/_screen.scss */
.itemsHolder_onderblok_right {
  float: right;
  margin-right: 250px;
}

/* line 273, ../sass/_screen.scss */
.leftcolumn {
  float: left;
  width: 28%;
  margin-top: 20px;
}

/* line 280, ../sass/_screen.scss */
.rightcolumn {
  float: right;
  width: 68%;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* line 288, ../sass/_screen.scss */
.home_productHolder {
  margin-left: -25px;
}

/* line 291, ../sass/_screen.scss */
.product {
  float: left;
  margin-bottom: 20px;
  margin-left: 25px;
  width: 30.3%;
  text-align: center;
  min-height: 340px;
}
/* line 297, ../sass/_screen.scss */
.product span {
  font-size: 22px;
}

/* line 301, ../sass/_screen.scss */
.product_img {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 5px;
  min-height: 233px;
}
/* line 306, ../sass/_screen.scss */
.product_img span {
  font-size: 17px;
}
/* line 309, ../sass/_screen.scss */
.product_img img {
  margin-bottom: 20px;
}

/* line 314, ../sass/_screen.scss */
.column_item {
  margin-bottom: 40px;
}

/* line 317, ../sass/_screen.scss */
.column_content {
  margin-left: 52px;
  font-size: 22px;
}

/* line 321, ../sass/_screen.scss */
h2.breuk {
  background-image: url(../images/skin/moersleutel.png);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 50px;
  line-height: 38px;
}

/* line 326, ../sass/_screen.scss */
.line {
  display: block;
  overflow: hidden;
  height: 2px;
  background-image: url(../images/skin/line_pat.png);
  background-repeat: repeat-x;
  height: 37px;
  background-position: center;
}

/* line 331, ../sass/_screen.scss */
.telnumber {
  color: white;
  font-size: 35px;
  padding: 2px;
  padding-left: 60px;
  background-image: url(../images/skin/tel_big.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #231f20;
  display: block;
}

/* line 340, ../sass/_screen.scss */
.beschikbaarheid {
  margin-top: 5px;
  font-size: 19px;
  float: right;
  margin-right: 50px;
  margin-bottom: 25px;
}

/* line 345, ../sass/_screen.scss */
h2.clock {
  background-image: url(../images/skin/clock.png);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 50px;
  line-height: 38px;
}

/* line 353, ../sass/_screen.scss */
.openingsurenHolder span {
  font-size: 20px;
}
/* line 356, ../sass/_screen.scss */
.openingsurenHolder .uren {
  text-align: center;
  display: inline-block;
  width: 120px;
  color: white;
  background-color: #f78f1e;
  padding: 0px 5px;
  float: right;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

/* line 368, ../sass/_screen.scss */
h2.voorraad {
  background-image: url(../images/skin/voorraad.png);
  background-repeat: no-repeat;
  padding-left: 50px;
}

/* line 374, ../sass/_screen.scss */
.producten_lijst {
  padding-left: 0px;
}
/* line 376, ../sass/_screen.scss */
.producten_lijst li {
  background-image: url(../images/skin/listitem_image.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
}
/* line 380, ../sass/_screen.scss */
.producten_lijst li a.selected, .producten_lijst li a:hover {
  text-decoration: underline;
}

/* line 386, ../sass/_screen.scss */
.bestelknop {
  background-color: #EC7C19;
  color: white;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  display: block;
  font-size: 24px;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-image: url(../images/skin/pijltje_rechts.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}
/* line 396, ../sass/_screen.scss */
.bestelknop:hover {
  color: white;
}

/* line 398, ../sass/_screen.scss */
.black_contentbox {
  font-size: 22px;
}
/* line 400, ../sass/_screen.scss */
.black_contentbox .title {
  background-color: #231f20;
  color: white;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}
/* line 405, ../sass/_screen.scss */
.black_contentbox .content {
  padding-left: 10px;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 20px;
}
/* line 411, ../sass/_screen.scss */
.black_contentbox a:hover {
  color: #f78f1e;
}

/*******************************/
/*   Content stuff - Contactpage  */
/*******************************/
/* line 419, ../sass/_screen.scss */
.map {
  padding-right: 0px;
}
/* line 422, ../sass/_screen.scss */
.map iframe {
  border: 1px solid #dfdfdf;
  padding-right: -3px;
}
/* line 426, ../sass/_screen.scss */
.map a {
  display: block;
  background-color: white;
  text-align: center;
  margin-top: -5px;
  padding: 5px;
}
/* line 432, ../sass/_screen.scss */
.map a:hover {
  color: #f78f1e;
}

/* line 438, ../sass/_screen.scss */
.contact_tel, .contact_fax, .contact_email {
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 35px;
}

/* line 443, ../sass/_screen.scss */
.contact_tel {
  background-image: url(../images/skin/tel_small.png);
}

/* line 446, ../sass/_screen.scss */
.contact_fax {
  background-image: url(../images/skin/fax_small.png);
}

/* line 449, ../sass/_screen.scss */
.contact_email {
  background-image: url(../images/skin/email_small.png);
}

/** form stuff **/
/* line 454, ../sass/_screen.scss */
label {
  display: block;
  margin-bottom: 5px;
  font-size: 22px;
}

/* line 459, ../sass/_screen.scss */
input, textarea {
  font-family: 'bariol';
  font-size: 20px;
  margin-bottom: 10px;
  border: none;
  width: 100%;
  -webkit-appearance: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #cccccc;
  color: #918f8f;
  background-color: white;
  border-radius: 0px;
  resize: none;
}

/* line 476, ../sass/_screen.scss */
button {
  padding: 2px 6px 3px;
  cursor: pointer;
  background-color: #f78f1e;
  color: white;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: none;
  font-size: 22px;
  text-transform: uppercase;
  font-family: 'bariol';
  float: right;
  margin-top: 5px;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
/* line 490, ../sass/_screen.scss */
button:hover {
  background-color: #181616;
}

/* line 495, ../sass/_screen.scss */
#cboSoortVraag {
  width: 100%;
  font-family: 'bariol';
  font-size: 20px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: window;
  padding: 10px;
  border-bottom: 1px solid #cccccc;
  color: #918f8f;
  background-color: white;
  background-image: url(../images/skin/select_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 10px;
}

/* line 512, ../sass/_screen.scss */
.note-msg {
  background-color: #E5E5E5;
  border: 1px solid #C9C9C9;
  padding-left: 20px;
  font-size: 20px !important;
}

@-moz-document url-prefix() {
  /* line 521, ../sass/_screen.scss */
  #cboSoortVraag {
    margin-right: -35px;
  }

  /* line 524, ../sass/_screen.scss */
  .css-select-moz {
    background-color: white;
    border-bottom: 1px solid #cccccc;
    background-image: url(../images/skin/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 10px;
    padding-right: 17px;
  }
}

/* 	==========================================================================
   	Footer stuff
   	========================================================================== */
/* line 539, ../sass/_screen.scss */
footer {
  clear: both;
  position: relative;
  background-image: url(../images/skin/topbar_bg_pat.png);
  color: white;
  font-size: 15px;
  height: 70px;
  padding-top: 15px;
  padding-bottom: 12px;
}
/* line 548, ../sass/_screen.scss */
footer .innershadow {
  height: 9px;
  background-image: url(../images/skin/footer_innershadow.png);
  background-repeat: repeat-x;
  position: absolute;
  width: 100%;
  top: 0px;
}
/* line 554, ../sass/_screen.scss */
footer ul {
  float: left;
  padding-right: 40px !important;
  padding-left: 40px !important;
  border-right: 1px solid rgba(234, 234, 234, 0.2);
}
/* line 555, ../sass/_screen.scss */
footer ul:first-child {
  padding-left: 0px;
}
/* line 559, ../sass/_screen.scss */
footer ul span {
  color: #f78f1e;
}
/* line 561, ../sass/_screen.scss */
footer ul li a {
  color: white;
}
/* line 563, ../sass/_screen.scss */
footer ul li a:hover {
  color: #f78f1e;
}
/* line 567, ../sass/_screen.scss */
footer ul li.email, footer ul li.tel, footer ul li.fax {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center;
}
/* line 571, ../sass/_screen.scss */
footer ul li.email {
  background-image: url(../images/skin/footer_email.png);
}
/* line 572, ../sass/_screen.scss */
footer ul li.tel {
  background-image: url(../images/skin/footer_tel.png);
}
/* line 573, ../sass/_screen.scss */
footer ul li.fax {
  background-image: url(../images/skin/footer_fax.png);
}
/* line 575, ../sass/_screen.scss */
footer ul.footer_menu {
  border-right: none;
  padding-right: 40px !important;
}
/* line 580, ../sass/_screen.scss */
footer .dasmedia_logo {
  color: white;
  position: absolute;
  right: 10px;
  top: 22px;
  width: 155px;
  height: 22px;
  display: inline-block;
  background-image: url(../images/skin/dasmedia_logo.png);
  background-repeat: no-repeat;
  background-position: right center;
}

/* 	==========================================================================
   	Responsive stuff
   	========================================================================== */
@media screen and (max-width: 1200px) {
  /* line 6, ../sass/_responsive.scss */
  .inner {
    width: 945px;
  }

  /* line 9, ../sass/_responsive.scss */
  h2 {
    font-size: 20px;
  }

  /* line 12, ../sass/_responsive.scss */
  p {
    font-size: 18px;
  }

  /* line 15, ../sass/_responsive.scss */
  label {
    font-size: 18px;
  }

  /* line 18, ../sass/_responsive.scss */
  input, textarea, select, button {
    padding: 7px;
    font-size: 14px;
  }

  /* line 21, ../sass/_responsive.scss */
  .img {
    height: 250px;
  }

  /* line 27, ../sass/_responsive.scss */
  .slogan {
    bottom: 13%;
  }
  /* line 29, ../sass/_responsive.scss */
  .slogan span {
    font-size: 30px;
  }

  /* line 33, ../sass/_responsive.scss */
  .product {
    width: 29.3%;
  }
  /* line 35, ../sass/_responsive.scss */
  .product span {
    font-size: 20px;
  }

  /* line 39, ../sass/_responsive.scss */
  .itemsHolder {
    padding-bottom: 15px;
  }
  /* line 41, ../sass/_responsive.scss */
  .itemsHolder li {
    font-size: 19px;
  }

  /* line 45, ../sass/_responsive.scss */
  .blokkenHolder {
    margin-bottom: 65px;
  }
  /* line 48, ../sass/_responsive.scss */
  .blokkenHolder .itemsHolder_onderblok_left,
  .blokkenHolder .itemsHolder_onderblok_right {
    width: 193px;
    background-image: url(../images/skin/onderblok_small.png);
  }
  /* line 52, ../sass/_responsive.scss */
  .blokkenHolder .itemsHolder_onderblok_left {
    margin-left: 220px;
  }
  /* line 55, ../sass/_responsive.scss */
  .blokkenHolder .itemsHolder_onderblok_right {
    margin-right: 175px;
  }

  /* line 59, ../sass/_responsive.scss */
  h2.clock {
    margin-bottom: 0px;
  }

  /* line 60, ../sass/_responsive.scss */
  h2.voorraad {
    margin-bottom: 5px;
  }

  /* line 61, ../sass/_responsive.scss */
  h2.voorraad, h2.clock {
    line-height: 35px;
  }

  /* line 65, ../sass/_responsive.scss */
  span.telnumber {
    font-size: 25px;
    background-size: 15%;
  }

  /* line 69, ../sass/_responsive.scss */
  span.beschikbaarheid {
    font-size: 15px;
    margin-right: 30px;
  }

  /* line 74, ../sass/_responsive.scss */
  .openingsurenHolder span {
    margin-bottom: 10px;
  }
  /* line 76, ../sass/_responsive.scss */
  .openingsurenHolder span.uren {
    float: left;
    margin-bottom: 5px;
  }
  /* line 81, ../sass/_responsive.scss */
  .openingsurenHolder div.clear {
    height: 1px;
  }

  /* line 86, ../sass/_responsive.scss */
  .column_content p {
    font-size: 18px;
  }
  /* line 89, ../sass/_responsive.scss */
  .column_content .producten_lijst li {
    font-size: 18px;
  }

  /* line 93, ../sass/_responsive.scss */
  .bestelknop {
    font-size: 20px;
  }

  /* line 98, ../sass/_responsive.scss */
  .black_contentbox .title {
    font-size: 20px;
  }
  /* line 99, ../sass/_responsive.scss */
  .black_contentbox .content {
    font-size: 18px;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/* line 10, ../sass/_helpers.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

/* line 18, ../sass/_helpers.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 29, ../sass/_helpers.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 38, ../sass/_helpers.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 55, ../sass/_helpers.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 68, ../sass/_helpers.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 85, ../sass/_helpers.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 90, ../sass/_helpers.scss */
.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 99, ../sass/_helpers.scss */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 7, ../sass/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 15, ../sass/_print.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 19, ../sass/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 23, ../sass/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 33, ../sass/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 38, ../sass/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 43, ../sass/_print.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 48, ../sass/_print.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 52, ../sass/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 62, ../sass/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 68, ../sass/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}