/* Layout für JS-Galerie  */
/*author: Gika Witt 2008*/
/*<style media="screen,projection" type="text/css">

/* begin gallery styling li*/
/*positionierung der thumbs = Listenpunkte als Referenz für Bild und Textfläche*/
#main #jgal ul{   
	list-style: none;
	/*width: 170px;*/
	position: absolute;
	right: 10px;
	bottom: 30px;
}

/* +++++layout der thumbs +++++++*/
#jgal li { 
	opacity: .5; 
	display: block; 
	width: 25px; 
	height: 25px; 
	background-position: 50% 50%; 
	cursor: pointer; 
	border: 2px solid #fff; 
	outline: 1px solid #ddd; 
	margin-right: 11px; 
	margin-bottom: 11px;
	float: right; 
}

/*Textbox styling re */
/* titel+beschreibung positioniert in relation zu den thumbs*/
#jgal li .textbox {  
	position: absolute; 
	top: -70px; 
	right: 350px; 
	width: 300px; 
	height: 110px; 
	display: none; 
	padding: 5px;
}

/*.folio*/
#re img {
	display: none;/* damit nur einzeln über thumbs angeklickte gezeigt werden*/
	height: 350px;
}
#main #re {  /* Positionierung der Bildfläche in Relation zu den thumbs - listenpunkten */
	position: absolute;
	left: -200px;
	top: -450px;
	width: 435px;
	padding: 3px;
}  
#jgal li.active .textbox { display: block; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #4d3413; opacity: .99 /* safari bug */ }




/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: right; margin: 0 10px 10px 0; }


/*[if lt IE 8]>
    <style media="screen,projection" type="text/css">
        #jgal li { filter: alpha(opacity=50); }
        #jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
    </style>
	<![endif]*/
/*.re {
	position: static;
	left: 50px;
	top: 200px;
}*/