/*
  **  stylesheet definitions for ###DOMAIN###
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi IT
  **  @author     ###AUTHOR###
  **  @since      ###DATE###
  */

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

  body {
    font: normal normal normal 62.5%/100% 'Trebuchet MS', Times, serif;
  }

  div.clear {
    clear: both;
    line-height: 0px;
  }

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

  /* table in directions element */
  #directions table td {
    line-height: 1.5em !important;
  }
  
  #wrap {
    background: #fdf3df url('../img/background_stripe.gif') center top repeat-y;
  }
  
  .winter #wrap  {
    background: #fdf3df url('../img/background_stripe_winter.gif') center top repeat-y;
  }
  
  #container-header {
    background-image: url('../img/header_with_logo.png');
    height: 123px;
    width: 1024px;
    margin: 0 auto;
    position: relative;
  }
    
  #logo{
    height: 121px;
    margin: 0 auto;
    width: 675px;
    line-height: 121px;
  }
  
    #logo a {
      display: block;
      line-height: 121px;
      text-indent: -7777em;
      height: 121px;
    }
  
  #menu-language {
    position: absolute;
    top: 0;
    padding: 100px 0 10px 10px;
  }

    #menu-language li {
      display: inline;
      padding: 0 2px;
    }
  
  #container-middle {
    /* loooooooooooooong background image */
    background: #fdf3df url('../img/middle_big_stripe.gif') center top no-repeat;
  }

    #container-middle .container {
      width: 1024px;
      margin: 0 auto;
      
    }
  
    .container-sidebar {
      float: right;
      width: 216px;
      background: #f0d673 url('../img/round-top-sprite.png') no-repeat scroll -438px 0px;
    }
    
      .container-logo {
        margin-top: -48px;
        margin-left: 18px;
        position: relative;
        width: 183px;
      }
      
      #menu-main {
        margin-left: 18px;
        margin-top: 20px;
      }
      
        #menu-main li {
          padding-left: 20px;
          background-repeat: no-repeat;
          background-position: left 4px;
        }
        
        #menu-main li a{
          line-height: 1.5em;
          font-size: 1.4em;
          text-transform: uppercase;
          text-decoration: none;
          color: #000;
        }
        
        #menu-main li.c69ae9d {
          background-image: url('../img/menu-square-69ae9d.png') ;
        }
        
        #menu-main li.ce8ab46 {
          background-image: url('../img/menu-square-e8ab46.png') ;
        }
        
        #menu-main li.cf2c920 {
          background-image: url('../img/menu-square-f2c920.png') ;
        }
        
        #menu-main li.cc2bd3e {
          background-image: url('../img/menu-square-c2bd3e.png') ;
        }
        
        #menu-main li.c656f55 {
          background-image: url('../img/menu-square-656f55.png') ;
        }
        
        #menu-main a.active{
          text-decoration: underline;
        }
    
    .container-content {
      float: left;
      width: 725px;
    }
  
      #container-middle .content-left {
        float: left;
        width: 503px;
      }
      
        #container-middle .content-left div {
          background-color: #fdf3df;
          
        }
      
      .content-right {
        background: transparent url('../img/round-top-sprite.png') no-repeat scroll -133px 0px;
        float: left;
        width: 261px;
        background-color: #fef4df;
        padding: 70px 22px 0 22px;
      }

        #content h1,
        .content-right h1 {
          padding-top: 1em;
          padding-bottom: 1em;
          color: #ef9704;
          font-size: 1.7em;
          line-height: 1.3em;
        }

        #content h1.csc-firstHeader,
        .content-right h1.csc-firstHeader {
          padding-top: 0;
        }

        #content h2,
        .content-right h2 {
          font-size: 1.5em;
          color: #2e821e;
          font-weight: bold;
          line-height: 1.5em;
        }

        #content h3,
        .content-right h3 {
          font-size: 1.3em;
          color: #3c2d0e;
          font-weight: bold;
          line-height: 1.5em;
        }

        #content h2,
        #content h3 {
          margin-bottom: 0.75em;
        }

        #content .csc-frame-rulerBefore {
          height: 19px;
          background: transparent url('../img/bg-frame-top.png') no-repeat scroll left center;
          padding: 10px 0;
        }

    #container-content {
      clear: both;
      margin: 0 auto;
      width: 1024px;
      background: transparent url('../img/middle_center_sprite.png') no-repeat scroll left top;
    }
    
    .winter #container-content {
      clear: both;
      margin: 0 auto;
      width: 1024px;
      background: transparent url('../img/middle_center_sprite_winter.png') no-repeat scroll left top;
    }
      
      #container-left {
        float: left;
        width: 808px;
        
      }
      
        #sidebar-left {
