@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    background: #514f4f; /* Dunkelgrau */
}

a:link {
    color: #db0000;
}

/* Besuchter Link */
a:visited {
    color: #095484;
}

/* Maus über Link */
a:hover {
    color: #8ebf42;
}

/* Aktiver Link */
a:active {
    color: #800000;
}

/*
a {
    color: #fff;
    text-decoration: none;
    background: #514f4f00;
}
*/

body#onair_body {
    font-family: Arial;
    font-size: 15px;
    background: #514f4f00;
    color: #ffffff;
    text-align: center;
}

div#onair_anzeigename {
    margin-top: 10px;
    font-family: Arial;
    font-size: 25px;
    color: #EEEEEE;
}

div#onair_sendung {
    font-family: Arial;
    font-size: 20px;
    color: #EEEEEE;
}

div#onair_grussboxbutton {
    font-family: Arial;
    font-size: 10px;
    color: #EEEEEE;
    text-align: center;
}

/* Team-Hintergrund */
.panel {
    background: #514f4f;
    opacity: 0.4;
    color: #ffffff;
}

ul.nav#headnav li a.active,
ul.nav#headnav li a:hover:not(.active),
ul.nav#headnav li a:focus:not(.active),
ul.nav#headnav li .nav-link:hover:not(.active),
ul.nav#headnav li .nav-link:focus:not(.active) {
    background: #f90000;   /* ANPASSEN: Hintergrundfarbe */
    color: #fff;           /* ANPASSEN: Schriftfarbe */
    border-color: #F7FE2E; /* ANPASSEN: Umrandungsfarbe */
}

div#content {
    min-height: 250px;
    padding: 10px;
    background: #777;
    color: #000;
}

/*
.table-success,
.table-success > td,
.table-success > th {
    background-color: transparent;
}
*/

/* Grüner Hintergrund bei Event: #c3e6cb */


/* =========================
   Bilder
   ========================= */

img {
    width: 100px;
    height: 100px;
    border: 0;
    border-radius: 8px;
}

img#onair_bildIMG {
    width: 130px;
    height: 130px;
    float: right;
    border-radius: 15%;
    transition: transform 0.3s ease;
    transform-origin: right center;
}

img#onair_bildIMG:hover {
    transform: scale(1.05);
}

img.profil_bild {
    max-width: 100px;
    max-height: 100px;
    border: 1px solid #CCC;
}