/*
  **  stylesheet definitions for hotel-viktoria.com - layout settings
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi IT
  **  @author     tommy(at)profi(dot)it
  **  @since      14.11.2008 15:10:13
  */

  @import url('style-reset.css');
  @import url('style-typography.css');
  @import url('style-forms.css');
  @import url('style-tt_news.css');
  @import url('style-ve_guestbook.css');

  body {
    font: normal normal normal 62.5%/100% Verdana, Arial, Helvetica, sans-serif;
  }

  div.clear {
    clear: left;
  }

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

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

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

    #wrap {
      width: 995px;
      margin: 0 auto;
    }

      #header-container {
        position: relative;
        padding: 60px 15px 0 15px;
      }

        #header-container h1 {
          float: right;
          width: 258px;
          height: 167px;
          /*background: transparent url('../img/logo-site.png') right top no-repeat;*/
        }

          #header-container h1 a {
            display: block;
            width: 258px;
            height: 167px;
            text-indent: -7777em;
          }

        #menu-language,
        #menu-main {
          position: absolute;
          top: 397px;
          z-index: 100;
        }

        #menu-language {
          text-align: right;
          width: 220px;
          right: 33px;
          padding: 0 20px 0 0;
        }

        #menu-main {
          width: 617px;
          padding-left: 90px;
        }

          #menu-language li,
          #menu-main li.sub {
            display: inline;
            line-height: 3em;
          }

          #menu-main li.sub {
            position: relative;
            line-height: 3em;
            padding: 1em 0.75em 0 0.5em;
          }

            #menu-language li a { /*,*/
            /*#menu-main li.sub a {*/
              font-size: 1.3em;
              text-decoration: none;
              text-transform: lowercase;
            }

          /* drop-down menu start */
          #menu-main li.sub ul,
          #menu-main li.sub ul li.sub ul {
            display: none;
            position: absolute;
            z-index: 100;
            top: auto;
            bottom: 2em;
            left: 0em;
            width: auto;
            text-align: left;
          }

          #menu-main li.sub:hover {
          }

          #menu-main li ul li {
            display: block !important;
            line-height: 1.5em;
          }

          #menu-main li ul li.sub {
            padding: 0;
            margin: 0;
            background: url('/sf/sf_admin/images/next.png') right center no-repeat;
          }

          #menu-main li.sub:hover ul,
          #menu-main li.sub ul li.sub:hover ul,
          #menu-main li.sub ul.show,
          #menu-main li.sub ul li.sub ul.show { /* for IE6 */
            display: block;
            /*-moz-opacity: 0.95;*/
          }

          #menu-main li.sub ul li.sub:hover ul,
          #menu-main li.sub ul li.sub ul.show {
            top: 0;
            left: 15em;
          }

            #menu-main li.sub ul li {
            }

            #menu-main li.sub ul li.sub {
              font-size: 1em;
              border: none;
            }

            /* for menu items with third level submenus */
            #menu-main li.sub ul li.sub:hover {
              background: url('/sf/sf_admin/images/next.png') right center no-repeat;
            }

            #menu-main li a {
              font-size: 1.3em;
              text-decoration: none;
              text-transform: lowercase;
              /*
              color: #fff;
              padding: 0.65em 0.5em;
              */
            }

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

            #menu-main li.sub:hover ul li a {
              background: #784610;
              color: #fff;
              text-transform: none;
              display: block;
              padding: 0.5em;
            }

            #menu-main li.sub ul li a:hover {
              background: #beb5a7;
              color: #513911;
            }

            #menu-main li.sub ul a {
              display: block;
              /* preserve whitespaces in the link elements in the sub menus */
              white-space: pre;
            }

            #menu-main li.sub ul a span.menu-number {
              font-size: 0.9em;
              padding-right: 0.5em;
              color: #717171;
            }
          /* drop-down menu end */

        #header-image-container {
          position: relative;
          z-index: 80;
          padding-left: 90px;
        }

          #header-image-big,
          #header-image-small {
            float: left;
          }

          #header-image-big {
            position: relative;
          }

      #content-column-container {
        clear: both;
        position: relative;
        z-index: 85;
        float: left;
        width: 100%;
      }

        #sidebar-left,
        #content-container,
        #sidebar-right {
          float: left;
        }

        #sidebar-left {
          width: 184px;
          margin: 0 0 0 15px;
          /* padding: 0 0 150px 0; */
          position: relative;
          top: -14px;
        }

          .sidebar-image {
            display: block;
          }

          #menu-sub {
            padding: 11px 0 20px 0;
          }

            #menu-sub li {
              margin-left: 20px;
              /*padding-left: 20px;*/
              border-bottom: 1px solid #ffffff;
            }

              #menu-sub li a {
                display: block;
                font-size: 1.3em;
                line-height: 2em;
                text-decoration: none;
                text-transform: lowercase;
              }


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

            #menu-sub li ul {
              font-size: 0.8em;
            }

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

          #menu-quicklinks {
            margin: 6px 0 6px 0;
            padding: 0 0 7px 0;
          }

            #menu-quicklinks li {
              margin-left: 20px;
              background-position: 90% center;
              background-repeat: no-repeat;
            }

              #menu-quicklinks li a {
                font-size: 0.9em;
                line-height: 2.3em;
                text-decoration: none;
                display: block;
              }

        #content-container {
          width: 523px;
        }

        #content-container.wide {
          width: 762px;
        }

          #content-container .menu-container {
            height: 3em;
          }

          #menu-image-select {
            text-align: right;
            line-height: 3em;
            padding: 0 1em 0 0;
          }

            #menu-image-select li {
              display: inline;
              margin: 0 0.15em;
            }

              #menu-image-select a {
                text-decoration: none;
                padding: 0.05em 0.3em;
              }

          #menu-breadcrumb {
            margin: 0 0 0 4em;
          }
          
            #menu-breadcrumb li {            
              display: inline;
              line-height: 1.5em;
            }
            
            #menu-breadcrumb a {
              color: #000000;
              text-decoration: none;
            }
            
            #menu-breadcrumb a:after {
              content: "\0020\00BB\0020";
            }

          #content {
            margin: 0 40px 40px 40px;
            color: #513911;
          }

            .carousel-container.with-margin {
              margin-bottom: 1em;
            }

              .carousel-container .carousel-nav {
                float: left;
                width: 100%;
                background-color: #f6e7c7;
                padding: 0.5em 0;
              }

                .carousel-nav .prev,
                .carousel-nav .next {
                  float: left;
                  width: 48%;
                  padding: 0 1%;
                }

                .carousel-nav .next {
                  text-align: right;
                }

                  .carousel-nav a {
                    text-decoration: none !important;
                    font-weight: bold !important;
                    color: #9f8e67 !important;
                  }

                .carousel {
                  clear: both;
                  width: 443px;
                  height: 286px;
                  overflow: hidden;
                }

                  .carousel .content .slide {
                    float: left;
                    width: 443px;
                    height: 286px;
                  }

            table.offer,
            table.offer-group {
              margin: 1.5em 0;
            }

              table.offer th,
              table.offer-group th {
                font-size: 1.2em;
                font-weight: bold;
                color: #843510;
                line-height: 1.5em;
                padding: 0.5em 0 0.5em 0;
              }

              /*
              table.offer th.title:before,
              table.offer-group th.title:before {
                content: "\25cf\0020"
              }
              */

              table.offer th.title,
              table.offer-group th.title {
                background: transparent url('../img/bg-offer-title.png') -0.2em 0.65em no-repeat;
                padding-left: 1.15em;
              }

              table.offer th.price,
              table.offer-group td.price {
                text-align: right;
                border-left: 2px solid #843510;
                /*padding: 0.5em 0 0.5em 0;*/
              }

              table.offer tbody td,
              table.offer-group tbody td {
                padding: 0.5em 0 0.5em 1.15em;
              }

              table.offer-group tbody td {
                font-size: 1.2em;
                font-weight: bold;
                line-height: 1.25em;
              }

              table.offer-group tbody td.price,
              table.offer-group tbody td.time {
                /*padding: 0.5em 0 0.5em 0em;*/
              }

              table.offer th.time,
              table.offer-group tbody td.time {
                text-align: right;
                padding: 0.5em 0.5em 0.5em 0;
              }

              table.offer-group tbody tr {
                margin-bottom: 0.5em;
              }

              table.offer td p.bodytext {
                margin: 0 !important;
              }

        #sidebar-right {
          width: 255px;
          margin: 0 15px 0 3px;
        }

          #address-box {
            margin: 0 18px 0 0;
          }

            #address-box p {
              font-size: 1.1em;
              line-height: 1.25em;
              margin: 0 0 1em 0;
            }

          .box {
            clear: both;
          }

            .box-content {
              padding: 1em;
            }

            .box .lesser-padding {
              padding: 0.5em;
            }

              .box-content img {
                float: left;
              }

            .box-scroller a.carousel-control {
              display: block;
              line-height: 2em;
              text-align: right;
              padding: 0 2em 0 0;
            }

      #footer-column-container {
        clear: both;
      }

        #footer-column-container .column {
          float: left;
        }

        #footer-column-left {
          width: 538px;
          margin-left: 184px;
        }

          #menu-footer {
            margin: 30px 0 30px 0;
            text-align: center;
          }

            #menu-footer li {
              display: inline;
              padding: 0 1em 0 0;
              line-height: 1.5em;
            }

              #menu-footer a {
                font-size: 1.2em;
                text-decoration: none;
              }

        #footer-column-right {
          display: none;
          width: 635px;
          padding: 35px 0;
        }

  /* special offer or price elements, winter and summer */
  .offer-price-container {
    margin: 1.5em 0;
  }

    .offer-price-container table.christmas-new-years-eve {
      border: 1px solid #784610;
    }

      .offer-price-container table.christmas-new-years-eve td {
        background: #eddabc;
        border: 1px solid #e0f0f8;
        border-top: none;
        border-left: none;
        color: #474747;
        font-size: 1.2em;
        line-height: 1.5em;
        padding: 0.25em;
      }

      .offer-price-container table.christmas-new-years-eve td.item-counter {
        text-align: right;
      }

      .offer-price-container table.christmas-new-years-eve td.item-counter,
      .offer-price-container table.christmas-new-years-eve td.short-description {
        border-bottom: none;
      }

      .offer-price-container table.christmas-new-years-eve td.header {
        background: #784610;
        border-right: none;
        color: #fbfbdb;
        vertical-align: middle;
        font-weight: bold;
        height: 1.5em;
      }

      .offer-price-container table.christmas-new-years-eve td.description {
        border-right: none;
        /* reset font size, content elements bring their own settings */
        font-size: 1em;
      }

      .offer-price-container table.christmas-new-years-eve td.meta-data {
        background: #d4b88d;
        border-right: none;
        border-bottom: none;
        vertical-align: middle;
        text-align: right;
        height: 1.5em;
      }

    .offer-price-container table.winter {
      border-bottom: 1px solid #784610;
    }

    .offer-price-container table.summer {
      border-bottom: 1px solid #784610;
    }

      .offer-price-container table.winter td,
      .offer-price-container table.summer td {
        font-size: 1.1em;
        line-height: 1.5em;
        padding: 0.25em;
        color: #52504f;
      }

      .offer-price-container table.winter td.item-counter,
      .offer-price-container table.summer td.item-counter {
        text-align: right;
        font-weight: bold;
      }

      .offer-price-container table.winter td.header {
        color: #784610;
      }

      .offer-price-container table.summer td.header {
        color: #784610;
      }

      .offer-price-container table.winter td.image,
      .offer-price-container table.summer td.image {
        vertical-align: top;
      }

      .offer-price-container table.winter td.description,
      .offer-price-container table.summer td.description {
        vertical-align: top;
      }

        .offer-price-container table.winter td.description table.price,
        .offer-price-container table.summer td.description table.price {
          empty-cells: hide;
          border-spacing: 2px;
        }

          .offer-price-container table.winter td.description table.price td {
            background: #d4b88d;
          }

          .offer-price-container table.summer td.description table.price td {
            background: #d4b88d;
          }

    .offer-price-container div.winter {
      border: 1px solid #784610;
    }

    .offer-price-container div.summer {
      border: 1px solid #784610;
    }

      .offer-price-container div.winter img.eyecatcher,
      .offer-price-container div.summer img.eyecatcher {
        float: left;
        margin: 0 0.5em 0.5em 0;
        position: relative;
        z-index: 100;
      }

      .offer-price-container div.winter div.header,
      .offer-price-container div.summer div.header {
        color: #ffffff;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.5em;
        padding: 0.5em;
      }

      .offer-price-container div.winter div.header {
        background: #784610;
      }

      .offer-price-container div.summer div.header {
        background: #784610;
      }

      .offer-price-container div.winter div.description,
      .offer-price-container div.summer div.description {
        padding: 0.5em;
        position: relative;
        z-index: 80;
      }

      .offer-price-container div.winter div.description {
        background: #e4d0af;
      }

      .offer-price-container div.summer div.description {
        background: #e4d0af;
      }

      .offer-price-container div.winter div.footer,
      .offer-price-container div.summer div.footer {
        /* the simpliest way */
        display: none;
        font-size: 1.2em;
        line-height: 1.5em;
        padding: 0.5em;
      }

      .offer-price-container div.winter div.footer {
        background: #bdca63;
      }

      .offer-price-container div.summer div.footer {
        background: #bdca63;
      }
  
  
  /* new pricetable */
  table.price {
    border-collapse: collapse;
    margin-bottom: 10px;
    z-index: 1000;
    background-color: #fde3b5;    
    color: #52504f;
    empty-cells: hide;
  }
  .no-collapse {
    border-collapse: separate !important;
    /*border-spacing: 2px;*/
    font-size: 9px;
  }
    table.price td {
      padding: 0 10px;
      font-size: 11px;
      line-height: 1.3em;
      vertical-align: middle;
      /* border: 1px solid #000000; */
      padding: 5px;
    }
    .no-collapse th,
    .no-collapse td {
      border-right: 2px solid #fde3b5;
      border-bottom: 2px solid #fde3b5;
    }
    #content table.price td.no-padding,
    #content table.price td.no-padding td {
      padding-left: 0;
      padding-right: 0;
      vertical-align: top;
    }
    table.price td.no-padding {
      border-bottom: 1px solid #bba27a;
    }
    #content table.price td.no-padding td.bg-price1 {
      background-color: #fdd284;
      text-align: right;
      padding: 6px 30px 6px 0;
    }
    #content table.price td.no-padding td.bg-price2 {
      background-color: #e7c483;
      text-align: right;
      padding: 6px 30px 6px 0;
    }
    #content table.price td.no-padding td.right-align {
      text-align: right;
      font-size: 9px;
      color: #8b7759;
      vertical-align: middle;
    }
      #content table.price td.hr-no-padding {
        padding: 0;
      }
      #content table.price hr.hr-seperator {
        width:100%;
        color: #bba27a;
        background-color: #bba27a;
        height:1px;
        margin: 0;
        padding: 0;
      }
    table.price td.align-right {
      text-align: right;
    }
      table.price td.align-right a {
        color: #52504f;
        font-size: 10px;
      }
    table.price td.price-value {
      text-align: right;
    }
    table.price thead th {
      padding: 2px 6px;
      background-color: #ba9165;
      font-size: 11px;
      font-weight: bold;
      line-height: 1.3em;
      vertical-align: middle;
      color: #ffffff;
      padding-left: 10px !important;
    }
    table.price th.th-top {
      background: none;
      font-style: italic;
      font-weight: normal;
      text-align: center;
      color: #52504f;
      font-size: 12px;
    }
    table.price th.th-pic {
      padding: 10px 10px 0 !important;
      text-align: right;
      color: #52504f;
      border-right: none;
      border-bottom: 1px solid #bba27a;
    }
      table.price th.th-pic a {
        color: #52504f;
        text-transform: uppercase;
        font-size: 9px;
        padding: 5px 0 5px 20px;
        background: transparent url(../img/lupe.png) no-repeat scroll left center;
        line-height: 2.5em;
        position: relative;
      }

    table.price td a {
      position: relative;
      z-index: 240;
    }
    table.price td a:hover {
      text-decoration: none;
      z-index: 250;
    }

    table.price .th-pic a dfn {
      display: none;
      position: absolute;
      top: -18em;
      left: 7em;
      width: 461px; 
      font-style: normal;
      font-size: 11px;
      font-weight: normal;
      line-height: 1.3em;
      border: 1px solid #bba27a;
      background: #f8d9a1;
      z-index: 1260;
    }
      table.price .th-pic a dfn span {
        text-transform: none;
      }
      table.price .th-pic a dfn span div.dfn-header {
        text-align: left;
        padding: 10px;
        text-decoration:none;
      }
      table.price .th-pic a dfn span div.dfn-padding {
        padding-left: 30px;
      }
        table.price .th-pic a dfn span div.dfn-text {
          padding: 10px 0 10px 30px;
          text-align: left;
          text-decoration: none;
        }
    table.price .th-pic a:hover dfn {
      display: block;
      z-index: 1260;
    }

    table.price .th-pic a dfn img {
      border: none;
      padding-bottom: 2px;
      display: block;
    }
    table.price .th-pic a dfn strong {
      font-weight: bold;
    }