/*          background: transparent url('../img/middle_center_sprite.png') no-repeat scroll 305px top; */
          float: left;
          width: 313px;
        }
        
        #sidebar-left .impressum {
          padding-top: 2em;
        }
        
          #sidebar-left .impressum a {
            text-decoration: none;   
            font-size: 1.2em;
            color: #f4ec95;      
          }
        
        #menu-picture-nav img {
          border: 1px solid #ffffff;
          margin: 0 4px 5px 0;
        }
          
          #sidebar_left_zoom {
/*            background-image: url('../img/lupe_background.gif'); */
            color: #969595;
            font-size: 1.2em;
            line-height: 0;
            padding-left: 20px;
            width: 293px;
          }
          
          #sidebar_left_zoom img {
            vertical-align: text-top;
          }
          
          #sidebar-left ul {
            padding: 2em 2em 0 2em;
          }
        
          #sidebar-left li {
            display: inline;
          }
          
          
            
        #content {
/*          background: transparent url('../img/middle_center_sprite.png') no-repeat scroll -8px top; */
          float:left;
          width: 433px;
          padding: 80px 37px 0 25px;
        }
        
      #sidebar-right {
        float: left;
        width: 216px;
        border-top: 21px solid #f0d673;
      }
      
        #sidebar-right .csc-frame-rulerAfter {
          border-bottom: 1px solid #f3ce24;
          padding-bottom: 15px;
        }
        
        #sidebar-right .csc-textpic-caption {
          font-size: 1.1em;
          color: #453679;
          line-height: 1.5em;
          padding-top: 20px;
          padding-left: 15px;
          text-align: left;
        }
        
        #sidebar-right .content-padding {
          padding: 0 18px;
        }
        
        #sidebar-right .content-padding .bodytext {
          color: #453679;
        }

        #box-form {
          background-color: #e9ac46;
          height: 86px;
          padding-left: 18px;
          padding-top: 14px;
          border-bottom: 3px solid #fef4df;
        }
        
        #box-form h1 {
          font-size: 1.4em;
          font-weight: bold;
          text-transform: uppercase;
        }
        
        .box {
          width: 216px;
          overflow: hidden;
        }

          .box .news-latest-container {
          }

          .box .box-content-container {
            float: left;
            width: 216px;
          }

          .box .box-header {
            background-image: url('../img/box_offer_background.gif');
            text-align: center;
          }
          
            .box .box-header h4 {
              font-size: 1.3em;
              color: #3b2d0e;
              line-height: 1.5em;
              padding-top: 0.5em 0;
            }
          
          .box .box-content {
            background-color: #7abaa9;
          }
          
            .box .box-content img {
              float: left;
            }

            .box .box-content p {
              font-size: 1.2em;
              color: #fff;
              line-height: 1.2em;
              padding: 5px 5px 3px 93px;
            }
            
            .box .box-content a {
              font-size: 1em;
              color: #fff;
              line-height: 1.25em;
              font-weight: bold;
            }
            
          .box .box-bottom {
            clear: both;
            background-color: #72b4a3;
            border-top: 1px solid #f3ce24;
            border-bottom: 1px solid #f3ce24;
          }
          
            .box .box-bottom li {
              text-align: center;
            }
            
            .box .box-bottom ul {
              display: block;
            }
          
            .box .box-bottom a {
              display: block;
              color: #463678;
              text-decoration: none;
              line-height: 2em;
              font-size: 1.3em;
            }
        
        
            
    
  #footer {
    clear: both;
    margin: 0 auto;
    width: 1024px;
  }
  
  #address-footer {
    margin-left: 313px;
  }
  
  #address-footer a {
    text-decoration: none;
    color: #3b2d0e;
  }
  
    #footer .align-center {
      width: 476px;
      border-top: 1px solid #ffffff;
      font-size: 1.2em;
      line-height: 1.2em;
      color: #3b2d0e;
      padding: 1.5em 0;
      margin-top: 1em;
      margin-left: 0.7em;
      text-align: center;
    }