/**

  *

  * kj_imagelightbox2 

  * Presentationmode CSS

  *

  */



.presentationmode a:link, .presentationmode a:visited {							

  font-family:Verdana;

  size:11px;

  text-decoration:none;

  color:#999999;

  width:100%;						

}



									

.presentationmodeAct a:link {

/*  color:#000000; font-weight:bold; text-decoration:none; width:100%;	           */

}	                  

                  				

.presentationmodeSpan {	

  padding-right:20px;	

  font-family:Verdana;

  size:11px;

  text-decoration:none;

  color:#999999;	

  width:100%;													

}	

							

							

							

















							



#lightbox {

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}



#lightbox a img { border-style: none; }



#outerImageContainer { position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; outline: solid 1px #f29400; }



#imageContainer { border-top: 10px solid #000; border-right: 10px solid #000; border-left: 10px solid #000; }



#loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}



#hoverNav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}



#imageContainer>#hoverNav { 

	left: 0;

}



#hoverNav a { 

	outline: none;

}



#prevLink, #nextLink {

	width: 49%;

	height: 100%;

	/*background: transparent url(../images/blank.gif) no-repeat;*/ /* Trick IE into showing hover */

	display: block;

}



#prevLink { 

	left: ; 

	float: left;

}



#nextLink { 

	right: ; 

	float: right;

}



#prevLink:hover, #prevLink:visited:hover { 

	background: url(../../../../../fileadmin/images/links.png) left 50% no-repeat;

}



#nextLink:hover, #nextLink:visited:hover { 

	background: url(../../../../../fileadmin/images/rechts.png) right 50% no-repeat;

}



#imageDataContainer { font-size: 10px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; background-color: #000; margin: 0 auto; padding-top: 4px; padding-left: 0; border-bottom: 10px solid black; outline: solid 1px #f29400; }



#imageData {  }



#imageData #imageDetails { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	



#imageData #caption { 

	font-weight: bold;	

}



#imageData #numberDisplay {

 	display: block; 

 	clear: left;	

}	

		

/*#imageData #bottomNavClose { 

	width: 30px; 

	float: right;  

	padding-bottom: 0.7em;	

}	*/

	

#overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	/*background-color: #ff0000;*/

	filter:alpha(opacity=50);

	-moz-opacity: 0.6;

	opacity: 0.6;

}

	

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

}