/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,400italic,500,500italic,700,700italic,900);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
@import url(http://fonts.googleapis.com/css?family=Gentium+Basic:400,700,400italic,700italic);
/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/
/* -----------------------------------------
   Shared Styles
----------------------------------------- */

html, body {
background-color:#ffffff;	color:#000000;
	font-family:'Roboto', serif;
	font-weight: 400;
	overflow-x:hidden;
	width:100%;
	height:100%;
}
#wrapper {	width:100%;	height:100%; position:absolute; }
@media only screen and (max-width: 1100px) {

}


@media only screen and (max-width: 959px) { 
#bg-title {	display:block; position:absolute; top:0px !important; left:0px;z-index:-1;}
img.cover { margin:5px 0px 10px 0px; padding:3px; background-color:rgba(255,255,255,0); width:auto !important; height:210px !important; }

}

@media only screen and (max-width: 767px) { 
div#header { margin:140px auto 10px auto !important;}
img.cover {margin:5px 0px 10px 0px; background-color:rgba(255,255,255,0); padding:5px; width:280px !important; height:auto !important; }
#bg-title {	display:block; position:absolute; top:120px !important; left:0px;z-index:-1;}
.four { padding:0 !important; margin:10px auto !important; display:block !important; float:none !important;}

.full-bg {}
#bg-title {	display:none !important; }

#footer { position: relative !important; bottom: 0; width:100%; min-height:20px;}
p#loading {	margin-top:-20px !important; 	margin-left:-20px !important;}
span#tothetop { position:fixed !important; bottom:20px !important; z-index:1;}
}

html {}
i {color:rgba(255,255,255,1);}

.full-bg {background: no-repeat center top scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display:block;
	width:100%;
	height:100%;
	position: relative;
}
body.full-bg { background-image:url(../images/bg_color.jpg);}
div#lyrics.full-bg { background:url(../images/bild.jpg) no-repeat center bottom scroll; background-color:#000000; color:#ffffff; min-height:1400px; height:100%;	position:absolute; padding:60px 0; }
#lyrics-text p { font-size:1.35em !important; line-height:1.125em;}

div#names {display:block !important; padding:60px 0; min-height:300px; background-color:#000000; color:#ffffff !important; margin:300px 0px !important; }
div#names h3 {color:#ffffff !important;}

ul.musicians { list-style:none; margin:0; padding:0; text-align:center;  }
ul.musicians li { padding:0.5em; margin:0 auto;  font-size:100%; }
ul.musicians li {display: inline-block;}

#wrapper {	display:block;
	width:100%;
	height:100%;
	position:absolute;
	 padding:0px; margin:0px; z-index:10; 
}

#bg-title {	display:block; position:absolute; top:0px; left:0px;z-index:-1;}
body {display:none; padding:0px; }

p {font-size:14px; line-height:17px;}

h1, h2, h3, h4, h5, h6 {	font-family:'Gentium Basic', serif;
color: #000000; 	font-weight: 400;text-transform:normal; letter-spacing:0px;
}
h1 {font-size:16px;}

h2 {text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);}
h3 { margin:0px auto 10px auto;}
h4 {font-size:18px; margin:10px auto;}
a {	color: rgba(153,153,153,1);}
a:hover, a:focus {color:#333;}
.small {font-size:11px !important;}

sub { font-size:21px; top:-8px; position: relative;}
.button {background-color:rgba(0,0,0,0.75) !important; color:#fff !important;}
.button i {color:#fff !important;}
.button:hover {background-color:rgba(255,255,255,1) !important; color:#cccccc !important; }
.button i:hover {color:rgba(255,255,255,1);}

hr { color:rgba(245,80,23,0.9); -webkit-box-shadow: 1px 0px 1px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    1px 0px 1px rgba(50, 50, 50, 0.50);
box-shadow:         1px 0px 1px rgba(50, 50, 50, 0.50);}

img#logo { margin:50px auto !important; max-width:460px;}
div#header p {font-size:22px; line-height:25px;}
div#info { background-color:#ffffff; color:#000000; min-height:400px; padding:60px 0; text-align:center}

div#fc { margin-top:600px; }

div#videos {}
div.video { margin:0 auto 0px 0; width:100%; height:auto; background-color:rgba(204,204,204,0)}
div.video iframe { background-color:rgba(255,0,255,0); }
 video {
            max-width: 100%;
            height: auto;
          }

          iframe,
          embed,
          object {
            max-width: 100%;
          }


div#releaes {margin-bottom:40px;}
div.produkt img.cover { vertical-align:bottom !important; bottom:0px !important;}
img.cover {margin:5px 0px 10px 0px; background-color:rgba(255,255,255,0); padding:5px; }
img.cover:hover {	opacity: .9;	-moz-opacity:.9;	-khtml-opacity: .9;	background-color: rgba(50, 50, 50, 0.90);}

#socialmedia { margin:0px auto;}
ul.sm-icons { list-style:none; margin:20px auto 0 auto !important; display:block; }
ul.sm-icons li { display:inline-block; background-color:rgba(255,255,255,1); color:#000 !important; padding:12px; margin:5px 5px 0px 0px; font-size:24px !important; line-height:60px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:60px; height:60px;}
ul.sm-icons li:hover { color:#fff !important;  background-color: rgba(10,10,10,1); cursor:pointer;}
ul.sm-icons li i { color:#000;}
ul.sm-icons li:hover i { color:#fff !important; }

ul#order_btn { margin:1em auto !important;}	
ul#order_btn li { display:inline-block; text-align:center !important;}

.toggle-hl {cursor:pointer;}

span#tothetop {padding:10px; height:60px; width:60px; float:right; position: fixed; z-index:99999; right:20px; bottom:10px;  background-color: rgba(51,0,102,0);  /*-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;*/}
span#tothetop i {font-size:64px; line-height:40px; font-weight:lighter; color:#fff;  }
span#tothetop:hover {background-color:rgba(1, 160, 254,0);}

#footer { display:block; margin:600px auto; width:100%;  padding:10px 10px 10px 10px; background-color:rgba(0,0,0,1); }
#footer ul { margin:0px auto 20px !important;}
#footer ul li { display:inline-block;  padding:0px 10px; margin:0px; font-size:14px; line-height:17px;}
#footer p {font-size:14px; line-height:17px;}
#footer p a,
#footer p i  {color:#fff !important;}
#footer p a:hover {color:#000;}

p#copyright { font-size:10px !important;}


/* -----------------------------------------
   Page Name 1
----------------------------------------- */

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

#ep {margin-top:25em;}

div.tracklist { margin:2em auto !important; background-color:#ffffff; display:block; }

.tracklist ol { list-style:decimal-leading-zero; list-style-position:inside; margin:1em auto !important; }
.tracklist ol li { padding:0 5px; border-bottom:1px solid #000000; max-width: 450px;  margin:0 auto !important; }


div.single-info { margin:2em auto !important; background-color:#ffffff; display:block; }

.four { padding:0 !important; margin:0 !important; display:inline-block !important; float:left;}

small {display:block; margin-top:10px; font-size:10px; line-height:13px;}