#mbOverlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer
}

#mbOverlay.mbOverlayFF {
    background: transparent url("../mootools/mediabox/1.4.6/images/80.png") repeat
}

#mbOverlay.mbOverlayIE {
    position: absolute
}

#mbCenter {
    position: absolute;
    z-index: 9999;
    left: 50%;
    overflow: hidden;
    background-color: #000;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.50);
    -khtml-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.50);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')
}

#mbCenter.mbLoading {
    background: #000 url("../mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#mbImage {
    position: relative;
    left: 0;
    top: 0;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px
}

#mbBottom {
    min-height: 20px;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: left;
    padding: 0 10px 10px
}

#mbTitle,
#mbPrevLink,
#mbNextLink,
#mbCloseLink {
    display: inline;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px
}

#mbNumber {
    display: inline;
    color: #999;
    line-height: 14px;
    font-size: 10px;
    margin: auto 10px
}

#mbCaption {
    display: block;
    color: #999;
    line-height: 14px;
    font-size: 10px
}

#mbPrevLink,
#mbNextLink,
#mbCloseLink {
    float: right;
    outline: 0;
    margin: 0 0 0 10px;
    font-weight: normal
}

#mbPrevLink b,
#mbNextLink b,
#mbCloseLink b {
    color: #eee;
    font-weight: bold;
    text-decoration: underline
}

#mbPrevLink big,
#mbNextLink big,
#mbCloseLink big {
    color: #eee;
    font-size: 16px;
    line-height: 14px;
    font-weight: bold
}

#mbBottom a,
#mbBottom a:link,
#mbBottom a:visited {
    text-decoration: none;
    color: #ddd
}

#mbBottom a:hover,
#mbBottom a:active {
    text-decoration: underline;
    color: #fff
}

#mbError {
    position: relative;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 10px solid #700;
    padding: 10px 10px 10px;
    margin: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.ce_gallery>ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


#mbError a,
#mbError a:link,
#mbError a:visited,
#mbError a:hover,
#mbError a:active {
    color: #d00;
    font-weight: bold;
    text-decoration: underline
}

#myGallery,
#myGallerySet,
#flickrGallery {
    width: 460px;
    height: 345px;
    border: 1px solid #c6c6c6;
    z-index: 5
}

#flickrGallery {
    width: 500px;
    height: 334px
}

#myGallery img.thumbnail,
#myGallerySet img.thumbnail {
    display: none
}

.jdGallery {
    position: relative;
    overflow: hidden
}

.jdGallery img {
    margin: 0;
    border: 0
}

.jdGallery .slideElement {
    width: 100%;
    height: 100%;
    background: #000 url("http://www.hammer-monzingen.de/img/loading-bar-black.gif") center center no-repeat
}

.jdGallery .loadingElement {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: #000 url("http://www.hammer-monzingen.de/img/loading-bar-black.gif") center center no-repeat
}

.jdGallery .slideInfoZone {
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    margin: 0;
    color: #fff;
    text-indent: 0;
    z-index: 10;
    background: #333
}

* html .jdGallery .slideInfoZone {
    bottom: -1px
}

.jdGallery .slideInfoZone h2 {
    margin: 2px 5px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: inherit
}

.jdGallery .slideInfoZone p {
    margin: 2px 5px;
    padding: 0;
    font-size: 11px;
    color: #eee
}

.jdGallery div.carouselContainer {
    width: 100%;
    height: 135px;
    left: 0;
    top: 0;
    position: absolute;
    margin: 0;
    z-index: 10
}

.jdGallery a.carouselBtn {
    height: 20px;
    bottom: 0;
    right: 30px;
    position: absolute;
    padding: 0 10px;
    background-color: #fff;
    font-size: 13px;
    color: #2eaeea;
    /*width: 100px;background: url('../../assets/css/img/carousel_btn.gif') no-repeat;*/
    text-align: center;
    cursor: pointer
}

.jdGallery .carousel {
    width: 100%;
    height: 115px;
    left: 0;
    top: 0;
    position: absolute;
    overflow: hidden;
    margin: 0;
    color: #333;
    text-indent: 0;
    background: #fff
}

.jdExtCarousel {
    position: relative;
    overflow: hidden
}

.jdGallery .carousel .carouselWrapper,
.jdExtCarousel .carouselWrapper {
    width: 100%;
    height: 78px;
    top: 10px;
    position: absolute;
    overflow: hidden;
    left: 0
}

