/* Readability overrides for the old table layout (loaded after formate.css on every page).
   Body text 15px instead of 10px; content area 1000px instead of 750px. */
:root { --content: 1000px; }

body, td, p, li { font-size: 15px; line-height: 1.5; font-family: Verdana, Geneva, Arial, sans-serif; }
h1 { font-size: 22px; font-weight: bold; }
h2 { font-size: 18px; font-weight: bold; }
h3 { font-size: 16px; font-weight: bold; }
/* review.html sets .Stil1 {font-size: 12px} in its own <style> block after this file */
p.Stil1 { font-size: 15px; }

/* fixed 750px tables -> wider content area */
table[width="750"] { width: var(--content); max-width: 100%; }
td[width="745"] { width: calc(var(--content) - 5px); }
/* 1px separator lines span the cell instead of a fixed pixel width */
img[height="1"][width="720"], img[height="1"][width="735"] { width: 100%; }

/* header bar: header_top_wide.png / header_tit_wide.png are 1000px like the content (generated by build_newserver.py) */
img[src$="_wide.png"] { max-width: 100%; height: auto; vertical-align: top; }
table[background="images/balk.gif"] td { line-height: 0; }

/* quer.gif (770px, dark first pixel column) drew the left border; tiled over 1000px it adds a stray line.
   Draw the frame with CSS instead. */
table[background="images/quer.gif"] { background-image: none; border-left: 1px solid #330000; border-right: 1px solid #330000; }

/* header menu row: as wide as the header image; the wood-ring piece stays at the left under the header,
   the tabs are centered in the remaining space */
.navrow { display: inline-flex; width: 1000px; max-width: 100%; vertical-align: top; line-height: 0; }
.navrow img { display: block; border: 0; }
.navrow .tabs { flex: 1; display: flex; justify-content: center; background: #330000; } /* tab colour fills the gaps */

/* welcome.html: balk_tit.gif (100px, dark last row) would repeat behind the tab row added under the title image */
table[background="images/balk_tit.gif"] { background-image: none; border-bottom: 1px solid #330000; }
table[background="images/balk_tit.gif"] td { line-height: 0; }