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

a { color:#A80000; }
a:visited { color:#800000; }

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 { background-color:#808080; border:1px solid #1073A5; padding:5px; color:#FFFFFF; }
.reshade2 { background-color:#FFF9AC; border:1px solid #1073A5; padding:5px; }
.reshade3 { background-color:#F0F0F0; border:1px solid #1073A5; padding:5px; }

.tbcolor { height:40px; background-color:#FFD200; border:1px solid #1073A5; padding:5px; }
.tbcolor a { color:#000000; }

.Table_out { width:95%; border-collapse:collapse; }
.Table_in { width:100%; border-collapse:collapse; }
.Table_ctframe { width:100%; border:1px solid #1073A5; border-collapse:collapse; }

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

.bold { font-weight:bold; }

.font_forum_title { 
    font-size:20px; 
    font-weight:bold; 
    background-color:#FFD200; 
    border:1px solid #1073A5; 
    padding:10px; 
    display:block;
    margin-bottom:10px;
}

.banner { text-align:center; padding:20px;}

.banner img { display:block; margin:0 auto; }

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

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

.indexpage th {
    background-color:#003366;
    color:#FFFFFF;
    padding:6px 8px;
    border-bottom:2px solid #002244;
}

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

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

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

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

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

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

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

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

/* 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;
}