<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.img150
{
float: left;
width: 980px;
height: 150px;
} 

div#fc {
/*background: url(bilder/fc-bg.gif);*/
width: 980px;
height: auto;
/*border-top: 10px solid #fb5;*/
background: #8A4B08;
float: left;
}

<div style="padding-left:16px">
  <h2>Top Navigation Example</h2>
  <p>Some content..</p>
</div>

.textmarkergelb {
  background-color:yellow;
}

body {
    font: 0.8em/1.2em Arial, Helvetica, sans-serif;
    color: #2a1802;
    background: url(bilder/bg.jpeg);
    color: black;
    background-color: white;
    width: 980px;
    margin-top: 10px;
    margin-right: auto; /* Abstand rechts */
    margin-bottom: 10px;
    margin-left: auto; /* Abstand links */;
}

.topnav {
  overflow: hidden;
  background-color: #FFBF00;
}

.topnav a {
  float: left;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

div#inhalt { 
margin-left: 20px;
}

div#inhalt span {
margin-left: 30px;
}

.textmarkergelb {
  background-color:yellow;
}

p {
font-weight: bold;
font-size: 1.2em;
line-height: 1.4em;
text-align: center;
}

h1 {
font-weight: bold;
text-align: center;
margin-top: 70px;
} 

h2 {
font-weight: bold;
text-align: center;
}

.zahlen {
font-size: x-large;
text-align: center;
letter-spacing: 1em;
line-height: 2;
}

.seitenkopf {
width: 200px;
height: 150px;
float: left;
}

.seitenkopf2 {
float: left;
width: 770px;
height: 150px;
}

span { letter-spacing: 1em;}

</style>
</body>
</html>
