#leinw {
  position: fixed;
  top: 50%; left: 50%;
  margin-top: -336px;
  margin-left: -436px;
  width: 872px;
  height: 672px;
  background-color: RGBA(204,204,204,.8);
  visibility: hidden;
}
#leinw img {
  position: absolute;
  top: 50%; left: 50%;
}
p#closeButton {
  position: relative;
  margin-bottom: 0;
  margin-left: 1em;
  z-index: 10;
}
p#closeButton a {
  text-decoration: none;
  font-size: 2em;
  font-weight: bold;
  color: red;
}
#bildtitel {
  position: absolute;
  top: .6em;
  width: 100%;
  font-size: 1.2em;
  text-align: center;
}
.navButton {
  position: absolute;
  top: 300px; bottom: 300px;
  margin: auto;
  height: 0;
  font-size: 2em;
  font-weight: bold;
}
.navButton:hover, #leinw img:hover {
  cursor: pointer;
}
#prevButton {
  left: .3em;
}
#nextButton {
  right: .3em;
}
#bildnummer, #bildcopy {
  position: absolute;
  bottom: 0;
}
#bildnummer {
  right: 1em;
}
#bildcopy {
  left: 1em;
}
#haupttext {
  /* width: 470px; */
  margin: 240px 196px 10px 243px;
}
h1.projekttitel {
  width: 454px;
}
ul.albumlist {
  list-style: none;
  width: 470px;
  margin-top: .2em;
  margin-left: 0;
  padding-left: 0;
}
.albumlist li {
  float: left;
  margin-right: 13px;
  margin-bottom: 6px;
  /* border: 1px solid black; */
}
.albumlist img {
  width: 80px;
  height: 80px;
  margin-bottom: 7px;
}
.albumlist img.border {
  width: 78px;
  height: 78px;
}
.dummy {
  visibility: hidden;
}
.halbdummy {  /* rückt das Bild um ,5 Bildbreite ein */
  margin-left: 47px;
}
.volldummy {  /* rückt das Bild um 1 Bildbreite ein */
  margin-left: 93px;
}
.dummy15 {  /* rückt das Bild um 1,5 Bildbreiten ein */
  margin-left: 140px;
}
.dummy20 {  /* rückt das Bild um 2 Bildbreiten ein */
  margin-left: 187px;
}
.albumlist li, .h21 {
  width: 80px;
}
.albumlist .h22 {
  width: 173px;
  margin-right: 14px;
}
.albumlist .h23 {
  width: 266px;
  margin-right: 14px;
}
.albumlist .h24 {
  width: 359px;
  margin-right: 14px;
}
.albumlist .h25 {
  width: 452px;
}
li h2 {
  margin-bottom: 0;
}