body,
  html {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }

  html {
    font-size: 100.01%; }

  a,
  abbr,
  acronym,
  address,
  caption,
  code,
  dd,
  del,
  dfn,
  div,
  dl,
  dt,
  em,
  fieldset,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  iframe,
  img,
  label,
  legend,
  li,
  object,
  ol,
  p,
  pre,
  span,
  tbody,
  tfoot,
  thead,
  tr,
  ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }

  blockquote,
  q {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    quotes: "" ""; }
  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: ""; }

  caption,
  td,
  th {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }

  table {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle; }

  a img {
    border: none; }

/*
 * --------------------------------------------------------------
 * *
 * *   BLUEPRINT CSS
 * *    * Filename:        grid.css
 * *    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
 * *    * Website:         http://code.google.com/p/blueprintcss/
 * *
 * *   Generated by:
 * *    * Blueprint CSS Grid Generator (2012-01-12) [http://bgg.kematzy.com/]
 * *
 * *   Based on work by:
 * *    * Olav Bjorkoy      [bjorkoy.com]
 * *    * Nathan Borror     [playgroundblues.com]
 * *    * Jeff Croft        [jeffcroft.com]
 * *    * Christian Metts   [mintchaos.com]
 * *    * Khoi Vinh         [subtraction.com]
 * *
 * *   == STRUCTURE: ========================
 * *    * Page width:            960 px
 * *    * Number of columns:     15
 * *    * Column width:          36 px
 * *    * Margin width:          30 px
 * *   ======================================
 * *
 * *   By default, the grid is 960px wide, with 15 columns
 * *   spanning 36px, and a 30px margin between columns.
 * *
 * *   If you need fewer or more columns, use this formula to calculate
 * *   the new total width:
 * *
 * *   Total width = (number_of_columns * column_width) - margin_width
 * *
 * *   Read more about using a grid here:
 * *   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
 * *
 * *--------------------------------------------------------------
 */
/*
 * A container should group all your columns.
 */
.container {
  width: 1000px;
  margin: 0 auto; }

/*
 * Use this class on any div.span / container to see the grid.
 */
.showgrid {
  background: url(src/grid.png); }

/*
 * Body margin for a sensile default look.
 */
body {
  margin: 0; }

/*
 * Columns
 * *--------------------------------------------------------------
 */
/*
 * Sets up basic grid floating and margin.
 */
    div.span-1,
    div.span-10,
    div.span-11,
    div.span-12,
    div.span-13,
    div.span-14,
    div.span-15,
    div.span-2,
    div.span-3,
    div.span-4,
    div.span-5,
    div.span-6,
    div.span-7,
    div.span-8,
    div.span-9 {
      float: left;
      margin-right: 30px; }
    div.last {
      margin-right: 0; }

/*
 * The last column in a row needs this class.
 */
/*
 * Use these classes to set the width of a column.
 */
.span-1 {
  width: 36px; }

.span-2 {
  width: 102px; }

.span-3 {
  width: 168px; }

.span-4 {
  width: 234px; }

.span-5 {
  width: 300px; }

.span-6 {
  width: 366px; }

.span-7 {
  width: 432px; }

.span-8 {
  width: 498px; }

.span-9 {
  width: 564px; }

.span-10 {
  width: 630px; }

.span-11 {
  width: 696px; }

.span-12 {
  width: 762px; }

.span-13 {
  width: 828px; }

.span-14 {
  width: 894px; }

.span-15,
div.span-15 {
  width: 960px;
  margin: 0; }

/*
 * Add these to a column to append empty cols.
 */
.append-1 {
  padding-right: 66px; }

.append-2 {
  padding-right: 132px; }

.append-3 {
  padding-right: 198px; }

.append-4 {
  padding-right: 264px; }

.append-5 {
  padding-right: 330px; }

.append-6 {
  padding-right: 396px; }

.append-7 {
  padding-right: 462px; }

.append-8 {
  padding-right: 528px; }

.append-9 {
  padding-right: 594px; }

.append-10 {
  padding-right: 660px; }

.append-11 {
  padding-right: 726px; }

.append-12 {
  padding-right: 792px; }

.append-13 {
  padding-right: 858px; }

.append-14 {
  padding-right: 924px; }

/*
 * Add these to a column to prepend empty cols.
 */
.prepend-1 {
  padding-left: 66px; }

.prepend-2 {
  padding-left: 132px; }

.prepend-3 {
  padding-left: 198px; }

.prepend-4 {
  padding-left: 264px; }

