/* --------------  fonts ------------------------ */
div#player {
    position: absolute; 
    bottom: 10px; 
    left: 0px;
    color: white;
    font-size: 11px;
    /*text-transform: uppercase;*/
    color: white;            
}

/* --------------  everything else ------------------------ */
.mobile_only { 
    display:none !important; 
}

/* Playerarea */
div#playerarea {
    position: relative;
}

/* Headerimg */
img#headerimg {
    max-width: 1000px; 
    min-width:400px; 
    width: 100%;
}



/* --- Playerkomponenten und Hintergründe --- */
div#player div.playerkomponente {
    width:330px;
    height: 100px;
    text-align: center;
    margin-bottom: 6px;
    z-index: 2; /* Vordergrund */ 
}

div#player div.hintergrund_gold, div#player div.hintergrund_hellgold {
    position: absolute; 
    width:330px; 
    background-color: #b69e73; 
    opacity: .8; 
    filter:Alpha(Opacity=80); 
    z-index: 1; /* Vor Hintergrundbild, aber hinter Vordergrund */
}

div#player div.hintergrund_gold {
    height: 100px; 
}

div#player div.hintergrund_hellgold {
    height: 58px;
}

div#player div.playerkomponente-content 
{
    position: absolute;
    z-index: 2;
    width: 100%;
}

/* Volume rauf runter, play button */

div#player div#controls div.playerkomponente-content {
    vertical-align: middle; 
    height: 100px;
}

div#player a.clickbereich {
    display: inline-block;
    width: 30%;
    text-align:center;
    height: 100px;
    line-height: 100px;
    vertical-align:middle;
}

/* --- now playing --- */
div#player img#imgCover {
    width:76px; 
    padding: 12px;
}

div#player div#title {
    font-size: 1.5em;
    min-width: 208px;
}

div#player div#nowplaying div#nowplaying_cover {
    position: absolute; 
    z-index: 2;
}

div#player div#nowplaying div#data {
    position: absolute; 
    padding: 9px 12px 0px 100px; 
    z-index: 2; 
    text-align: left;
}

div#like-shop {
    height: 26px !important;
    margin-bottom: 0;
}

.share-buy .buy {
}