@import url('https://fonts.googleapis.com/css?family=Charm');

* { padding: 0; margin: 0; }

h1, h2, h3, p, ul, ol { margin-bottom: 1em; }

ul ul { margin-bottom: 0; }

li { margin-left: 1em; }



h1, h2 { font-family: 'Charm', cursive; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 {
	font-family: 'Charm', cursive;
	font-size: 120%
}


body{
  background-color: #995a20; 
  color: white; 
   background-image: url('./img/pattern1.jpg');
}

div#wrapper {
  background-color: white;
  color: black;
   width: 720px; 
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto; 
  padding: 20px; 
}

div#textbereich a {
  border-bottom: 1px dotted #cc0000;
  text-decoration: none;
}
div#textbereich a:hover,
div#textbereich a:focus {
  border-bottom: 1px solid #cc66ff;
  color: #9999ff;
}

#nav li {
	display: inline;
	list-style-type: none;
}
#nav {
	background-color: #5DCBF0; 
	padding: 4px 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

#nav a {
	color: black;
	text-decoration: none;
	padding: 4px 8px,
}
#nav a:hover {
	background-color:#5DCBF0;
    color: #ffe574;
}



 div#footer {
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
  border-top: 1px solid #8c8c8c;
  margin-top: 0;
 }
 
 div#header {
   background: #ffe574;
   color: black;
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
 }