@import url(shared.css);



div#seite {

	position:relative;

	width:850px;

	margin:0px auto;

	z-index:1;

	background: #000000 url() repeat-y;

}



div#menue{

    position:absolute; 

	left: 0px; 

	top:102px; 

	width:595px;

	height: 25px; 

	padding: 5px 0px 0px 15px;

	z-index:4; 

	border: 0px none #000000;

	background: #000000 url(fix/hg_menue.jpg);

}



div#flash{

    position:absolute; 

	left: 600px; 

	top:280px; 

	width:250px; 

	z-index:10; 

	border: 0px none #000000;

}



div#haupt{

	position: absolute;

	margin: 491px 0 0 0;

	padding: 0px 0px 0px 0px;

	text-align: left;

	width: 850px;

	z-index: 2;

	background: #000000 url();

	background-image: url();

	display: inline;



}



div#links{

	position:relative;

	margin: 0;

	float:left;

	padding: 0px 0px 0px 0px;

	text-align: left;

	width: 255px;

	background: #000000 url(fix/hg_news.jpg) repeat-x;

	z-index: 3;

	display: inline;

}



div#rechts{

	position:relative;

	float:left;

	margin: 0px 0 0 0px;

	padding: 10px 0px 0px 25px;

	text-align: left;

	width: 570px;

	background: #F6F6F6 url(bilder/rechtshg.gif);

	z-index: 2;

	display: inline;



}



div#mitte{

	position:relative;

	float:left;

	padding: 0px 0px 0px 0px;

	text-align: left;

	width: 250px;

	height: 315px;

	background: white url(fix/hg_mitte.jpg);

	z-index: 2;

}

div#fuss{

	position:relative;

	clear: both;

	padding: 0px 0px 0px 0px;

	text-align: left;

	width: 850px;

	height: 30px;

	background: white url(fix/hg_unten.jpg);

	z-index: 1;

}



#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #ffffff;

	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: 25;

	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(lightbox/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(lightbox/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

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

#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=40);

	-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 fromA IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}