/* styles.css */

div[id="alles"] {
  position:                         relative;
  width:                            55em; 
  margin:                           10em auto 0 auto;
  background-color:                 #EFEFEF;
  border:                           0.1em solid #CCCCCC;
}

div[id="koerper"] {
  position:                         relative;
  height:                           40em;
  margin-left:                      6em;
  margin-top:                       6em;
  width:                            80%;
}

div[id="logo"]  {
  z-index:                          20;
  position:                         absolute;
  left:                             0.5em;
  top:                              0.5em;                             
}

div[id="ueberschrift"] {
  z-index:                          10;
  position:                         absolute;
  top:                              7em;
  left:                             5em;
  right:                            0;
  height:                           4em;
  text-align:                       center;
  border-bottom:                    0.3em solid #88AAAA;
}

div[id="inhalt"]  {
  position:                         absolute;
  top:                              15em;
  left:                             13.5em;
  width:                            17em;
  margin:                           0 auto;
}

h1  {
  font-size:                        3em;
  color:                            #336666;
  text-align:                       right;
  margin:                           0;
  padding:                          0;
}

h2  {
  font-size:                        2em;
  border-bottom:                    0.1em solid #88AAAA;
  color:                            #336666;
  text-align:                       left;
  margin:                           0;
  padding:                          0;
}

p {
  font-size:                        1.5em;      
}

span[class="fett"] {
  font-weight:                      bold;
}