/* -------------------------- Grundstyles -------------------------- */
body {
    margin: 0;
    font-family: verdana, tahoma, helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ACB1BC;
    background-color: #3B444E;
    scrollbar-face-color:#444D57;
    scrollbar-highlight-color:#535D68;
    scrollbar-3dlight-color:#49535D;
    scrollbar-darkshadow-color:#000000;
    scrollbar-shadow-color:#49535D;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#48515B;
}

input, select {
    font-family: verdana,tahoma,helvetica;
    color: #ACB1BC;
    background-color: #535C66;
    font-size: 12px;
    border: 1px solid #000;
    padding: 2px 4px;
    border-radius: 3px;
}

textarea {
    background-color: #535C66;
    width: 50%;
    border: 0;
    color: #ACB1BC;
    border-radius: 10px;
}

a {
    color: #000;
    text-decoration: underline;
}

a:hover {
    color: #FF9900;
    text-decoration: none;
}

/* -------------------------- Banner -------------------------- */
.banner img {
    width: 100%;
    display: block;
}

/* -------------------------- Tabellen -------------------------- */
.tableinborder {
    border-collapse: collapse;
    width: 100%;
    position: sticky;
    top: 0;
    background-color: #444D57;
    z-index: 1000; /* wichtig für Dropdowns */
}

.tablea {
    background-color: #444D57;
    color: #ACB1BC;
    padding: 4px 8px;
    border: 1px solid #5B6771;
    text-align: center;
    position: relative; /* wichtig für Dropdown */
    font-size: 13px;
}

.tablea a {
    color: #ACB1BC;
    text-decoration: none;
    /* display: block;
	Ganze Zelle klickbar behalten, aber Hover nur auf Text:

.tablea a:hover {
    background-color: transparent;
    color: #FFA500;
}
	*/
    font-size: 13px;
}

.tablea a:hover {
    background-color: #5B6771;
    color: #FFA500;
}

.tableb {
    color: #ACB1BC;
    background-color: #404953;
    border-left: 1px  #5B6771 solid;
    border-top: 1px  #5B6771 solid;
}

.tableoutborder {
    background-color: #000000;
}

.tabletitle {
    color: #E8ECF3;
    background-color: #464F59;
    background-image: url(cellpic.gif);
    border-left: 1px  #5B6771 solid;
    border-top: 1px  #5B6771 solid;
}

/* -------------------------- Suchfeld -------------------------- */
.suchfeld {
    background-image: url("/grafik/viewmag.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 30px;
}

/* -------------------------- Dropdown -------------------------- */
.menu-item {
    display: inline-block;
    position: relative;
    text-align: center; /* zentriert den Text */
}

.menu-item .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%); /* zentriert das Dropdown in der Zelle */
    background-color: #444D57;
    border: 1px solid #5B6771;
    min-width: 180px;
    z-index: 2000; /* hoch genug, dass es über Tabellen liegt */
    white-space: nowrap;
}

.menu-item .dropdown-content a {
    display: block;
    padding: 4px 8px;
    border-bottom: 1px solid #5B6771;
    color: #ACB1BC;
    background-color: #444D57;
}

.menu-item .dropdown-content a:hover {
    background-color: #5B6771;
    color: #FFA500;
}

.menu-item:hover .dropdown-content {
    display: block;
}

.Private { color: #808080 !important; }
.Member { color: #00CC00 !important; }
.VIP-Member { color: #2FB1FF !important; }
.VIP { color: #0000FF !important; }
.Admin { color: #FF6600 !important; }