/*
  **  stylesheet definitions for mohren.it
  **
  **  line endings: unix; encoding: utf-8; BOM: off; tabs: spaces; tab width: 2
  **
  **  @copyright  (c) Profi Webmedia
  **  @author     tommy@profi.it
  **  @since      26.03.2010 14:55:37
  */

  body {
    background: #bda17c;
    color: #000000;
    font: normal normal normal 62.5%/115% Arial, Helvetica, sans-serif;
  }

  div.clear {
    clear: left;
  }

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

  /* table in directions element */
  #directions table td {
    line-height: 1.5em !important;
  }

  /* common ajax loading element */
  #ajax-loading {
    position: absolute;

    background: #ffffff url('../img/ajax-loader-01.gif') center center no-repeat;

    width: 32px;
    height: 32px;
    padding: 2px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
  }

  /* XHR Popup elements */
  .ajax-popup {
    position: absolute;
    width: 378px;
    height: 598px;
    margin: 20px 0 0 0;
    background: #ffffff;
    border: 1px solid #000000;
  }

    .ajax-popup .ajax-popup-close {
      cursor: pointer;
      height: 24px;
      background: transparent url('../img/lightbox/navigation-lila.png') right -112px no-repeat;
    }

    .ajax-popup .ajax-popup-content {
      padding: 10px;
      height: 554px;
      overflow: auto;
    }

  /* font size switching for the whole page */
  #wrap { font-size: 1.2em; }

  #header {
    background: #bda17c url(../img/bg-body.png) center bottom no-repeat;
    padding: 0 0 12px 0;
    float: left;
    width: 100%;
  }

    #header .header-content {
      clear: both;
      width: 957px;
      margin: 0 auto;
    }

      #header .menu {
      }

        #header .menu li {
          display: inline;
          padding: 0 20px 0 0;
          line-height: 1.5em;
        }

    #menu-main_container {
      clear: both;
      border: 1px solid #604829;
      border-right: none;
      border-left: none;
      background: #f9f1d7 url(../img/bg-menu-main_container.png) left bottom repeat-x;
    }
      #menu-main_container ul {
        width: 957px;
        margin: 0 auto;
      }
        #menu-main_container ul li {
          position: relative;
          display: inline;
          line-height: 2.4em;
          padding: 1.2em 0 1em 0;
          margin: 0 51px 0 0;
        }
        #menu-main_container ul.menu-it li { margin-right: 62px; }
        #menu-main_container ul.menu-it li li { margin: 0 0.8em; }
        #menu-main_container ul li.last-item {
          margin: 0;
        }
        #menu-main_container ul li.finish {
          display: inline-block;
          width: 100%;
          line-height: 1px;
        }
          #menu-main li a {
            color: #523e28;
            text-decoration: none;
            font-family: 'Arial Narrow', sans-serif;
            font-size: 1.4em;
            line-height: 2.4em;
            text-transform: uppercase;
          }

        /* submenu */
        #menu-main li ul {
          width: 219px;
          display: none;
          position: absolute;
          background: #d0ba99;
          top: auto;
          bottom: 3.45em;
          left: 0;
          border: 1px solid #604829;
          text-align: left;
        }
          #menu-main li ul li {
            display: block;
            padding: 0;
            border-bottom: 1px solid #f9f1d7;
            margin: 0 0.8em;
          }
          #menu-main li ul li.menu-top {
            margin: 0;
            padding: 7px;
            border: none;
            background: transparent url(../img/bg-menu-top.png) left top repeat-x;
          }
          #menu-main li ul li.last-item {
            border: none;
            margin: 0 0.8em 0.8em 0.8em;
          }
            #menu-main li ul li a {
              display: block;
              font-size: 1.2em;
              text-transform: uppercase;
              padding: 0.25em 0.4em;
              line-height: 1.8em;
            }
            #menu-main li ul li.active a,
            #menu-main li ul li a:hover {
              background: #b29773;
            }

        #menu-main li:hover ul {
          display: block;
        }

    #content_container {
      clear: both;
      width: 957px;
      margin: 0 auto;
    }

      #content {
        float: left;
        width: 100%;
        background: transparent url(../img/bg-logo-top.png) left bottom no-repeat;
        padding: 0 0 5em 0;
      }

        #content .content-top {
          border-bottom: 1px solid #f9f1d7;
          padding: 29px 0 0 263px;
        }
        body.wide #content .content-top {
          padding-left: 0;
        }
        #content .content-right {
          float: right;
          width: 694px;
          margin: 0 0 0 42px;
          padding: 10px 0;
        }
        body.wide #content .content-right {
          float: none;
          width: 100%;
          margin: 0;
        }
        #content .content-left {
          float: left;
          width: 221px;
          padding: 0 0 10px 0;
        }

    #footer {
      clear: both;
      background: #f9f1d7;
        border-bottom: 57px solid #a98f6c;
    }

      .footer-content_container {
        width: 957px;
        margin: 0 auto;
      }

        .footer-content_container .footer-content {
          float: left;
          margin: 0 21px 0 0;
        }

        .footer-content_container #footer-logo {
          width: 221px;
        }
        .footer-content_container #footer-address {
          width: 192px;
          color: #603314;
          padding: 18px 0;
        }
          .footer-content_container #footer-address h1 {
            font-size: 1.4em;
            font-weight: normal;
            color: #633515;
            font-family: Georgia, Times, serif;
          }
          .footer-content_container #footer-address a {
            color: #603314;
            text-decoration: none;
          }
        .footer-content_container #footer-menu {
          width: 194px;
        }
        .footer-content_container #footer-menucard {
          width: 84px;
          border: 1px solid #9c9b9b;
          margin: 0 7px 0 0;
        }
        .footer-content_container #footer-offer {
          width: 168px;
          border: 1px solid #9c9b9b;
          margin: 0;
        }
        .footer-content_container #footer-menucard,
        .footer-content_container #footer-offer {
          margin-top: 6px;
          margin-bottom: 6px;
          padding: 6px;
          height: 154px;
        }
          .footer-content_container #footer-offer p.bodytext,
          .footer-content_container #footer-offer p.align-center,
          .footer-content_container #footer-offer p.align-right {
            line-height: 1.25em;
            margin: 0;
          }

          #menu-footer {
            margin: 15px 0 0 0;
          }
            #menu-footer li {
              border-bottom: 1px solid #9c9b9b;
              line-height: 1.75em;
            }
            #menu-footer li.last-item {
              border: none;
            }
              #menu-footer li a {
                color: #000000;
                text-decoration: none;
                display: block;
                padding: 0.25em 0.5em;
              }
              #menu-footer li.active a,
              #menu-footer a:hover {
                background: #b29773;
                text-decoration: none;
              }

  /* multi-column content elements */
  .three-column-content,
  .two-column-content {
    float: left;
    width: 100%;
  }

    .three-column-content .column {
      float: left;
      width: 33.3%;
    }

    .two-column-content .column {
      float: left;
      width: 50%;
      /* fix for stupid IE */
      width: 49%;
    }

  table.price {
    border: 1px solid #523e28;
    border-collapse: collapse;
    margin-bottom: 10px;
    z-index: 1000;
  }
    table.price td {
      border-left: 1px solid #523e28;
      border-top: 1px solid #523e28;
      padding: 0 10px;

      font-size: 12px;
      line-height: 1.2em;
      vertical-align: middle;
    }
    table.price td.price-value {
      text-align: center;
    }
      table.price td.price-value .description {
        margin: 0.5em 0;
      }
    table.price thead th {
      padding: 2px 6px;
      border-left: 1px solid #523e28;
      font-size: 12px;
      font-weight: bold;
      line-height: 1.2em;
      vertical-align: middle;
    }
    table.price th.th-top {
      border-right: 1px solid #523e28;
    }
    table.price th.th-pic {
      padding: 2px 0;
      border-top: 1px solid #523e28;
    }

    table.price td a {
      position: relative;
      z-index: 240;
    }
    table.price td a:hover {
      text-decoration: none;
      z-index: 250;
    }

    table.price td a dfn {
      display: none;

      position: absolute;
      top: 1.25em;
      left: 25px;

      width: 442px;

      font-style: normal;
      font-size: 12px;
      font-weight: normal;
      line-height: 1.2em;

      border: 1px solid #604829;
      background: #d0ba99 url(../img/bg-roomtooltip.png) left top repeat-x;
    }
      table.price td a dfn span {
        width: 426px;
      }

    table.price td a:hover dfn {
      display: block;
      z-index: 249;
    }

    table.price td a dfn img {
      border: none;
      padding-bottom: 12px;
      display: block;
    }
    table.price td a dfn strong {
      font-weight: bold;
    }

  /* offer carousel - vertical */
  .offer-carousel {
    margin: 0 0 1.5em 0;
  }

  .offer-carousel-two-column,
  .offer-carousel-three-column {
    border: 1px solid #232e30;
    -moz-border-radius: 5px;
    /*
      is float enough here? normally you'd add an width property also
      but this seems to work in Firefox 3.5.+
      test in IE, Opera, Safari
    */
    float: left;
  }

    .offer-carousel .header {
    }

    .offer-carousel-two-column .header,
    .offer-carousel-three-column .header {
      padding: 0.5em;
      background: #232e30;
      color: #ffffff;
    }

    .offer-carousel .content-container {
      overflow: hidden;
    }

    .offer-carousel-two-column .content-container,
    .offer-carousel-three-column .content-container {
      float: left;
      /* you should work with pixel metrics here */
      width: 95%;
      /* must be adjusted according to layout requirements */
      height: 148px;
    }

      .offer-carousel .content {
      }

      .offer-carousel-two-column .content,
      .offer-carousel-three-column .content {
        float: left;
        /* you should work with pixel metrics here */
        width: 100%;
      }

        .offer-carousel-two-column .content .column {
          float: left;
          /* you should work with pixel metrics here; half of .content element */
          width: 48%;
          padding: 0 1%;
        }

        .offer-carousel-three-column .content .column {
          float: left;
          width: 31%;
          padding: 0 1%;
        }

          .offer-carousel-two-column .content .column h6,
          .offer-carousel-three-column .content .column h6 {
            margin: 0.5em 0 1em 0;
          }

          .offer-carousel-two-column .content .column img,
          .offer-carousel-three-column .content .column img {
            float: left;
            margin: 0 0.5em 0.5em 0;
            padding: 0.25em;
            background: #9ed1db;
            border: 1px solid #618086;
            -moz-border-radius: 2px;
          }

          .offer-carousel-two-column .content .column p.bodytext,
          .offer-carousel-two-column .content .column p.align-center,
          .offer-carousel-two-column .content .column p.align-right,
          .offer-carousel-three-column .content .column p.bodytext,
          .offer-carousel-three-column .content .column p.align-center,
          .offer-carousel-three-column .content .column p.align-right {
            margin: 0 0 0.5em 0;
          }

      .offer-carousel-three-column .footer-container,
      .offer-carousel-two-column .footer-container {
        float: right;
        /* you should work with pixel metrics here; remaining length of whole width minus length of .content-container */
        width: 5%;
      }

        /* ul element encapsulating all navigation elements (prev, overview, next) */
        .offer-carousel .navigation {
        }


        /* added #wrap selector to raise specifity of css rules */    
        #wrap .offer-carousel-two-column .navigation,
        #wrap .offer-carousel-three-column .navigation {
          list-style-type: none;
          margin: 0;
        }

          /* li element holding `previous` navigatin link */
          .offer-carousel .navigation .left {
          }

          /* li element holding `overview` navigation link */
          .offer-carousel .navigation .center {
          }

          /* li element holding `next` navigation link */
          .offer-carousel .navigation .right {
          }

          #wrap .offer-carousel-two-column .navigation li,
          #wrap .offer-carousel-three-column .navigation li {
            /* must be adjusted according to half of the fixed height of the content-container element */
            height: 74px;
            line-height: 74px;
            text-align: center;
          }

            #wrap .offer-carousel-two-column .navigation li a,
            #wrap .offer-carousel-three-column .navigation li a {
              display: block;
              text-indent: -999em;

              background-color: #9ed1db;
              background-position: center center;
              background-repeat: no-repeat;

              opacity: 0.5;
            }

            #wrap .offer-carousel-two-column .navigation li.left a,
            #wrap .offer-carousel-three-column .navigation li.left a {
              background-image: url('../img/icons/arrow-skip-090.png');
            }

            #wrap .offer-carousel-two-column .navigation li.right a,
            #wrap .offer-carousel-three-column .navigation li.right a {
              background-image: url('../img/icons/arrow-skip-270.png');
              -moz-border-radius-bottomright: 5px;
            }

            #wrap .offer-carousel-two-column .navigation li a:hover,
            #wrap .offer-carousel-three-column .navigation li a:hover {
              opacity: 1.0;
            }

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

    .blender-container .content {
      float: left;
      position: relative;
      border: 1px solid #604829;
      background-color: #bda17c;
    }

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

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

      #header .blender-container .navigation { display: none; }

      /* added #header selector to raise specifity */
      #header .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: 640px;

    margin: 1.5em 0;
  }

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

      line-height: 2em;

      /* for development purposes only!!! */
      background: #828282;
    }

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

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

        text-align: left;
      }

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

        text-align: right;
      }

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

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

      padding: 0;

      /* static, fixed value!!! */
      width: 640px;
      /* static, fixed value!!! */
      height: 240px;

      overflow: hidden;
    }

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

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

        /* static, fixed value!!! */
        width: 640px;
        /* static, fixed value!!! */
        height: 240px;
      }

  /* common menus */
  ul#menu-language {
    text-align: left;
    padding: 0 0.5em 0.25em 3em;
  }

    ul#menu-language li {
      display: inline;
      padding: 0.5em;
      text-transform: uppercase;
      color: #cecece;
    }

      ul#menu-language li[lang="de-DE"],
      ul#menu-language li.de-DE {
        background: transparent url(../img/flag-de.png) right center no-repeat;
      }

      ul#menu-language li[lang="it-IT"],
      ul#menu-language li.it-IT {
        background: transparent url(../img/flag-it.png) right center no-repeat;
      }

        ul#menu-language a {
          font-family: 'Arial Narrow', sans-serif;
          text-transform: uppercase;
          text-decoration: none;
          color: #fdf6ea;
        }

  /*
    flexible menus
    --------------
    common class:   .menu
    list menu:      .list-menu
    subpages menu:  .subpages-menu
    dropdown menu:  .dropdown-menu
    graphical menu: .graphical-menu
  */
  ul.menu {
  }

    ul.menu ul {
      font-size: 1em;
    }

    ul.menu li {
      line-height: 1.5em;
    }

    ul.menu a {
      text-decoration: none;
    }

  ul.list-menu {
  }

    ul.list-menu li {
    }

  ul.subpages-menu {
  }

    ul.subpages-menu li {
    }

  ul.dropdown-menu {
  }

    ul.dropdown-menu li {
      position: relative;
      z-index: 20;
    }

    ul.dropdown-menu .submenu-container {
      display: none;

      position: absolute;
      top: 1.1em;
      left: 0em;

      width: 200px;

      z-index: 21;

      background: #ffffff;
      border: 1px solid #000000;
    }

    ul.dropdown-menu li:hover .submenu-container {
      display: block;
    }

      ul.dropdown-menu ul.dropdown-sub-menu {
      }

        /* added header selector to raise specifity */
        #header ul.dropdown-menu ul.dropdown-sub-menu li {
          display: block;
        }

  ul.graphical-menu {
  }

    ul.graphical-menu li {
    }

  /* sidebar boxes */
  .sidebar-box {
    margin: 0 0 0.5em 0;
  }

    /* the switch class only exists in .sidebar-box's with additional .collapsable class */
    .sidebar-box .header-container .switch {
      display: block;
    }

    .sidebar-box .header-container .header {
      padding: 0.5em 0.5em 0.5em 2.5em;
      background-position: 0.5em center;
      background-repeat: no-repeat;
      background-color: #cecece;
    }

  /* offer boxes */
  .offer-box-simple {
    clear: both;

    border: 1px solid #000000;
    border-bottom: none;
    margin: 0 0 2em 0;
  }

    .offer-box-simple .header-container {
      background: #cecece;
      padding: 0.5em;
    }

    .offer-box-simple .content-container {
    }

      .offer-box-simple .content-container .content,
      .offer-box-simple .content-container .content-long {
        padding: 0.5em;
      }

      .offer-box-simple .content-container .content-long-switch,      
      .offer-box-simple .content-container .meta-data,
      .offer-box-simple .content-container .offer-actions {
        padding: 0 0.5em;
        text-align: right;
        border-bottom: 1px solid #000000;
      }

      .offer-box-simple .content-container .meta-data {
        border-top: 1px solid #000000;
      }

      .offer-box-simple .content-container .content-long-switch {
        border: none;
      }

      .offer-box-simple .content-container .offer-actions {
        padding: 0.5em;
      }

        #wrap .offer-box-simple .offer-actions .form-actions {
          margin: 0;
        }

          .offer-box-simple .offer-actions input {
            border: none;
            background: transparent;
            padding: 0;
          }

            .offer-box-simple .offer-actions .on-cart {
              background: transparent url('../img/icons/accept.gif') left center no-repeat;
              padding: 0 0 0 1.75em;
            }

  .offer-box-skinned {
    border: 1px solid #846c42;
    float: left;
    /* must be changed according to used template and width of content area */
    width: 665px;
    position: relative;
    margin: 0 0 1em 0;
  }

    .offer-box-skinned h2 {
      border-bottom: 1px solid #ffffff;
      padding: 0.25em;
      text-align: right;
      text-transform: uppercase;
      font-weight: normal;
      color: #ffffff;
      font-size: 1.1em;
    }

    .offer-box-skinned-left-aligned h2 {
      text-align: left;
    }

    .offer-box-skinned .content-container {
      float: left;
      width: 100%;
      background: #f2c873;
    }

      .offer-box-skinned .content-container img {
        float: left;
      }

      .offer-box-skinned-left-aligned .content-container img {
        float: right;
      }

      .offer-box-skinned .content-container .content {
        /* must be changed according to used image size - 60px (in this case; see how much information should be displayed in meta data container) */
        height: 108px;
        width: 484px;
        padding: 0.5em;
        /* if someone enters too much information, some inline scrollbars gets displayed */
        overflow: auto;
      }

        .offer-box-skinned .content-container .content h3 {
          color: #846c42;
          font-weight: bold;
          margin: 0 0.5em 0 0;
          text-transform: uppercase;
        }

        .offer-box-skinned .content-container .meta-data {
          position: absolute;
          bottom: 0;
          right: 0;
          padding: 0 0.5em 0.5em 0;
        }

        .offer-box-skinned-left-aligned .content-container .meta-data {
          right: inherit;
          left: 0;
          padding: 0 0 0.5em 0.5em;
        }

          #wrap .offer-box-skinned .meta-data ul {
            list-style: none;
            margin: 0;
          }

            #wrap .offer-box-skinned .meta-data ul li {
              text-align: right;
            }

            #wrap .offer-box-skinned-left-aligned .meta-data ul li {
              text-align: left;
            }

  .offer-box-skinned a {
    color: #846c42;
  }

  .offer-box-category {
    clear: both;

    background: #edbc56;
    border: 1px solid #6c5630;
    margin: 0 0 0.5em 0;
    padding: 2px;
  }

    .offer-box-category img {
      float: left;
    }

    .offer-box-category .content-container {
      margin-left: 268px;
      padding: 0 5px;
    }

  /* complex content carousel */
  .content-carousel-complex {
    clear: both;
  }

    .content-carousel-complex .header {
      /* left padding according to previous_button width */
      padding: 0 0 0 32px;
    }

      .content-carousel-complex .content-container {
        float: left;
        overflow: hidden;
        position: relative;
        /* adjust this values */
        width: 704px;
        height: 300px;
      }

      .content-carousel-complex-vertical .content-container {
        /* we save space of one button width */
        width: 672px;
      }

        .content-carousel-complex .content-container .previous_button {
          float: left;
          /* adjust this values; height same as .content-container */
          width: 32px;
          height: 300px;
          background: #ffffff url('../img/icons/arrow-skip-180.png') center center no-repeat;
        }

        .content-carousel-complex-vertical .content-container .previous_button {
          float: right;
          /* half of whole height */
          height: 150px;
          background-image: url('../img/icons/arrow-skip-090.png');
        }

        .content-carousel-complex .content-container .previous_button_over {
          opacity: 0.75;
        }

        .content-carousel-complex .content-container .previous_button_disabled {
          opacity: 0.5;
        }

        .content-carousel-complex .content-container .next_button {
          float: left;
          /* adjust this values; height same as .content-container */
          width: 32px;
          height: 300px;
          background: #ffffff url('../img/icons/arrow-skip.png') center center no-repeat;
        }

        .content-carousel-complex-vertical .content-container .next_button {
          /* half of whole height */
          height: 150px;

          background-image: url('../img/icons/arrow-skip-270.png');

          position: absolute;
          right: 0;
          bottom: 0;
        }

        .content-carousel-complex .content-container .next_button_over {
          opacity: 0.75;
        }

        .content-carousel-complex .content-container .next_button_disabled {
          opacity: 0.5;
        }

        .content-carousel-complex .content-container .content {
          float: left;
          /* adjust this values; height same as .content-container; width as .content-container without button widths */
          width: 640px;
          height: 300px;
          overflow: hidden;
        }

          /* added #wrap selector to raise specifity */
          #wrap .content-carousel-complex .content-container .content ul {
            margin: 0;
            padding: 0;
            list-style: none;
            float: left;
            position: relative;
            /* adjust, better compute, this value */
            width: 10000px;
          }

          #wrap .content-carousel-complex-vertical .content-container .content ul {
            /* adjust width to your needs... */
            width: 672px;
            height: 10000px;
          }

            .content-carousel-complex .content-container .content ul li {
              float: left;
              /*
                adjust this values
                height same as .content-container
                width according to how many elements should be displayed
                subtract padding, margin and border
              */
              width: 154px;
              height: 288px;
              /* position relative, to allow absolute position of "read-more" link */
              position: relative;

              padding: 0;
              margin: 0 2px;
              border: 1px solid #232e30;
              background: #9ed0d9;
            }

            .content-carousel-complex-vertical .content-container .content ul li {
              float: none;
              /* adjust to your needs */
              width: 672px;
            }

              .content-carousel-complex .content-container .content ul li .inner-content {
                float: left;
                /* adjust this values, inner height and width of direct parent element */
                width: 154px;
                height: 288px;
              }

                .content-carousel-complex .content-container .content ul li .inner-content h3 {
                  background: #232e30;
                  color: #ffffff;

                  margin: 130px 0 0 0;
                  padding: 0 5px;

                  max-height: 3em;
                  height: 3em;

                  overflow: hidden;
                }

                /* add wrap selector to raise specifity */
                #wrap .content-carousel-complex .content-container .content ul li .inner-content p.bodytext {
                }

                .content-carousel-complex .content-container .content ul li .inner-content a.read-more {
                  display: block;
                  position: absolute;

                  bottom: 0;

                  background: #ffffff;

                  width: 150px;
                  padding: 0 2px;
                  text-align: right;
                }

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

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

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

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

    .gallery-album .image-navigation {
    }

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

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

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

          .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
    */
    .gallery-album .pagination .lightboxLinkContainer {
      display: none;
    }