html { background-color:#FFFFFF; }
html, body, table { 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px; 
    color:#000000; 
}

a { color:#000000; }
a:visited { color:#000000; }

h1 { font-size:13px; font-weight:bold; display:inline; }
h2 { font-size:20px; display:inline; }
h3 { font-size:13px; display:inline; }

.center { text-align:center; }
.right { text-align:right; }

/* Reshade-Blöcke – Farben aus forum_org.css */
.reshade { 
    background-color:#EEEEEE; 
    border:1px solid #FFFFFF; 
    padding:5px; 
    color:#000000; 
}

.reshade2 { 
    background-color:#EEEEEE; 
    border:1px solid #FFFFFF; 
    padding:5px; 
    color:#000000;
}

.reshade3 { 
    background-color:#CCCCCC; 
    border:1px solid #FFFFFF; 
    padding:5px; 
    color:#000000; 
}

/* Tabellenkopf / Navigation */
.tbcolor { 
    height:40px; 
    background-color:#CCCCCC; 
    border:1px solid #FFFFFF; 
    padding:5px; 
    color:#000000; 
}

.tbcolor a { color:#000000; }

/* Tabellenrahmen */
.Table_out { 
    width:95%; 
    border-collapse:collapse; 
}

.Table_in { 
    width:100%; 
    border-collapse:collapse; 
}

.Table_ctframe { 
    width:100%; 
    border:1px solid #CCCCCC; 
    border-collapse:collapse; 
}

/* Icons / Kopf */
.head { height:40px; }
.icon_box { 
    height:40px; 
    width:40px; 
    text-align:center; 
    vertical-align:middle; 
}

.bold { font-weight:bold; }

/* Forum-Titel */
.font_forum_title { 
    font-size:20px; 
    font-weight:bold; 
    background-color:#CCCCCC; 
    border:1px solid #FFFFFF; 
    padding:10px; 
    display:block;
    margin-bottom:10px;
}

/* Banner */
.banner { text-align:center; padding:20px; }
.banner img { display:block; margin:0 auto; }

/* Index-Seiten */
.indexpage body {
    background-color:#FFFFFF;
    margin:20px;
}

.indexpage table {
    width:100%;
    border-collapse:collapse;
    background-color:#FFFFFF;
}

.indexpage th {
    background-color:#CCCCCC;
    color:#000000;
    padding:6px 8px;
    border-bottom:2px solid #AAAAAA;
}

.indexpage td {
    padding:6px 8px;
    border-bottom:1px solid #DDDDDD;
}

.indexpage tr:nth-child(even) {
    background-color:#EEEEEE;
}

.indexpage a {
    color:#000000;
    text-decoration:none;
}

.indexpage a:hover {
    text-decoration:underline;
}

/* Topic-Tabellen */
table.topic_table {
    width:100%;
    border-collapse:collapse;
    background-color:#FFFFFF;
}

table.topic_table th {
    background:#CCCCCC;
    padding:6px 8px;
    border-bottom:2px solid #AAAAAA;
}

table.topic_table td {
    padding:3px 6px;
    border-bottom:1px solid #DDDDDD;
}

table.topic_table tr:nth-child(even) {
    background:#EEEEEE;
}

/* Backbutton */
.backbutton a {
    display:inline-block;
    padding:6px 10px;
    text-decoration:none;
    font-weight:bold;
    color:#000000;
}
.backbutton .navbtn svg {
    width: 22px;
    height: 22px;
    fill: #000;
}
.backbutton .navbtn:hover svg {
    fill: #444;
    cursor: pointer;
}

.backbutton {
    display: flex;
    gap: 12px;
    margin: 10px 0 15px 0;
    align-items: center;
}

/* Icon-Container */
.navbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;          /* macht die ovale Form */
    border: 2px solid #888;     /* ovale Linie */
    border-radius: 999px;       /* oval / pillenförmig */
    transition: 0.2s ease;
    text-decoration: none;
}

/* SVG selbst */
.navbtn svg {
    width: 22px;
    height: 22px;
    fill: #000;
}

/* Hover-Effekt */
.navbtn:hover {
    background-color: #e0e0e0;
    border-color: #444;
}

.navbtn:hover svg {
    fill: #222;
}