* { padding: 0; margin: 0; }





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

ul ul { margin-bottom: 0; }

li { margin-left: 1em; }



/* Gestalte das HTML-Element mit dem Namen body */
body {
  background-color: #4c0000; /* Hintergrundfarbe */
  color: white; /* Schriftfarbe */
   background-image: url(./img/Background.png);
}


/* Gestalte das div mit id="wrapper" */
div#wrapper {
	background-color: #b7daff;
	color: #0035b2;
  width: 720px; /* Breite des Inhaltsbereichs */
	margin-top: 10px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 500px;
  margin-left: auto; /* Abstand links */
}

}
h1, h2 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 {
	font-family: 'Acme', sans-serif;
	font-size: 120%
}
div#textbereich a {
  border-bottom: 1px dotted ##004c66;
  text-decoration: none;
}
div#textbereich a:hover,
div#textbereich a:focus {
  border-bottom: 1px solid ##004c66;
  color: #004c66;
}

}
div#footer {
	margin-bottom: 0px;
	background-color:#b7daff;
}



p.infobox {
  color : black;
  background-color: ##004c66;
  border: 3px solid ##004c66;
}


div { /* div ist ein Blockelement dh wird so breit wie das umgebende Element*/
  width: 300px;
  background-color: white;
  padding: 10px;
  border: 1px solid black;
  margin: 5px;
}

#Box2 {
  position: fixed;
  bottom: 771px;
  right: 1320px;
  height: 155px;
   background-color: #75dcff;
  color: black;
  }
  
  


#Box1 {
  position: relative;
  bottom: 719px;
  left: 403px;
  background-color:#75dcff;
  height: 20px;
  color: black;
  }



#Box3 {
	position: relative;
  bottom: 724px;
  left: 403px;
  background-color:#75dcff;
  height: 20px;
  color: black;
  }
	
	#Box4 {
	position: relative;
  bottom: 730px;
  left: 403px;
  background-color:#75dcff;
  height: 20px;
  color: black;
  }
	
	#Box5 {
	position: relative;
  bottom: 736px;
  left: 403px;
  background-color:#75dcff;
  height: 20px;
  color: black;
  }