* {
  margin:10px;
  padding:10px;
}

html, body {
  font: 100% Arial, Helvetica, sans-serif;
}

  #kopfbereich {
  background:url(Grafik/Harz2.jpg) no-repeat left top;
  height:150px;
}

 #kopfbereich p {
  color:white;
  text-align:right;
  font-size:2.2em;
  padding:0.4em 0.4em 0 0;
  padding-right:7em;
  padding-top:1.2em;
}
  #inhalt {
  background-color:white;
  padding-left:10em;
    padding-right:10em;
      padding-top:4em;
}

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

#navi {
margin: 0em;
 padding: 0em;
 text-align:center;
  }
  #navi ul, #navi li {
   margin: 0em;
    padding: 0em;
    display: inline;
    list-style-type: none;
  }
  
  #navi a:link, #navi a:visited {
     float: left;
     line-height: 20px;
      font-weight: bold;
       margin: 0 2px;
        padding: 2px 15px;
        text-decoration: none;
         color: #FAFAEF;
         background-color: #EB994E;
   }
   
   #navi #akt {
          color: #151407;
          background-color: #E9DE68;
    }
    
	#navi a:hover, #navi a:hover#akt {
             color: #F85711;
              background-color: #E9DE68;
    }
	
 .clear {
 clear:both;
}