/*
  **  Stylesheet Formatierungen für mignon-sulder.it
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: yes; tab width: 4
  **
  **  @copyright  (c) 2008 Profi IT KG
  **  @author    SNK & Daniel Senff
  **  @since    21.05.2008
  */

  @import url('style-reset.css');
  @import url('style-form.css');
  @import url('style-ext.css');

  body {
    font: 100%/100% Tahoma, Arial, Helvetica, sans-serif;
    color: #756f55;
    background: #E0A96D url('../img/bg-body.png') left top;
  }
  
  /* common elements */
  a {
    text-decoration: none;
    color: #A87E53;
  }

  a:hover {
    text-decoration: underline;
    color: #756f55;
  }

  a.white {
    color: #fff;
  }

  a.white:hover {
    color: #fff;
  }

  a.sidebar-link {
    color: #A87E53;
  }

  .clear {
    clear: both;
    font-size: 0%;
    height: 0px;
    line-height: 0%;
  }

  img.block {
    display: block;
  }

  /* page structure */
  .outer-wrap {
    background: transparent url('../img/bg-left-top.png') left top no-repeat;
    left: 50%;
    margin-left: -740px;
    position: absolute;
    width: 1450px;
  }
  
  div#wrap {
    top: 20px;
    width: 900px;
    background-color: #fdf5e5;
    font-size: 70%;
    border:none;
    margin: 15px auto;
  }

    div#header {
      /* margin-bottom: 4px; */
      width: 900px;
    }
    
    div.header-logo p.bodytext {
      margin: 0;
      padding: 0;
      line-height: 1;
    }

      img.header-image,
      div#header div.blender-container {
        margin-top: 23px;
        float: left;
        border-top: 10px solid #FDF5E5;
        margin-left: 10px;
        border-bottom: 13px solid #dec189;
      }
      
      div#header div img.header-image {
        margin: 0px;
        border: none;
      }
      
      /*
      div#header div {
        float:left;
      }
      div#header div.tx_templavoila_dummy {
        float: none;
      }
      */
      

    div#header .header-logo {
      float:left;
      width: 198px;
      height: 260px;
      margin-top: 11px;
      margin-right: 10px;
      border-bottom: 13px solid #dec189;
    }
      div#header .header-logo a {
        float:left;
        height:0;
        overflow:hidden;
        padding:260px 0 0;
        width:198px;
        background: #FDE7B3 url('../img/header-logo.jpg') no-repeat left top;
      }
    
    div#header h1 a {
      text-indent: -9999em;
      width: 191px;
      height: 260px;
      display: block;
    }

      a.maillink {
        float: left;
        width: 169px;
        background: #ee8d38 url('../img/bg-ee8d38.png');
        text-align: center;
        line-height: 23px;
        border-bottom: 4px solid #fff;
        border-right: 4px solid #fff;
      }

      div#box-weather {
        float: left;
        width: 196px;
        height: 49px;
        background: #FFFDFE url('../img/bg-weather-box2.png') 7px center no-repeat;
        border: 1px solid #D7C19C;
      }

      div#box-weather a {
        display: block;
        padding: 19px 0px 0px 69px;
        font-size: 9pt;
      }
      
      #content-container {
        width: 900px;
        position: relative;
        clear: both;
      }

    /* children of #content-container */
      div.column {
        /* padding-top:24px; */
        float: left;
      }

      div#sidebar-left {
        margin-left: 10px;
        width: 155px;
      }

        div#box-logo {
          position: absolute;
          bottom: 20px;
          width: 155px;
        }

      div#content {
        width: 467px;
        min-height: 320px;
        padding: 0 30px 35px;
      }

      div#sidebar-right {
        margin-right: 10px;
        width: 198px;
      }

        div#form-express {
          color: #fff;
          background: #bfa97d;
          padding: 15px 28px;
        }

          div#form-express legend {
            font-size: 10pt;
            color: #fff;
            padding:0px;
            font-weight: bold;
          }

          div#form-express label {
            display: block;
            margin: 5% 0;
          }

          div#form-express form fieldset ol li {
            margin-bottom: 5%;
            position: relative;
          }

          #form-express form fieldset ol li div.calendarbutton {
            top: 20px !important;
            left: 80px !important;
          }

          div#form-express input.submit {
            text-align: left;
            border: 0;
            padding: 0;
            color: #fff;
            background: url('../img/btn-submit.png') right center no-repeat;
            width: 100%;
            font-size: 10pt;
          }

          div#form-express input.submit:hover {
            cursor: pointer;
          }

          div#form-express select.select-day {
            width: 30%;
          }

          div#form-express select.select-month {
            width: 67%;
          }

          div#form-express select {
            width: 100%;
          }

        ul#logo-list li {
          text-align: center;
          margin-top: 15px;
        }

    div#footer-content {
      width: 900px;
      background: transparent url('../img/bg-body.png') left top;
      text-align: center;
      margin:0px;
      padding:0px;
      padding-top: 10px;
      padding-bottom: 10%;
      font-weight: normal;
      border:none;
      color: #584f49;
      font-size: 12px;
    }

      #footer-content h1 {
        text-align: center;
        color: #756f55;
      }
      
      div#footer-content p {
        text-align:center;
        font-weight: normal;
        color: #584f49;
        font-size: 12px;
      }
      
      div#footer-content a {
        font-weight: normal;
        color: #584f49;
      }
      

  /* menus */
  ul.menu.language {
    background: #FDF5E5;
    border-left: 691px solid #e0d0b0;
    text-align:right;
    padding-right:10px;
    font-size: 12px;
  }

  ul.menu.language a {
    text-decoration: none;
    color: #005f33;
    line-height: 22px;
    font-weight: normal;
  }

  ul.menu.language a:hover,
  ul.menu.language li.active a {
    font-weight: normal;
    text-decoration: underline;
  }

  ul.menu.language li {
    display: inline;
    border-right: 1px solid #756f55;
    padding: 0 5px;
  }

  ul.menu.language li.last-item {
    border-right: 0;
    padding-right: 0;
  }
  
  ul.menu.main {
    margin-top: 16px;
    margin-bottom: 45px;
    font-size: 12px;
  }
  
  ul.menu.main a {
    display: block;
    text-decoration: none;
    color: #747473;
    background: #FDF5E5;
    padding: 0 15px;
    line-height: 210%;
    border-bottom:1px solid #C3C6B6;
    font-weight: bold;
  }

  ul.menu.main a:hover,
  ul.menu.main a.active   {
    color: #fdf5e5;
    background-color:#005f33;
  }
  

  ul.menu.main li {
    /*border-bottom: 1px solid #fff;*/
    line-height: 0%;
  }

  ul.menu.extra li a {
    line-height: 190%;
  }

  /* content elements */
  div.text-content {
    margin-top: 14px;
    margin-bottom: 5%;
  }

  div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
    margin: 2% 0;
    color: #A97F5A;
    font-size: 125%;
    font-weight: bold;
  }

  h1 {
    font-size: 16px !important;
    color: #d59823 !important;
    font-weight: bold !important;
    line-height: 1.2em !important;
    margin: 6% 0 !important;
  }

  h2 {
    font-size: 110% !important;
    
  }

  h3 {
    font-size: 100% !important;
    margin-top: 5% !important;
    font-style:italic !important;
  }

  #content p.bodytext {
    line-height: 150%;
    margin: 2% 0;
    color: #020202;
    font-size: 13px;
    line-height: 1.2em;
  }

  strong {
    font-weight: bold;
  }

  /* content lists */
  div.text-content ol,
  #content ol {
    list-style-type: decimal;
  }

  div.text-content ul,
  #content ul {
    list-style-type: disc;
  }

  div.text-content ol li,
  #content ol li,
  div.text-content ul li,
  #content ul li {
    margin-left: 10%;
    line-height: 150%;
  }

  /* bottom margin and padding + border for some CEs */
  .csc-frame-rulerAfter {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    border-bottom: 1px solid #fde1ab;
  }
  
    /* blender elements */
  .blender-container {
    float: left;
    width: 682px;
    /* you really should set this to apply some nifty positioning for navigational elements */
    position: relative;
  }

    .blender-container .content {
      float: left;
      position: relative;
    }

      /* hard coded values... remove in prod environment */
      .blender-container .content img {
        /*width: 640px;
        height: 480px;*/
      }

        /* the rules for .content-additional are just samples!!! */
        .blender-container .content .inline-content {
          display: none;
          position: absolute;
          left: 20px;
          bottom: 20px;
        }

          .blender-container .content .inline-content ul#sample-blender-inline-navigation {
            list-style: none;
            margin: 0;
          }

          .blender-container .content .inline-content ul#sample-blender-inline-navigation li {
            display: inline;
            background: #ffffff;
            line-height: 2em;
            border: 1px solid #000000;
            padding: 0.5em;
          }

      /* added #content selector to raise specifity */
      #wrap .blender-container .navigation {
        display: none;
      }
      #wrap .blender-container .navigation  ul {
        list-style-type: none;
        margin: 0;
      }

    .blender-container .navigation-jump-simple {
      clear: both;
    }

      .blender-container .navigation-jump-simple ul li,
      .blender-container .navigation-step ul li {
        display: inline;
      }

        /* the .active class will be set from blender-ext.js */
        .blender-container .navigation-jump-simple a.active {
          font-weight: bold;
        }

        .blender-container .navigation-step ul li.left,
        .blender-container .navigation-step ul li.right {
        }

        .blender-container .navigation-step ul li.left {
          background: transparent url('../img/icons/action_back.gif') left center no-repeat;
          padding: 0 10px 0 20px;
        }

        .blender-container .navigation-step ul li.right {
          background: transparent url('../img/icons/action_forward.gif') right center no-repeat;
          padding: 0 20px 0 10px;
        }

    .blender-container .navigation-gallery {
    }

      .blender-container .navigation-gallery ul li {
        float: left;
      }
  

  /* simple gallery module */
  #wrap .gallery-album {
  }

    #wrap .gallery-album .preview {
      text-align: center;
    }

      #wrap .gallery-album .preview img {
        margin: 0 auto;
      }

      #wrap .gallery-album .preview p {
        /*text-align: left;*/
      }

    #wrap .gallery-album .image-navigation {
    }

      #wrap .gallery-album .image-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        line-height: 3em;
      }

        #wrap .gallery-album .image-navigation ul li {
          float: left;
          width: 33%;
          margin: 0;
        }

    #wrap .gallery-album .pagination {
    }

      #wrap .gallery-album .pagination .navigation-container ul {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 3em;
      }

        #wrap .gallery-album .pagination .navigation-container ul li {
          display: inline;
          padding: 0 0.25em 0 0;
        }

          #wrap .gallery-album .pagination .navigation-container .active {
            font-weight: bold;
          }

    /*
      this container will hold all links which are necessary to browse
      through all gallery images of all albums
    */
    #wrap .gallery-album .pagination .lightboxLinkContainer {
      display: none;
    }
  #wrap #content-container #content.column ul {
    font-size: 12px;
    color: #020202;
  }
    #wrap #content-container #content.column ul li {
      margin: 0;
      line-height: 1.3em;
    }
      #wrap #content-container #content.column ul li a {
        color: #020202;
        text-decoration: underline;
      }
  #wrap #sidebar-right .tx-southtyrolweather-pi1 td.temperature {
    padding-right: 0;
    text-align: center;
  }