/*
  **  stylesheet definitions for voellanerhof.com
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi IT
  **  @author     Thomas Juhnke <tommy@profi.it>
  **  @since      03.11.2010 14:38:45
  */

  body {
    background: #ede7f0 url(../img/bg-body.png) no-repeat scroll 50% 498px;
    font: 62.5%/100% Verdana, Arial, Helvetica, sans-serif;
  }

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

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

  #header-container {
    height: 351px;
    padding-top: 51px;
    position: relative;
  }
    .header-content {
      float: left;
      position: relative;
    }

    #header-top-content {
      width: 227px;
    }
      #menu-header-additional {
        left: 0px;
        position: absolute;
        top: -51px;
      }
    #header-middle-content {
      height: 351px;
      width: 763px;
    }

      #menu-main {
        background-color: #baa4ca;
        bottom: 0px;
        clear: both;
        line-height: 39px;
        padding: 0 0 0 5px;
        position: absolute;
        z-index: 100;
        width: 758px;
      }

        #menu-main li {
          border-right: 1px solid #ede7f0;
          display: inline;
          font-size: 15.4px;
          line-height: 39px;
          padding: 11px 0;
          position: relative;
        }

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

          #menu-main li .submenu-container {
            display: none;

            position: absolute;
            top: auto;
            bottom: 37px;
            left: 0em;

            width: 194px;

            z-index: 21;

            background: none;
            border: 1px solid #baaabc;
            border-right: none;
            border-bottom: none;
            border-left: none;

            /* re-set font size */
            font-size: 10px;
          }

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

          #menu-main li:hover .submenu-container {
            display: block;
          }

            #menu-main .submenu-container li {
              border: 1px solid #baaabc;
              border-top: none;
            }

            #menu-main .submenu-container li.menu-top img {
              display: block;
            }

            #menu-main .submenu-container li.menu-bottom {
              border: none;
              background: transparent url('../img/bg-submenu-bottom.png') left top no-repeat;
            }

            #menu-main .submenu-container li {
              font-size: 1em;
              padding: 0;
            }

        #menu-main li img {
          vertical-align: text-bottom;
        }

        #menu-main a {
          background-color: #baa4ca;
          color: #ffffff;
          padding: 10px 16px;
          text-decoration: none;
        }

        #menu-main a:hover,
        #menu-main li.active a {
          color: #572579;
        }

        #menu-main li:hover .submenu-container a,
        #menu-main li.active .submenu-container a {
          background: #efebf0;
          color: #7a797a;
          text-transform: none;
          padding: 0.25em 0.5em;
          font-family: Arial, Verdana, Helvetica, sans-serif !important;
          font-weight: normal;
          letter-spacing: normal;
          font-size: 1.2em;
        }

        #menu-main .submenu-container ul li a:hover {
          background: #efebf0;
          background: #521f68;
          color: #521f68;
          color: #ffffff;
        }

        #menu-main .submenu-container a {
          color: #7a797a;
          display: block;
          line-height: 1.5em;
          padding: 0;
          /* preserve whitespaces in the link elements in the sub menus */
          white-space: pre;
        }

    #header-bottom-content {
      position: absolute;
      right: 0;
      top: 0;
    }

      #menu-language {
      }

          #menu-language a {
          }

  #menu-header-additional,
  #menu-language {
    font-size: 12px;
    line-height: 1.1;
    margin-top: 19px;
  }

    #menu-header-additional li,
    #menu-language li {
      border-right: 1px solid #afacb2;
      display: inline;
      padding: 0 0.5em;
    }
    #menu-header-additional li.first-item,
    #menu-language li.first-item {
      padding-left: 0;
    }

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

    #menu-language li.last-item {
      padding-right: 0;
    }

      #menu-header-additional a,
      #menu-language a {
        color: #afacb2;
        text-decoration: none;
      }
      #menu-header-additional .active a,
      #menu-header-additional a:hover,
      #menu-language .active a,
      #menu-language a:hover {
        color: #7d5697;
      }

  #content-container {
    float: left;
    padding-top: 29px;
    width: 990px;
  }

    #sidebar-left {
      float: left;
      width: 227px;
    }

    #sidebar-left.wide {
    }

      #menu-sub {
        border-bottom: 10px solid #b8a2c5;
        border-top: 10px solid #b8a2c5;
        font-size: 12px;
        margin-bottom: 15px;
        /*padding: 10px 0;*/
      }

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

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

      .box {
        margin-bottom: 15px;
      }
      .box-last {
        margin-bottom: 0;
      }

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

          #content-container .box-content h6 {
            border: none;
            clear: both;
            color: #ffffff;
            font-size: 14px;
            line-height: 1.5em;
            padding: 5px 18px;
          }

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

      .menu-quicklinks {
        font-size: 12px;
        margin-bottom: 2em;
      }

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

        #menu-sub {
          /* setting for other color of the bullet */
          color: #f7931d;
          background-color: #b8a2c5;
        }

          #menu-sub li {
          }

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

          .menu-quicklinks li {
            border-bottom: 1px solid #a68bb8;
          }

            #menu-sub a {
              /*font-size: 1.1em;*/
              padding: 5px 12px 5px 24px;
              text-decoration: none;
            }

            .menu-quicklinks a {
              text-decoration: none;
              padding: 5px 0;
            }

            #menu-sub a {
              color: #ffffff;
            }

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

            .menu-quicklinks a {
              color: #707173;
            }

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

            #menu-sub li.active a,
            #menu-sub a:hover {
              background-color: #572579;
            }

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

            #menu-sub li.active ul a:hover,
            #menu-sub ul li.active a {
              color: #562679;
            }

      .sb-left-box {
        border: 1px solid #969ea1;
      }
        .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: 763px;
    }

      #content {
        float: left;
        padding: 0;
        width: 536px;
      }

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

        .content-container {
          margin: 0 26px;
        }

          #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 {
        background: none;
        float: left;
        width: 227px;
      }
      
        #sidebar-right .csc-frame-indent {
          padding-top: 30px;
          color: #7A797A;
          line-height: 1.2em;
        }

  #footer { clear: both; padding-top: 50px; }

  #cart-toggler { position: relative; top: -16px; }