/* =================================================
Stylesheet für die Beispielsite aus "Little Boxes"  
Stand: Dreispaltiges Layout mit opposing floats   
Datei: bildschirm.css
Datum: 28. Juni 2011
Autor:  Peter Müller 
Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles 
        3. Styles für Layoutbereiche    
        4. Sonstige Styles 
================================================== */

/* ====================================== 
  1. Kalibrierung und Restauration
  ====================================== */
 
*  { padding: 0; margin: 0; }
html { overflow-y: scroll; }

h1, h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em ; } 
/* hier ggfs. Abstände für weitere Elemente restaurieren */

/* ====================================== 
  2. Allgemeine Styles 
  ====================================== */
body { 
  background-color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small; 
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; } 
h3 { font-size: 110%; }

#wrapper { 
  position: relative;
  background-color: transparent; 
  
  color: black; 
  width: 100%; 
  margin-left: 50px;
  margin-right: 50px;
  padding: 0px; 
}

#kopfbereich {
  position: relative; 
  background-color: transparent;
  
  color: white;
  padding: 20px;
  width: 100%;
  height: 200px; 
}

#navibereich1 { 
  position: relative;
  float: left; 
  background-color: green;
  color: white;
  width: 20%; 
  padding-left: 20px;
  padding-right: 20px;  
  padding-top: 0px; 
  line-height: 0.8; 
}

#navibereich2 { 
  position: relative;
  float: left; 
  background-color: pink;
  color: black;
  width:20%; 
  margin-right: 0px;
  padding-left: 10px; 
  padding-top: 0px; 
  line-height: 0.8; 
}

#inhalt {
  position: relative; 
  float: left;
  margin-left: 400px;
  margin-top: 100px;
  background-color: white;
  color: black;
}

#inhalt p {
  position: center; 
  
}