div.galerie{
 margin-left:30px;
 width: 900px; /* Breite der Galerie */
 height: 600px; /* Hoehe der Galerie */
 overflow: hidden; /* Überschneiden von Bildern abschalten */
 /* weitere Angaben: */
 background:gainsboro; /* Hintergrund */
}

div.galerie div.bild{
 width: 130px; /* Breite des Vorschaubildes */
 height: 130px; /* Hoehe des Vorschaubildes */
 padding: 10px; /* Abstand zwischen Galerierand und Vorschaubild */
 float: left; /* Vorschaubilder nebeneinander platzieren */
 clear: right; /* " */
}

div.galerie img.vorschau{
 width: 130px; /* gleich wie div.bild->width */
}

div.galerie img.ansicht{
 display: none; /* Ansichtsbilder verdecken */
 position: absolute; /* absolute Positionierung */
 z-index: 100; /* in den Vordergrund setzen */
 width: 500px; /* Breite des Ansichtsbild */
}

div.galerie img.ansicht2{
 display: none; /* Ansichtsbilder verdecken */
 position: absolute; /* absolute Positionierung */
 z-index: 100; /* in den Vordergrund setzen */
 width: 280px; /* Breite des Ansichtsbild */
}

div.galerie div.bild:hover img.ansicht{
 display: block;
}

div.galerie div.bild:hover img.ansicht2{
 display: block;
}

/* einzelne Bilder positionieren: */
#A2_1{
 margin-left: 200px;
 margin-top: 100px; /* Abstand von Ansichtsbild nach oben */
}
#A2_2{
 margin-left: 50px; /* Abstand von Ansichtsbild nach links */
 margin-top: 100px; /* Abstand von Ansichtsbild nach oben */
}
#A2_3{
 margin-left: 0px; /* Abstand von Ansichtsbild nach links */
 margin-top: 20px; /* Abstand von Ansichtsbild nach oben */
}
#A2_4{
 margin-left: -250px; /* Abstand von Ansichtsbild nach links */
 margin-top: 100px; /* Abstand von Ansichtsbild nach oben */
}
#A2_5{
 margin-left: -400px;
 margin-top: 100px;
}
#A2_6{
 margin-left: -550px;
 margin-top: 100px;
}