.jdGallery .carousel .carouselInner,
.jdExtCarousel .carouselInner {
    position: relative
}

.jdGallery .carousel .carouselInner .thumbnail,
.jdExtCarousel .carouselInner .thumbnail {
    float: left;
    background-position: center center;
    border-style: 1px;
    border-color: #fff;
    cursor: pointer;
    background: #000
}

.jdGallery .wall .thumbnail,
.jdExtCarousel .wall .thumbnail {
    margin-bottom: 10px
}

.jdGallery .carousel .label,
.jdExtCarousel .label {
    bottom: 5px;
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 13px;
    left: 10px
}

.jdGallery .carousel .wallButton,
.jdExtCarousel .wallButton {
    bottom: 5px;
    position: absolute;
    margin: 0;
    padding: 1px 2px;
    border: 1px solid #888;
    font-size: 10px;
    right: 10px;
    background: #222;
    cursor: pointer
}

.jdGallery .carousel .label .number,
.jdExtCarousel .label .number {
    color: #b5b5b5
}

.jdGallery a {
    font-size: 100%;
    text-decoration: none;
    color: inherit
}

.jdGallery a.right,
.jdGallery a.left {
    width: 25%;
    height: 99%;
    position: absolute;
    cursor: pointer;
    z-index: 10
}

* html .jdGallery a.right,
* html .jdGallery a.left {}

.jdGallery a.right:hover,
.jdGallery a.left:hover {}

.jdGallery a.left {
    left: 0;
    top: 0;
    background: url('http://www.hammer-monzingen.de/assets/css/img/fleche1.png') no-repeat center left
}

* html .jdGallery a.left {
    background: url('http://www.hammer-monzingen.de/assets/css/img/fleche1.gif') no-repeat center left
}

.jdGallery a.right {
    right: 0;
    top: 0;
    background: url('http://www.hammer-monzingen.de/assets/css/img/fleche2.png') no-repeat center right
}

* html .jdGallery a.right {
    background: url('http://www.hammer-monzingen.de/assets/css/img/fleche2.gif') no-repeat center right
}

.jdGallery a.open {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.withArrows a.open {
    width: 50%;
    height: 99%;
    top: 0;
    left: 25%;
    position: absolute;
    cursor: pointer;
    z-index: 10;
    background: none
}

.withArrows a.open:hover {
    background: url('http://www.hammer-monzingen.de/assets/css/img/open.png') no-repeat center center
}

* html .withArrows a.open:hover {
    background: url('http://www.hammer-monzingen.de/assets/css/img/open.gif') no-repeat center center
}

.jdGallery a.gallerySelectorBtn {
    height: 20px;
    top: 0;
    left: 30px;
    position: absolute;
    padding: 0 10px;
    font-size: 13px;
    color: #2eaeea;
    z-index: 15;
    border: 2px solid white;
    /*width: 100px;background: url('../../assets/css/img/carousel_btn.gif') no-repeat;*/
    text-align: center;
    background: #ffffff;
    cursor: pointer
}

.jdGallery .gallerySelector {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 20;
    background: #ebebeb
}

.jdGallery .gallerySelector h2 {
    margin: 0;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 30px;
    color: #2eaeea
}

.jdGallery .gallerySelector .gallerySelectorWrapper {
    overflow: hidden
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
    height: 40px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #888;
    color: #3e3e3e;
    cursor: pointer
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover {
    background: #cacaca
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 5px;
    background-position: center center;
    background: #000;
    border: none
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #aaa
}

#lbOverlay {
    width: 100%;
    height: 500px;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 99998
}

#lbOverlay.grey {
    background-color: #000
}

#lbOverlay.red {
    background-color: #300
}

#lbOverlay.green {
    background-color: #030
}

#lbOverlay.blue {
    background-color: #011D50
}

#lbOverlay.gold {
    background-color: #660
}

#lbMain {
    width: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    line-height: 0;
    z-index: 99999
}

#lbMain a img {
    border: none
}

#lbOuterContainer {
    width: 200px;
    height: 200px;
    position: relative;
    margin: 0 auto;
    background-color: #fff
}

#lbOuterContainer.grey {
    border: 3px solid #888
}

#lbOuterContainer.red {
    border: 3px solid #D00
}

