/* ------------------------------------------------------------
   GLOBAL
------------------------------------------------------------ */
html { 
    background-color:#F0F0F0; 
    background-image:url("https://www.c1-club.eu/forum/images/bg1.jpg");
}
html, body, table { 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    color:#000000; 
}

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

/* ------------------------------------------------------------
   HEADINGS
------------------------------------------------------------ */
h1 { font-size:14px; font-weight:bold; display:inline; }
h2 { font-size:20px; display:inline; }
h3 { font-size:14px; display:inline; }

.center { text-align:center; }
.right { text-align:right; }
.bold { font-weight:bold; }

/* ------------------------------------------------------------
   RESHADE-BLOCKS (C1-Farben)
------------------------------------------------------------ */
.reshade { 
    background-color:#5586AF; 
    border:1px solid #FFFFFF; 
    padding:5px; 
    color:#FFFFFF; 
}
.reshade a { color:#FFFFFF; }

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

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

/* ------------------------------------------------------------
   TABELLENKOPF / NAVIGATION (C1-Farben)
------------------------------------------------------------ */
.tbcolor { 
    height:40px; 
    background-color:#1073A5; 
    border:1px solid #FFFFFF; 
    padding:5px; 
    color:#FFFFFF; 
}
.tbcolor a { color:#FFFFFF; }

/* ------------------------------------------------------------
   TABELLENRAHMEN
------------------------------------------------------------ */
.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;
    margin-top:5px;
    margin-bottom:5px;
}

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

/* ------------------------------------------------------------
   FORUM-TITEL
------------------------------------------------------------ */
.font_forum_title { 
    font-size:20px; 
    font-weight:bold; 
    background-color:#C0CCDD; 
    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;
}

.index_table td {
    padding:5px;
}

.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;
    border: 2px solid #888;
    border-radius: 999px;
    transition: 0.2s ease;
    text-decoration: none;
}

.navbtn svg {
    width: 22px;
    height: 22px;
    fill: #000;
}

.navbtn:hover {
    background-color: #e0e0e0;
    border-color: #444;
}

.navbtn:hover svg {
    fill: #222;
}
/* Einleitugnstext */
.introbox {
    background-color: #C0CCDD; /* hellgelb wie die Tabellen */
    border: 5px solid #808080;
    padding: 16px 18px;
    margin: 15px 0 20px 0;
    line-height: 1.5;
}

.introheadline {
    margin-bottom: 12px;   /* Abstand zur ersten Textzeile */
    font-size: 16pt;
    font-weight: bold;     /* wirkt wie eine Überschrift, aber nicht zu dominant */
}