/* CSS Document */

h1 { color: #C00}

h1 {font-family:Georgia, "Times New Roman", Times, serif}

.unter {
	 font-size:30px; 
     padding: 10px 0 0px 580px;
}

.haupt {
	 font-size:45px; 
	 padding: 20px 0 10px 450px;
}
.oben{
	 font-size:45px; 
	 padding: 20px 0 10px 0px;
}


#wrapper { 
     width:1250px; 
	 margin: 10px auto 5px auto;  
	 background-image: url(../Bilder/Fotos/canwas.webp);
	 -moz-background-image: url(../Bilder/Fotos/canwas.webp); 
	 -webkit-background-image: url(../Bilder/Fotos/canwas.webp); 
	 -khtml-background-image: url(../Bilder/Fotos/canwas.webp); 
	 -ms-background-image: url(../Bilder/Fotos/canwas.webp);  
	 background-attachment:fixed; 
	 background-position:center; 
	 background-repeat:round; 
	 background-size:cover;  
}

#wrapper1 { 
     width:1100px; 
	 margin: 10px auto 5px auto; 
	 background-image: url(../Bilder/Fotos/disk.webp);
	 -moz-background-image: url(../Bilder/Fotos/disk.webp);
	 -webkit-background-image: url(../Bilder/Fotos/disk.webp);
	 -khtml-background-image: url(../Bilder/Fotos/disk.webp);  
	 -ms-background-image: url(../Bilder/Fotos/disk.webp);
	 background-attachment:fixed; 
	 background-position:center; 
	 background-repeat:no-repeat; 
	 background-size:cover;
}

#wrapper2 { 
     width:1100px; 
	 margin: 10px auto 5px auto; 
	 background-image: url(../Bilder/Fotos/kontakt.webp); 
	 -moz-background-image: url(../Bilder/Fotos/kontakt.webp); 
	 -webkit-background-image: url(../Bilder/Fotos/kontakt.webp); 
	 -khtml-background-image: url(../Bilder/Fotos/kontakt.webp); 
	 -ms-background-image: url(../Bilder/Fotos/kontakt.webp); 
	 background-attachment:fixed; 
	 background-position:center; 
	 background-repeat:round;
	 background-size:cover; 
}

#wrapper3 { 
     width:1100px; 
	 margin: 10px auto 5px auto; 
	 background-image: url(../Bilder/Fotos/konzert.webp); 
	 -moz-background-image: url(../Bilder/Fotos/konzert.webp);
	 -webkit-background-image: url(../Bilder/Fotos/konzert.webp);
	 -khtml-background-image: url(../Bilder/Fotos/konzert.webp); 
	 -ms-background-image: url(../Bilder/Fotos/konzert.webp); 
	 background-attachment:fixed; 
	 background-position:center; 
	 background-repeat:no-repeat;  
	 background-size:cover;
}

#wrapper4 { 
     width:1100px; 
	 margin: 10px auto 5px auto;
	 background-image: url(../Bilder/Fotos/galerie.webp); 
	 -moz-background-image: url(../Bilder/Fotos/galerie.webp); 
	 -webkit-background-image: url(../Bilder/Fotos/galerie.webp);
	 -khtml-background-image: url(../Bilder/Fotos/galerie.webp);
	 -ms-background-image: url(../Bilder/Fotos/galerie.webp); 
	 background-attachment:fixed; 
	 background-position:center; 
	 background-repeat:no-repeat; 
	 background-size:cover;
}

#wrapper5 { 
     width:1100px; 
	 margin: 10px auto 5px auto; 
	 background-image: url(../Bilder/Fotos/biographie.webp); 
	 -moz-background-image: url(../Bilder/Fotos/biographie.webp); 
	 -webkit-background-image: url(../Bilder/Fotos/biographie.webp); 
	 -khtml-background-image: url(../Bilder/Fotos/biographie.webp);
	 -ms-background-image: url(../Bilder/Fotos/biographie.webp);  
	 background-attachment:fixed; 
	 background-position:center; 
	 background-repeat:no-repeat; 
	 background-size:cover;  
}

#wrapper6 { 
     width:1100px; 
	 margin: 10px auto 5px auto; 
	 background-image: url(../Bilder/Fotos/schloss.webp);
	 -moz-background-image: url(../Bilder/Fotos/schloss.webp);
	 -webkit-background-image: url(../Bilder/Fotos/schloss.webp);
	 -khtml-background-image: url(../Bilder/Fotos/schloss.webp);
	 -ms-background-image: url(../Bilder/Fotos/schloss.webp);
	 background-attachment:fixed; 
	 background-position:center;  
	 background-repeat:round; 
	 background-size:cover;
}

#wrapper7 { 
     width:1100px; 
	 margin: 10px auto 5px auto; 
	 background-image: url(../Bilder/Fotos/impressum.webp); 
	 -moz-background-image: url(../Bilder/Fotos/impressum.webp);
	 -webkit-background-image: url(../Bilder/Fotos/impressum.webp);
	 -khtml-background-image: url(../Bilder/Fotos/impressum.webp);
	 -ms-background-image: url(../Bilder/Fotos/impressum.webp);
	 background-attachment:fixed; 
	 background-position:center; 
	 background-repeat:no-repeat;
	 background-size: cover; 
}

