/* supplement.css — thomas-lehn.de */

/* === Reset & Body === */
html, body {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    color: #222;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

/* Override inline bgcolor on body */
body[bgcolor] {
    background: #f7f7f7 !important;
}

/* === Content Container === */
body > table,
body > form > table,
body > center > table {
    max-width: 960px;
    margin: 0 auto !important;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* === Font tags cleanup === */
font[color="white"], font[color="#ffffff"], font[color="#FFFFFF"] {
    color: #222 !important;
}
font[color="red"], font[color="#ff0000"] {
    color: #b00020 !important;
}

/* === Tables === */
table {
    border-collapse: collapse;
    width: 100%;
}
td {
    padding: 8px 12px;
    vertical-align: top;
}
td[bgcolor="red"] {
    background: #1a3a6b !important;
    color: #fff !important;
}
td[bgcolor="#000080"] {
    background: #1a3a6b !important;
    color: #fff !important;
}
td[bgcolor="#0000ff"] {
    background: #2255a0 !important;
    color: #fff !important;
}
td[bgcolor="blue"] {
    background: #2255a0 !important;
    color: #fff !important;
}
td[bgcolor="silver"] {
    background: #f0f4f8 !important;
    color: #222 !important;
}

/* Make text in colored cells visible */
td[bgcolor="red"] font,
td[bgcolor="#000080"] font,
td[bgcolor="#0000ff"] font,
td[bgcolor="blue"] font {
    color: #fff !important;
}
td[bgcolor="red"] a,
td[bgcolor="#000080"] a,
td[bgcolor="#0000ff"] a,
td[bgcolor="blue"] a {
    color: #9fc8ff !important;
}

/* === Images === */
img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* === Marquee (disable animation, style as banner) === */
marquee {
    display: block;
    padding: 6px 12px;
    background: #1a3a6b;
    color: #fff !important;
    font-size: 14px;
    border-radius: 2px;
    white-space: normal;
    animation: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === Links === */
a {
    color: #1a5fc8;
    text-decoration: underline;
}
a:hover {
    color: #0d3a7a;
}

/* === Headings === */
h1, h2, h3 {
    color: #1a3a6b;
    font-family: Tahoma, Arial, sans-serif;
}

/* === romlidata (links injection) === */
.romlidata {
    display: block !important;
    visibility: visible !important;
    padding: 16px 0;
    width: 100%;
}

/* === Page wrapper padding === */
body > * {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
}

/* === Enforce readable text — fix white-on-white from inline color attrs === */
body { color: #222; }
/* Any white/light text that would be invisible on body bg: force dark */
font[color="white"],
font[color="White"],
font[color="WHITE"],
font[color="#ffffff"],
font[color="#FFFFFF"],
font[color="#FFF"],
font[color="#fff"] {
    color: #222 !important;
}
p[style*="color: white"],
p[style*="color:white"],
span[style*="color: white"],
span[style*="color:white"] {
    color: #222 !important;
}
/* body inline attrs override */
body[text="white"] { color: #222 !important; }
body[link="white"] a { color: #1a5fc8 !important; }
body[vlink="yellow"] a:visited { color: #7a1a99 !important; }