@charset "UTF-8";
/* ---------------------------------------------------------------- */
/**
 * Einheitliche Standardformatierungen fuer Bild-Elemente
 *
 * $Rev: 9564 $ $Date: 2010-09-02 16:37:02 +0200 (Do, 02 Sep 2010) $
 * $Author: Wojewsky $
 * $URL: https://wb4serv.heinze.de/projects_and_applications/bhp_BauherrenPortal/frontend/branches/hze 0.5/application/hze/css/yaml/screen/layouts/images.css $
 *
 * @category hze_css
 * @package  HZE_Css
 * @version  $Rev: 9564 $
 * @author   $Author: Wojewsky $
 */
/* ---------------------------------------------------------------- */

@media all {
  /* ---------------------------------------------------------------- */
  /* Bilder mit runden Ecken                                          */
  /* ---------------------------------------------------------------- */
  DIV.cssImageArea {
    background-color: transparent;
    z-index: 10;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder {
    position: relative;
    background-color: transparent;
    z-index: 10;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.allImageAreaDescription {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #333;
    opacity: 0.70;
    font-size: 13px;
    line-height: 1.4em;
    color: #f4f4f4;
    z-index: 10;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.allImageAreaDescription A,
  DIV.cssImageArea DIV.cssImageAreaBorder DIV.allImageAreaDescription P,
  DIV.cssImageArea DIV.cssImageAreaBorder DIV.allImageAreaDescription SPAN {
    padding: 5px;
    color: #f4f4f4;
    display: block;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaBorderTop {
    position: absolute;
    top: -1px;
    left: 4px;
    z-index: 11;
    height: 2px;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaBorderBottom {
    position: absolute;
    bottom: -3px;
    left: 4px;
    z-index: 11;
    height: 3px;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -4px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaBorderLeft {
    position: absolute;
    top: 4px;
    left: -1px;
    z-index: 11;
    width: 2px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                0 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaBorderRight {
    position: absolute;
    top: 4px;
    right: -3px;
    z-index: 11;
    width: 3px;
    background: transparent
                url(/application/hze/artwork/layout/verticalGradient.png)
                repeat-y
                -4px 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerTopLeft {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 12;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -20px 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerTopRight {
    position: absolute;
    top: -1px;
    right: -3px;
    z-index: 12;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -30px 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerBottomLeft {
    position: absolute;
    bottom: -3px;
    left: -1px;
    z-index: 12;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -20px -9px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerBottomRight {
    position: absolute;
    bottom: -3px;
    right: -3px;
    z-index: 12;
    width: 8px;
    height: 7px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -30px -9px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerDarkTopLeft {
    background-position: 0 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerDarkTopRight {
    background-position: -10px 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerDarkBottomLeft {
    background-position: 0 -9px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerDarkBottomRight {
    background-position: -10px -9px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerWhiteTopLeft {
    background-position: -40px 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerWhiteTopRight {
    background-position: -50px 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerWhiteBottomLeft {
    background-position: -40px -9px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerWhiteBottomRight {
    background-position: -50px -9px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerLightGreyTopLeft {
    background-position: -100px 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerLightGreyTopRight {
    background-position: -110px 0;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerLightGreyBottomLeft {
    background-position: -100px -9px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerLightGreyBottomRight {
    background-position: -110px -9px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder A.cssImageAreaLinkIcon {
    display: block;
    text-decoration: none;
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 20px;
    height: 20px;
    z-index: 11;
    padding: 0 !important;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 -893px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder A.cssImageAreaLinkIcon SPAN {
    width: 18px;
    height: 16px;
    display: block;
    padding: 0 !important;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -72px -949px;
  }

  DIV.cssImageArea DIV.cssImageAreaBorder A.cssImageAreaLinkIcon SPAN.cssZoomImage {
    width: 18px;
    height: 18px;
    display: block;
    padding: 0 !important;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -54px -951px;
  }

  DIV.cssImageArea P.cssCopyright {
    font-size: 10px !important;
    line-height: 1.4em !important;
    padding: 8px 0 0 0;
    text-align: right;
  }

  /* ---------------------------------------------------------------- */
  /* BilderConatiner                                                  */
  /* ---------------------------------------------------------------- */
  DIV.cssImageContainerGrey {
    background-color: #eaeaea;
    border: 1px solid #d9d9d9;
    float: left;
    margin: 0 0 40px 20px;
    position: relative;
  }

  DIV.cssImageContainerGreyFirst {
    margin-left: 0px;
  }

  DIV.cssImageContainerGreyLast {
    margin-right: 0px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyCornerTopLeft {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 12;
    width: 6px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 -18px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyCornerTopRight {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 12;
    width: 6px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -8px -18px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyCornerBottomLeft {
    position: absolute;
    bottom: -1px;
    left: -1px;
    z-index: 12;
    width: 6px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                0 -26px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyCornerBottomRight {
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 12;
    width: 6px;
    height: 6px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -8px -26px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent {
    width: 210px;
    height: 210px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent DIV.cssImageContainerGreyHeadline {
    overflow: hidden;
    padding: 5px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent DIV.cssImageContainerGreyHeadline P {
    color: #202020;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.4em;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent DIV.cssImageContainerGreyHeadline A {
    font-size: 1em;
    color: #202020;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent DIV.cssImageContainerGreyHeadline A:hover {
    color: #c64001;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent DIV.cssImageContainerGreyHeadline SPAN {
    font-weight: normal;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent DIV.cssImageContainerGreyDescription {
    overflow: hidden;
    padding: 5px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent DIV.cssImageContainerGreyDescription P {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4em;
    height: 30px;
  }

  DIV.cssImageContainerGrey DIV.cssImageContainerGreyContent DIV.cssImageContainerGreyDescription A {
    font-size: 1em;
  }

  /* ---------------------------------------------------------------- */
  /* Allgemeines zum Carousel                                         */
  /* ---------------------------------------------------------------- */
  DIV.cssCarousel,
  DIV.cssCarouselVertical {
    overflow: hidden;
    position: relative;
    margin: 0;
  }

  DIV.cssCarousel UL {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 480000px;
    position: relative;
    top: 0px;
  }

  DIV.cssCarouselVertical UL {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 480000px;
    position: relative;
    top: 0px;
  }

  DIV.cssCarousel UL LI {
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
  }

  DIV.cssCarouselVertical UL LI {
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
  }

  DIV.cssCarouselSliderArea {
    margin: 20px auto 0;
    width: 250px;
  }

  DIV.cssCarouselSliderArea DIV.cssCarouselSliderPrev,
  DIV.cssCarouselSliderArea DIV.cssCarouselSliderNext {
    float: left;
    width: 65px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.4em;
    cursor: pointer;
  }

  DIV.cssCarouselSliderArea DIV.cssCarouselSliderNext {
    width: 50px;
    text-align: right;
  }

  DIV.cssCarouselSliderArea DIV.cssCarouselSlider {
    float: left;
    height: 2px;
    margin: 8px 0 0 0;
    background: transparent
                url(/application/hze/artwork/layout/horizontalGradient.png)
                repeat-x
                0 -61px;
  }



  /* ---------------------------------------------------------------- */
  /* ObjektGalerie                                                    */
  /* ---------------------------------------------------------------- */
  DIV#cssGalleryNavigationArea {
    padding: 2px 0 35px 0;
    position: relative;
    overflow: hidden;
    width: 985px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation {
    position: relative;
    margin: 0;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaBorderTop,
  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaBorderBottom {
    width: 974px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaBorderLeft,
  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaBorderRight {
    height: 419px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaBorderRight {
    right: 0;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaCornerDarkTopLeft {
    top: -2px;
    left: -1px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaCornerDarkTopRight {
    top: -2px;
    right: 0px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaCornerDarkBottomLeft {
    bottom: -3px;
    left: -1px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssImageAreaCornerDarkBottomRight {
    bottom: -3px;
    right: 0px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.allGalleryNavigationDescriptionArea {
    width: 982px;
    height: 35px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssCarousel {
    margin: 0 3px 0 1px;
    height: 425px;
    overflow: hidden;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation UL LI {
    position: relative;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation UL LI P.allGalleryNavigationDescription {
    width: 750px;
    height: 1.4em;
    overflow: hidden;
    z-index: 11;
    color: #d3d3d3;
    font-size: 18px;
    font-family: "Helvetica Neue W02 57 Cn", "Arial Narrow", Arial;
    display: none;
    margin: 0 0 0 30px;
    padding-top: 3px;
    position: relative;

  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation UL LI P.allGalleryNavigationDescription A {
    font-size: 1em;
    color: #d3d3d3;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation UL LI P.cssGalleryNavigationDescriptionSelected {
    display: block;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssGalleryNavigationSlider {
    position: absolute;
    width: 150px;
    bottom: 9px;
    right: 28px;
    z-index: 11;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssGalleryNavigationSlider DIV.allGalleryNavigationSliderIcon {
    float: right;
    width: 13px;
    height: 11px;
    margin: 0 6px 0 0;
    cursor: pointer;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -15px -116px;
  }

  DIV#cssGalleryNavigationArea DIV#allGalleryNavigation DIV.cssGalleryNavigationSlider DIV.cssGalleryNavigationSliderIconSelected {
    background-position: 0 -116px;
  }

  /* ---------------------------------------------------------------- */
  /* Bildenavigation                                                  */
  /* ---------------------------------------------------------------- */
  DIV#cssImageNavigationArea {
    padding: 12px 3px 22px 41px;
    position: relative;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation {
    margin: 0 44px 0 13px;
    padding: 1px 0 3px 0;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation DIV.allImageNavigationDescriptionShort DIV.allImageNavigationDescriptionIcon {
    position: absolute;
    top: 6px;
    right: 5px;
    width: 15px;
    height: 19px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -33px -893px;
    cursor: pointer;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL {
    margin: 0;
    position: relative;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI {
    margin: 0;
    position: relative;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescriptionShort {
    height: 25px;
    position: relative;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription {
    opacity: 0;
    visibility: hidden;
    padding: 0 17px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.cssImageAreaBorder {
    height: 186px;
    width: 185px;
    background: #202020;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageNavigationDescriptionText {
    padding: 35px 23px 30px 23px;
    color: #d3d3d3;
    font-size: 13px;
    line-height: 1.4em;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageNavigationDescriptionText P.cssBold {
    font-weight: bold;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageNavigationDescriptionLink {
    position: absolute;
    bottom: 0;
    left: 1px;
    font-size: 13px;
    line-height: 1.4em;
    overflow: hidden;
    background-color: #000;
    height: 25px;
    width: 185px;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageNavigationDescriptionLink A {
    margin: 3px 13px 5px 22px;
    display: block;
    color: #d3d3d3;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageNavigationDescriptionLink A:hover {
    color: #c64001;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageNavigationDescriptionLink A SPAN {
    width: 5px;
    height: 9px;
    position: absolute;
    left: 11px;
    top: 8px;
    display: block;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -93px -304px;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageNavigationDescriptionLink A:hover SPAN {
    background-position: -86px -304px;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigation UL LI DIV.allImageNavigationDescription DIV.allImageNavigationDescriptionIcon {
    position: absolute;
    top: 6px;
    right: 5px;
    width: 16px;
    height: 16px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -18px -47px;
    cursor: pointer;
  }


  DIV#cssImageNavigationArea A#allImageNavigationButtonPrev {
    position: absolute;
    width: 18px;
    height: 38px;
    z-index: 2;
    cursor: pointer;
    top: 75px;
    left: 30px;
    display: block;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -39px -39px;
  }

  DIV#cssImageNavigationArea A#allImageNavigationButtonNext {
    position: absolute;
    width: 18px;
    height: 38px;
    z-index: 2;
    cursor: pointer;
    top: 75px;
    right: 30px;
    background: transparent
                url(/application/hze/artwork/layout/imageLibrary.png)
                no-repeat
                -59px -39px;
  }

  DIV#cssImageNavigationArea DIV#allImageNavigationSlider {
    width: 135px;
  }

  DIV#cssImageNavigationArea DIV.cssCarouselSliderArea DIV#allImageNavigationSliderPrev,
  DIV#cssImageNavigationArea DIV.cssCarouselSliderArea DIV#allImageNavigationSliderNext {
    color: #ffffff;
  }

  DIV#cssImageNavigationArea DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerTopLeft {
    top: -2px;
    left: -2px;
  }

  DIV#cssImageNavigationArea DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerTopRight {
    top: -2px;
    right: -3px;
  }

  DIV#cssImageNavigationArea DIV.cssImageArea DIV.cssImageAreaBorder DIV.cssImageAreaCornerBottomLeft {
    bottom: -3px;
    left: -2px;
  }

  DIV#cssImageNavigationArea DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageAreaCornerBottomRight {
    bottom: -3px;
    right: -3px;
  }

  DIV#cssImageNavigationArea DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageAreaCornerTopLeft {
    top: -1px;
    left: -1px;
  }

  DIV#cssImageNavigationArea DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageAreaCornerTopRight {
    top: -1px;
    right: -3px;
  }

  DIV#cssImageNavigationArea DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageAreaCornerBottomLeft {
    bottom: -3px;
    left: -1px;
  }

  DIV#cssImageNavigationArea DIV.allImageNavigationDescription DIV.cssImageAreaBorder DIV.cssImageAreaCornerBottomRight {
    bottom: -3px;
    right: -3px;
  }
}