/* Stylesheet für die Übungsseiten aus dem Buch "Little Boxes, Teil 1" */

h1 {
  font-size: 150%;
}
h2 {
  font-size: 130%;
}

/* Hyperlinks formatieren,
 Farben und Maus mit Pseudoklassen, 
 bei denen muss die Reihenfolge eingehalten werden.*/
a {
  text-decoration: none;
}
/* Unterstreichung entfernen */
a:link {
  color: #d90000;
}
a:visited {
  color: #cc6666;
}
a:hover, a:focus {
  border-bottom: 1px solid #d90000;
}
a:active {
  color: white;
  background-color: #d90000;
}

/*Innen-und Aussenränder aus für ALLE Html-Elemente*/
* {
  padding: 0;
  margin: 0;
}
/*html {  erzwingt Scrollbar im Firefox 
  height: 101%;
}*/

/* Gestalte das HTML-Element mit dem Namen body */
body {
  background-color: #008800; /* Hintergrundfarbe */
  color: white; /* Schriftfarbe */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium; /* Schriftgröße */
}

/* Gestalte das div mit id="wrapper" */
div#wrapper {
  background-color: white;
  color: black;
 /* width: 100%;  Breite des Inhaltsbereichs */
  margin-top: 0px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 10px;
  margin-left: auto; /* Abstand links */
}
div#kopfbereich {
  color: black;
  background-color: #f3c600;
   background-image: url(farbverlauf.jpg);
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;  
}
div#navibereich {
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}
div#textbereich {
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
div#fussbereich {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top: 1px solid #8c8c8c;
  margin-top: 0;
}


/* Gestalte die Grafik mit id="logo" ,
Geht mit meinem Logo nicht, weil nicht transparent*/
img#logo {
  padding: 10px;
  
}

address {

  text-align: center; /* zentrieren */
  font-size: 80%; /* etwas kleiner als der Rest */
  font-style: normal; /* normale Schrift, nicht kursiv */
  letter-spacing: 2px; /* Abstand zwischen den Buchstaben */
  line-height: 1.5; /* Zeilenabstand, ohne Einheit */

}

/* Abstände Restaurieren */
/* Abstand nach unten */
h2, p, ul, ol {
  margin-bottom: 1em;
}

/* Verschachtelte Listen ohne Abstand */
ul ul {
  margin-bottom: 0;
}

/* Abstand von links */
li {
  margin-left: 1em;
}