#lbOuterContainer.green {
    border: 3px solid #00B000
}

#lbOuterContainer.blue {
    border: 3px solid #5F89D8
}

#lbOuterContainer.gold {
    border: 3px solid #B0B000
}

#lbDetailsContainer {
    width: 100%;
    overflow: auto;
    margin: 0 auto;
    background-color: #fff;
    line-height: 1.4em;
    font: 10px Verdana, Helvetica, sans-serif
}

#lbDetailsContainer.grey {
    border: 3px solid #888;
    border-top: none
}

#lbDetailsContainer.red {
    border: 3px solid #D00;
    border-top: none
}

#lbDetailsContainer.green {
    border: 3px solid #00B000;
    border-top: none
}

#lbDetailsContainer.blue {
    border: 3px solid #5F89D8;
    border-top: none
}

#lbDetailsContainer.gold {
    border: 3px solid #B0B000;
    border-top: none
}

#lbImageContainer,
#lbIframeContainer {
    padding: 10px
}

#lbLoading {
    width: 100%;
    height: 32px;
    top: 45%;
    position: absolute;
    text-align: center;
    line-height: 0;
    left: 0%;
    background: url(http://www.hammer-monzingen.de/assets/css/images/loading.gif) center no-repeat
}

#lbHoverNav {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10
}

#lbImageContainer>#lbHoverNav {
    left: 0
}

#lbHoverNav a {
    outline: none
}

#lbPrev {
    width: 49%;
    height: 100%;
    left: 0;
    float: left;
    display: block;
    background: transparent url(http://www.hammer-monzingen.de/assets/css/images/blank.gif) no-repeat
}

#lbPrev.grey:hover,
#lbPrev.grey:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/prev_grey.gif) left 15% no-repeat
}

#lbPrev.red:hover,
#lbPrev.red:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/prev_red.gif) left 15% no-repeat
}

#lbPrev.green:hover,
#lbPrev.green:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/prev_green.gif) left 15% no-repeat
}

#lbPrev.blue:hover,
#lbPrev.blue:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/prev_blue.gif) left 15% no-repeat
}

#lbPrev.gold:hover,
#lbPrev.gold:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/prev_gold.gif) left 15% no-repeat
}

#lbNext {
    width: 49%;
    height: 100%;
    right: 0;
    float: right;
    display: block;
    background: transparent url(http://www.hammer-monzingen.de/assets/css/images/blank.gif) no-repeat
}

#lbNext.grey:hover,
#lbNext.grey:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/next_grey.gif) right 15% no-repeat
}

#lbNext.red:hover,
#lbNext.red:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/next_red.gif) right 15% no-repeat
}

#lbNext.green:hover,
#lbNext.green:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/next_green.gif) right 15% no-repeat
}

#lbNext.blue:hover,
#lbNext.blue:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/next_blue.gif) right 15% no-repeat
}

#lbNext.gold:hover,
#lbNext.gold:visited:hover {
    background: url(http://www.hammer-monzingen.de/assets/css/images/next_gold.gif) right 15% no-repeat
}

#lbPrev2,
#lbNext2 {
    font-weight: bold;
    text-decoration: none
}

#lbPrev2.grey,
#lbNext2.grey,
#lbSpacer.grey {
    color: #333
}

#lbPrev2.red,
#lbNext2.red,
#lbSpacer.red {
    color: #620000
}

#lbPrev2.green,
#lbNext2.green,
#lbSpacer.green {
    color: #030
}

#lbPrev2.blue,
#lbNext2.blue,
#lbSpacer.blue {
    color: #01379E
}

#lbPrev2.gold,
#lbNext2.gold,
#lbSpacer.gold {
    color: #660
}

#lbPrev2_Off,
#lbNext2_Off {
    font-weight: bold
}

#lbPrev2_Off.grey,
#lbNext2_Off.grey {
    color: #CCC
}

#lbPrev2_Off.red,
#lbNext2_Off.red {
    color: #FCC
}

#lbPrev2_Off.green,
#lbNext2_Off.green {
    color: #82FF82
}

#lbPrev2_Off.blue,
#lbNext2_Off.blue {
    color: #B7CAEE
}

#lbPrev2_Off.gold,
#lbNext2_Off.gold {
    color: #E1E100
}

#lbDetailsData {
    padding: 0 10px
}

#lbDetailsData.grey {
    color: #333
}

