/*
  **  stylesheet definitions for pension-mitterhofer.com
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi IT GmbH
  **  @author     tommy(at)profi(dot)it
  **  @since      19.02.2008 14:56:39
  */

  @import url('style-reset.css');
  @import url('style-typography.css');
  @import url('style-forms.css');
  @import url('style-ce-contentcarousel.css');
  /* remove before copying to production server! */
  @import url('style-css_styled_content.css');
  @import url('style-ve_guestbook.css');
  @import url('style-jm_gallery.css');

  body {
    font: normal normal normal 80% normal Arial, Helvetica, sans-serif;
    background: #fef9e5 url('../img/bg-fef9e5.png');
  }

    #wrap {
      width: 964px;
      margin: auto;
      /* use margin-top here, padding-top causes IE6,7 to show this top margin before content container too oO */
      margin-top: 30px;
      background: #fff9e9 url('../img/bg-wrap-top.png') no-repeat scroll left top;
    }

      #header-container {
        position: relative;
        background: #fff url('../img/bg-header-container.png') repeat-x left bottom;
        float: left;
        width: 100%;
      }

        #header-left {
          float: left;
          width: 220px;
          background: url('../img/bg-header-left.png') no-repeat;
          height: 100px;
        }

          #header-left h1 {
            margin-top: 90px;
            text-indent: -9999em;
            background: url('../img/logo-mitterhofer.png') no-repeat;
            width: 219px;
            height: 100px;
            border-left: 1px solid #f3d89c;
          }

          #header-left #address-container {
            border-left: 1px solid #f3d89c;
            text-align: center;
            font-size: 0.95em;
            color: #646567;
          }

        #header-right {
          float: left;
          width: 744px;
          background: #fef9e5;
          padding-top: 66px;
          background: transparent url('../img/bg-header-right.png') no-repeat scroll;
        }

          #header-image-container {
            
          }

        .tx-srlanguagemenu-pi1 {
          position: absolute;
          top: 0px;
          left: 0px;
          /*background: url('../img/bg-wrap.png') no-repeat left top;*/
          width: 100%;
          /*z-index: 3;*/
          margin-top: 66px;
        }

          ul#menu-languages {
            text-align: right;
            width: 100%;
          }

            #menu-languages li {
              display: inline;
            }

              #menu-languages li a {
                text-decoration: none;
                text-transform: uppercase;
                padding: 0 1em 0 0;
                color: #898782;
                font-size: 0.9em;
                font-weight: bold;
              }

                #menu-languages li a img {
                  margin-right: 0.8em;
                  vertical-align: text-top;
                }

      #content-container {
        clear: both;
        background: #fff url('../img/bg-content-container.png') repeat-y;
      }

        .column {
          float: left;
        }

        #sidebar-left {
          width: 204px;
          padding-right: 16px;
          background: url('../img/bg-sidebar-left.png') no-repeat 1px top;
        }

          ul#menu-main {
            margin-top: 40px;
            padding-left: 1px;
            /*
            background: url('../img/main-menu-top-trans.png') no-repeat 1px top;
            padding-top: 13px;
            */
          }

            #menu-main li {
              line-height: 2em;
              background-color: #c8cd4c;
            }

            #menu-main li.first-item {
              background: #c8cd4c url('../img/main-menu-top.png') no-repeat left top;
              padding-top: 13px;
            }

            #menu-main li.last-item {
              background: #C8CD4C url('../img/main-menu-bottom.png') no-repeat left bottom;
              border: none;
              padding-bottom: 32px;
            }
            
              /* we use span elements to deal with the top and bottom menu graphics */
              #menu-main li span {
                /* set it to block, set padding and border, it will fit to its inner elements */
                display: block;
                padding: 0 34px 0 12px;
                border-right: 1px solid #bbbe45;
              }

                #menu-main li a {
                  text-decoration: none;
                  color: #646567;
                  border-bottom: 1px solid #f1ebc7;
                  display: block;
                  line-height: 2em;
                  font-size: 1.1em;
                }
    
                #menu-main li a.active {
                  color: #ffffff;
                  font-weight: bold;
                  padding-left: 10px;
                  background: transparent url('../img/list-style-bull.png') no-repeat scroll left 10px;
                }
                
                #menu-main li a:hover {
                  color: #ffffff;
                }
  
                  /* sub menus */
                  #menu-main li ul li {
                    border: none;
                  }
  
                  #menu-main li ul li a {
                    font-size: 0.85em;
                    padding: 0 0 0 18px;
                    line-height: 2.15em;
                  }
                  
                  #menu-main li ul li a.active {
                    background: none;
                    font-weight: normal;
                    padding-left: 18px;
                  }

          form.express label {
            color: #000;
            font-size: 0.8em;
            width: 33% !important;
          }

            form.express input {
              font-size: 0.8em !important;
            }

          ul#menu-extra li {
            line-height: 1.5em;
            margin: 0 1.5em 0 1em;
          }

            #menu-extra li a {
              text-decoration: none;
              color: #646567;
            }

            #menu-extra li.active a,
            #menu-extra li a:hover {
              color: #e9ad2b;
            }

        #content {
          width: 490px;
          background: url('../img/bg-content.png') no-repeat left top;
          /* normally, left and right padding is 27px but so we have more space for content: 490px */
          padding: 25px 25px 0 25px;
        }

        #sidebar-right {
          width: 203px;
          padding-top: 80px;
          background: transparent url('../img/bg-sidebar-right.png') no-repeat scroll left top;
        }

        #footer {
          clear: both;
          text-align: center;
          font-size: 0.9em;
          color: #cecece;
          padding-top: 30px;
        }

  /* == special elements ==================================================== */
  div.box-left {
    /* faux column border of underlaying content container */
    margin-left: 1px;
    padding-top: 12px;
  }

    /* common settings for box content container */
    .box-left .box-content {
      padding: 0 39px 0 12px;
    }

  /* left box element with background color set to faf0d3 */
  .box-left.clr-faf0d3 {
    /* define bottom box graphic and set bottom padding to the height of the graphic */
    background: url('../img/bg-boxleft-faf0d3-bottom.png') no-repeat left bottom;
    padding-bottom: 21px;  
  }

  .box-left.clr-faf0d3 .box-header-simple {
    /* the header element is used to show the top box graphic, padding is set to height of the graphic */
    background: url('../img/bg-boxleft-faf0d3-top.png') no-repeat;
    padding-top: 12px;
  }

  .box-left.clr-faf0d3 .box-header-simple h3 {
    color: #000000;
    font-weight: normal;
    background-color: #f6e2a7;
    border-right: 1px solid #ecd799;
    padding-left: 12px;
    line-height: 1.5em;
    font-size: 1.1em;
  }

  .box-left.clr-faf0d3 .box-content {
    border-right: 1px solid #ecd799;
    background-color: #f6e2a7;
  }

  /* right box element with background color set to faf0d3 */
  div.box-right {
  	margin-bottom: 25px;
  }

    .box-right .box-content {
      padding: 0 12px 0 12px;
    }

  .box-right.clr-faf0d3 {
    background: url('../img/bg-boxright-faf0d3-bottom.png') no-repeat left bottom;
    padding-bottom: 12px;
  }

    .box-right .box-header-complex a.block-link {
      display: block;
      background-color: #fff1c8;
      color: #646567;
      line-height: 2em;
      text-align: center;
      text-decoration: none;
      border-top: 1px solid #ecd696;
      border-left: 1px solid #ecd696;
      border-bottom: 1px solid #ecd696;
      text-transform: uppercase;
    }

    .box-right.clr-faf0d3 .box-content {
      border-left: 1px solid #ecd696;
      background-color: #f6e2a7;
    }
  
  .csc-textpic-text a {
    text-transform: none;
    text-decoration: underline;
  }
  
  .box-right-special {
    /*background: url('../img/bg-boxright-faf0d3-bottom.png') no-repeat left bottom;*/
    /*background: url('../img/bg-boxright-top-trans.png') no-repeat left top;*/
    padding-bottom: 12px;
    margin-bottom: 20px;
    /*padding-top: 11px;*/
  }
    .box-right-special.quicklinks {
      background: url('../img/bg-boxright-faf0d3-bottom.png') no-repeat left bottom;
    }
    .box-right-special.quicklinks .box-header-complex {
      text-align: center;
      /*background: transparent url('../img/bg-boxright-top-trans.png') no-repeat scroll left top;*/
    }
      .box-right-special .box-header-complex {
        text-align: center;
      }
    .box-right-special .box-right-headline-bg {
      background-color: #fff1c8;
      border-left: 1px solid #f0dca2;
      border-bottom: 1px solid #f0dca2;
    }
    .box-right-special .box-right-headline-bg a {
      color: #df8918;
      line-height: 1.8em;
      text-decoration: none !important;
    }
    .box-right-special .box-content {
      background-color: #F6E2A7;
    }
      .box-right-special.quicklinks .box-right-headline-bg {
        padding-bottom: 5px;
        color: #df8918;
        font-size: 0.9em;
        font-weight: bold;
      }
    
  .content-padding {
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .box-right-special.offer .box-content img {
    border-left: 1px solid #ecd696;
  }
  .box-right-special.offer p {
    font-size: .9em;
    padding-top: 5px;
    color: #646567 !important;
    padding-right: 10px;
  }
  .box-right-special.offer a {
    font-size: .9em;
    font-weight: bold;
    color: #df8918;
    text-decoration: underline;
  }
  a.carousel-control {
    background-color: #F6E2A7;
    padding-bottom: 0.5em;
  }
  
  .box-right-border {
    width: 170px;
    border:1px solid #ffffff;
    margin: 0;
    text-align: left;
  }
  .carousel-control {
    color: #df8918;
    padding-left: 20px;
    background: #F6E2A7;
    display: block;
    line-height: 2em;
    background: url('../img/bg-boxright-faf0d3-bottom.png') no-repeat left bottom;
  }
  
  .box-right-special.quicklinks ul {
/*    padding: 10px 0;*/
  }
  .box-right-special.quicklinks li {
    border-bottom: 1px solid #ffffff;
    padding: 5px 0 3px 20px;
  }
  .box-right-special.quicklinks li.last-item {
    border: none;
  }
    .box-right-special.quicklinks li a{
      text-decoration: none; 
      font-weight: bold;
      line-height: 1.5em;
    }
  #box-content-wrap {
    /*padding-top: 11px;*/
    background: transparent url('../img/bg-boxright-top-trans.png') no-repeat scroll left top;
  }
  #menu-extra {
    margin-top: 10px;
  }
  /*neutral style*/
  table.styled {
    border: 1px solid #f6e2a7;
    border-collapse: collapse;
  }

  table.styled th,
  table.styled td {
    padding: 0.25em !important;
    border: 1px solid #f6e2a7;
  }

  table.styled th {
    background-color: #f6e2a7;
    /*color: #a8a8a9;*/
    color: #646567;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
  }

  table.styled td {
    color: #979797;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
  }

  table.styled td.farbe1,
  td.farbe1 {
    background-color: #ffffff;
  }

  table.styled td.farbe2,
  td.farbe2 {
    background-color: #fff1c8;
  }
  
  
  /*winter style*/
  table.styled-winter {
    border: 1px solid #f6e2a7;
    border-collapse: collapse;
  }

  table.styled-winter th,
  table.styled-winter td {
    padding: 0.25em !important;
    border: 1px solid #f6e2a7;
  }

  table.styled-winter th {
    background-color: #c4d2f8 ;
    /*color: #a8a8a9;*/
    color: #646567;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
  }

  table.styled-winter td {
    color: #979797;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
  }

  table.styled-winter td.farbe1,
  td.farbe1 {
    background-color: #ffffff;
  }

  table.styled-winter td.farbe2,
  td.farbe2 {
    background-color: #fff1c8;
  }
  
  


  /*summer style*/
  table.styled-summer {
    border: 1px solid #f6e2a7;
    border-collapse: collapse;
  }

  table.styled-summer th,
  table.styled-summer td {
    padding: 0.25em !important;
    border: 1px solid #f6e2a7;
  }

  table.styled-summer th {
    background-color: #c8cd4c;
    /*color: #a8a8a9;*/
    color: #646567;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
  }

  table.styled-summer td {
    color: #979797;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
  }

  table.styled-summer td.farbe1,
  td.farbe1 {
    background-color: #ffffff;
  }

  table.styled-summer td.farbe2,
  td.farbe2 {
    background-color: #fff1c8;
  }
  .footer-logos {
    border-top: 1px solid #feddb3;
    width: 650px;
    margin-left: 270px;
    float: left;
    margin-right: 43px;
  }