html {
}

body.front .block {
  background: none;
  margin: 0;
}

body.front label {
  float: none !important;
}

body.front {
  margin: 0;
  padding: 0;
  background: #000;
  width: 100%;
  height: 100%;
  font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 11px;
  line-height: 1.3637em;
}
ul, li,
.item-list ul li,
.item-list ul,
.block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#front {
  margin: 20px auto;
  max-width: 340px;
}

#front-top {
  display: block;
  max-width: 320px;
  min-width: 300px;
  width: 90%;
  height: 91px;
  background: url(images/Logo_hopper_lijn_vector_zw.png) no-repeat top left;
  text-indent: -99999px;
}

#front #front-left-link a {
  background: url(images/ho_home_bg.jpg) no-repeat -80px -15px;
  width: 320px;
  height: 125px;
  display: block;
  text-indent: -99999px;
}
#front #front-right-link a {
  background: url(images/ho_home_bg.jpg) no-repeat -620px -80px;
  min-width: 320px;
  max-width: 340px;
  width: 100%;
  height: 115px;
  display: block;
  text-indent: -99999px;
}

#front #front-left-content {
  width: 300px;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_boven {
  background: #CCC;
  padding: 10px;
  color: #333;
  display: none;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_boven .view-data-node-title {
  background: url(images/ho_home_typo_ccc_bg.jpg) no-repeat 2px 2px;
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #999;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_boven .view-data-node-title a {
  color: #6e882e;
  font-weight: bold;
  text-decoration: none;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_boven .view-data-node-data-field-afbeelding-field-afbeelding-fid {
  float: left;
  background: url(images/ho_thmb_333_bg.jpg) no-repeat left top;
  padding: 1px 2px 20px 2px;
  margin: 0 10px 0 0;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_boven .view-data-node-link {
  float: right;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_boven .view-data-node-link a {
  color: #6e882e;
  text-decoration: none;
  border-bottom: 1px dashed #999;
}

#front #front-left-content #block-hopper_calendar-1 {
  background: #6E882E;
  padding: 10px;
  color: #FFF;
}

#front #front-left-content #block-hopper_calendar-1 > .block-inner > h2 {
  display: none;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_onder {
  background: url(images/hopper_home_artikel_fff_bg.gif) no-repeat left top;
  padding: 10px;
  display: none;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_onder .view-data-node-title {
  background: url(images/ho_home_typo_h4_bg.jpg) no-repeat 2px 2px;
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #999;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_onder .view-data-node-title a {
  color: #6e882e;
  font-weight: bold;
  text-decoration: none;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_onder .view-data-node-data-field-afbeelding-field-afbeelding-fid {
  float: right;
  background: url(images/ho_thmb_ccc_bg.jpg) no-repeat bottom left;
  padding: 1px;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_onder .view-data-node-body a,
#front #front-left-content #block-views-hopper_nieuws_voorpagina_onder .view-data-node-link a {
  color: #6e882e;
  text-decoration: none;
  border-bottom: 1px dashed #999;
}

#front #front-left-content #block-views-hopper_nieuws_voorpagina_onder .view-data-node-data-field-afbeelding-field-afbeelding-fid img {
  width: 100px;
}

#front #front-right-content {
  background: #C30;
  color: #FFF;
  padding: 10px;
  width: 280px;
}

#front #front-right-content #in-de-kijker-wrapper {
  overflow: auto;
  margin: 0;
}
#front #front-right-content #in-de-kijker-wrapper > a {
  margin: 0 0 10px 0;
  display: block;
  float: left;
}

#front #front-right-content #in-de-kijker-inner {
  margin: 0;
  padding: 0;
}

#front #front-right-content #in-de-kijker-text {
  width: auto;
  float: none;
  overflow: hidden;
  margin: 0 0 10px 0;
}

#front #front-right-content #in-de-kijker-image {
  background: url(images/ho_thmb_red_bg.jpg) no-repeat left bottom;
  padding: 0 0 7px 0;
}
#front #front-right-content #in-de-kijker-image img {
  width: 150px;
  border: 1px solid black;
}

#front #front-right-content #in-de-kijker-product {
  background: url(images/ho_home_typo_win_bg.jpg) no-repeat left top;
  padding: 0 0 0 20px;
  width: 100px;
  float: right;
  border-bottom: 1px solid #999;
  font-size: 0.9em;
}

#front #front-right-content #in-de-kijker-product a {
  color: #6e882e;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  display: block;
}

#front #front-right-content #in-de-kijker-price {
  margin: 10px 0 0 0;
  float: right;
  width: 120px;
}

