#div1 { /* der aeussere container - seine obere linke mitte ist exakt in der mitte des browserfensters. */
  position: absolute;
  top: 45%;
  left: 50%;
}
#div2 { /* der innere container wird nach oben links verschoben, sodass  seine mitte exakt da ist, wo #div1 seine obere linke ecke hat. */
  position: absolute;
  top: -285px; /* die halbe hoehe des bildes */
  left: -409px; /* die halbe breite des bildes */
}
#div3 { 
position: absolute;
  top: -300px; /* die halbe hoehe des bildes */
  left: -460px; /* die halbe breite des bildes */
}