html, body{
margin:0;
}

body{
background:#0a0a0a;
color:white;
font-family:Arial;
text-align:center;
}

/* Header */

header{
background:#111;
padding:40px;
border-bottom:3px solid red;
}

.logo{
width:150px;
border-radius:50%;
border:4px solid red;
}

/* Tabelle */

table{
width:90%;
margin:auto;
background:#111;
border-collapse:collapse;
margin-top:20px;
}

th{
background:red;
padding:12px;
}

td{
padding:10px;
border-bottom:1px solid #333;
}

/* Rang Farben */

.rank{
padding:5px 10px;
border-radius:8px;
font-weight:bold;
}

.patron{background:#8b0000;}
.don{background:#b30000;}
.cabeza{background:#ff6600;}
.capitan{background:#e6b800;color:black;}
.sicario{background:#0066ff;}
.soldado{background:#009933;}
.anwaerter{background:#666;}

/* Buttons */

button{
border:none;
padding:10px 20px;
cursor:pointer;
color:white;
font-weight:bold;
margin:5px;
border-radius:4px;
}

button:hover{
opacity:0.85;
}

/* Login Button */

.btn-login{
background:#555;
}

/* Status Button */

.btn-status{
background:#009933;
}

/* Logout Button */

.btn-logout{
background:#b30000;
}

/* Status Dropdown */

.status{
cursor:pointer;
border:none;
padding:10px 20px;
border-radius:6px;
font-weight:bold;
color:white;
}

/* Status Farben */

.status-aktiv{
background:#009933;
color:white;
}

.status-abgemeldet{
background:#e6b800;
color:black;
}

.status-inaktiv{
background:#b30000;
color:white;
}

/* Disabled Status sichtbar */

select:disabled{
opacity:1;
}