#lbDetailsData.red {
    color: #620000
}

#lbDetailsData.green {
    color: #030
}

#lbDetailsData.blue {
    color: #01379E
}

#lbDetailsData.gold {
    color: #660
}

#lbDetails {
    width: 60%;
    float: left;
    text-align: left
}

#lbCaption {
    display: block;
    font-weight: bold
}

#lbNumberDisplay {
    float: left;
    display: block;
    padding-bottom: 1.0em
}

#lbNavDisplay {
    float: left;
    display: block;
    padding-bottom: 1.0em
}

#lbClose {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px
}

#lbClose.grey {
    background: url(http://www.hammer-monzingen.de/assets/css/images/close_grey.png) no-repeat
}

#lbClose.red {
    background: url(http://www.hammer-monzingen.de/assets/css/images/close_red.png) no-repeat
}

#lbClose.green {
    background: url(http://www.hammer-monzingen.de/assets/css/images/close_green.png) no-repeat
}

#lbClose.blue {
    background: url(http://www.hammer-monzingen.de/assets/css/images/close_blue.png) no-repeat
}

#lbClose.gold {
    background: url(http://www.hammer-monzingen.de/assets/css/images/close_gold.png) no-repeat
}

#lbPlay {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px
}

#lbPlay.grey {
    background: url(http://www.hammer-monzingen.de/assets/css/images/play_grey.png) no-repeat
}

#lbPlay.red {
    background: url(http://www.hammer-monzingen.de/assets/css/images/play_red.png) no-repeat
}

#lbPlay.green {
    background: url(http://www.hammer-monzingen.de/assets/css/images/play_green.png) no-repeat
}

#lbPlay.blue {
    background: url(http://www.hammer-monzingen.de/assets/css/images/play_blue.png) no-repeat
}

#lbPlay.gold {
    background: url(http://www.hammer-monzingen.de/assets/css/images/play_gold.png) no-repeat
}

#lbPause {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px
}

#lbPause.grey {
    background: url(http://www.hammer-monzingen.de/assets/css/images/pause_grey.png) no-repeat
}

#lbPause.red {
    background: url(http://www.hammer-monzingen.de/assets/css/images/pause_red.png) no-repeat
}

#lbPause.green {
    background: url(http://www.hammer-monzingen.de/assets/css/images/pause_green.png) no-repeat
}

#lbPause.blue {
    background: url(http://www.hammer-monzingen.de/assets/css/images/pause_blue.png) no-repeat
}

#lbPause.gold {
    background: url(http://www.hammer-monzingen.de/assets/css/images/pause_gold.png) no-repeat
}

/* jd.gallery.css */
#myGallery,
#myGallerySet,
#flickrGallery {
    width: 460px;
    height: 345px;
    border: 1px solid #000;
    z-index: 5
}

#flickrGallery {
    width: 500px;
    height: 334px
}

#myGallery img.thumbnail,
#myGallerySet img.thumbnail {
    display: none
}

.jdGallery {
    position: relative;
    overflow: hidden
}

.jdGallery img {
    margin: 0;
    border: 0
}

.jdGallery .slideElement {
    width: 100%;
    height: 100%;
    background: #000 url("http://www.hammer-monzingen.de/img/loading-bar-black.gif") center center no-repeat
}

.jdGallery .loadingElement {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: #000 url("http://www.hammer-monzingen.de/img/loading-bar-black.gif") center center no-repeat
}

.jdGallery .slideInfoZone {
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    margin: 0;
    color: #fff;
    text-indent: 0;
    z-index: 10;
    background: #333
}

* html .jdGallery .slideInfoZone {
    bottom: -1px
}

.jdGallery .slideInfoZone h2 {
    margin: 2px 5px;
    padding: 0;
    font-size: 80%;
    font-weight: bold;
    color: inherit
}

.jdGallery .slideInfoZone p {
    margin: 2px 5px;
    padding: 0;
    font-size: 60%;
    color: #eee
}

.jdGallery div.carouselContainer {
    width: 100%;
    height: 135px;
    left: 0;
    top: 0;
    position: absolute;
    margin: 0;
    z-index: 10
}

.jdGallery a.carouselBtn {
    height: 20px;
    bottom: 0;
    right: 30px;
    position: absolute;
    padding: 0 10px;
    font-size: 13px;
    color: #fff;
    /*width: 100px;background: url('../../assets/css/img/carousel_btn.gif') no-repeat;*/
    text-align: center;
    background: #333;
    cursor: pointer
}

