/* Seitenraster: ersetzt das frühere Frameset
   (rows="*,330,*", cols="600,*", jeweils 8px Rand wie im Frame) */
html, body {
  margin: 0;
  padding: 0;
  background-color: #FFDDAA;
}

.rahmen {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 330px minmax(116px, 1fr);
  min-height: 100vh;
}

.mitte {
  display: grid;
  grid-template-columns: 600px minmax(0, 1fr);
  height: 330px;
}

.links, .rechts, .unten {
  position: relative;
  box-sizing: border-box;
  padding: 8px;
  overflow: hidden;
}

.links, .rechts {
  height: 330px;
}

/* Tabellen wie früher mit cellspacing="0" cellpadding="0" */
table {
  border-collapse: separate;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

img {
  border: 0;
}

/* Zeilenhöhe wie im alten Quirks-Modus: Blöcke selbst geben keine
   Mindest-Zeilenhöhe vor, sie ergibt sich allein aus dem Text darin
   (Schrift-Klassen in Stile.css). Text steht dafür immer in einem <span>. */
:where(td, th, div, li, ul, ol, p, nav, main, footer, table) {
  line-height: 0;
}

:where(td, th, div, li, ul, ol, p, nav, main, footer, a.zeile) > :where(span, a, b, u, i, em, strong, small, big, sub, sup) {
  line-height: normal;
}

/* Menüpunkte (früher <div onclick=...>) */
a.zeile,
a.zeile:link,
a.zeile:visited {
  display: block;
  line-height: 0;
  color: #000000;
  text-decoration: none;
}

a.zeile:hover,
a.zeile.markiert {
  color: #FF0000;
}

/* Hover-Effekt der Rubriken (früher onmouseover) */
a:hover .head,
a:hover .line {
  color: #FF0000;
}

a.bildlink {
  display: block;
  line-height: 0;
}

/* Links, die nur ein Bild enthalten: keine zusätzliche Link-Zeilenhöhe
   (Stile.css setzt für alle Links 15pt) */
.ohnetext {
  line-height: normal;
}