#myGallery{z-index:5}

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

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

.jdGallery{overflow:hidden; position:relative}

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

.jdGallery .slideElement{width:100%; height:100%; background-color:#000; background-repeat:no-repeat; background-position:center center; background-image:url('images/loading-bar-black.gif')}

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

.jdGallery .slideInfoZone h2{border:0 !important; font-weight:bold !important; background:none !important}

.jdGallery .loadingElement{width:100%; height:100%; position:absolute; left:0; top:0; background-color:#000; background-repeat:no-repeat; background-position:center center; background-image:url('images/loading-bar-black.gif')}

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

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

.jdGallery a.carouselBtn{position:absolute; bottom:0; right:30px; height:20px; text-align:center; padding:0 10px; font-size:13px; background:#000; color:#fff; cursor:pointer}

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

.jdExtCarousel{overflow:hidden; position:relative}

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

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

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

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

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

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton{font-size:10px; position:absolute; bottom:5px; right:10px; padding:1px 2px; margin:0; background:#222; border:1px solid #888; 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{position:absolute; height:99%; width:25%; 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('images/fleche1.png') no-repeat center left}

* html .jdGallery a.left{background:url('images/fleche1.gif') no-repeat center left}

.jdGallery a.right{right:0; top:0; background:url('images/fleche2.png') no-repeat center right}

* html .jdGallery a.right{background:url('images/fleche2.gif') no-repeat center right}

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

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

.jdGallery a.gallerySelectorBtn{z-index:15; position:absolute; top:0; left:30px; height:20px; text-align:center; padding:0 10px; font-size:13px; background:#333; color:#fff; cursor:pointer; opacity:.4; -moz-opacity:.4; -khtml-opacity:0.4; filter:alpha(opacity=40)}

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

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

.jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden}

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

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

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

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

*:first-child+html .slideInfoZone{    bottom:-1px}
*:first-child+html .jdGallery a.right, *:first-child+html .jdGallery a.left{    filter:alpha(opacity=20)}
*:first-child+html .jdGallery a.right:hover, *:first-child+html .jdGallery a.left:hover{    filter:alpha(opacity=80)}
*:first-child+html .jdGallery a.left{background:url('images/fleche1.png') no-repeat center left}
*:first-child+html .jdGallery a.right{background:url('images/fleche2.png') no-repeat center right}

.imageElement{visibility:hidden}
#myGallery, #myGallerySet, #flickrGallery{width:600px; height:152px; border:0px solid #000; background:#000 url('http://www.uncover-it.de/images/loading-bar-black.gif') no-repeat center}
.jdGallery .slideInfoZone{height:50px}
.jdGallery .slideInfoZone h2{font-size:12px !important; margin:2px 5px !important; padding:0px 0px !important; color:#FFF !important}

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

.jdGallery .slideInfoZone p a, .jdGallery .slideInfoZone p a:link, .jdGallery .slideInfoZone p a:visited{color:#FFF !important; font-weight:normal !important}

.jdGallery .slideInfoZone p a:hover{color:#FFF !important; font-weight:bold !important}

