body {
  font-size: large;
  font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color:blue;
	}
	html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;}

                /* overflow hidden; brauch ich vielleicht noch*/

h1 {
	font-size: 50px;
	color: FFCCFF;
	height: 2,8em;
	text-shadow: -2px -1px 2px #3B09C6;
	margin: 150px 150px 10px 200px;
	}	
	
h2{
	font-size: 50px;
	color: 498AAE;       /* AF3AE1 DA0A25 660066 FF6633* FF9900*/
	height: 2,8em;
	text-shadow: /*0px 0px 10px #EC2522*/  -2px -1px 2px #EC2522;
	margin: 10px 150px 10px 370px;
	}
	
h3 {
	margin: 10px 50px 20px 120px;
	font-size: 1.5em;
	color: DA0A25;
	text-shadow: /*0px 0px 10px #FFFF33*/  -2px -1px 2px #498AAE; /* #000*/
	}
					/*Liedermacherinseite:*/ 
h5 {margin: 20px 20px 20px 22px;
	font-size: 1em;
	color: black;
	}
	
h6 {   
   color: #708090;
   margin: 10px 10px 20px 10px;
   padding: 10px 5px 10px 10px;
   font-size: 1.5em;
   font-weight: bold;
   float: none;
   }
 
 h7 {   
   margin: 50px 10px 20px 10px;
   padding: 10px 5px 10px 10px;
   font-size: 1.5em;
   font-weight: bold;
   text-shadow: -1px -1px #EC2522;
   float: none;
   }
  
h4 {margin: 20px 40px 10px 290px;
   padding: 20px 10px 10px 10px;
   font-size: 1.6em;
   font-weight: bold;
   
   }   
	
	
		
 #startseite   {background-image: url("Abendwellen.JPG");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		overflow: hidden;   /*hiermit verschwindet der Schieberand*/
	}
 
#liedermacherinseite, 
#musikseite,
#konzerteseite,
#kontaktbooking,
#gesangscoaching,
#zufreunden {background-image: url("Sonnenuntergang hell2.JPG");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
		/*-webkit-background-size: 100% 100%;           /* Safari 3.0 */
   /*  -moz-background-size: 100% 100%;           /* Gecko 1.9.2 (Firefox 3.6) */
  /*     -o-background-size: 100% 100%;           /* Opera 9.5 */
   /*       background-size: 100% 100%;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
 
	}
 
		
	
 
 
 
 
  #heilpraktikerinseite: { 
 background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
 }
  
	
#navibereich li, #navibereich1 li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */
}

#navibereich, #navibereich1 {
  background-color: none;        /* Hintergrundfarbe für die Navigation */
  padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  margin: 0 20 0 20;
  border-top: 3px solid #668BCC    /* Rahmenlinie oben */
  border-bottom: 3px solid #668BCC   /* Rahmenlinie unten */
                          /* Keinen Außenabstand */
}

#navibereich1 a  {					/*Codierung Startseite*/
  color: white;                  /* Schriftfarbe weiß */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 4px 8px;              /* oben/unten 4px, re/li 8px */
  font-weight:bold;
  text-shadow: /*0px 0px 10px #EC2522*/  -1px -1px 1px #EC2522;
  }


#navibereich a {						
  color: #3B09C6;                  /* Schriftfarbe weiß */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 4px 8px;              /* oben/unten 4px, re/li 8px */
  font-weight:bold;
  text-shadow: /*0px 0px 10px #EC2522*/  -1px -1px 2px #EC2522;
  }

#navibereich a:hover, #navibereich1 a:hover {
  background-color: #81BEF7;       /* CCFF99 ? evtl besser*/
}

#navibereich a:hover,
#navibereich1 a:hover,        /* mit Komma am Ende */
#startseite #navi01 a,       /* mit Komma am Ende */
#liedermacherinseite #navi02 a,
#heilpraktikerinseite #navi03 a,
#musikseite #navi04 a, 
#konzerteseite #navi05 a,
#kontaktbooking #navi06 a,
#gesangscoaching #navi07 a,
#zufreunden #navi08 a,
#youtube #navi09 a 
       /*ohne Komma am Ende */

{    
  background-color: #66CCFF;             /*Hintergrundfarbe der gedrückten Buttons*/
  background-image: url(farbverlauf.jpg);/* Hintergrundgrafik einfügen */
  background-repeat: repeat-x;           /* von links nach rechts wiederholen */
  background-position: top left;         /* oben links beginnen */
  border: 2px solid black;
  font-weight: bold;
}


#freunde {
	list-style-type: none;
	padding: 4px 4px;
	margin: 20 20 20 30;
	border-style: ridge;
	border-color: red;
	border-width: 3px;
	background-color: FFFFCC;
	font-weight: bold;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	width: 40em;
	position: center;
	}

#freunde a {

	list-style-type: none;
	background-color: none;        /* Hintergrundfarbe für die Navigation */
	padding: 20px 20px 20px 20px;               /* Innenabstand: oben/unten 4px, li/re 0 */
	margin: 20 40 20 40;
	text-decoration: none;
	color: black;
		
	}
#freunde a:hover {
	background-color: FAAC58;
	}
	
	
#freunde a:visited {
	color: 663399}
	
#freunde1, #freunde2, #freunde3, #freunde4, #freunde5, #freunde6 {
	padding: 20px 0 20px 0
	}

	
#p1 {                                   /*Liedermacherinseite erste_spalte, erster Text*/
	margin: 10px 2px 20px 30px;
	padding: 5px 5px 10px 5px;
	width: 40em;
	border-width: 3px;
	border-style: ridge;
	border-color: red;
	background-color: FFFFCC;
	font-weight: bold;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
		}
		
	


	/*Musikseite*/
