<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#galerie {
position: relative;
width:100%;}

#galerie ul {
position: relative;
width:600px;
background: url(../pics/galerietext.gif) right no-repeat;
height: 300px;
list-style-type:none;
margin:0px;
padding:0;}

#galerie li {list-style-type:none;
float: left;
margin: 10px 10px 0 0;
width: 50px;}

#galerie li a {
display: block;
height: 50px;}

#galerie li span {display: none;}

#galerie li#bild1 a {background: url(../galerie/kl_1.jpg) no-repeat;}

#galerie li#bild2 a {background: url(../galerie/kl_2.jpg) no-repeat;}

#galerie li#bild4, li#bild8, li#bild12 {margin-right: 350px;}

#galerie li#bild3 a {background: url(../galerie/kl_3.jpg) no-repeat;}

#galerie li#bild4 a {background: url(../galerie/kl_4.jpg) no-repeat;}

#galerie li#bild5 a {background: url(../galerie/kl_5.jpg) no-repeat;}

#galerie li#bild6 a {background: url(../galerie/kl_6.jpg) no-repeat;}

#galerie li#bild7 a {background: url(../galerie/kl_7.jpg) no-repeat;}

#galerie li#bild8 a {background: url(../galerie/kl_8.jpg) no-repeat;}

#galerie li#bild9 a {background: url(../galerie/kl_9.jpg) no-repeat;}


#galerie li a:focus, li a:hover {border: 0px solid #000;} /*für Explorer*/

#galerie li a:focus span, #galerie li a:hover span {
display: block;
height: 333px;
position: absolute;
z-index:0;
right: 0;
top: 0;
width: 333px;
}

#galerie li a img {
border: 0;
}</pre></body></html>