/* teeparty.be – Slice-Rahmen fixieren (Desktop, >=769px).
   Problem: Der starre 1025x769-Slice-Rahmen (table#Table_01) koppelt die fix-hohen Navi-/Grafik-
   Slices an die Tabellenzeilen. Wird der Inhalt hoeher als der Design-Bereich (615px), wachsen die
   geteilten Zeilen -> die Navi spreizt sich und die Grafik bricht. (Ein frueheres overflow:visible
   liess den Inhalt zudem UeBER die unteren Slices und den Copyright laufen.)

   Loesung: Das Inhaltsfenster wird auf die Design-Hoehe fixiert (height:615px) und CLIPPT + scrollt
   INTERN – genau wie der bewaehrte Disclaimer-iframe (528x615) und der News-Feed
   (.tp-news { max-height:615px; overflow-y:auto }). Dadurch bleibt sein <td> – und damit jede mit
   der Navi geteilte Zeile – fix: die Tabelle bleibt exakt 769px, die linke Navi/Grafik bleibt 100%
   fix (kein Spreizen, kein Bruch), und nichts laeuft mehr ueber die unteren Slices oder den
   Copyright. overflow (clip) ist eine feste, undurchdringliche Box – dieselbe Garantie wie ein iframe.

   Nur Desktop: die <=768px-Mobilschicht (mobile.css linearisiert die Tabelle) bleibt unberuehrt.
   Bei Inhalt <=615px (die Mehrheit) aendert sich optisch nichts; laengerer Inhalt scrollt im Fenster. */
@media (min-width: 769px) {
  #Table_01 [id*="maincontent"] { height: 615px; overflow-y: auto; overflow-x: hidden; }
}

/* Inhalts-Bilder aus dem WYSIWYG-Editor (/inhalt/...) auf die Spaltenbreite begrenzen, damit sie
   nicht ueber den Rahmen laufen (gilt auf allen Breiten). */
#Table_01 [id*="maincontent"] img,
.tp-post-body img, .tp-news-body img { max-width: 100%; height: auto; }

/* Text-Ausrichtung: Abwaerts-Kompatibilitaet fuer alte Trix-Block-Tags (tp-c/tp-r/tp-j).
   Neuer Editor (TinyMCE) nutzt inline style="text-align:..." und braucht diese Regeln nicht. */
tp-c { display: block; text-align: center; }
tp-r { display: block; text-align: right; }
tp-j { display: block; text-align: justify; }