* {
  margin: 0;
  padding: 0;
}

@font-face {
        font-family: 'swiss 721';
        src: url('fonts/Swiss721_Extended.eot');
        src: local('?'), url('fonts/Swiss721_Extended.woff') format('woff'), url('fonts/Swiss721_Extended.ttf') format('truetype'), url('fonts/Swiss721_Extended.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}

body {
  font-family: "swiss 721",Arial,sans-serif;
  font-size: 100%;
  background-color: #ffffff;      /* Hintergrund weiss */
  color: #303030;                 /* Schrift Anthrazit */
}

#kopfzeile {
  font-size: 100%;
  text-align: left;
  background-color: #ffffff;      /* Hintergrund weiss */
  color: #303030;                 /* Schrift Anthrazit */
/*  border-bottom: #000000 1px solid;  */     /* alternativ: mit Linie */
  padding: 10px;
}

#container {
  margin: 40px auto;               /* 40 Pixel Luft */
  width: 1024px;                   /* Gesamtbreite des Containers */
}

#navigation {
  background-color: #ffffff;       /* Hintergrund weiss */
  width: 280px;                    /* alternativ 310, je nachdem, was besser gefällt */
  float: left;
  font-size: 1.0em;
  /* border-top: 30px solid #dad6b1;*/  /* <= für nen Balken über den einzelnen Navi-Punkten */
}
#navigation ul {
  list-style-type: none;
/*  display: block; */
  margin: 0;
  padding: 0;
}
#navigation a, #navigation strong {
   text-decoration: none;
   letter-spacing: 1px;
   display: block;                   /* Als Kasten anzeigen */
   padding: 5px 15px;
   border-bottom: 5px solid white;   /* 5px Luft unter jedem Menüpunkt */
   color: #303030;                   /* Schriftfarbe Anthrazit */
}
#navigation a:hover, #navigation a:focus, #navigation a:active, #navigation strong {
   background-color: #e3e0cf;        /* Der Menüpunkt-Hintergrund hat etwas dunkleres Grau beim Hovern */
   color: #000000;                   /* Schrift dann schwarz = deutlicher */
}

#inhalt {
  margin-left: 310px;                              /* Der Inhaltsblock fängt 280 px vom linken Bildschirmrand an */
  border-style: solid;                             /* Der Inhaltsblock bekommt einen massiven Rand */
  border-width: 0px 0px 0px 30px;                  /* 30px breit, aber nur links! */
  border-color: #ffffff #ffffff #ffffff #0000ff;   /* Der Rand ist erstmal blau */
  padding-left: 30px;
}
#inhalt h1 {
  color: #303030;                                   /* Überschrift h1 Farbe Anthrazit */
}
#inhalt h2 {
  color: #303030;                                   /* Überschrift h2 Farbe Anthrazit */
}

#inhalt h3 {
  color: #303030;                                   /* Überschrift h3 Farbe Anthrazit */
}

#inhalt h4 {
  color: #303030;                                   /* Überschrift h4 Farbe Anthrazit */
}

#fuss {
  margin: 40px auto;                                /* Einrücken, 40 px */
  width: 1024px;
  font: 0.6em "swiss 721";                          /* kleine Schriftgröße für (c) */
  background-color: #ffffff;                        /* Hintergrund weiss */
  padding: 20px;
  color: #303030;                                   /* Schriftfarbe Anthrazit */
/*  border-top: 1px solid #000000;  */              /* alternativ: eine haarfeine Linie am Seitenende */
}
#fuss a, #fuss strong {
   text-decoration: none;
   color: #303030;
}
#fuss a:hover, #fuss a:focus, #fuss a:active, #fuss strong {
   background-color: #e3e0cf;
   color: #000000;
}

p {
  margin-bottom: 20px;
}

.style1 {
        text-align: center;
}
.style2 {
        font-size: 1.2em;
        text-decoration: underline;
        font-family: "swiss 721",Arial,sans-serif;
}
.style3 {
        font-size: x-small;
}
.style4 {
        font-family: "swiss 721",Arial,sans-serif;
}