/*
css für den UT-Button
*/
.ardplayer-viewport .ardplayer-player-untertitel {
    background: url(/pool/player/base/img/player_controls.png) no-repeat;
    background-position: -600px -200px;
    cursor: pointer;
    float: left;
    height: 46px;
    width: 46px;
    border-right: 1px solid #284e7e;
}

.ardplayer-viewport .ardplayer-player-untertitel.hover {
    background-position: -700px -200px;
}

.ardplayer-viewport .ardplayer-player-untertitel-selected {
    background-position: -700px -200px;
}

.ardplayer-untertitel-ebu {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2490;
    /* CSS3 Mausereignisse fuer UT deaktivieren */
    pointer-events: none;
}

/* Blendet die UT und den UT-Button für die kleinen Repräsentationen aus*/
.ardplayer-xxs .ardplayer-untertitel-ebu,
.ardplayer-xs .ardplayer-untertitel-ebu,
.ardplayer-s .ardplayer-untertitel-ebu {
    display: none;
}

.ardplayer-xxs .ardplayer-viewport .ardplayer-player-untertitel,
.ardplayer-xs .ardplayer-viewport .ardplayer-player-untertitel,
.ardplayer-s .ardplayer-viewport .ardplayer-player-untertitel {
    display: none;
}

/*
css für den UT-Tag (Anzeige)
*/
/*  von grafik gewünscht: ein leichtes padding um die einzelnen spans und ein margin, damit es keine überlappungen gibt */
/*  10.6.2014 <br>-lineheight auf 150% gesetzt, da sich UT überlagern ard-redmine #29432
/*  achtung: browser-spezifisch kann es zu einem spalt bei einem 2-zeiligen UT kommen */
/*  Schriftart Thesis wird aus dem jeweiligen System der ARD-CMSs gezogen - Alternative ist immer Verdana*/
.ardplayer-untertitel-ebu {
    font-family: Thesis, verdana, sans-serif;
    padding-top: 5% !important;
    padding-bottom: 5% !important;
}

.ardplayer-untertitel-ebu span {
    padding: 0.2%;
}

.ardplayer-untertitel-ebu p {
    line-height: normal;
}

.ardplayer-untertitel-ebu br {
    line-height: 150%;
}

/* von grafik gewünscht: Überschreiben des generischen schriftwertes */
/*
.ardplayer-untertitel > p{
    font-size: 10% !important;
}
 */