*, *:before, *:after {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

#preloader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

header {
	width: 100%;
	height: 10%;
	position: absolute;
	top: 0;
}

#exit {
	max-height:100%; 
	max-width:100%;
	display: block;
	float: right;
	padding: 10px;
	cursor: pointer;
}

.main {
	/*background-color: #123456;*/
	position: absolute;	
	top: 10%;
	width: 90%;
	height: calc(90% - 75px);
	margin: 0 5%;
	padding: 20px;
}

#cover {
	/*background-color: #009900;*/
	height: 50%;
}

#image {
	/*background-color: #FFFFFF;*/
	max-height:100%; 
	display: block;
	margin: auto;
	border: 3px solid #FFF;
	border-radius: 10px;
	max-width: calc(100% - 6px); /*100% bilde minus border*/
}

#lyrics {
	/*background-color: #616161;*/
	height: 50%;
	padding: 5%;
	position: relative;
}

.line {
	color: #FFF;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 50px;
	white-space: nowrap;
	float: left;
	position: absolute;
}

.line-wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
/*	background-color: #123123;*/
}

.controlbar {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 75px;
}

.controlButton {
	width: 75px;
	height: 75px;
	display: block;
	padding: 5px;
	cursor: pointer;
	position: absolute;
	left: 5%;
}

.spoolingButton {
	width: 40px;
	height: 50px;
	display: block;
	float: left;
	padding: 5px;
	cursor: pointer;
	position: absolute;
}

.checkButton {
	width: 50px;
	height: 50px;
	display: block;
	padding: 5px;
	cursor: pointer;
	position: absolute;
}

#statusbar {
	display: block;
    height: 5px;
    border: 0;
    border-top: 5px solid #8f8f8f;
	position: absolute;
	top: calc(50% - 2.5px);
	max-height: 100%;
	max-width: 100%;
	cursor: pointer;
}

#statusPlaying {
	display: block;
    height: 5px;
    border: 0;
    border-top: 5px solid #ccff00;
	position: absolute;
	top: calc(50% - 5px);
}

.controlText {
	color: #8f8f8f;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size: 24px;
	position: absolute;
	padding: 5px;
}


@media (min-width: 600px) {
	#cover {
		width: calc(30% - 10px);
		height: 100%;
		float: left;
		padding: 10px;
	}

	#lyrics {
		width: calc(70% - 10px);
		height: 100%;
		float: right;
		padding: 5% 5%;
	}
}