.prepend-5 {
  padding-left: 330px; }

.prepend-6 {
  padding-left: 396px; }

.prepend-7 {
  padding-left: 462px; }

.prepend-8 {
  padding-left: 528px; }

.prepend-9 {
  padding-left: 594px; }

.prepend-10 {
  padding-left: 660px; }

.prepend-11 {
  padding-left: 726px; }

.prepend-12 {
  padding-left: 792px; }

.prepend-13 {
  padding-left: 858px; }

.prepend-14 {
  padding-left: 924px; }

/*
 * Border on right hand side of a column.
 */
    div.border {
      padding-right: 14px;
      margin-right: 15px;
      border-right: 1px solid #eeeeee; }
    div.colborder {
      padding-right: 24px;
      margin-right: 21px;
      border-right: 1px solid #eeeeee; }

/*
 * Border with more whitespace, spans one column.
 */
/*
 * Use these classes on an element to push it into the
 * * next column, or to pull it into the previous column.
 */
.pull-1 {
  margin-left: -66px; }

.pull-2 {
  margin-left: -132px; }

.pull-3 {
  margin-left: -198px; }

.pull-4 {
  margin-left: -264px; }

.pull-5 {
  margin-left: -330px; }

.pull-6 {
  margin-left: -396px; }

.pull-7 {
  margin-left: -462px; }

.pull-8 {
  margin-left: -528px; }

.pull-9 {
  margin-left: -594px; }

.pull-10 {
  margin-left: -660px; }

.pull-11 {
  margin-left: -726px; }

.pull-12 {
  margin-left: -792px; }

.pull-13 {
  margin-left: -858px; }

.pull-14 {
  margin-left: -924px; }

.pull-15 {
  margin-left: -990px; }

.pull-1,
.pull-10,
.pull-11,
.pull-12,
.pull-13,
.pull-14,
.pull-15,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8,
.pull-9 {
  float: left;
  position: relative; }

.push-1 {
  margin: 0 -66px 1.5em 66px; }

.push-2 {
  margin: 0 -132px 1.5em 132px; }

.push-3 {
  margin: 0 -198px 1.5em 198px; }

.push-4 {
  margin: 0 -264px 1.5em 264px; }

.push-5 {
  margin: 0 -330px 1.5em 330px; }

.push-6 {
  margin: 0 -396px 1.5em 396px; }

.push-7 {
  margin: 0 -462px 1.5em 462px; }

.push-8 {
  margin: 0 -528px 1.5em 528px; }

.push-9 {
  margin: 0 -594px 1.5em 594px; }

.push-10 {
  margin: 0 -660px 1.5em 660px; }

.push-11 {
  margin: 0 -726px 1.5em 726px; }

.push-12 {
  margin: 0 -792px 1.5em 792px; }

.push-13 {
  margin: 0 -858px 1.5em 858px; }

.push-14 {
  margin: 0 -924px 1.5em 924px; }

.push-15 {
  margin: 0 -990px 1.5em 990px; }

.push-1,
.push-10,
.push-11,
.push-12,
.push-13,
.push-14,
.push-15,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8,
.push-9 {
  float: right;
  position: relative; }

/*
 * Misc classes and elements
 * *--------------------------------------------------------------
 */
/*
 * Use a .box to create a padded box inside a column.
 */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #e5ecf9; }

/*
 * Use this to create a horizontal ruler across a column.
 */
hr {
  background: #dddddd;
  color: #dddddd;
  clear: both;
  float: none;
  width: 100%;
  height: 0.1em;
  margin: 0 0 1.45em;
  border: none; }
    hr.space {
      background: white;
      color: white; }

/*
 * Clearing floats without extra markup
 * * Based on How To Clear Floats Without Structural Markup by PiE
 * * [http://www.positioniseverything.net/easyclearing.html]
 */
.clearfix:after,
.container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix,
.container {
  display: inline-block; }

    * html .clearfix,
    * html .container {
      height: 1%; }

.clearfix,
.container {
  display: block; }

/*
 * Regular clearing
 * * apply to column that should drop below previous ones.
 */
.clear {
  clear: both; }

#page {
  width: 1000px;
  background-color: none; }

#logo {
  float: left;
  margin-left: 105px;
  margin-top: 10px;
  width: 127px;
  display: inline-block; }
  #logo a {
    display: block;
    width: 100%;
    height: 18px;
    background: url('/images/kiesel.jpg') no-repeat; }

#header_wrapper {
  width: 100%;
  height: 80px;
  margin-bottom: 10px; }

