body {
	background-image: url("img/other/grundflaeche.png");
}
#page-container {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
	transform-origin: 0 0;
}

#page-container1 {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
	transform-origin: 0 0;
}

#middle{
	display: table-cell;
/*	vertical-align: middle; */
}
/* Background of the player (square) */
.player-container {
	position:relative;
	width: 1320px;
	height: 909px;
	top:100px; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;
	overflow: hidden;
	

}




#welcome-text {
	position:absolute;
	display:block;
	background-image: url("img/startseite/welcome_schrift.png");
	width: 616px;
	height:169px;
	transform: translateX(-60px)translateY(-56px);
	background-position: center center;
}

#figur-image {
	position:absolute;
	display:block;
	background-image: url("img/startseite/figur.png");
	width: 467px;
	height:525px;
	transform: translateX(28px)translateY(93px);
	background-position: center center;
}


/* Player tools */

.player-tools {
	position: relative;
	left: 380px;
	top: 109px;
	width: 494px;
	height: 506px;
	display: block;
	/* paddings */
	padding-left: 51px;
	padding-top: 51px;
	padding-right: 51px;
	padding-bottom: 37px;

	
}
#player-alt {
	background-image: url("img/alternative/background.png");
}

#player-psy {
	background-image: url("img/psytrance/background.png");
}
#player-chill {
	background-image: url("img/chillout/background.png");
}
#player-prog {
	background-image: url("img/progressive/background.png");

} 

#player-start {
	background-image: url("img/startseite/background.png");

} 

/* Radio titles and images*/
.radio-title {
	position: relative;
	width: 371px;
	height: 115px;
	display: inline-block;
	float: right;
	margin-top: 10px
}
#title-psyradio-alt {
	background-image: url("img/alternative/schriftzug.png");
}

#title-psyradio-psy {
	background-image: url("img/psytrance/schriftzug.png");
}#title-psyradio-chill {
	background-image: url("img/chillout/schriftzug.png");
}

#title-psyradio-prog {

	background-image: url("img/progressive/schriftzug.png");
}
/* Logo image -  sharmane */
.logo {
	position:relative;
	display: inline-block;
	width: 117px;
	height: 164px;
}

#logo-image-alt {
	background-image: url("img/alternative/sharmane.png");
}
#logo-image-psy {
	background-image: url("img/psytrance/sharmane.png");
}
#logo-image-chill {
	background-image: url("img/chillout/sharmane.png");
	
}
#logo-image-prog {
	background-image: url("img/progressive/sharmane.png");
}

/* Play buttons */
.play-button {
	position: relative;
	display: block;
	float: left;
	width:157px;
	height:76px;
	cursor:pointer;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	background-color: #ffffff;
	background-position: center, center;
	background-repeat: no-repeat;
    box-shadow: 2px 2px 2px #b9b9b9;
}
/* Playing, therefore "paused" picture is shown. */
.playing {
	background-image: url("img/buttons/pause.png");

}

/* Paused, therefore "play" picture is shown. */

.paused {
	background-image: url("img/buttons/play.png");
}

/* Current Track font */

@font-face {
	font-family: "Unica";
	src: url("UnicaOne-Regular.ttf");
}
/* Current Track field */
.current-track {
	
	position: relative;
	display:inline-block;
	text-align:center;
	font-family: Unica, Verdana,Geneva,sans-serif;
	font-size: 48px;
	width:100%;
	height:80px;
	overflow-x:auto;
}
.marquee {
	overflow:hidden;
}
#current-track-alt {
	color:#0086a3;
}
#current-track-psy {
	color:#fe2c2c;
}
#current-track-prog {
	color:#2da2ff;
}
#current-track-chill {
	color:#fa9600;
}










/* Players Bars */

.players-bar {
    display: block;
    border: 1px solid #c9c9c9;
    height: 59px;
    margin-top: 24px;
    background-color: #ffffff;
    background-position: center;
    box-shadow: 2px 2px 2px #b9b9b9;
    text-align: center;

}

.players-bar a {
    display: inline-block;
    width: 63px;
    height: 100%;
    background-image: url("img/buttons/player_logos.png");
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 10px;
}
.winamp {
    margin-left: 15px;
    background-position: 0px 5px;
}
.vlc {

    background-position: -110px 5px;
}
/* windows media player */
.wmp {

    background-position: -324px 5px;
}

.other {

    background-position: -216px 5px;
}

/* Volume slider */
.volume-slider {
	position:relative;
	display: inline-block;
	float: right;
  margin-top: 30px;
  margin-bottom: 27px;
	width: 295px;
	height:19px;
}

/* Jquery handle  */

/* Slider background */
#volume-slider-alt {
	background-image: url("img/alternative/schiebeleiste.png");
}


#volume-slider-psy {
	background-image: url("img/psytrance/schiebeleiste.png");
}
#volume-slider-prog {
	background-image: url("img/progressive/schiebeleiste.png");
}
#volume-slider-chill {
	background-image: url("img/chillout/schiebeleiste.png");
}

/* Slider handle */
.ui-slider-horizontal .ui-slider-handle {
	top:-28px; 
}

.ui-widget-header{
	background: none;
}
.ui-slider .ui-slider-handle {
	width: 44px;
	height: 77px;	
	background-image: url("img/buttons/schieber.png");
}

/* Voting - attributes kinda similar. Improve */

.voting-button {

    position: relative;
	display: flex;
    background-color: #ffffff;
	width: 167px;
	height: 77px;
    cursor: pointer;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
	margin-top: 15px;
    align-items: center;
    box-shadow: 2px 2px 2px #b9b9b9;
}

.voting-button-positive {
	
    float: left;
	background-image: url("img/buttons/like.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.voting-button-negative {
	float: right;
	background-image: url("img/buttons/dislike.png");
	background-repeat: no-repeat;
	background-position: center center;
}
/* Voting Box / percent */

.voting-box{
	position: relative;
	width: 138px;
	height:70px;
	font-family: Unica, Verdana,Geneva,sans-serif;
	font-size: 50px;
	text-align: center;
	margin-top:25px;
	margin-left: 14px;
	display: inline-block;
	
}


#voting-box-alt {
	color:#0086a3;
}
#voting-box-psy {
	color:#fe2c2c;
} 
#voting-box-prog {
	color:#2da2ff;
}
#voting-box-chill {
	color:#fc9800;
}


/* Voting alert box */
#voting-alert-box {
	position:relative;
	text-align:center;
	color:white;
	width:500px;
	height:58px;
	font-family: Unica, Verdana,Geneva,sans-serif;
	font-size:40px;
	padding-top:10px;
	background-color: black;
	margin: 0 auto;
	opacity: 0.7;
	display:none;
}

#voting-alert-box-centered {
	position:fixed;
	width:100%;
	z-index:3;
}