/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : August 22, 2007 by HIZ

- - - - - - - - - - - - - - - - - - - - - */

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #000;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80); }
#overlay[id] { position: fixed; }

#lightbox{
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 600px;
	margin: -290 0 0 0; /*border:1px solid #fff;
	margin:-220px 0 0 -250px;*//*text-align:left;*/ }
#lightbox[id] { position: fixed; }

#lightbox.done #lbLoadMessage { display: none; }
#lightbox.done #lbContent { display: block; }

#lightbox.loading #lbContent { display: none; }
#lightbox.loading #lbLoadMessage { display: block; }

#lightbox.done img {
	/*width:100%;
	height:100%;*/ }


/* - - - - - - - - - - - - - - - - - - - - -
Costomizing Lightbox Gone Wild
- - - - - - - - - - - - - - - - - - - - - */
#myLightbox {
/* puttung a frame under the Lightbox Content
	position: absolute;
	top: 0;
	left: 50%;
	height: 533px;
	width: 377px;
	margin: 0 0 0 -215px;
	background: #fff;
	padding: 20px; */
}

/*
 * Abmessungen AB-Bilder
 * height = 533px  
 * width = 377px
 */
 
/* centered cover image */
#lbCoverFront, #lbCoverBack {
	position: absolute;
	top: 0;
	left: 50%;
	height: 533px;
	width: 377px;
	margin: 0 0 0 -195px;
	border: 1px solid #FAC695;
	background: url(../images/spinner_large.gif) no-repeat center; }

/* Loading BG-Image */
#lbCovers {	 }

/* buttons for changing cover and closing the lightbox */
#lbCoverButtons {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 190px; }
#lbCoverButtons img { margin-bottom: 5px; display: block; }

/*****************************************************/
/* SCREENSHOTS */

/*
 * Abmessungen Screenshot-Bilder
 * height = px  
 * width = px
 */
 
#lbScreenshot {
	position: absolute;
	top: 0;
	left: 0;
	/*height: 533px;*/
	width: 100%;
	text-align: center; }

#lbSSContent {
	width:750px;height: 533px;
	margin: 0 auto;
	background: url(../images/spinner_large.gif) no-repeat center; }

/* centered screenshot image */
#lbScreenshot #screenimg {
	border: 1px solid #FAC695; }

/* buttons for changing cover and closing the lightbox */
#lbScreenshotButtons {
  display: block;
	text-align:left;
  margin: 10px 0 10px 0; }
	
#lbScreenshotButtons img { margin: 0 2px; border:none; }

/* Fehlermeldung zum Einloggen */
#lbScreenshotError {
	position: absolute;
	margin: 25px; padding: 20px;
	border: 1px solid #FAC695;
	background-color: #411210; }




/* list with links and buttons below cover image */
#lbDetails {
  position: absolute;
  top: 515px;
  left: 0;
  width: 100%;
  text-align: center;
}

#lbDetails div.lbDetails {
  background: #000;
  padding: 12px;
  width: 63em;
  margin: 0 auto;
}

#lbDetails table {
  margin: 0 auto;
}
#lbDetails td {
  padding: 0 10px;
  vertical-align: middle;
}

#lbDetails img.rent_loading {
  margin: 0 42px 0 43px;
}

#lbDetails a {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;

}

#lbDetails a.critics, #lbDetails a.recommend {
  color: #999;
  background: url(/pictures/icons/critics.gif) no-repeat 0 2px;
  padding-left: 20px;
  text-decoration: underline;
}

#lbDetails a.recommend {
  background: url(/pictures/icons/recommend.gif) no-repeat 0 2px;
}

a.count, a.count:hover {
  color: #225280;
  font-weight: bold;
  text-decoration: none;
} */

/* TODO: message if no cover image is found - delete later!
#lbMessage {
  top: 50%;
  margin-top: -100px;
  height: auto;
  background-color: #000;
  padding: 30px;
}

#lbMessage h1, #lbMessage h4, #lbMessage a {
  color: #999;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
}

#lbMessage h1 {
  color: #999;
  font-size: 18px;
  margin-bottom: 2em;
}

#lbMessage a {
  text-decoration: underline;
} */