@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Source Sans Pro', sans-serif;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color:#d0d6d5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke:1px transparent;
	-moz-osx-font-smoothing: grayscale;
	
	color:#000;
	font-size:15px;
	line-height:19px;
	font-weight:400;
	margin:0px;
}

.clearfix { clear:both;}
img { border:0; border-style: none; outline:0;}t
*:focus { outline:0!important;}
.point:hover {cursor:pointer;}

.btn-discover { width:100px; height:15px; border:2px solid #56a0c3; background-color:#FFFFFF; padding:6px 10px 7px; text-align:center; text-transform:uppercase; font-size:15px; font-weight:600; border-radius:3px; position:relative;}

.img-trans {position:absolute; top:0px; left:0px}
.img-trans:hover { cursor:pointer;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}

.fsize13{ font-size:13px; line-height:16px;}
.fsize14{ font-size:14px; line-height:18px;}
.fsize16{ font-size:16px; line-height:20px;}
.fweight600 {font-weight:600;}

.l-blue {color:#29b0d2;}
.black {color:#000;}

h1 {font-size:28px; line-height:28px; color:#29b0d2; font-weight:600; text-transform:uppercase; margin:15px 0px 0px;}
h2 {font-size:25px; line-height:25px; color:#000; font-weight:600; text-transform:uppercase; margin:0px 0px 0px;}
h3 {font-size:19px; line-height:20px; color:#000; font-weight:600; text-align:center; margin:20px 0px 0px;}

.txt-c {text-align:center;}

.shadow {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1);
}

.star { color:#c20000;	}


/* MAIN NAVIGATION */

#nav-main {
	color:#00579f;
	font-size:15px;
	line-height:13px;
	font-weight:600;
	position:absolute;
	top:23px;
	right:30px;
}

.nav-ind {
	padding:0px 35px;
	border-right:2px solid #00579f;
}


/* MAIN NAVIGATION end */


/* LANGUAGE NAVIGATION */

#nav-lang {
	color:#FFFFFF;
	font-size:15px;
	line-height:13px;
	font-weight:600;
	position:absolute;
	top:5px;
	right:30px;
}

#nav-lang .nav-ind {
	padding:0px 35px;
	border-right:2px solid #FFF;
}


/* LANGUAGE NAVIGATION end */






/* MAIN */

#ecard-w {
	width:100%;
	height:100%;
}

#ecard {
	width:980px;
	height:570px;
	background: rgba(249, 249, 249, 0.8); 
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	border:1px solid #f9f9f9;
	margin:30px auto 0px;
	position:relative;
}

#header { width:980px; height:45px; position:relative;}
.top-logo { width:460px; height:45px; background:url(../images/top-logo.png) no-repeat top left scroll; background-size:cover; position:relative;}
.logo-swr { width:250px; position:absolute; top:7px; left:30px;}

.bottom-lang { width:980px; height:25px; background-color:#00579f; color:#FFF; position:absolute; bottom:0px; left:0px; z-index:600;}


#footer {
	font-size:12px;
	text-align:center;
	margin-top:15px;
}

/* MAIN end */


/* LANGUAGES */
#home-eng {position:absolute; top:0px; left:0px; display:block;}
#home-ger {position:absolute; top:0px; left:0px; display:none;}

#tracklist-eng {position:absolute; top:0px; left:0px; display:block;}
#tracklist-ger {position:absolute; top:0px; left:0px; display:none;}

/* LANGUAGES end */

/* HOME */

#home {
	width:980px;
	position:absolute;
	top:65px;
	left:0px;
	display:block;
	z-index:500;
}

#home .content {
	width:920px;
	margin:auto;
	position:relative;
	
}

#home .half-l {
	width:325px;
	float:left;
	position:relative;
}

#home .half-r {
	width:570px;
	float:left;
	margin-left:25px;
	position:relative;
}

/* HOME end */

/* TRACKLIST */

#tracklist {
	width:980px;
	position:absolute;
	top:65px;
	left:0px;
	display:none;
	z-index:500;
}

#tracklist .content {
	width:920px;
	margin:auto;
	position:relative;
}

#tracklist .half-l {
	width:420px;
	float:left;
	position:relative;
}

#tracklist .half-r {
	width:460px;
	float:left;
	position:relative;
}

.disc {width:50px; color:#fff; font-weight:600; font-size:13px; border-radius:3px; background-color:#29b0d2; text-align:center; text-transform:uppercase; padding:1px 5px;}
.track-l {width:60px; text-align:right; float:left;}
.half-l .track-r {width:345px; float:left; margin-left:15px;}
.half-r .track-r {width:365px; float:left; margin-left:15px;}

/* TRACKLIST end */


/* RECOMMENDED */

#recommended {
	width:980px;
	position:absolute;
	top:65px;
	left:0px;
	display:none;
	z-index:500;
}

#recommended .content {
	width:870px;
	margin:auto;
	position:relative;
	
}

#recommended .album-ind {
	width:270px;
	float:left;
	margin:0px 15px 0px;
}

.album { width:190px; margin:auto;}


/* RECOMMENDED */