/*
  **  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     Thomas Juhnke <tommy@profi.it>
  **  @since      03.11.2010 14:44:01
  */

  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 h1 .dark,
    .content-container h2 .dark,
    .content-container h3 .dark { color: #572579; }
    .content-container h1 .light,
    .content-container h2 .light,
    .content-container h3 .light { color: #b8a2c5; }

  #sidebar-right h6 {
    border-bottom: 1px solid #572579;
    color: #572579;
    font-size: 14px;
    line-height: 1.5em;
    padding: 5px 0;
  }

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

  .content-container h3 {
    color: #582579;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: .15em;
  }
  .content-container .smaller h3 {
    font-size: 16px;
  }

  .content-container h5 {
    font-size: 14px;
    color: #582579;
  }

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

  .content-container p.bodytext,
  .content-container p.align-center,
  .content-container p.bodytext,
  .sb-left-box p.bodytext,
  .sb-left-box p.align-center,
  #sidebar-right p.bodytext,
  #sidebar-right p.align-center,
  #sidebar-right p.align-justify,
  #sidebar-left p.bodytext,
  #sidebar-left p.align-center,
  #sidebar-left p.align-justify {
    color: #707173;
    font-size: 12px;
    line-height: 1.75em;
    margin: 1.5em 0;
  }

  p.small,
  .small {
    line-height: 1.5em;
    font-size: 9px;
  }

  .align-justify { text-align: justify; }
  .align-right { text-align: right; }

  #wrap .box-content p {
    margin: 0;
  }

    #sidebar-right a {
      color: #707173;
      text-decoration: none;
    }
    #sidebar-left a.cart-checkout,
    #sidebar-right a.cart-checkout {
      color: #ffffff;
      display: block;
      font-size: 12px;
      padding: 10px 0 5px 0;
      text-decoration: underline;
    }

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

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

  .content-container ul,
  .content-container ol {
    font-size: 12px;
    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 .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 .romanticism h6 {
      background: #850056;
    }

    #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: 12px;
  }

  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;
  }

  table.tx-proficontentcart-pi1-cart-table th,
  table.tx-proficontentcart-pi1-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: normal;
    }

    table.offer thead th,
    table.offer thead td {
      background: #baaabc;
      font-size: 16px;
      color: #582579;
    }

    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: 484px;
    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;
    }

    .romanticism h2 {
      background: #850056;
    }

    .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 {
        height: 108px;
        overflow: auto;
        padding: 0.5em;
        width: 305px;
      }

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

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

        .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;
          }

          .romanticism .offer .offer-price {
            color: #850056;
          }

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

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

      .box {
      }

        .box-content {
          background-color: #ffffff;
          color: #707173;
        }
        .box-dark .box-content {
          background-color: #b8a2c5;
          color: #ffffff;
        }

          .box-content h6 {
            background: #b8a2c5;
            color: #ffffff;
            font-weight: bold;
            line-height: 1.5em;
          }
            #wrap .box-content h6 a {
              color: #ffffff;
              text-decoration: none;
            }

          .box a.box-link-block {
            background: #ffffff;
            border-top: 2px solid #ede7f0;
            color: #707173;
            font-size: 12px;
            text-decoration: none;
            padding: 5px 18px;
          }

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

            #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;
              }

  #wrap #sidebar-right div.social-tools div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0 !important; }
  div.social-tools div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0 !important; }
    div.social-tools p { line-height: 2.3em !important; }

  #wrap .content-container .small-text h1, #wrap .content-container .small-text h2, #wrap .content-container .small-text h3,
  #wrap .content-container .small-text h4, #wrap .content-container .small-text h5, #wrap .content-container .small-text h6,
  #wrap .content-container .small-text p.bodytext,
  #wrap .content-container .small-text p.align-left,
  #wrap .content-container .small-text p.align-justify,
  #wrap .content-container .small-text p.align-right { font-size: 9px; }