body {
  padding: 0;
  margin: 0;
  background: #61ADA0; /* Welle blau */
  color: #444;
}
#page {
  position: absolute;
  left: 0;
  right: 0;
  margin: 28px auto 14px;  /* setzt den relativ positionierten Block mittig */
  max-width: 912px;  /* Breite seitenkopf.jpg */
  background: white;
  /* background-image: url(img/seitenkopf.jpg);  /* Breite 912px = width */
  /*background-size: 100%; */
  background-repeat: no-repeat;
}
#wrapper {  /* um 3 Spalten */
  margin-top: 240px;
  max-width: 912px;  /* Breite seitenkopf.jpg */
  /* border-top: 1px solid #61ADA0;  hält die Spalten an der Oberkante */
  /* background: rgba(122,122,122,.5); */ 
}
#top {
  position: fixed; top: 0;
}
#welleO {
  border-top: solid 28px #61ADA0;
}
#welleU {
  position: absolute;
  top: 224px;
  right: 0
}
/* spalte links*/
#spalte_links {
  position: fixed;
  float: left;
  width: 197px;  /* 21.6% */
  margin-top: 0;
  padding-bottom: 48px;
  padding-left: 10px;
  max-height: calc(100% - 21.5em);
  overflow-y: auto;
  /* border: 1px solid black; */
}
#adresse { /* für Kurztexte */
  margin-top: 10px;
}
#aktdatum { /* für Langtexte */
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 80%;
}
/* ende spalte links */
#haupttext {
  margin: 0 212px /*23.2%*/ 10px 243px /*26.6%*/;
  max-width: 473px; /*49.8%  wg. M$IE nicht explizit angeben */
  padding-bottom: 10px;
  min-height: 32em;
  /* border: 1px solid black; */
}
#spalte_rechts {
  margin-top: 116px;
  width: 141px;  /* 15.46% vont janze rsp. 2/3 von Spalte rechts*/
  padding-right: 20px;
  float: right;
  /* border: 1px solid black; */
}
#oekobanner {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
#clearer, #yaclearer {
  clear: both;
  height: 0;
}
/* Textauszeichnungen ... */
* {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}
p, h2 {
  margin: 0;
  margin-bottom: 10px;
}
p.last {
  margin-bottom: 0;
}
h1, h3, p.date {
  margin: 0;
}
p.date {
  margin-top: 1em;
}
a {
  text-decoration: none;
  color: #444;
  font-size: 100%;
}
#menue {
  list-style: none;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  font-weight: 700;
  /* border: 1px solid blue; */
}
#menue a, .projektlink, .extlink, a.textlink, .motto, .farbfett {
  color: #395800; /* RGB(57,88,0) obere Welle */
  font-weight: 700;
}
#menue li {
  margin-bottom: .5em;
}
.l2 {
  margin-left: 1em;
  font-size: .92em;
}
.l3 {
  margin-left: 2em;
  font-size: .87em;
}
#adresse {
  font-size: .87em;
}
/* .nolink {
  color: RGB(156,206,47);
} */
.intlink {
  color: inherit;
  font: inherit;
}
a:hover, a:active {
  text-decoration: underline;
}
#here, #here a, .red {
  color: #9E010C;
}
.spalte_rechts {
  color: #9E010C;
  font-size: 80%;
  text-align: right;
}
.spalte_rechts a {
  color: #9E010C;
  font-size: 100%;
  text-align: right;
}
.motto {
  margin-bottom: 3em;
  font-size: 111%;
}
.seitentitel, .projekttitel { /* h1 */
  padding-bottom: 10px;
  font-size: 111%;
  font-weight: 700;
}
.center, .projekttitel {
  text-align: center;
}
h1 {
  font-size: 111%;
}
h2, h3, .big, .groesser {
  font-size: 106%;
}
#linklist, #projektliste {
  list-style: none;
  margin-left: 0;  /* für M$IE < 8 */
  padding-left: 0;  /* für den "Rest der Welt" */
}
#linklist li {
  margin-bottom: 1em;
}
#linklist li a, #projekte, .fett {
  font-weight: 700;
}
#projekte td {
  vertical-align: middle;
  padding: 2px 0;
}
#projekte td.right {
  height: 70px;
  padding-left: 1.5em;
}
#here, #here a, .red {
  color: #9E010C;
}
.green {
  color: #395800; /* RGB(57,88,0) obere Welle */
}
.unfett {
  font-weight: normal;
}
.roem {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 105%;
}
.small, sup {
  font-size: 80%;
}
.italic {
  font-style: italic;
}
.nowrap {
  white-space: nowrap;
}
/* Bilder, Images */
figure {
  margin: 0;
  margin-top: .3em;
}
figcaption {
  padding-top: .75em;
}
img {
  border: none;
}
img.border {
  border: 1px solid black;
}
img.presse {
  border: 1px dashed black;
  margin: 10px 0 5px 0;
  padding: 5px 0;
}
.imgleft, .imgfloatleft {
  margin-right: 10px;
  margin-bottom: 10px;
}
.imgfloatleft {
  float: left;
}
.blockimg {
  display: block;
  margin: 10px 10px .2em 0;
}
img.middle {
  display: block;
  margin: 2em auto;
}
.subtitle {
  display: block;
  margin-bottom: .5em;
  font-size: 90%;
  font-weight: normal;
}
/* Tabellenersetzung */
#projektliste li {
  margin-bottom: 5px;
  padding-top: 5px;
}
.imglink, #haupttext #projektliste span {
  display: inline-block;
  vertical-align: middle;
}
#projektliste .imglink {
  width: 64px;
  height: 64px;
}
#haupttext #projektliste li > span {
  max-width: 372px;
  padding-left: 14px;
}
/* Tabelle */
table.padd {
  margin: 1.5em 0;
}
td {
  vertical-align: top;
}
th.projektuntertitel {
  padding-top: 15px;
  text-align: center;
}
td.imgcell {
  text-align: center;
  vertical-align: bottom;
  padding: 6px;
}
td.bildtitel {
  width: 142px;
  padding: 8px;
  padding-top: 3px;
  font-size: 85%;
}
td.links, .links {
  text-align: left;
  padding-left: 0;
}
td.rechts, .rechts {
  text-align: right;
  padding-right: 0;
}
/* Indexseiten der Ordner */
#retour {
  margin-top: 120px;
  text-align: center;
  font-size: 200%;
  text-decoration: underline;
  font-weight: 700;
}