/*
  **  stylesheet definitions for voellanerhof.com
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi IT
  **  @author     tommy(at)profi(dot)it
  **  @since      25.11.2008 17:15:24
  */

  body {
  }

  div.clear {
    clear: left;
    font-size: 0px;
    line-height: 0px;
  }

  a.textreader-hint {
    position: absolute;
  }

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

  #header-container {
  }

    #menu-language {
      padding: 1.5em 1em 0.6em 0;
      margin: 40px 0 0 0;
    }

      #menu-language li {
        display: inline;
        padding: 0 0.5em;
        font-size: 1.4em;
      }

    #header-column-left {
      float: right;
      width: 347px;
    }

      #header-column-left div.logo {
        width: 347px;
        height: 318px;
        padding: 0;
      }

        #header-column-left div.logo a {
          display: block;
          height: 318px;
        }

      #header-column-left div {
        padding: 0.5em 0 1px 0;
      }

        #menu-extra li:before {
          content: "\00BB\0020";
        }

    #header-column-right {
      position: relative;
      float: left;
      width: 641px;
    }

      #menu-main {
      }

        #menu-main li {
          /*display: inline;*/
          /*
          float: left;
          */
        }

      #header-image-container {
        z-index: 80;
        overflow: visible;
      }

      body.light #header-image-container {
        background: #efebf0;
      }

      body.dark #header-image-container {
        background: #411852;
      }

        #menu-image-navigation {
          position: absolute;
          bottom: 0;
          right: 776px;
          width: 34px;
          margin-right: 19px;
        }

          #menu-image-navigation li {
            float: left;
            width: 17px;
            height: 34px;
            text-indent: -7777em;
          }

          #menu-image-navigation li.description {
            width: auto;
            text-indent: 0;
            line-height: 34px;
            margin: 0 0 0 -3.5em;
            font-size: 1.2em;
            color: #ffffff;
          }

            #menu-image-navigation a {
              display: block;
              width: 17px;
              height: 34px;
            }

  #content-container {
    float: left;
    width: 988px;
    background: #ffffff url('../img/bg-content.png') left bottom no-repeat;
  }

  body.light #content-container {
    border-top: 7px solid #baa4ca;
  }

  body.dark #content-container {
    border-top: 7px solid #e9e5eb;
  }

    #sidebar-left {
      float: left;
      width: 178px;
      border-top: 3px solid #ffffff;
    }

    #sidebar-left.wide {
    }

      #sidebar-left .menu-container {
        margin-bottom: 4em;
      }

      #menu-sub {
        /*margin-bottom: 2.5em;*/
        padding: 11px 0 0 0;
      }

          #menu-sub a,
          #menu-quicklinks a {
            display: block;
            line-height: 1.5em;
          }

          #menu-sub li ul {
            margin-left: 1em;
          }

      #menu-booking {
        margin: 0 0 0 11px;
        padding: 30px 0 0 0;
      }

        #menu-booking li {
          background-color: #baa4ca;
          line-height: 1em;
          font-size: 17px;
          padding: 0.5em 0;
          text-align: center;
        }

          #menu-booking li a {
            color: #4a4a4a;
            text-decoration: none;
          }

      .box {
        margin-bottom: 1.5em;
      }

        .box-content {
          padding: 10px 20px;
        }

        /* otherwise, the layout text will break */
        .box-dashed .box-content {
          padding: 10px;
        }

          .box-content h6 {
            padding: 0.25em 20px;
          }

        .box .no-margin {
          padding: 0;
        }

          .box-content img {
            display: block;
          }

          .box-content img.no-block {
            display: inline;
          }

          .box a.box-link-block,
          .box a.box-link-inline {
            display: block;
          }

          .box a.box-link-inline {
            margin-top: 1.5em;
          }

          .box-dashed dt {
            margin: 0.25em 0;
            padding: 0.25em 0 0.25em 0.25em;
          }

          .box-dashed dd {
            padding: 0 0 0 0.25em;
          }

      .btn-booking {
        margin: 0 0 45px 11px;
      }

      #menu-quicklinks {
        margin-bottom: 2em;
      }

      #sidebar-left .csc-frame-indent {
        margin: 10px 5px;
        overflow: hidden;
      }
        #sidebar-left .csc-frame-indent img {
          width: 168px;
        }

      .sb-left-box {
        border: 1px solid #969ea1;
        margin: 0 0 0 8px;
      }
        .sb-left-box .header {
          padding: 5px;
          font-size: 1.2em;
          background-color: #5e2d7e;
          color: #ffffff;
        }
          .sb-left-box .header h6 {
            line-height: 1.5em;
            text-align: center;
            font-weight: bold;
          }
          .sb-left-box .header a {
            color: #ffffff;
            text-decoration: none;
          }
        .sb-left-box .content {
          padding: 14px 14px 1px 14px;
          background-color: #efebf0;
        }
          .sb-left-box .content a {
            color: #787777;
            text-decoration: none;
          }

    #content-right {
      float: left;
      width: 810px;
    }

      #content {
        float: left;
        width: 533px;
        border-top: 3px solid #ffffff;
        padding: 10px 0 0 0;
      }

      #content.wide {
        width: 810px !important;
      }

        .content-container {
          margin: 0 45px 0 62px;
        }

          #menu-breadcrumb {
            margin: 0 45px 0 62px;
          }

            #menu-breadcrumb li {
              display: inline;
            }

            #footer-menu {
              clear: both;
              padding: 1em 0;
              font-size: 1.1em;
            }

              #footer-menu li {
                display: inline;
                padding: 0 0.5em;
              }

      #sidebar-right {
        float: left;
        width: 203px;
        padding: 40px 27px 0 45px;
      }
      
        #sidebar-right .csc-frame-indent {
          padding-top: 30px;
          color: #7A797A;
          line-height: 1.2em;
        }
          #sidebar-right .csc-frame-indent p {
            padding-top: 8px;
          }
          #sidebar-right .csc-frame-indent a {
            color: #7A797A;
          }

  .social-bar {
    margin: 20px 0 150px 0;
    font-size: 1.2em;
  }

  #sidebar-right .social-bar {
    padding-left: 40px;
  }
  #sidebar-left .social-bar {
    padding-left: 28px;
  }

    .social-bar li {
      line-height: 24px;
    }
    .social-bar li#facebook {
      margin-bottom: 2px;
    }

      .social-bar a {
        background-repeat: no-repeat;
        background-position: 5px center;
        color: #7b5e5f;
        text-decoration: none;
        display: block;
        line-height: 24px;
        padding: 0 0 0 33px;
      }

      .social-bar #facebook a {
        background-image: url('../img/icon-facebook.png');
      }
      .social-bar #twitter a {
        background-image: url('../img/icon-twitter.png');
      }
      .social-bar #holidaycheck a {
        background-image: url('../img/icon-holidaycheck.png');
      }