#front #front-right-content #in-de-kijker-price a {
  color: #6e882e;
  text-decoration: none;
  border-bottom: 1px dashed #999;
}

#front #front-right-content #block-views-nieuws_winkel {
  margin: 0 0 20px 0;
  display: none;
}

#front #front-right-content #block-views-nieuws_winkel .view-data-node-title {
  color: #FFF;
  background: url(images/ho_home_typo_win_bg.jpg) no-repeat left top;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #999;
}

#front #front-right-content #block-views-nieuws_winkel .view-data-node-title a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#front #front-right-content #block-views-nieuws_winkel .view-data-node-body a,
#front #front-right-content #block-views-nieuws_winkel .view-data-node-link a {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px dashed #999;
}

#front #front-right .block > .block-inner > .content > h2,
#front #front-left .block > .block-inner > .content > h2 {
  background: #000 url(images/ho_home_typo_mid_bg.jpg) no-repeat 2px 2px;
  margin: 0;
  padding: 2px 2px 2px 20px;
  font-size: 1.1em;
  font-weight: normal;
  text-transform: uppercase;
}

#front #front-right-content #block-block-7 > .block-inner > .content {
  overflow: auto;
}

#front #front-right-content #block-block-7 #search-box,
#front #front-right-content #block-block-7 #search-box #search {
  width: 280px;
  margin: 0;
}

#front #front-right-content #block-block-7 .form-text,
#front #front-left-content #block-hopper_calendar-1 .form-text {
  width: 200px;
  border: 1px solid #222;
  color: #999;
  margin: 10px 0 0 0;
  padding: 2px;
}

#front #front-right-content #block-block-7 #edit-submit,
#front #front-left-content #block-hopper_calendar-1 #edit-submit {
  border: 0;
  background: #222;
  color: #FFF;
  margin: 10px 0 0 0;
  padding: 2px 10px;
}

#front #front-middle,
#front #front-footer {
  width: 100%;
  min-width: 320px;
  max-width: 340px;
  margin: 20px auto 0 auto;
}

#front #front-middle .view-data-node-title {
  color: #FFF;
  border-bottom: 1px solid #999;
  background: url(images/ho_home_typo_mid_bg.jpg) no-repeat left 3px;
  padding: 0 0 0 20px;
  width: 300px;
}
#front #front-middle .view-data-node-title a {
  color: #FFF;
  padding: 0 0 2px 0;
  display: block;
  font-weight: bold;
  text-decoration: none;
}
#front #front-middle .view-data-node-title a:hover {
  color: #FFF;
}
#front #front-middle .view-data-node-body {
  color: #FFF;
  width: 320px;
}
#front #front-middle .view-data-node-link {
  float: right;
  margin: 0 20px 0 0;
}
#front #front-middle .view-data-node-link a,
#front #front-middle .view-data-node-body a {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px dashed #999;
  display: inline;
}

#front #front-footer a {
  color: #6E882E;
  text-decoration: none;
  vertical-align: middle;
}
#front #front-footer a:hover {
  color: #333;
}
#front #front-footer a img {
  float: left;
  margin: 0 20px 0 0;
}
#front #front-footer p:nth-child(2) {
  display: none;
}

/* Desktop Only */
@media only screen and (min-width: 940px) {

#front .clear-block:after {
  clear: both;
}

  #front{
    background: url(images/ho_home_bg.jpg) no-repeat left top;
    max-width: 1000px;
    min-width: 940px;
    min-height: 800px;
    position: relative;
  }

  #front-top {
    display: none;
  }

  #front-left {
    position: absolute;
    top: 15px;
    left: 80px;
  }
  #front-right {
    position: absolute;
    top: 80px;
    left: 620px;
  }

  #front #front-left-link a {
    width: 300px;
    min-width: 0;
    height: 125px;
  }

  #front #front-left-content #block-views-hopper_nieuws_voorpagina_boven,
  #front #front-left-content #block-views-hopper_nieuws_voorpagina_onder {
    display: block;
  }

  #front #front-right-link a {
    width: 300px;
    height: 100px;
  }

  #front #front-right-content #block-views-nieuws_winkel {
    display: block;
  }

  #front #front-middle {
    position: absolute;
    left: 390px;
    top: 350px;
    min-width: 0;
    width: 224px;
    margin: 0;
  }
  #front #front-middle .view-data-node-body  {
    min-width: 0;
    width: 204px;
    margin: 0 0 0 20px;
  }
  #front #front-middle .view-data-node-title {
    width: 204px;
  }

  #front #front-footer {
    position: absolute;
    top: 700px;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  #front #front-footer a img {
    float: none;
  }
}