body{
background-color: #f9f9ff; 		//#170300; 	#100A06;
color: #000000;
}


A
{
font-weight: normal;
text-decoration: none;
}



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



#lightbox a img{ 
border: none; 
}



#outerImageContainer{
	
position: relative;
	
background-color: #21110F;//Rahmen um bild
	
width: 250px;
	
height: 250px;
	
margin: 0 auto;
	
}



#imageContainer{
	
padding: 10px;
	
}



#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: 0; 
float: left;
}


#nextLink { 
right: 0; 
float: 
right;
}


#prevLink:hover, #prevLink:visited:hover { 
background: url(../images/prev.gif) left 50% no-repeat; 
margin-left: 10px;

}


#nextLink:hover, #nextLink:visited:hover { 
background: url(../images/next.gif) 
right 50% no-repeat; 
margin-right: 10px;


}

/*** START : next / previous text links ***/


#nextLinkText, #prevLinkText{

color: red; 		//#FF9834;

font-weight:bold;

text-decoration: none;
}


#nextLinkText{

font-size: 18px;
padding-left: 20px;


}


#prevLinkText{
font-size: 18px;
padding-right: 20px;


}


/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/



.ontop #imageData {
    
padding-top: 5px;

}



/*** END : added padding when navbar is on top ***/


#imageDataContainer{
	
font: 10px Lucida Console;
	
background-color: #21110F;
/*unterer Teil*/	
margin: 0 auto;
	
line-height: 1.4em;
	
}



#imageData{
	
padding:0 10px;
	
}


#imageData #imageDetails{ 
width: 70%; 
float: left; 
text-align: left; 
}	


#imageData #caption{ 
font-weight: bold;	
}


#imageData #numberDisplay{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;
font-size: 12px;
color:red; //#FF9834;	
font-weight: bold;
}


#imageData #bottomNavClose{ 
width: 66px; 
float: right;  
padding-bottom: 0.7em;	
}


#imageData #helpDisplay {
clear: left; 
float: left; 
display: block; 
}



#overlay{
	
position: absolute;
	
top: 0;
	
left: 0;
	
z-index: 90;
	
width: 100%;
	
height: 500px;
	
//background-color: #59412A;

filter:alpha(opacity=0);
-moz-opacity: 0;

opacity: 0;
	
display: none;
	
}
	



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