#Navi {
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
}

#Sprachen { 
     padding:10px; 
	 margin:20px 170px 20px 0; 
	 
}

#Name {  
     text-align:center; 
	 padding:24px; 
}

#Titel {
	 text-align:left;  
}

#Impressum { 
     padding: 20px; 
	 margin:30px 30px 30px 30px; 
	 font-size:15px; 
	 font-hight:15px;
}

#Konzerte {
	font-size:30px; 
	display: block;
	margin-left: auto;
	margin-right:auto;
	width:75%;
}

#Willkommen {font-size:25px; margin:22px 20px 0 380px;}

#Willkommenru {font-size:25px; margin:20px 20px 0 380px;}

#Willkommensp {font-size:25px; margin:0 20px 20px 380px;}

#Willkommenfr {font-size:25px; margin:0 20px 20px 380px;}

#Willkommenen {font-size:25px; margin:0 20px 20px 380px;}

#Piano{ 
    float:left; 
	margin-top:-190px;
	margin-left: -40px;
}
#Aktuell{
	width: 450px;
	float:right;
	margin-top:-191px;
	margin-right:-65px;
}
#Aktuel{
	width:450px;
	float:right;
	margin-top:-220px;
	margin-right:-65px;
}
.neu{
	margin-top:5px;
	border-style:solid;
	border-color:rgb(163,163,163);
	border-radius:3px;
	text-align:center;
	font-size:16px;
}
#Fuß{
	text-align:center;
	background:transparent url;  
    padding:140px 510px 10px 490px;
}
#Fuße{
	text-align:center;
	background:transparent url;  
    padding:111px 510px 10px 490px;
}
#Fuß img{
	padding-left:0;
}
#Fußl{
	text-align:center;
	background:transparent url;  
    padding:8px 510px 10px 480px;
	}
#Abstand{ 
      padding:5px;
}

#Unterschrift { 
      float:left; 
}

li { 
      list-style-type:none;  
}

ul li { 
      display:inline;  
}
ol li { 
      display:inline;
	  margin:0 auto 0 auto;
	  text-decoration: none; 
}
ul li a {
	  background-color: #CCC;  
	  text-decoration: none; 
	  padding:7px; 
	  color:#555; 
}
ol li a {
	  text-decoration: none; 
	  color:#555; 
}

a:visited { 
      color:#555; 
}
a:active { 
      color:#555; 
}
a:normal { 
      color:#555; 
}
a:hover { 
      color:#000; 
}
a:focus { 
      color:#555; 
}


#Konzerte { 
      margin: 20px auto; 
}

#Bio {
	  font-size:20px;  
}
	
    #Foto1 { 
	  float:left; 
	  margin: 10px 25px 8px 0;
	
    }

     #Bio1 {
		 margin-left:290px; 
		 text-align:justify;
		 padding-left: 20px;
	}
	
	#Foto2 { 
	     float:right; 
		 margin:0 0 5px 25px;
	}

	#Bio2 {
		 margin-right:400px; 
		 margin-bottom :0px; 
		 margin-left:0px;
		 text-align:justify;
	}
	
	#Foto3 { 
	     float:left; 
		 margin-right:25px;
		 
    }

	#Bio3 {
		margin-left:230px; 
		margin-bottom :0px;  
		text-align:justify;
	}
	#Bio4{ 
		text-align:justify;
	}
	#Foto4 {
		display:block;
		margin:40px auto 0 auto;
		width:50%;
		
	}
    #Bio5{
		font-size:20px;  
		text-align:justify;
	}
#Brahms { padding:10px; height: 395px; }

#Chopin { padding:10px; height: 430px; }

#Beethoven { padding:30px; height: 400px; }

#Disko { padding:20px; height: 450px; }

#Inhalt1 {
	margin:0 20px 0 560px;	
}
a{
    text-decoration:none;
}
#play { float:left; margin-right:20px; margin-top:20px; margin-bottom:20px;
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
        height: 100%;
        -ms-transform: scale(2,3);
      -webkit-transform: scale(2,3);
      transform: scale(2,3);
    }

#Cover1 { 
    float:left; 
    margin: 20px 0 0 70px; 
	padding-left:50px;
}

#Inhalt2 { 
    margin:0 330px 20px 150px; 
}

#Cover2 { 
    float:right; 
	margin:20px 80px 0 20px;
}

#Track1 { padding: 0px; margin-left:0px; margin-bottom :20px; margin-right:20px; float:left; }

#Track2 { padding: 0px; margin-left:180px; margin-bottom :20px; margin-right:20px;}

#Track3 { padding: 0px; margin-left:230px; margin-bottom :20px; margin-right:20px;}

#Email { 
        font-size:24px; 
 }