/* ************************************************ */
/* DATEI: style_bildergalerie.css                   */
/* ************************************************ */

#bildergalerie {
 /* clear:both; */
 position:relative;
 top:20px;
 width:98%; 
 height:260px; 
 margin:0px 10px 0px 10px; 
 /*
 background:#F5F5F5;
 border:1px solid #999999; 
 */
}
/* thumbnails - Bereich  */
#bildergalerie ul {
 float:right; 
 width:180px; 
 height:260px; 
 overflow:auto;
 margin:0px 0px 0px 0px; 
 padding:10px 0px 0px 0px; 
 list-style:none; 
}
/* thumbnails - Anordnung */
#bildergalerie ul li {
 float:left; 
 display:inline; 
 width:48px; 
 height:64px; 
 margin:0px 8px 8px 0px; 
 border:1px solid #999999; 
 cursor:pointer;
}
/* thumbnails - Groesse */
#bildergalerie ul li img {
 display:block; 
 width:48px; 
 height:64px;
}
/* wo steht der Text zum Bild */
#bildergalerie ul li span {
 display:none; 
 position:absolute; 
 top:10px; 
 left:260px; 
 width:220px;
 font-family:verdana, arial, sans-serif; 
 color:#333333; 
 font-size:0.95em; 
 line-height:1.2em; 
 text-align:justify;
}
#bildergalerie ul li span b {
 color:#333333; 
}
/* fuer die bekloppten IE5.x and IE6 damit das Startbild in der richtigen Groessse angezeigt wird */
#bildergalerie ul li.click i img.default {
 width:240px; 
 height:180px; 
 margin:10px auto 0px auto; 
 border:1px solid #999999;
}
#bildergalerie ul li.off {
 display:none;
}
/* Rahmen fuer aktuellen Thumbnail */
#bildergalerie ul li.click {
 border-color:transparent; /* #339933 */
 background:transparent; 
 background: url(../image/anton_zeig.png);
 cursor:default;
}
/* fuer grosses Bild */
#bildergalerie ul li.click i {
 position:absolute; 
 left:0;
 top:0; 
 width:260px; 
 height:260px;
}
/* fuer grosses Bild */
#bildergalerie ul li.click i img {
 width:auto; 
 height:auto; 
 margin:10px auto 0px auto; 
 border:1px solid #999999;
}
#bildergalerie ul li.click span {
 display:block;
}
#bildergalerie ul.normal {
	position:relative;
 top:-5px;
	left:-38px;
}
#bildergalerie ul.normal li {
 display:list-item;
 list-style-position:inside;
 list-style-image:url(../image/liste_1.gif);
	border:0px solid transparent;
 width:auto; 
 height:auto; 
 margin:0px 0px 0px 0px; 
}