#cdcover{
	
	margin: 10px 30px 10px 5px;
	width: 25em;
	height: 25em;
	border: ridge;
	border-color: red;
	border-width: 3px;
		
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
	
/*#cdbeschriftung{
	
	margin: 5px 30px 10px 10px;
	border: ridge;
	border-color: gold;
	border-width: 5px;
	
	}*/
	
#p4{										/*Musikseite, Text zweite_spalte*/
	padding: 5px 5px 10px 5px;
	margin: 10px 30px 10px 5px;
	width: 25em;
	border-style: ridge;
	border-color: red;
	border-width: 3px;
	background-color: FFFFCC;
	text-align: justify;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	}
	
#p5{										/*liedermacherin, musik, Text erste_spalte*/
	padding: 10px 5px 10px 5px;
	margin: 10px 2px 20px 30px;
	width: 40em;
	border-style: ridge;
	border-color: red;
	border-width: 3px;
	background-color: FFFFCC;
	text-align: justify;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	}


	
	
span.links {color: #FFBF00;						/*Verbindungslinks zur Überschrift?*/
		font-style: italic;
		
		}
	
span.ohr {color: #0101DF;
			font-weight: bold;
			text-shadow: -1px -1px 1px #EC2522;
		
	}
	
span.caughtagain a {background-color: #A9A9F5;
				color: black;
				text-decoration: xx;       /*hab mich doch für Unterstrich entschieden*/
				font-weight: bold;
	}	
	
span.caughtagain a:hover {background-color: #FFFF00;}	

span.youtube {color: #8A0829;
			font-weight: bold;
			text-shadow: -1px -1px 1px #0101DF;
			}
			


	/*Musikseite*/

	/*Konzertseite*/
#p7{									/*vergangene Auftritte unter Termine*/
	padding: 5px 5px 5px 5px;
	margin: 5px 2px 40px 32px;
	width: 40em;
	color: #708090;
	border-style: ridge;
	border-color: gold;
	border-width: 3px;
	background-color: FFFFCC;
	text-align: justify;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
	/*Konzertseite*/
	
	
#p8{									/*Text bei Gesangscoaching und Kontaktbooking*/
	padding: 10px 5px 10px 5px;
	margin: 20px 2px 2px 30px;
	width: 40em;
	border-style: ridge;
	border-color: red;
	border-width: 3px;
	background-color: FFFFCC;
	text-align: center;
	font-size: large;
	font-weight: bold;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	}

	
#p11 {									/*Infotext zu den Links*/
	padding: 5px 5px 5px 5px;
	margin: 20px 10px 10px 10px;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	

	}

	/*Konzertseite*/
#p13 { 									/*Auftritte 2016*/
	padding: 10px 5px 10px 5px;
	margin: 5px 5px 40px 32px;
	width: 40em;
	border-style: ridge;
	border-color: red;
	border-width: 3px;
	background-color: FFFFCC;
	font-weight: bold;
	text-align: justify;
	float: left;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

#p14 {									/*Text bei Gesangscoaching und Kontaktbooking*/
	padding: 2px 20px 20px 2px;
	margin: 10px 0px 0px 0px;
	width: 100%;
	border-style: none;
	border-color: none;
	border-width: 0px;
	background-color: 498AAE;
	text-align: center;
	font-size: small;
	font-weight: bold;
	color: white;
    }


#gitarre {
	margin: 5px 10px 10px 20px;
	border: ridge;
	border-color: red;
	border-width: 3px;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

#garnix 	{
margin: 5px 5px 5px 35px;
	width: 35em;
	border: ridge;
	border-color: black;
	border-width: 3px;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	}
	
#bandfoto 	{
margin: 10px 20px 10px 40px;
	width: 20em;
	border: ridge;
	border-color: black;
	border-width: 3px;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	}	

	
#rezension
		{
	margin: 5px 5px 5px 5px;
	width: 35em;
	
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	}

	
	
span.auftritt {
		font-weight: bold;
		color: #0101DF;
		/*text-shadow: -1px -1px 2px #EC2522;*/
		}
	/*Konzertseite*/
	
span.spaltenheadline {
		font-weight: bold;
		} 

span.spaltenheadline1 {
		font-weight: bold;
		background-color: EBCE8A;
		}

span.kursiv {
	font-style: italic;
	}		
	

#andreasiso1 {
	margin: 10px 15px 20px 10px;
	border: ridge;
	border-color: red;
	border-width: 3px;
	
	box-shadow: 10px 10px 10px black;
	-webkit-box-shadow: 10px 10px 10px black;
	-moz-box-shadow: 10px 10px 10px black;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
	
	/*Startseite*/
	
	/*#wrapper {
	background-color: lightblue;
	width: 1200px;
}  */

#erste_spalte {
	/*background-color: lightblue;*/
	width: 43.5em;
	float:left;
	top: 7.5em;
}

#zweite_spalte {
	/*background-color: red;*/
	margin-left: 43.5em;
	width: 30em;
	top: 7.5em;
}

#eine_spalte {
	/*background-color: green;*/
	margin-left: 7.5em;
	width: 800px;
	top: 7.5em;
}
	
#cd 	a {
	color: white;                  /* Schriftfarbe weiß */ 
    margin: 10px 10px 10px 10px;
	font-weight:bold;
}

	
#cd 	a:hover {
	color: FFCCFF;                  /* Schriftfarbe rosa, habe hier aus versehen list id vergeben */ 
    
}
	
#fussleiste a {
	margin: 20px 0px 0px 20px; 
    bottom: 0;
    width: 100%;
    background-color: none;
	text-align: left;
	text-decoration: none;
	color: white;
	}
#fussleiste a:hover {
	color: #ea899a
}