/* ============================================================== */
/*      LIGHTBOX 2.0                                              */
/* ============================================================== */

/* -------------------------------------------------------------- */
/*      Sichtbarkeit der ursprünglichen Bildschirmanzeige         */
/* -------------------------------------------------------------- */

#overlay
 { position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 500px;
   background-color:#808080;
   opacity: 0.6;
   display: none;
   z-index: 90;
 }
/* -------------------------------------------------------------- */
/*      Neue Bildschirmanzeige - allgemeine Atrribute             */
/* -------------------------------------------------------------- */

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

/*     Bildattribute allgemein     */
#lightbox img
 { width: auto;
   height: auto;
 }

/*     Bildattribute - Link     */
#lightbox a img
 { border: none; }

/* -------------------------------------------------------------- */
/*      Bildbereich der neuen Bildschirmanzeige                   */
/* -------------------------------------------------------------- */

#outerImageContainer
 { position: relative;
   width: 250px;
   height: 250px;
   margin: 0 auto;
   background-color: #EFEFEF;
   border-top: 1px solid #4F4F4F;
   border-right: 1px solid #4F4F4F;
   border-left: 1px solid #4F4F4F;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
 }

/*      Bildbereich - allgemein     */
#imageContainer
 { padding: 10px; }

/*     Ladesymbol     */
#loading
 { position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   line-height: 0;
   text-align: center;
 }
/* -------------------------------------------------------------- */
/*      Datenbereich der neuen Bildschirmanzeige                  */
/* -------------------------------------------------------------- */

#imageDataContainer
 { width: 100%;
   margin: 0 auto;
   line-height: 1.4em;
   font: 11px Verdana, Helvetica, sans-serif;
   background-color: #FFFFFF;
   overflow: hidden;
   padding-top: 5px;
   padding-bottom: 5px;
   border-left: 1px solid #4F4F4F;
   border-bottom: 1px solid #4F4F4F;
   border-right: 1px solid #4F4F4F;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
 }

/*     Datenbereich - allgemein     */
#imageData
 { padding:0 10px;
   color: #000000;
 }
/* -------------------------------------------------------------- */
/*     Daten - allgemein                                          */
/* -------------------------------------------------------------- */

#imageData #imageDetails
 { width: 100%;
   text-align: center;
   padding-bottom: 1.0em;
 }

/*     Textbereich - allgemein     */
#imageData #caption
 { font-weight: normal;
   clear: both;
 }

/*     "Bild x von y" Zeile     */
#imageData #numberDisplay
 { display: block;
   width:100%;
   padding-top:5px;
   font-size: 11px;
   color: #808080;
   text-align:center
 }
/* -------------------------------------------------------------- */
/*     Navigationssymbole                                         */
/* -------------------------------------------------------------- */

#hoverNav
{ position: absolute;
  top: 95%;
  left: 0;
  width: 100%;
  height: 15px;
  z-index: 10;
 }

/*     Vorheriges Bild     */
#prevLink
 { width:24px;
   height:15px;
   float: left;
   background: url(../images/prev.png) no-repeat;
 }
/*     Vorheriges Bild - Link     */
#prevLink:hover, #prevLink:visited:hover
 { background: url(../images/prevgo.png) no-repeat; }

/*     Nächstes Bild     */
#nextLink
 { width:24px;
   height:15px;
   float: right;
   background: url(../images/next.png) no-repeat;
 }
/*     Nächstes Bild - Link     */
#nextLink:hover, #nextLink:visited:hover
 { background: url(../images/nextgo.png) no-repeat; }

/*     Anzeige beenden     */
#imageData #bottomNavClose
 { width: 24px;
   height: 24px;
   text-align: center;
   padding-bottom: 5px;
   outline: none;
   opacity: 0.6;
   transition: opacity 0.2s;
 }
/*     Anzeige beenden - Link     */
#imageData #bottomNavClose:hover
 { cursor: pointer;
   opacity: 1;
 }