@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Poiret+One');

body {
	box-sizing:border-box;
	background-color: #000000;
	font-family:"Open Sans","Roboto",Verdana;
	line-height:1.625;
	margin:0;
	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*	line 17 to 32 from Atlantic */
img {
  height: 30px;
}

* { box-sizing:border-box; } /* paddings und margins innerhalb der tags lassen */

/* alle links */
a {
	color:white;
	text-decoration:none;
}
a:hover {
	color:#0193de;
}

/* alle td  */
td {
	padding:0px;20px;20px;20px;
	color:black;
	}

.playvideo {
	cursor:pointer;
	width:250px;
	height:200px;
}

#videoplayer {
	display:none;
	position:relative;
	z-index:1234;
}

#socialmedia {
	position:absolute;
	right:5px;
	top:2px;
}

.description {
	text-align:center;
	font-style:italic;
	margin-top:5px;
	color:#FEFEFE;
}
#socialmedia img {
	margin-left:5px;
	margin-right:35px;
	height:27px;
	transition:0.3s all ease-in-out;
}

#socialmedia a {
height:27px;
top:0px;
}

#socialmedia img:hover {
	transform:scale(1.8);
	opacity:0.6;
	margin-top:0;
}

#logo {
	position:fixed;
	z-index:20;
	padding-top:9px;
	top:0;
	left:0;
	height:60px;
	width:100%;
	background:#fbf8ef;
	text-align:center;
	font-size:30px;
	letter-spacing:2px;
	color:black;
	border-bottom:5px solid #990000;
}

/* logo Schriftzug */
#logo-text {
	font-family:"PT Sans","Open Sans", Verdana;
	font-weight:bold;
	letter-spacing:4px;
}

#logo-image {
	position:absolute;
	top:11px;
	left:12px;
	width:150px;
	height:30px;
	
}

#logo-language {
	position:absolute;
	top:11px;
	right:12px;
	border-color:gray;
	border-width:2px;
	border-style:solid;
	height:30px;
	width:43px;
}

#menubar {
	position:fixed;
	text-align:center;
	z-index:20;
	top:60px;
	left:0;
	height:60px;
	width:100%;
	background:grey;
	opacity:0.8;
	overflow:hidden;
	cursor:pointer;
	transition:0.5s opacity ease-in;
}

#menubar:hover {
	opacity:1;
	overflow:visible;
}

#menubar ul {
	list-style-type:none;
	padding:0; 
	margin:0;
}

/* alle links im menü */
#menubar a { 
	color:white; 
	text-decoration:none; 
	font-size:18px;
	line-height:20px;
	vertical-align:top;
	font-family:Helvetica; 
	letter-spacing:-1px;
	background:none;
}

/* direktes haupt-menü */
#menubar > ul {
	height:60px;
}

#menubar > ul > li {
	display:inline-block;
	width:150px;
	height:100%;
	padding-top:14px;
	vertical-align:top;
}

hr.mobil-trennlinie { 
display:none;
}


#menubar > ul > li > a {
	padding:20px 20px 20px 20px;

}

#menubar > ul > li > ul > li > a {
	padding:20px 20px 20px 20px;
}
/* alle untermenüs */
#menubar > ul > li > ul > li{
	background:#999999;
	text-align:left;
	padding:15px 5px 15px 5px;
	min-width:230px;
	position:relative;
	letter-spacing:-2px;
	font-size:16px;

	z-index:100;
}

#menubar > ul > li > ul > li > a:after { 
content: '';


}

#menubar > ul > li > ul > li > ul > li{
	background:gray;
	text-align:left;
	padding:20px 20px 20px 20px;
	min-width:180px;
}
/* verstecke untermenü */
#menubar > ul > li > ul {
	visibility:hidden;
	margin-top:20px;
}

/* zeige untermenü falls hover */
#menubar > ul > li:hover > ul {
	text-align:left;
	visibility:visible;
}

/* färbe menü falls maus drüber */
#menubar ul > li:hover {
	background:white; z-index:120;
}
#menubar ul > li:hover > a {
	color:black;
}

/* färbe untermenü falls maus drüber */
#menubar > ul > li > ul > li:hover {
	background:#ff1111;
	text-align:left;
}

/* Unter-untermenü */

/* bullet */
#menubar > ul > li > ul > li > ul:before {
	content: "\25BA";
	position:relative;
}
#menubar > ul > li > ul > li:hover > ul:before { display:none; }

#menubar > ul > li > ul > li > ul {
	position:absolute;
	top:15px;
	left:170px;
	width:0;height:0;
	z-index:120;
}

