body {
	background-color:#FFF8DC;
}
	
#wrapper {
	position:relative;
	background-color: #F5DEB3; /* hintergrundfarbe*/
	color: #5b3f19; /*schriftfarbe */
	 width: 720px; /* Breite des Inhaltsbereichs */
	 margin-left: auto;
	 margin-right: auto; /* auto zentriert*/
	 height: 100%;
	padding-top:20px;
	padding-bottom:20px;
	 margin-top: 250px;
	 border-top: 3px solid #5b3f19;    
		border-bottom: 3px solid #5b3f19;
		border-left:3px solid #5b3f19;
	border-right:3px solid #5b3f19;
	
}
#wrapper a:hover {color:black;}
#header {
	position: absolute;
	 width: 700px; /* Breite des Inhaltsbereichs */
	 margin-left: auto;
	 margin-right: auto; /* auto zentriert*/
	 height: 100px;
	 background-color: #DEB887;
	 margin-top: -260px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 padding-left: 20px;
	 border-top: 3px solid #5b3f19;      
		border-bottom: 3px solid #5b3f19;
	
}
h1 { font-size: 300%; 
	margin-top:-70px;
	padding-left:230px;
	color:#5b3f19}

	
h3 { font-size: 200%; 
	margin-top:70px;
	padding:auto;
	color:#5b3f19}
h4 { font-size: 200%; 
	margin-top:70px;
	padding-left:250px;
	color:#5b3f19}
h6 { font-size: 200%; 
	margin-top:70px;
	padding-left:290px;
	color:#5b3f19}

h5 { font-size: 150%; 
	margin-top:70px;
	padding-left:250px;
	color:#5b3f19}
h2 { font-size: 200%; 
	margin-top:20%;
	padding-left:290px;
	padding-top:10px;
	color:#5b3f19}
	
h1,h2,h3,h5{ font-family: 'Libre Baskerville', serif;}
@import<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet"> ;

h3 { font-size: 200%; 
	color:#5b3f19;}



#nav {  position: absolute;
		background-color: #F5DEB3;        /* Hintergrundfarbe für die Navigation */   
		padding: auto;                   /* Innenabstand: oben/unten 4px, li/re 0 */  
		border-top: 3px solid #5b3f19;    /* Rahmenlinie oben */  
		border-bottom: 3px solid #5b3f19; /* Rahmenlinie unten */  
		width: 720px; /* Breite des Inhaltsbereichs */
		margin-left: auto;
		margin-right: auto; /* auto zentriert*/
		height: 50px;
		margin-top: -150px;
		
} 

#nav li {
	display:inline;
	list-style-type:none;
}

#nav a {
  color: #5b3f19;                 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding:20px 30px;              /* oben/unten 4px, re/li 8px */
 
}
#nav a:hover {   background-color: #5b3f19;
						color:#F5DEB3;}

#article a {
  color: #5b3f19;                 
text-decoration: none; }

#aticle {color:#5b3f19;}
#footer {
	position: absolute;
	bottom: 0px;
	width: 380px;
	height: 100px;
	padding-left:340px;
	padding-top: 10px;
	background-color:#DEB887;
	margin-bottom: -130px;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #5b3f19;    
		border-bottom: 3px solid #5b3f19;
	
}
#footer a {
  color: #5b3f19;                 

}
#footer a:hover{ 
 color: black;
}
.inhalt { padding-left:20px;}
.Bilder {padding-left: 300px;}
h3 { font-size: 200%; 
	margin-top:70px;
	padding-left: 320px;
	color:#5b3f19}
.videos {padding-left: 200px;}
.inspirationen {	padding-left: 300px;}
.Zeichnung {margin-top: -165px;}
.materialien {
	position:relative;
	background-color: #F5DEB3; /* hintergrundfarbe*/
	color: #5b3f19; /*schriftfarbe */
	 width: 720px; /* Breite des Inhaltsbereichs */
	 margin-left: auto;
	 margin-right: auto; /* auto zentriert*/
	 height: 600px;
	 margin-top: 250px;
	  
}
.zurück {margin-top: 70px;
margin-left:660px;}

#K-01 {padding-left:260px;}
#K-02 {padding-left:260px;}
#K-03 {padding-left:260px;}
#K-04 {padding-left:260px;}
#K-05 {padding-left:260px;}
#K-06 {padding-left:260px;}
#K-07 {padding-left:260px;}
#K-08 {padding-left:260px;}
#K-09 {padding-left:260px;}
#K-10 {padding-left:260px;}
#K-11 {padding-left:260px;}
#K-12 {padding-left:260px;}
#K-13 {padding-left:260px;}
#K-14 {padding-left:260px;}
#K-15 {padding-left:260px;}
#K-16 {padding-left:260px;}
#K-17 {padding-left:260px;}
#K-18 {padding-left:260px;}
#K-19 {padding-left:260px;}
#K-20 {padding-left:260px;}
#K-21 {padding-left:260px;}
#K-22 {padding-left:260px;}
#K-24 {padding-left:260px;}