.jdGallery .carousel {
    width: 100%;
    height: 115px;
    left: 0;
    top: 0;
    position: absolute;
    overflow: hidden;
    margin: 0;
    color: #fff;
    text-indent: 0;
    background: #333
}

.jdExtCarousel {
    position: relative;
    overflow: hidden
}

.jdGallery .carousel .carouselWrapper,
.jdExtCarousel .carouselWrapper {
    width: 100%;
    height: 78px;
    top: 10px;
    position: absolute;
    overflow: hidden;
    left: 0
}

.jdGallery .carousel .carouselInner,
.jdExtCarousel .carouselInner {
    position: relative
}

.jdGallery .carousel .carouselInner .thumbnail,
.jdExtCarousel .carouselInner .thumbnail {
    float: left;
    background-position: center center;
    border-style: 1px;
    border-color: #fff;
    cursor: pointer;
    background: #000
}

.jdGallery .wall .thumbnail,
.jdExtCarousel .wall .thumbnail {
    margin-bottom: 10px
}

.jdGallery .carousel .label,
.jdExtCarousel .label {
    bottom: 5px;
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 13px;
    left: 10px
}

.jdGallery .carousel .wallButton,
.jdExtCarousel .wallButton {
    bottom: 5px;
    position: absolute;
    margin: 0;
    padding: 1px 2px;
    border: 1px solid #888;
    font-size: 10px;
    right: 10px;
    background: #222;
    cursor: pointer
}

.jdGallery .carousel .label .number,
.jdExtCarousel .label .number {
    color: #b5b5b5
}

.jdGallery a {
    font-size: 100%;
    text-decoration: none;
    color: inherit
}

.jdGallery a.right,
.jdGallery a.left {
    width: 25%;
    height: 99%;
    position: absolute;
    cursor: pointer;
    z-index: 10;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2
}

* html .jdGallery a.right,
* html .jdGallery a.left {
    filter: alpha(opacity=50)
}

.jdGallery a.right:hover,
.jdGallery a.left:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

.jdGallery a.left {
    left: 0;
    top: 0;
    background: url('http://www.hammer-monzingen.de/assets/css/img/fleche1.png') no-repeat center left
}

* html .jdGallery a.left {
    background: url('http://www.hammer-monzingen.de/assets/css/img/fleche1.gif') no-repeat center left
}

.jdGallery a.right {
    right: 0;
    top: 0;
    background: url('http://www.hammer-monzingen.de/assets/css/img/fleche2.png') no-repeat center right
}

* html .jdGallery a.right {
    background: url('http://www.hammer-monzingen.de/assets/css/img/fleche2.gif') no-repeat center right
}

.jdGallery a.open {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.withArrows a.open {
    width: 50%;
    height: 99%;
    top: 0;
    left: 25%;
    position: absolute;
    cursor: pointer;
    z-index: 10;
    background: none;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

.withArrows a.open:hover {
    background: url('http://www.hammer-monzingen.de/assets/css/img/open.png') no-repeat center center
}

* html .withArrows a.open:hover {
    background: url('http://www.hammer-monzingen.de/assets/css/img/open.gif') no-repeat center center;
    filter: alpha(opacity=80)
}

.jdGallery a.gallerySelectorBtn {
    height: 20px;
    top: 0;
    left: 30px;
    position: absolute;
    padding: 0 10px;
    font-size: 13px;
    color: #fff;
    z-index: 15;
    /*width: 100px;background: url('../../assets/css/img/carousel_btn.gif') no-repeat;*/
    text-align: center;
    background: #333;
    cursor: pointer;
    opacity: .4;
    -moz-opacity: .4;
    -khtml-opacity: 0.4;
    filter: alpha(opacity=40)
}

.jdGallery .gallerySelector {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 20;
    background: #000
}

.jdGallery .gallerySelector h2 {
    margin: 0;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 30px;
    color: #fff
}

.jdGallery .gallerySelector .gallerySelectorWrapper {
    overflow: hidden
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
    height: 40px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #888;
    color: #fff;
    cursor: pointer
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover {
    background: #333
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 5px;
    background-position: center center;
    background: #000;
    border: none
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #aaa
}