#logo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

BODY.portal {
  background-image: url('../bilder/Raute.gif');
  background-repeat: repeat;
}

BODY.inhalt {
  background-image: url('../bilder/Raute.gif');
  background-repeat: repeat;
}

div {
  margin-left: 3pt; /* Ränder für div Tag im html-Dokument */
  margin-right: 3%;
}

p, h1, h2, h3, h4, h5, h6, h7, ol, ul /* font gängiger Text-Tags einstellen */ {
  font-family: Arial;
  color: black;
}

a {
  text-decoration: none; /* entfernt unterstreichung bei link´s (anchor) */
} 

a:link {
  color: blue; /* a mit Pseudo-Element link auf blau - blaue Link´s - */
}

a:visited {
  color: blue; /* besuchte Link´s sind auch blau */
}

h1 {
  font-size: 2em; /* Größe der Überschrift H1 anpassen */
}

h2 {
  font-size: 1.5em; /* Größe der Überschrift H1 anpassen */
}

h3 {
  font-size: 1.0em; /* Größe der Überschrift H1 anpassen */
}

h4 {
  font-size: 0.7em; /* Größe der Überschrift H2 anpassen */
}

h5 {
  font-size: 0.5em; /* Größe der Überschrift H1 anpassen */
}

p {
  font-size: 1em; /* Größe p-Tag anpassen */
}

h1.kopf {
  font-size: 1.6em; /* H1 mit class-Attribut kopf - in html einsetzbar - */
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
}

h1.inhalt /* H1 mit class-Attribut inhalt - in html einsetzbar - */ {
  font-size: 1.3em;
}

p.tab /* p mit class-Attribut tab - in html einsetzbar - */ {
  font-size: 1em;
  margin-left: 15px;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
} 

HEAD {
}