html {
		font-size: 20px;
		font-family: Arial, verdana; sans-serif;		
	}


	body {
		
		background-image: url("../img/back.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		margin:0;
		font-size: 1rem;
		}

	#wrapper {
		
		width: 100%;
		margin: 0 auto;
		margin-top: 8%;
	}


	header {
		position: relative;
		height: 10%;
		width: 80%;
		margin: 0 auto;
		text-align: center;
			}

			

article {
	
		position: relative;
		width: 80%;
		height: 90%;
		margin: 0 auto;
		margin-top: -40px;
		padding: 20px;
		overflow: hidden;
	}



	h1 {
		font-size: 2rem;
		}

	h3 {
		font-size: 2rem;
		color: red;
		}



#mainnavi ul {
	margin: 0;
}


#mainnavi ul li {

	display: block;
	line-height: 200%;
	cursor:pointer;
	/*Zeigt Cursor Hand an */
	margin-left: 5%;
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: bold;
}

#mainnavi a {

	text-decoration: none;
	color: white;
	padding: 3px 20px 3px 20px;
	border-radius: 4px;
	border-style: solid;
	border-color: gray;
	background-color: gray;	
	box-shadow: 5px 5px 8px black;
	}

#mainnavi a:hover {
	background-color: #FF7D03;
	border-color: #FF7D03;
	box-shadow: 5px 5px 8px white;

}


#klick ul {
	margin: 0;
}


#klick ul li {

	display: block;
	line-height: 200%;
	cursor:pointer;
	/*Zeigt Cursor Hand an */
	margin-left: 5%;
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: bold;
}

#klick a {

	text-decoration: none;
	color: white;
	padding: 3px 20px 3px 20px;
	border-radius: 4px;
	border-style: solid;
	border-color: gray;
	background-color: gray;	
	box-shadow: 5px 5px 8px black;
	}

#klick a:hover {
	background-color: green;
	border-color: green;
	box-shadow: 5px 5px 8px white;

}

#melodie ul {
	margin: 0;
}


#melodie ul li {

	display: block;
	line-height: 200%;
	margin-left: 5%;
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: bold;
}

#melodie a {

	text-decoration: none;
	color: white;
	padding: 3px 20px 3px 20px;
	border-radius: 4px;
	border-style: solid;
	border-color: blue;
	background-color: blue;	
	box-shadow: 5px 5px 8px black;
	}





figure 
	/*für alle figure Containers */
	{	
		width: 60%;
		margin: 10px 10px 10px 10px;
		border: solid black 2px;
		border-radius: 15px;
		box-shadow: 5px 5px 8px black;

		}

	figcaption {
		font-size: 0.8rem;
		font-style: italic;
		margin: 5px 0px 5px 10px;
	}

	figure img 
	/*für Bilder innerhalb eines figure Containers */
	{	border: solid white 0px;
		border-radius: 15px 15px 0 0;
		width: 100%;
			}


	footer {
		
		height:  5%;
		width:100%;
		position: fixed;
		bottom: 0;
		right: 0;
		font-weight: bold;
		font-size: 0.6rem;
		color: white;
		text-align: center;
		vertical-align: middle;
	}