* {
  margin:0;
  padding:0;
}
.bereichfuss {
	text-align: center;
	background-image: linear-gradient( #444 , #222 );
}
html, body {
  font: 100% Arial, Helvetica, sans-serif;
}

#kopfbereichfelix {
  background:black url(../bilder/Felix-Claudius.jpg) no-repeat left top;
  height:406px;
  font-size:2em;
  text-align:right;
  padding:.4em .4em 0 0;
}
#kopfbereichfelixclaudius {
  background:black url(../bilder/Felix-Claudius.jpg) repeat-x left top;
  
  max-width: 100%;
    height: 288px;
  font-size:2em;
  text-align:right;

  padding:.4em .4em 0 0;
}
#fuss {
	width: 900px;
	margin: 20px auto;
	text-align: left;
}


#kopfbereich p {
  font-size:2em;
  text-align:right;
  color:white;
  padding:.4em .4em 0 0;
}

#steuerung {
  
  padding-left:1em;
}

#schatten {
  background:url(../bilder/schatten.png) repeat-x;
  height:12px;
}

#inhalt {
   padding:2em;
  background-color: hsla(0, 0%, 0%, 0.1);
 
}

#inhalt h1, h2, h3, p, ul {
  padding-bottom:.7em;
}

#inhalt ul {
  padding-left:2em;
}