// Websitedateien
// Ordner: galerie
----// Datei: style.css
----// Ordner: bilder
--------// Datei: bild1.jpg
--------// Datei: bild2.png
--------// Datei: bild3.jpg
--------// Datei: bild4.jpg

div.galerie{
 width: 400px; /* Breite der Galerie */
 height: 440px; /* Hoehe der Galerie */
 overflow: hidden; /* Überschneiden von Bildern abschalten */
 /* weitere Angaben: */
 background: #fff; /* Hintergrund */
 border: 0px #555555 solid; /* Rahmen */
	
}

div.galerie div.bild{
	height: 100px;/*  Hoehe des Vorschaubildes */
	width: auto; /* Breite des Vorschaubildes */
	margin: 5px; /* Abstand zwischen Galerierand und Vorschaubild */
	float: left; /* Vorschaubilder nebeneinander platzieren */
	clear: right; 
}
div.galerie img.vorschau{
	max-height: 100px;
	width: auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
div.galerie img.ansicht{
 display: none; /* Ansichtsbilder verdecken */
 position: absolute; /* absolute Positionierung */
 z-index: 100; /* in den Vordergrund setzen */
 width: 380px; /* Breite des Ansichtsbild */
}
div.galerie div.bild:hover img.ansicht{
 display: block;
}
/* einzelne Bilder positionieren: */
#pferde-stall-aachen{
 margin-top: 15px; /* Abstand von Ansichtsbild nach oben */
}
#pferde-stall-aachen1{
 margin-left: -100px; /* Abstand von Ansichtsbild nach links */
 margin-top: 45px; /* Abstand von Ansichtsbild nach oben */
}
#schwarzpeace{
 margin-left: -200px; /* Abstand von Ansichtsbild nach links */
 margin-top: 40px; /* Abstand von Ansichtsbild nach oben */
}
#flugzeugtafel{
 margin-left: -300px; /* Abstand von Ansichtsbild nach links */
 margin-top: 30px; /* Abstand von Ansichtsbild nach oben */
}