/*
  **  stylesheet definitions for meinrad.it
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi Webmedia
  **  @author     Thomas Juhnke <tommy@profi.it>
  **  @since      21.06.2010 09:14:58
  */

  body {
    background: #ffffff url('../img/bg-body.png') left top repeat-x;
    font: normal normal normal 62.5%/115% Arial, Helvetica, sans-serif;
  }
  div.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
  }
  #outer-wrap {
    width: 1424px;
    /* margin: 0 auto; */
    position: absolute;
    left: 50%;
    margin-left: -712px;
  }
    #inner-wrap {
      width: 1000px;
      margin: 0 auto;
    }
      #header {
        width: 1000px;
        position: relative;
      }
        #header #header-menu {
          float: left;
          width: 1000px;
          height: 63px;
          color: #ffffff;
        }
          /* just in case someone selects another Hx format */
          #header #header-menu h1,
          #header #header-menu h2,
          #header #header-menu h3,
          #header #header-menu h4,
          #header #header-menu h5,
          #header #header-menu h6 {
            font-size: 14px;
            font-weight: normal;
            float: left;
            padding: 37px 0 0 335px;
            width: 470px;
            color: #000000;
          }
          #header #header-menu ul#menu-language {
            float: right;
            width: 190px;
            margin: 39px 0 0 0;
            text-align: right;
          }
            #header #header-menu ul#menu-language li {
              display: inline;
              margin: 0 0 0 6px;
              padding: 0 8px 0 0;
              font-size: 12px;
              border-right: 1px solid #ffffff;
            }
            #header #header-menu ul#menu-language li.last-item {
              border: none;
            }
              #header #header-menu ul#menu-language li a {
                font-size: 12px;
                color: #ffffff;
                text-decoration: none;
              }
                #header #header-menu ul#menu-language li img {
                  padding-right: 3px;
                }
              #header #header-menu ul#menu-language li.active a {
              }
        #header .header-address {
          float: left;
          width: 190px;
          height: 390px;
          margin-left: 11px;
          background: transparent url('../img/bg-header-address.jpg') left bottom no-repeat;
        }
          #header .header-address p.bodytext {
            color: #114911;
            font-size: 12px;
            line-height: 1.2em;
            margin: 36px 0 0 14px;
          }
            #header .header-address p.bodytext a {
              text-decoration: none;
              color: #114911;
            }
        #header .logo {
          position: absolute;
          top: 22px;
          left: 28px;
          width: 295px;
          height: 105px;
        }
      #content_container {
        clear: both;
        width: 1000px;
      }
        #content_container .content-wrap {
          width: 799px;
          float: left;
          background-color: #ffffff;
          position: relative;
        }
        #content_container.wide .content-wrap {
          width: 1000px;
          background-color: #ffffff;
          position: relative;
          float: none;
        }
          #content_container .content-wrap #content {
            width: 564px;
            float: right;
            padding: 25px 25px 30px 30px;
            color: #4f4f4f;
          }
          #content_container.wide .content-wrap #content {
            width: 780px;
            float: right;
            padding: 25px 10px 30px 30px;
            color: #000000;
          }
            #content_container .content-wrap #content a {
              text-decoration: underline;
              color: #000000;
            }
            #content_container .content-wrap #content .content-carousel a {
              color: #ffffff;
              text-decoration: none;
            }
            #content_container .content-wrap #content ul,
            #content_container .content-wrap #content ol {
              font-size: 12px;
            }
              #content_container .content-wrap #content ul li,
              #content_container .content-wrap #content ol li {
                line-height: 1.1em;
              }
                #content_container .content-wrap #content ul li a,
                #content_container .content-wrap #content ol li a {
                }
            
            #content_container .content-wrap #content h1 {
              font-size: 24px;
              color: #c87a00;
              padding: 0;
            }
            #content_container.wide .content-wrap #content h1 {
              font-size: 24px;
              color: #1e751e;
              padding: 0;
            }
            #content_container .content-wrap #content h2 {
              font-size: 13px;
            }
            #content_container .content-wrap #content h3 {
              font-size: 13px;
              color: #1f771f;
              padding: 10px 0 10px 0;
            }
            #content_container .content-wrap #content  h4 {
              color: #878355;
              font-size: 13px;
              padding: 0;
            }
            #content_container .content-wrap #content p.bodytext,
            #content_container .content-wrap #content p.align-center {
              font-size: 12px;
              line-height: 1.25em;
              margin-bottom: 15px;
            }
            #content_container .content-wrap #content ul,
            #content_container .content-wrap #content ol {
              margin: 0.5em 0;
              /* list-style-position: inside; */
              padding-left: 13px;
            }
            
            /* two-column-container for normal content */
              #content_container .content-wrap #content .two-column-container {
                width: 564px;
                padding: 0 0 20px 0;
              }
                #content_container .content-wrap #content .two-column-container .column  {
                  float: left;
                  width: 282px;
                }
                #content_container .content-wrap #content .two-column-container .column.first-item {
                }
                #content_container .content-wrap #content .two-column-container .column.last-item {
                }
            
            /* two-column-container for wide content */
              #content_container.wide .content-wrap #content .two-column-container {
                width: 780px;
                padding: 10px 0;
              }
              #content_container.wide .content-wrap #content .csc-frame-rulerAfter {
                border-bottom: 1px solid #007a67;
              }
                #content_container.wide .content-wrap #content .two-column-container ul {
                  font-size: 12px;
                }
                  #content_container.wide .content-wrap #content .two-column-container ul li {
                    line-height: 1.1em;
                  }
                #content_container.wide .content-wrap #content .two-column-container .column  {
                  width: 390px;
                  float: left;
                }
                #content_container.wide .content-wrap #content .two-column-container .column.first-item {
                }
                  #content_container.wide .content-wrap #content .two-column-container .column.first-item img {
                  }
                #content_container.wide .content-wrap #content .two-column-container .column.last-item {
                }
                  #content_container.wide .content-wrap #content .two-column-container .column.last-item p.bodytext {
                    font-size: 12px;
                  }
            
          #content_container .content-wrap #sidebar-left {
            width: 180px;
            float: left;
            min-height: 550px;
          }
          #content_container .content-wrap #sidebar-left p.bodytext,
          #content_container .content-wrap #sidebar-left p.align-right {
            font-size: 12px;
            font-weight: bold;
          }
            #content_container .content-wrap #sidebar-left ul#menu-main {
              color: #207720;
              font-size: 14px;
              margin-top: 8px;
            }
              #content_container .content-wrap #sidebar-left ul#menu-main li {
                border-bottom: 1px solid #4f3b30;
              }
              #content_container .content-wrap #sidebar-left ul#menu-main li.active {
                font-weight: bold;
              }
              #content_container .content-wrap #sidebar-left ul#menu-main li.first-item {
              }
              #content_container .content-wrap #sidebar-left ul#menu-main li.last-item {
                border: none;
              }
                #content_container .content-wrap #sidebar-left ul#menu-main li a {
                  color: #4f3b30;
                  text-decoration: none;
                  display: block;
                  padding: 8px 0 8px 27px;
                }
                #content_container .content-wrap #sidebar-left ul#menu-main li a:hover {
                  font-weight: bold;
                }
                #content_container .content-wrap #sidebar-left ul#menu-main li.active a {
                  background: #ffffff url('../img/main-menu-list-style.png') 9px center no-repeat;
                }
                #content_container .content-wrap #sidebar-left ul#menu-main li.first-item a {
                }
                #content_container .content-wrap #sidebar-left ul#menu-main li.last-item a {
                }
                #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu {
                  font-size: 10px;
                  display: none;
                }
                  #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu li {
                  }
                  #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu li.first-item {
                  }
                  #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu li.last-item {
                  }
                  #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu li.active {
                  }
                    #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu li a {
                    }
                    #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu li.first-item a {
                    }
                    #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu li.last-item a {
                    }
                    #content_container .content-wrap #sidebar-left ul#menu-main li ul.sub-menu li.active a {
                    }
            #content_container .content-wrap #sidebar-left .content {
            }
              #content_container .content-wrap #sidebar-left .content h2 {
                text-align: right;
                padding-right: 11px;
              }
        #content_container #sidebar-right {
          width: 190px;
          float: right;
          color: #ffffff;
          font-size: 12px;
          padding-left: 11px;
        }
        .sb-box {
          margin-top: 15px;
        } 
          #content_container #sidebar-left .sidebar-box {
            margin-top: 10px;
            margin-left: 5px;
          }  
            #content_container #sidebar-left .sidebar-box .header-container {
              background: #dcb578 url('../img/bg-special-box-header.png') left top repeat-x;
              color: #ffffff;
            }
              #content_container #sidebar-left .sidebar-box .header-container .header {
                background-position: 0.5em center;
                background-repeat: no-repeat;
              }
                #content_container #sidebar-left .sidebar-box .header-container .header h5 {
                  text-transform: uppercase;
                  line-height: 28px;
                  padding: 0;
                  text-align: center;
                  font-size: 12px;
                }
                  #content_container #sidebar-left .sidebar-box .header-container .header h5 a {
                    text-decoration: none;
                    color: #ffffff;
                  }
            #content_container #sidebar-left .sidebar-box .content-container {
              border: 1px solid #756f6e;
              padding: 9px;
              background-color: #ffffff;
            }
              #content_container #sidebar-left .sidebar-box .content-container p {
                color: #7c7c7c;
                padding: 0 10px;
                margin: 13px 0;
                font-weight: bold;
                line-height: 1.1em;
                font-size: 12px;
              }
              #content_container #sidebar-left .sidebar-box .content-container p a {
                color: #c48411;
                text-decoration: none;
              }
          #content_container #sidebar-right .sidebar-box {
            margin-top: 10px;
          }
            #content_container #sidebar-right .sidebar-box .header-container {
              background: #dcb578 url('../img/bg-special-box-header.png') left top repeat-x;
              color: #ffffff;
            }
              #content_container #sidebar-right .sidebar-box .header-container .header {
                background-position: 0.5em center;
                background-repeat: no-repeat;
              }
                #content_container #sidebar-right .sidebar-box .header-container .header h5 {
                  text-transform: uppercase;
                  line-height: 28px;
                  padding: 0;
                  text-align: center;
                  font-size: 12px;
                }
                  #content_container #sidebar-right .sidebar-box .header-container .header h5 a {
                    text-decoration: none;
                    color: #ffffff;
                  }
            #content_container #sidebar-right .sidebar-box .content-container {
              border: 1px solid #756f6e;
              padding: 6px;
              background-color: #ffffff;
            }
              #content_container #sidebar-right .sidebar-box .content-container p {
                color: #7c7c7c;
                padding: 0 10px;
                margin: 13px 0;
                font-weight: bold;
                line-height: 1.1em;
                font-size: 12px;
              }
              #content_container #sidebar-right .sidebar-box .content-container p a {
                color: #c48411;
                text-decoration: none;
              }
          #content_container #sidebar-right .menu-extra {
          }
            #content_container #sidebar-right .menu-extra ul {
            }
              #content_container #sidebar-right .menu-extra ul li {
                margin-bottom: 4px;
                width: 188px;
                background: #dcb77b url('../img/bg-special-box-header.png') left top repeat-x;
                padding: 1px;
              }
              #content_container #sidebar-right .menu-extra ul li.last-item {
                margin: 0;
              }
              #content_container #sidebar-right .menu-extra ul li.active {
              }
                #content_container #sidebar-right .menu-extra ul li a {
                  text-decoration: none;
                  color: #ffffff;
                  padding: 8px 0 8px 10px;
                  display: block;
                  width: 148px;
                  float: right;
                }
                #content_container #sidebar-right .menu-extra ul li img {
                  float: left;
                }
                #content_container #sidebar-right .menu-extra ul li.active a {
                }
          #content_container #sidebar-right .logo-list {
            margin-top: 30px;
          }
            #content_container #sidebar-right .logo-list ul {
            }
              #content_container #sidebar-right .logo-list ul li {
              }
                #content_container #sidebar-right .logo-list ul li a {
                }
      #footer {
        text-align: center;
        padding: 10px 0;
      }
        #footer a,
        #footer p a {
          text-decoration: none;
          font-size: 11px;
          color: #114911;
        }

  /* blender elements */
  .blender-container {
    float: left;
    width: 799px;
    /* you really should set this to apply some nifty positioning for navigational elements */
    position: relative;
  }

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

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

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

          .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 */
      #content .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;
      }

  /* content carousel */
  .content-carousel {
    float: left;

    /* static, fixed value!!! */
    width: 564px;

    margin: 1.5em 0;
  }

    .content-carousel .navigation {
      float: left;
      width: 100%;

      line-height: 2em;

      /* for development purposes only!!! */
      background: #929293 url('../img/bg-content-carousel-header.png') top left repeat-x;
      padding: 5px 0;
    }

      .content-carousel .navigation div {
        width: 49%;
      }

      .content-carousel .navigation .left {
        float: left;
        padding: 0 0 0 1%;

        text-align: left;
      }
      
        .content-carousel .navigation a {
          text-decoration: none;
          font-size: 12px;
        } 
      
        .content-carousel .navigation .left a {
          background: transparent url('../img/carousell-arrow-left.png') left center no-repeat;
          padding-left: 15px;
        }

      .content-carousel .navigation .right {
        float: right;
        padding: 0 1% 0 0 ;

        text-align: right;
      }
      
        .content-carousel .navigation .right a {
          background: transparent url('../img/carousell-arrow-right.png') right center no-repeat;
          padding-right: 15px;
        }

        .content-carousel .navigation a.carousel-control {
          color: #ffffff;
        }

    .content-carousel .content-container {
      clear: both;

      padding: 0;

      /* static, fixed value!!! */
      width: 564px;
      /* static, fixed value!!! */
      height: 316px;

      overflow: hidden;
    }

      .content-carousel .content-container .slide {
        float: left;

        /* for development purposes only!!! */
        background: #cecece;

        /* static, fixed value!!! */
        width: 564px;
        /* static, fixed value!!! */
        height: 316px;
      }
  .content-popup p {
    margin-top: 63px;
  }