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