meine
Auktions
Galerie

<!-- ================== BEGINN KOPIEREN ============ -->

<style type="text/css">

/*für IE um :active erstmalig zu aktivieren */
a, a:visited {color:#000;}

a.gallery,
a.gallery:visited {text-align: center;
display:block;
display:inline-block;
color:#000;
text-decoration:none;
border:1px solid #000;
width:75px;
height:47px;
float:left;
margin:4px;
z-index:50;
}
a.slide-1 {
background: url(thumbnail-1-adresse);
}
a.slide-2 {
background: url(thumbnail-2-adresse);
}
a.slide-3 {
background:url(thumbnail-3-adresse);
}
a.slide-4 {
background:url(thumbnail-4-adresse);
}
a.slide-5 {
background:url(thumbnail-5-adresse);
}
a.slide-6 {
background:url(thumbnail-6-adresse);
}
a.slide-7 {
background:url(thumbnail-7-adresse);
}
a.slide-8 {
background:url(thumbnail-8-adresse);
}
a.slide-9 {
background:url(thumbnail-9-adresse);
}
a.slide-10 {
background:url(thumbnail-10-adresse);
}
a.gallery em,
a.gallery span {
display:none;
}
a.gallery:hover {
border:1px solid #a00;
}

#container {
position:relative;
width:425px;
height:425px;
background:#eee;
border:1px solid #a49188;
margin:1em auto;
}
#container img {
border:0;}
#container .thumbs {
position:absolute;
left:0; top:0;}
#container a.gallery:hover span {
display:block;
position:absolute;
width:402px;
height:50px;
top:110px;
left:5px;
padding:5px;
font-style:italic;
color:#a49188;
z-index:100;
}
#container a.gallery:hover span:first-line {
font-style:normal;
font-weight:bold;
font-size:1.1em;
color:#000;
}
#container a.gallery:active,
#container a.gallery:focus {
border:1px solid #000;
}
#container a.gallery:active em,
#container a.gallery:focus em {
display:block;
position:absolute;
width:402px;
height:250px;
top:160px;
left:5px;
padding:5px;
color:#000;
border:1px solid #3d330f;
z-index:50;
}

h1 {
margin:0;
padding-top:50px;
text-align:center;
font: normal 3em "Palatino Linotype", serif;
color:#a49188;
}

#container h1 {
clear:both;
margin:0;
padding-top:200px;
text-align:center;
font: normal 3em "Palatino Linotype", serif;
color:#a49188;
}
#container h1 em {
font-size:0.6em;
color:#777;
}
</style>

<div style="text-align: center; margin: auto;">

<h1>Bildergalerie</h1>

<p style="font-size: 0.7em; color: #777;">abgewandelt von: <a href="http://www.cssplay.co.uk/menu/gallery_click.html">cssplay</a></p>

<p style="font-size: 0.7em; color: #777;"><br><br>zum Vergrößern bitte anklicken!</p>
<div id="container">
<div class="thumbs">
<a class="gallery slide-1" href="#nogo"><em><img src="BILD-1-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-2" href="#nogo"><em><img src="BILD-2-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-3" href="#nogo"><em><img src="BILD-3-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-4" href="#nogo"><em><img src="BILD-4-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-5" href="#nogo"><em><img src="BILD-5-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-6" href="#nogo"><em><img src="BILD-6-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-7" href="#nogo"><em><img src="BILD-7-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-8" href="#nogo"><em><img src="BILD-8-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-9" href="#nogo"><em><img src="BILD-9-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

<a class="gallery slide-10" href="#nogo"><em><img src="BILD-10-ADRESSE" alt="Alternativtext"></em><span>BILDUNTERSCHRIFT</span></a>

</div><!--thumbs-->
<h1><em>meine</em><br>Auktions<br><em>Galerie</em></h1>
</div><!--container-->

<!-- ================== ENDE KOPIEREN ============ -->