.galul  { list-style-type: none; display: inline; margin: 0; padding: 0 }
.galul li {
	float:left;
	margin:0px;
	padding:0px;
}
.galbild   { display: block; margin: 10px; float: none; border: solid 1px #333 }
.galerie_liste {
	margin:0px;
	padding:0px;
	margin-left:-35px;
	}
.galerie_liste legend {
	
	font-size:140%;
	color:#333333;
	font-weight:bold;
	margin:0em 0 0.9em -2px;
	padding:0.2em;
	padding-left:0px;
   line-height:1.2em;
	}

.artikel   { margin-left: 15px }

#lightbox  { line-height: 0; background-color: transparent; text-align: center; position: absolute; z-index: 100; top: 0; right: 0; left: 0; border: none }
* html>body #lightbox { margin: 0 auto; left: 0 }
#lightbox a img { border: none }

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

#imageContainer  { padding: 20px }

#loading { line-height: 0; text-align: center; position: absolute; top: 40%; left: 0; width: 100%; height: 25% }
#hoverNav { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100% }
#imageContainer>#hoverNav { left: 0 }
#hoverNav a { outline: none medium }

#prevLink, #nextLink { background: url("../images/blank.gif") no-repeat; display: block; width: 49%; height: 100% }
#prevLink   { background: url("../images/prev.gif") no-repeat left 15%; left: 0; float: left }
#nextLink   { background-image: url("../images/next.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: right 15%; right: 0; float: right }
#prevLink:hover, #prevLink:visited:hover   { background: url("../images/prev.gif") no-repeat left 15% }
#nextLink:hover, #nextLink:visited:hover  { background: url("../images/next.gif") no-repeat right 15% }


#imageDataContainer  { font: 10px/1.4em "Trebuchet MS", Geneva, Arial, sans-serif; background-color: #fff; margin: 0 auto }

#imageData { padding: 0 20px }
#imageData #imageDetails { text-align: left; width: 70%; float: left }	
#imageData #caption { font-size: 11px }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose  { padding-bottom: 0.7em; width: 66px; float: right }	
		
#overlay   { background-color: white; position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 1500px; -moz-opacity: 0.6; filter: alpha(opacity=60); 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 */
	}