/*<LIGHTBOX>*/

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
}

#lightbox a img {

	border: none;

}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
}

#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(/img/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/prevlabel.gif') left no-repeat;

}



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

	background: url('images/anextlabel.gif') right no-repeat;

}



#imageDataContainer {

	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	color: #333;

}



#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;

}



#imageData #bottomNavClose {

	width: 66px;

	float: right;

	padding-bottom: 0.7em;

}



#overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter: alpha(opacity=60);

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

}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	margin: 2px 3px;
	}

div.jaosg_thumbnail img{
	background: #F8F8F8;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 80px;
	width: 90px;
	padding: 5px 5px 10px 5px;
}

/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 100px;
	width: 90px;
	padding: 5px 5px 10px 5px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
}