@charset "utf-8";
h1,h2,h3,body,ul { margin:0px; padding:0px; }
body{
	background-color: #ddd;
	font-family: arial;
	width: 1000px;
	margin: auto;	
}
header{
	padding: 20px 10px 10px 10px ;
}
header ul li{
	display: inline;
	margin-right: 20px;
}
a{
	text-decoration: none;
	color: #fff;
}
a:hover{
	text-decoration-color: #fff;
}
header a{
	color: #000;
}
header a:hover{
	text-decoration: underline;
	text-decoration-color:#000; 
}
article{
	margin: 10px;
	margin-bottom: 100px;
	width: 500px;
	float: left;
	background-color: #fff;
	padding: 10px;
}
article img{
	width: 500px;
}
aside{
	width: 250px;
	float: left;
	background-color: #333;
	color: #fff;
	border:#000 solid 1px;
	padding: 10px;
	margin: 10px;
	margin-bottom: 50px;
}
.spelKnapp{
	margin-bottom: 10px;
	padding: 5px;
	border:#000 1px solid;
	vertical-align: middle;
}
.spelKnapp:hover{
	background-color: #555;
	cursor: pointer;
}
.album{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 5px;
}
aside div{
	font-size: 20px;
}
#menyknapp{
	display: none;
}
#kontroll{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #333;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	color: #fff;
	display: none;
}
#ljudlängd{
	height: 5px;
	width: 70%;
	background-color: #fff;
	border-radius: 3px;
	margin: 10px;
	float: left;
}
#ljudspan{
	float: left;
	height: 5px;
	width: 0%;
	background-color: #777;
}
.vansterflyt, #tidposition, #tidljud{
	float: left;
}
#tidposition, #tidljud{
	margin-top:4px; 
}
.material-icons{
	cursor: pointer;
}
.senaste{
	color: #fff;
	text-decoration-color:#fff; 
	font-size: 17px;
}
.av{
	font-weight: bold;
	float: right;
}
#podd2{
	font-size: 35px;
}
footer{
	height: 200px;
	float: left;
}
@media screen and (max-width: 499px){
	body{
		width: 100%;
	}
	article{
		width: 100%;
		border-top: 1px grey solid;
	}
	article img{
		width: 100%;
	}
	article, aside{
		margin: 0px;
		box-sizing: border-box;
	}
	aside{
		width: 100%;
	margin-bottom: 25px;
	}
	#meny{
		display: none;
		list-style-type: none;
		float: left;
	}
	#menyknapp{
		display: inline;
		float: left;
	}
	#kontroll{
		box-sizing: border-box;
	}
	header ul li{
		display: list-item;
	}
}