/* menüpunkt */
#menubar > ul > li > ul > li > ul > li { visibility:hidden; background:#777777; min-width:200px;}
/* menü zeigen */
#menubar > ul > li > ul > li:hover > ul { width:180px;height:auto; box-shadow:2px 2px 14px black; }
#menubar > ul > li > ul > li:hover > ul > li { visibility:visible; }


.menuicon {
	width:20px; height:20px; margin-right:10px;
}

#_contact > ul > li {
display:inline-block;
}

#instrumente  {
display:inline-block;
text-align:center;
	padding:20px 20px 20px 30px;
	color:black;
}
#kontakt  {
text-align:center;
	padding:20px 20px 20px 30px;
	color:black;
}


/* #menubar > ul > li > ul > li:hover > a{
	color:#200000;
}

#menubar > ul > li > ul > li > ul > li:hover > a{
	color:#200000;
} */


.back-index {
	color:#e8a217;
	font-size: 1.1em;
	font-weight: bold;
}

.cd-title {
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 1.4em;
}

.text {
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}
.sub-text {
	color: #fff;
	font-size: 1.0 em;
}
.CD-banner {
	width:  160px;
	height:200px;
	margin:100px 9px 10px 9px;
	text-align:center;
	font-size:14px;
	color:black;
}


/* buy-buttons cd stories/classical */
.buy-buttons {
	margin:0px 0px 0px 0px;
	text-align:center;
		background-size:contain;
} 

.buy-buttons img {
	margin-right:10px;
	height:40px;
	background-color:white;

}
 
/* video-data */
#video-data {
	text-align:center;
}

.video-td { 
	padding-top:20px;
	padding-bottom:20px;
}

/* bio */
#bio {
	text-align:center;
	padding:20px 30px 20px 30px;
	font-size:14px;
	color:black;
}


.paragraph {
	text-align:left;
	margin-top:300px;
	padding:25px;
}

.paragraph-artist {
	text-align:left;
	font-size:18px;
}


/* alle td in asm */
td {
	
	padding:25px;
}

#Discography-headline {
	width:160px;
	height:100px;
	margin:190px 9px 0px 9px;
	padding:20px 0px 0px 0px;
	
	text-align:center;
	font-size:34px;
	
	color:#DBA901;
}

.headline {

	margin:80px 9px 0px 9px;
	padding:180px 0px 0px 0px;
	font-weight: bold;
	text-align:center;
	font-size:24px;
	color:#fff;
 }
 

 
 #SM-headline {
 	width  160px;
	height:50px;
	margin:190px 9px 0px 9px;
	padding:0px 0px 10px 0px;
	
	text-align:center;
	font-size:34px;
	
	color:#00bfff;
 }
 
.SM-CD-cover {
	width:300px;
	height:260px;
	margin:20px 20px 20px 20px;
	padding:20px 20px 20px 20px;
	
	text-align:left;
	font-size:14px;
	
	color:white;
}


.cover-foto{
	width:250px;
	height:450px;
}

#headline-privacypolicy {
 	width  160px;
	height:50px;
	margin:19px 9px 0px 9px;
	padding:0px 0px 10px 0px;
	
	text-align:center;
	font-size:34px;
	
	color:#00bfff;
 }
 
/* impressum-disclaimer*/
#impressum-disclaimer {
	text-align:left;
	font-size:14px;
	color:white;
	padding:20px 20px 20px 20px;
}

/* impressum-privacypolicy*/
#impressum-privacypolicy {
	text-align:left;
	font-size:14px;
	color:white;
	padding:20px 0px 20px 20px;
}


#footer {
	position:fixed;
	bottom:0;
	z-index:1000;
	left:0;
	width:100%;
	background:black;
	opacity:0.8;
	padding:5px 25px 9px 25px;
	transition:0.5s opacity ease-in;
	border-top:5px solid #990000;
}

#footer a {
	text-decoration:none;
	font-family:Tahoma;
	letter-spacing:-2;
	color:white;
}

#footer:hover {
	opacity:1;
}

.seite {
	display:none;
	background-image:url('../images/DSC01433.jpg');
	background-repeat:no-repeat;
	background-position:0 100px;
	background-size:contain;
	width:100%;
}


.seite:after {
	content:'';
	display:inline-block;
	width:100%;
	float:left;
	height:50px;
}



input[type=text], select, textarea {
    width: 70%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 2px solid;
    border-radius: 4px;
}


input[type=submit] {
	width:70%;
	height:74px;


    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    
	border-width:2px;
	border-style:solid; 
	font-family:"Poiret One";
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
}

input,select,textarea {
	background:none;
	color:ivory;
	border-color:ivory;
}


input[type=submit]:hover {
    color:ivory;
    background-color:ivory;
}