﻿div.imageHold {
  padding: 0px 10px 0px 0px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.imageHold div {
  float: left;
  width: 76px;
  height: 107px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: 0px;
  margin-right: 10px;
}

div.imageHold img {
  width: 76px;  /* wir skalieren das große bild auf die kleine größe */
  height: 107px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold img:hover {
  position: absolute;
  margin-left: 0px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -20px;  /* hier genau so */
  width: 240px;       /* die weite beim vergrößern */
  height: auto;      /* die höhe beim vergrößern */
}