img {width: 100px; height: 66px;}

a, div.link a:visited
{
  color: blue;
}
a img, a:visited img
{
  border-color: blue;
}
a:hover img
{
  border-color: red;
}


/* gesamte Seite */
div.alles
{
  position: absolute;
  top: 0; left: 0;
  width: 750px;
}

/* Bildleiste, dh weißer Kasten quer zur Seite mit links Bild rechts Text */
div.bildleiste
{
  position: relative;
  top: 15px; left 0px;
  width: 750px; height: 100px;
  margin-top: 15px;
  background-color: #F5F7F9;
  border: 1px solid black;
}
div.bildleiste a:hover
{
  background-color: yellow;
}

/* links Link mit Bild */
div.link
{
  position: absolute;
  top: 5px; left: 10px;
  height: 90px; width: 110px;
  font-size: 10px;
}

/* Text rechts vom Link */
div.bildbeschreibung
{
  position: absolute;
  top: 5px; left: 125px;
  height: 90px; width: 610px;
  font-size: 12px;
}
div.bildbeschreibung h3, div.altlink h3
{
  margin-top: 0px; margin-bottom: 0px;
  font-size: 12px;
  color: red;
}
div.bildbeschreibung p
{
  margin-top: 6px;
}


/* ab hier für die alten Bildsammlungen platzsparende Variante */
div.alte_bilder
{
  position: relative;
  top: 15px; left 0px;
  width: 750px; height: 120px;
  margin-top: 15px;
  background-color: #F5F7F9;
  border: 1px solid black;
}
div.altlink
{
  position: absolute;
  top: 5px; left: 10px;
  height: 115px; width: 110px;
  font-size: 10px;
}
div.abschnitt1
{
  position: absolute;
  top: 0px; left: 0px;
  width: 120px; height: 120px; float: left;
}
div.abschnitt2
{
  position: absolute;
  top: 0px; left: 120px;
  width: 120px; height: 120px; float: left;
}
div.abschnitt3
{
  position: absolute;
  top: 0px; left: 240px;
  width: 120px; height: 120px; float: left;
}
div.abschnitt4
{
  position: absolute;
  top: 0px; left: 360px;
  width: 120px; height: 120px; float: left;
}
div.abschnitt5
{
  position: absolute;
  top: 0px; left: 480px;
  width: 120px; height: 120px; float: left;
}
div.abschnitt6
{
  position: absolute;
  top: 0px; left: 600px;
  width: 120px; height: 120px; float: left;
}