/* Font Family
================================================== */

/* Desktop
================================================== */

.container_player { 
	position:relative; 
	margin:0 auto; 
	width:100%; 
	}
.column { width:inherit; }

/* Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) {
.container_player { 
	width:100%; 
	}
}


/* Mobile (Landscape)
================================================== */

@media only screen and (min-width: 1px) and (max-width: 767px) {
.container_player { width:100%; } /*420px*/
}


/* CSS Reset
================================================== */
/*
html,body,div,span,h1,h6,p,a,ul,li,audio {
border:0;
font:inherit;
font-size:100%;
margin:0;
padding:0;
vertical-align:baseline;
}

body { line-height:1; }
*/
ul { list-style:none; }


/* Basic Styles
================================================== */
/*
html,body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
background-color:#FFF;
color:#C8C7C8;
font:20px/24px "Yanone Kaffeesatz", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
padding:5px 0;
}
*/
 {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}


/* Typography
================================================== */
/*
h1,h6,p { color:#808080; font-weight:200; }
h1 { font-size:42px; line-height:44px; margin:20px 0 0; }
h6 { font-size:18px; line-height:20px; margin:4px 0 20px; }
p { font-size:18px; line-height:20px; margin:0 0 2px; }
*/

/* Links
================================================== */
/*
a,a:visited { color:#ddd; outline:0; text-decoration:underline; }
a:hover,a:focus { color:#bbb; }
p a,p a:visited { line-height:inherit; }
*/

/* Misc.
================================================== */

.add-bottom { margin-bottom:10px !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }


/* Custom Styles
================================================== */

/* Highlight Styles */
::selection { background-color:#262223; color:#444; }


/* Audio Player Styles
================================================== */

/* Default / Desktop / Firefox 
body { color:#FFF; }*/
audio { 
	margin:0 15px 0 0px; 
	width:100%;
	} /* 670px */
/*#mainwrap { box-shadow:0 0 6px 1px rgba(0,0,0,.25);border-radius: 10px;}*/
#audiowrap { 
	/*background-image: url("../bilder/music_player.jpg");*/
	background-image: linear-gradient(#990, #690);
    background-image: -webkit-gradient(linear, left top, right bottom, from(#990), to(#690));
    background-image: -moz-linear-gradient(left top, right bottom, #990, #690);
	margin:0 auto;
	border-radius: 10px;
	}
#plwrap { margin:0 auto; }
#tracks { position:relative; text-align:center; }
#nowPlay { 
	display:inline; 
	font-family: 'headlines';
	font-size: 100%;
	color: #FFF;
	font-weight: bold;
	}
#npTitle { margin:0; padding:10px; text-align:right; }
#npAction { padding:10px; position:absolute; }
#plList { margin:0; }
#plList li { 
	background-color:#690; 
	cursor:pointer; 
	display:block; 
	margin:1px; 
	padding:10px 0; 
	border-radius: 10px; 
	font-family: 'headlines';
	font-size: 100%;
	color: #FFF;
	font-weight: bold;
	margin-left: -40px;
	}
#plList li:hover { background-color:#990; }
.plItem { position:relative; }
.plTitle { 
	left:50px; 
	overflow:hidden; 
	position:absolute; 
	right:65px; 
	text-overflow:ellipsis; 
	top:0; 
	white-space:nowrap;
	}
.plNum { padding-left:21px; width:25px; }
.plLength { padding-left:21px; position:absolute; right:21px; top:0; }
.plSel,.plSel:hover { background-color:#262223!important; cursor:default!important; }
a[id^="btn"] {
	height: 20px; 
	/*background-color:#FC0; */
	cursor:pointer; 
	display:inline-block; 
	margin:0; 
	padding:0px 20px 0 0; 
	text-decoration:none;
	font-family: 'milkscript';
	font-size: 300%;
	color: #FFF;
	font-weight: normal; 
	}
a[id^="btn"]:last-child { margin-left:-4px; }
a[id^="btn"]:hover,a[id^="btn"]:active { color:#FC0; }
a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }

/* Audio Player Media Queries
================================================== */

/* Mobile Landscape */
@media only screen and (min-width: 1px) and (max-width: 767px) {
audio { width:95%;}
}