/* --------------  fonts ------------------------ */
        div#player {
            position: relative;
            color: white;
            font-size: 11px;
            /*text-transform: uppercase;*/
            color: white;            
        }
    
        /* --------------  everything else ------------------------ */

        body {
            margin: 0;
        }
        
        /* Playerarea */
        div#playerarea {
            width: 100%;
        }
        
        /* Headerimg */
        img#headerimg {
            display:none;
        }
        
        div#player {
            height: auto;
        }
        

        
        /* --- Playerkomponenten und Hintergründe --- */
        div#player div.playerkomponente {
            width:100%;
            height: 100px;
            text-align: center;
            z-index: 2; /* Vordergrund */ 
        }
        
        div#player div.hintergrund_gold, div#player div.hintergrund_hellgold {
            position: absolute; 
            width:100%; 
            background-color: #b69e73; 
            z-index: 1; /* Vor Hintergrundbild, aber hinter Vordergrund */
        }
        
        div#player div.hintergrund_gold {
            height: 100px; 
        }

        div#player div.hintergrund_hellgold {
            height: 58px;
            background-color: #caba9b; 
        }
        
        div#player div.playerkomponente-content 
        {
            position: absolute;
            z-index: 2;
            width: 100%;
        }
        
        /* --- Controls Block --- */
        /* Volume rauf runter, play button */
        
        div#player div#controls {
            margin-bottom: 2px;
        }
        
        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;
        }
        
/* ---------------------------------------- Sharebuy ----------------------------------------------- */

.share-buy {
    margin-top: 15px;
}

.share-buy .share {
    width: 165px;
}

ul.tracklist .share-buy .share .fb-like {
  width: 78px !important;
  left: 0px;
}

/* no space for icons in tracklist */

ul.tracklist .share-buy {
    margin-top: 0;
    padding-top: 0;
}

ul.tracklist .share-buy .share {
    position: initial;
}

ul.tracklist div.share, ul.tracklist div.buy {
    background: none;
}

ul.tracklist .share-buy .share a.twitter {
    left: 97px;
}

/* defined in player.css
.share-buy {
  display: block;
  height: 58px;
  width: 100%;
  height: 23px;
  text-align: left;
  padding-top:17px;
}

.share-buy a, .share-buy div, .share-buy iframe {
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 0;
}

.share-buy .share {
    height: 58px;
    display: inline-block;
    text-align: center;
}

.share-buy .share > * {
    height: 58px;
    text-align: center;
    margin: 0 4px 0 4px;
}

.share-buy .share .fb-like {
  height: 20px !important;
  overflow: hidden !important;
  width: 85px !important;
}
.share-buy .share a.twitter {
  background-image: url("../img/player2014/loungefm_gui.png");
  background-repeat: no-repeat;
  width: 68px;
  height: 20px;
  background-position: -322px -40px;
  overflow: hidden;
  text-indent: 70px;
  white-space: nowrap;
}
.share-buy .share a.twitter:active {
  position: relative;
  top: 1px;
}

.share-buy .buy {
    height: 23px;
  padding-top:3px;
}
.share-buy .buy a {
  width: 57px;
  height: 20px;
  overflow: hidden;
  text-indent: 60px;
  white-space: nowrap;
  background-image: url("../img/player2014/loungefm_gui.png");
  background-repeat: no-repeat;
  margin: 0 4px 0 4px;
}
.share-buy .buy a:active {
  position: relative;
  top: 1px;
}
.share-buy .buy .itunes {
  background-position: -322px 0;
}
.share-buy .buy .amazon {
  background-position: -322px -20px;
}

*/