#header {
  width: 990px;
  height: 80px;
  margin: 0 auto; }
  #header #nav {
    width: 990px;
    margin-left: -10px !important;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: white; }
    #header #nav.fixed {
      position: fixed !important;
      z-index: 100000; }
    #header #nav #navi-list {
      margin-top: 8px;
      list-style-type: none; }
      #header #nav #navi-list li {
        float: left;
        margin-right: 60px;
        padding-right: 0px; }
        #header #nav #navi-list li .underline {
          padding-right: 0;
          padding: 0;
          padding-bottom: 3px;
          background-color: white;
          margin: 0 !important; }
          #header #nav #navi-list li .underline .wrapper {
            background-color: white !important; }
          #header #nav #navi-list li .underline:hover {
            background-color: black !important; }
        #header #nav #navi-list li.last {
          margin-right: 0 !important; }
        #header #nav #navi-list li a {
          text-decoration: none;
          text-align: left;
          width: 10px;
          color: black;
          font-size: 14px;
          line-height: 19px !important;
          vertical-align: bottom; }
        #header #nav #navi-list li.nav-collections {
          border: opx none;
          padding-right: 0 !important;
          margin-left: 167px; }
        #header #nav #navi-list li.nav-retailer {
          margin-right: 155px; }


.navi-list-fixed {
  margin-left: 150px; }

#footer {
  width: 100%; }

#modules {
  width: 100%; }
  #modules .module {
    border: 1px solid white;
    background-color: white;
    margin-bottom: 40px; }
    #modules .module a {
      color: black; }
      #modules .module a:hover {
        color: black !important; }
    #modules .module img {
      margin-top: 8px;
      margin-left: 9px;
      border: 0px none; }
      #modules .module img.collection-image {
        width: 282px !important;
        border: 1px solid #b51c5b !important;
        padding: 6px;
        background: white;
        margin-top: 5px !important; }
      #modules .module.text-only img {
        margin-bottom: 30px !important; }
    #modules .module .border {
      width: 36px;
      padding-right: 0;
      padding: 0;
      padding-bottom: 3px;
      background-color: #86a20b;
      margin: 0 auto !important;
      margin-top: 15px !important;
      color: #86a20b; }
      #modules .module .border.press {
        width: 36px !important; }
      #modules .module .border.news {
        width: 37px !important; }
      #modules .module .border.info {
        width: 27px !important; }
      #modules .module .border.collection {
        width: 66px !important; }
      #modules .module .border.impressum {
        width: 77px !important; }
      #modules .module .border .wrapper {
        background-color: white !important;
        font-size: 14px; }
      #modules .module .border h3 {
        line-height: 20px; }
      #modules .module .border.black {
        border-bottom: 3px solid black; }
        #modules .module .border.black h3 {
          color: black !important; }
    #modules .module .content {
      margin-left: 7px;
      margin-right: 6px;
      margin-top: 30px; }
      #modules .module .content p {
        font-size: 14px;
        margin-bottom: 14px !important; }
      #modules .module .content.copytext {
        margin-top: 0 !important; }

#gallery_thumbs {
  float: left;
  list-style-type: none; }
  #gallery_thumbs li {
    padding: 0px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px; }
    #gallery_thumbs li img {
      padding: 0;
      margin: 0 !important;
      margin-bottom: 0 !important;
      width: 100px;
      height: 150px; }

#gallery_image {
  border: 0px none;
  padding: 0 !important;
  margin: 0 !important; }

.meta {
  color: #a0a0a0;
  font-size: 14px; }

.left {
  float: left; }

.right {
  float: right; }

.button {
  padding: 15px;
  color: white;
  background-color: black;
  font-size: 20px;
  line-height: 50px;
  text-decoration: none;
  margin-right: 20px;
  font-weight: bold; }

.button_wrapper {
  margin-left: 30px;
  margin-top: 20px; }

body {
  font-family: 'Open Sans', sans-serif; }

.navi {
  font-family: 'Open Sans', sans-serif; }

h1 {
  font-family: 'Prata', serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  text-align: center;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 14px; }
  h1.small {
    font-size: 18px; }
  h1.smaller {
    font-size: 16px; }

h3 {
  font-size: 15px;
  line-height: 24px;
  font-weight: normal;
  text-align: center;
  color: #86a20b; }

a {
  color: #86a20b;
  text-decoration: none; }
  a:hover {
    color: black; }
  a.navi {
    text-decoration: none;
    font-size: 15px;
    line-height: 24px;
    text-align: right;
    color: black; }