/*
  **  stylesheet definitions for voellanerhof.com - typographical settings
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi WEbmedia
  **  @author     tommy(at)profi(dot)it
  **  @since      23.11.2009 13:04:39
  */

  body {
    font: 62.5%/100% Arial, Helvetica, sans-serif;
    background: #5e2d7e;
  }

  strong {
    font-weight: bold;
  }

  em {
    font-style: italic;
  }

  a.textreader-hint {
    text-indent: -7777em;
  }

  /* google map item */
  #map {
    margin: 1.5em 0;
  }

  /* table in directions element */
  #directions table td {
    line-height: 1.5em !important;
  }

  .content-container h1.grey-small,
  .content-container h2,
  .content-container h3,
  .content-container h4,
  .content-container h5,
  .content-container h6,
  .sb-left-box .content h1.grey-small,
  .sb-left-box .content h2,
  .sb-left-box .content h6 {
    font-weight: bold;
    line-height: 1.5em;
    margin: 0.5em 0;
    font-size: 1.2em;
    color: #7a797a;
  }

  .content-container .csc-firstHeader {
    margin-top: 0;
  }

  .content-container h3 {
    font-size: 3em;
    color: #582579;
    font-weight: normal;
  }

  .content-container h5 {
    font-size: 1.4em;
    color: #582579;
  }

  .sb-left-box .content h5 {
    font-size: 1.2em;
    color: #582579;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0.5em 0;
  }

  .content-container h1,
  .content-container h3.newheader {
     display: block;
     width: 426px;
  }

  .content-container h1 span,
  .content-container h3.newheader span {
     display: block;
     font-size: 30pt;
     text-indent: -999em;
     overflow: hidden;
  }

  .content-container h1 span span,
  .content-container h3.newheader span span {
    display: block;
    width: 426px;
  }

  .content-container p.bodytext,
  .content-container p.align-center,
  .content-container p.bodytext,
  #content-footer p.align-center,
  .sb-left-box p.bodytext,
  .sb-left-box p.align-center {
    font-size: 1.2em;
    line-height: 1.5em;
    color: #7a797a;
    margin: 1.5em 0;
  }

  .sb-left-box .content p {
    margin-top: 0;
    margin-bottom: 1em;
  }

  .align-center {
    text-align: center;
  }

  .content-container ul,
  .content-container ol {
    font-size: 1.2em;
    color: #7a797a;
    margin: 1.5em 0 1.5em 2em;
  }

  .content-container ul li,
  .content-container ol li {
    line-height: 1.5em;
  }

  .content-container ul ul,
  .content-container ol ol {
    font-size: 1em;
  }

  .content-container ul {
    list-style-type: disc;
  }

  .content-container ol {
    list-style-type: decimal;
  }

  .box-shaded {
    border: 1px solid #5d3761;
    background: #efebf0;
    padding: 2px;
    margin: 0.5em 0;
  }

    .box-shaded-image {
      float: left;
    }

    .box-shaded-text {
      padding: 0 5px;
      margin-left: 268px;
    }

      .box-shaded-text .bodytext {
        margin: 1.5em 0 0.5em 0 !important;
      }

  /* reset bottom margin for textpic-image elements in box-content elements */
  .box-content div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0 !important;
  }

  .content-container a,
  #content-footer a {
    color: #908f91;
  }

  .content-container a:visited,
  #content-footer a:visited {
    color: #7a5b7e;
    text-decoration: underline;
  }

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

  .content-container a.link-nicht-sichtbar {
    color: #6c5630;
    text-decoration: none;
  }

  .content-container a.link-nicht-sichtbar:visited {
    color: #6c5630;
  }

  .content-container a.link-nicht-sichtbar:hover {
    text-decoration: none;
  }

  #sidebar-right .csc-frame-frame1 {
    border: 1px dashed #826e8a;
    padding: 1em 0 0;
    margin: 0 0 1.5em 0;
    background: #efebf0 url('../img/bg-addressbox.png') left bottom repeat-x;
    color: #7a797a;
  }

    #sidebar-right .csc-frame-frame1 a {
      text-decoration: none;
      color: #7a797a
    }

    #sidebar-right .csc-frame-frame1 p.bodytext {
      font-size: 1.2em;
      line-height: 1.5em;
      margin: 0 0 1em 0;
      padding: 0 3em;
    }

    #sidebar-right .csc-frame-frame1 p.highlight {
      padding: 0 0 .25em 0;
      margin: 0;
      color: #ffffff;
      text-align: center;
      font-size: 17px;
      line-height: 1em;
    }
      #sidebar-right .csc-frame-frame1 p.highlight a {
        font-size: 17px;
        color: #ffffff;
      }

  #sidebar-right .ukonf-button {
    margin: 0 0 1.5em 0;
  }

  #sidebar-right .box .box-content a.external-link,
  #sidebar-right .box .box-content a.external-link-new-window,
  #sidebar-right .box .box-content a.internal-link {
    color: #578074;
  }

  #sidebar-right .box .box-content a.external-link:visited,
  #sidebar-right .box .box-content a.external-link-new-window:visited,
  #sidebar-right .box .box-content a.internal-link:visited {
    color: #551a8b;
  }

  #sidebar-right .contextual-offers {
    border: 1px solid #411852;
    float: left;
    width: 200px;
    background: #ffffff;
    font-size: 1.1em;
    margin: 0 0 1.5em 0;
  }

  #sidebar-right .contextual-offers h6 {
    color: #ffffff;
    padding: 0.25em 20px;
    font-weight: bold;
    line-height: 1.5em;
    background: #98809b;
  }

    #sidebar-right .wellness h6 {
      background: #411852;
    }

    #sidebar-right .golf h6 {
      background: #8ca35b;
    }

    #sidebar-right .active h6 {
      background: #424c71;
    }

    #sidebar-right .culture h6 {
      background: #baaabc;
    }

    #sidebar-right .common h6 {
      background: #98809b;
    }

    #sidebar-right .contextual-offers dl {
      padding: 0.5em 0 0 0;
    }

      #sidebar-right .contextual-offers dl dt,
      #sidebar-right .contextual-offers dl dd {
        padding: 0.1em 1em 0.5em 1em;
      }

      #sidebar-right .contextual-offers dl dt {
        float: left;
      }

      #sidebar-right .contextual-offers .clear {
        border-bottom: 1px solid #98809b;
      }

    #sidebar-right .contextual-offers a {
      color: #7a797a;
      line-height: 1.5em;
    }

    #sidebar-right .contextual-offers .more-link {
      padding: 0em 1em 0.75em 1em;
      text-align: right;
    }

  table {
    font-size: 1.2em;
  }

  table.styled {
    border: 1px solid #582579;
    border-right: none;
  }

    table.styled th,
    table.styled td {
      color: #7a797a;
      border-right: 1px solid #3f1b4d;
    }

    table.styled th {
      background: #baaabc;
      font-weight: bold;
      border-bottom: 1px solid #3f1b4d;
      color: #ffffff;
    }

    table.styled td {
      background: #efebf0;
    }

    table.styled td.farbe1,
    .box-offer-landing-page table.offer table.styled td.farbe1 {
      background: #e3dbe4;
    }

    table.styled td.farbe2,
    .box-offer-landing-page table.offer table.styled td.farbe2 {
      background: #d6ccd8;
    }

  table th,
  table td {
    padding: 0.5em;
    line-height: 1.5em;
    color: #7a797a;
  }

  #cart table th,
  #cart table td {
    padding: 0 !important;
    font-size: 0.9em;
  }

  table.offer {
    border: 1px solid #3b154a;
    font-size: 1em;
    margin: 1em 0;
  }

    table.offer th,
    table.offer td {
      line-height: 1.5em;
      padding: 0.5em;
    }

    table.offer thead th {
      font-weight: bold;
    }

    table.offer thead th,
    table.offer thead td {
      background: #baaabc;
      font-size: 1.2em;
      color: #7a797a;
    }

    table.offer thead td {
      text-align: right;
    }

    table.offer a {
      font-size: 1.2em;
    }

    table.offer tfoot tr.meta-data td,
    table.offer tfoot td.action-container {
      border-top: 1px solid #3b154a;
    }

    table.offer tfoot tr.meta-data td {
      font-size: 1.2em;
      text-align: right;
      padding: 0.25em;
      color: #7a797a;
    }

    table.offer td {
      /*background: transparent url('../img/bg-offer.png') left top repeat-x;*/
      background: #efebf0;
    }

    table.offer a.action {
      display: block;
      text-align: right;
      color: #5d3761;
    }

      table.offer a.action img {
        border: none;
        vertical-align: middle;
        padding: 0 1em 0 0;
      }

  .box-offer-landing-page table.offer {
    border: none;
  }

    .box-offer-landing-page table.offer thead th,
    .box-offer-landing-page table.offer thead td {
      background: transparent;
    }

    .box-offer-landing-page table.offer td {
      background: transparent;
    }

    .box-offer-landing-page table.offer tfoot tr.meta-data td,
    .box-offer-landing-page table.offer tfoot td.action-container {
      border: none;
    }

    .box-offer-landing-page table.offer tfoot td.action-container.with-border {
      border-bottom: 1px solid #451d56;
    }

    .box-offer-landing-page table.offer a.action {
      text-indent: -7777em;
      line-height: 37px;
      text-align: left;
      /* only necessary for IE6 */
      height: 37px;
    }

    .box-offer-landing-page table.offer a[lang=de].action {
      background: transparent url('../img/btn-lp-offer-de.png') center right no-repeat;
    }

    .box-offer-landing-page table.offer a[lang=it].action {
      background: transparent url('../img/btn-lp-offer-it.png') center right no-repeat;
    }

    .box-offer-landing-page table.offer a[lang=en].action {
      background: transparent url('../img/btn-lp-offer-en.png') center right no-repeat;
    }

  .box-offer-category {
    border: 1px solid #7a5b7e;
    float: left;
    width: 426px;
    margin: 0 0 1em 0;
    position: relative;
  }

    .box-offer-category h2 {
      border-bottom: 1px solid #ffffff;
      text-align: right;
      margin: 0;
      padding: 0.15em 0.5em;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: normal;
    }

    .wellness h2 {
      background: #411852;
    }

    .golf h2 {
      background: #8ca35b;
    }

    .active h2 {
      background: #424c71;
    }

    .culture h2 {
      background: #baaabc;
    }

    .common h2 {
      background: #98809b;
    }

    .box-offer-category .offer {
      float: left;
      width: 100%;
      /*
      position: relative;
      height: 168px;
      */
    }

      .box-offer-category .offer img {
        float: left;
      }

      .box-offer-category .offer .offer-content {
        /*margin-left: 169px;*/
        padding: 0.5em;
        width: 247px;
        height: 108px;
        overflow: auto;
      }

        .box-offer-category .offer .offer-content h3 {
          font-size: 1.1em;
          color: #7a797a;
          font-weight: bold;
          margin: 0 0 0.5em 0;
          text-transform: uppercase;
        }

        .box-offer-category .offer .offer-content .bodytext {
          font-size: 1.1em;
          margin: 0;
          color: #7a797a;
          line-height: 1.5em;
        }

        .box-offer-category .offer .offer-content .bottom-meta {
          position: absolute;
          bottom: 0;
          right: 0;
          padding: 0 0.5em 0.5em 0;
          line-height: 1em;
        }

          .box-offer-category .offer .offer-price,
          .box-offer-category .offer .offer-link {
            padding: 0.5em 0;
            line-height: 1em;
          }

          .box-offer-category .offer .offer-price {
            text-align: right;
            font-size: 1.3em;
          }

          .wellness .offer .offer-price {
            color: #411852;
          }

          .golf .offer .offer-price {
            color: #8ca35b;
          }

          .active .offer .offer-price {
            color: #424c71;
          }

          .culture .offer .offer-price {
            color: #baaabc;
          }

          .common .offer .offer-price {
            color: #98809b;
          }

          .box-offer-category .offer .offer-link {
            text-align: right;
          }

            .box-offer-category .offer .offer-link a {
              color: #7a797a;
              font-size: 1.1em;
            }

  /* typographicel settings for special layout elements */
    #menu-language {
      text-align: right;
      background: #ffffff;
    }

      #menu-language li {
        background-position: center;
        background-repeat: no-repeat;
        border-right: 1px solid #5d5d5f;
      }

      #menu-language li.last-item {
        border: none;
      }

        #menu-language a {
          color: #5d5d5f;
          font-size: 1em;
          text-decoration: none;
          text-transform: capitalize;
        }

        #menu-language .active a {
          text-decoration: underline;
        }

      body.light #header-column-left div.logo {
        background: #e1e2e4 url('../img/logo-site-light.png') left top no-repeat;
      }

      body.dark #header-column-left div.logo {
        background: #e1e2e4 url('../img/logo-site-dark.png') left top no-repeat;
      }

        #header-column-left div.logo a {
          text-indent: -7777em;
        }

      #header-column-left div {
        font-weight: bold;
        color: #846c42;
        text-align: center;
        font-size: 1.2em;
        line-height: 1.5em;
        text-transform: uppercase;
      }

        #menu-extra {
          font-size: 1.2em;
          margin: 1em 0;
        }

          #menu-extra li {
            line-height: 1.5em;
          }

          #header-extra-data #menu-extra a {
            text-decoration: none;
          }

      #menu-main {
      }

        #menu-main li {
        }

          #menu-main a {
          }

          #menu-main a.active,
          #menu-main a:hover {
          }

            #menu-image-navigation a {
              text-indent: -7777em;
            }

            #menu-image-navigation a[rel=prev] {
              background: transparent url('../img/btn-header-image-nav.png') left top no-repeat;
            }

            #menu-image-navigation a[rel=next] {
              background: transparent url('../img/btn-header-image-nav.png') right top no-repeat;
            }

            #menu-image-navigation a[rel=prev].loading,
            #menu-image-navigation a[rel=next].loading {
              background-image: url('../img/spinner.gif');
            }

            #menu-image-navigation a[rel=prev].loading {
              background-position: 1px top;
            }

            #menu-image-navigation a[rel=next].loading {
              background-position: -16px top;
            }

      #menu-sub {
        /* setting for other color of the bullet */
        color: #f7931d;
        background: #e4dfe5 url('../img/bg-sub-menu.png') left bottom repeat-x;
      }

        #menu-sub li,
        #menu-quicklinks li {
          padding: 0.5em 0;
        }

        #menu-sub li {
          margin: 0 0 0.1em 0;
        }


          #menu-sub ul li.last-item {
            border: none;
          }

        #menu-quicklinks li {
          border-bottom: 1px dashed #7a797a;
          margin: 0 12px 0 24px;
        }

          #menu-sub a {
            text-decoration: none;
            font-size: 1.1em;
            text-transform: uppercase;
            padding: 0 12px 0 24px;
          }

          #menu-quicklinks a {
            text-decoration: none;
            font-size: 1.1em;
            text-transform: uppercase;
          }

          #menu-sub a {
            color: #7a797a;
          }

          #menu-sub ul a {
            font-size: 1em
          }

          #menu-quicklinks a {
            color: #908f91;
          }

          #menu-sub li.active {
            background: #d1c8d5;
          }

          #menu-sub li.active a,
          #menu-sub a:hover,
          #menu-quicklinks li.active a,
          #menu-quicklinks a:hover {
            font-weight: bold;
          }

          #menu-sub li.active ul a {
            font-weight: normal;
            line-height: 1.5em;
          }

          #menu-sub li.active ul a:hover {
            font-weight: bold;
            color: #482058;
          }

          #menu-sub ul li.active a {
            font-weight: bold;
            color: #482058;
          }

      .menu-header {
        margin: 0 12px 0 24px;
        border-bottom: 1px dashed #7a797a;
        color: #7a5b7e;
        text-transform: uppercase;
        font-size: 1.3em;
        font-weight: bold;
        line-height: 2.5em;
      }

      .sub-menu-header {
        font: normal normal normal 1.4em/100% normal 'Arial Narrow', Arial, Verdana, sans-serif;
        text-transform: uppercase;
        text-align: center;
        padding: 0.5em 0 2.1em 0;
        color: #6c5630;
      }

      .box {
        border: 1px solid #411852;
      }

        .box-content {
          background: #fff;
        }

        .box-dashed .box-content {
          background: none;
        }

          .box-content h6 {
            background: #baaabc;
            color: #464948;
            font-weight: bold;
            font-size: 1.1em;
            line-height: 1.5em;
          }

          .box a.box-link-block {
            color: #ffffff;
            background: #edbc56;
            font: normal normal bold 1.3em/1.5em Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            text-decoration: none;
            text-align: center;
            border-top: 5px solid #fff;
          }

          .box a.box-link-inline {
            color: #7a797a;
            font: normal normal bold 1em Verdana, Arial, Helvetica, sans-serif;
            text-decoration: none;
            text-align: left;
          }

          .box .bodytext {
            color: #7a797a;
            font-size: 1.1em;
            line-height: 1.5em;
          }

      .box-dashed {
        position: relative;
        clear: both;
        border: 1px dashed #826e8a;
        background: #efebf0;
        color: #7a797a;
        font-weight: bold;
      }

      #sidebar-left .box-dashed {
        margin: 0 5px;
      }

        .box-dashed dl {
          font-size: 1.1em;
          line-height: 1.5em;
        }

          .box-dashed dt {
            border-top: 1px solid #20194e;
          }

          .box-dashed dt.first-item {
            border: none;
          }

            .box-dashed dt.first-item img {
              padding: 0 0 0 0.5em;
              vertical-align: middle;
            }

          .box-dashed dd {
          }

          .box-dashed a {
            color: #7a5b7e;
            text-decoration: none;
          }

          .box-dashed .attention {
            color: #6b486f;
          }

        #menu-breadcrumb {
          line-height: 1.5em;
          font-size: 1em;
          padding: 0.5em 0;
        }

          #menu-breadcrumb li {
            color: #bebdbe;
          }

            #menu-breadcrumb a {
              text-decoration: none;
              color: #bebdbe;
            }

            #menu-breadcrumb a:after {
              content: "\0020\00BB\0020";
            }

          #content-footer {
            clear: both;
            color: #846c42;
            padding: 0.5em 0 0 0;
            margin: 0 230px 0 178px;
          }

            #footer-menu {
              text-align: center;
              font-size: 1.2em;
            }

              #footer-menu li {
                border-right: 1px solid #908f91;
                line-height: 1.5em;
              }

                #footer-menu a {
                  color: #908f91;
                  text-decoration: none;
                }

              #footer-menu li.last-item {
                border: none;
              }