html {
  height: 100.2%;     /* Erzwingt Scroll-Balken in allen Browsern */
  font-size: 62.5%;   /* Schriftgröße entspricht etwa 10px.Für folgende Schriftgrößenangaben
                         kann leichter in em gerechnet werden */
}

body {
  font-family: Verdana, sans-serif;
  font-size: 1.1em;   /* Schriftgröße entspricht etwa 12px */
  line-height: 1.6em; /* Schriftgröße entspricht etwa 16px */
  color: #dddddd;
  background: #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Century Gothic", sans-serif;
  margin: 0em 0em 0.5em 0em;
  color: #dddddd;
}

h1 {
  font-size: 2.2em;
  padding-bottom: 0.4em;
  font-weight: normal; /* default h1 ist bold */
}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em; padding-top: 0.5em;}
h6 {font-size: 1.2em;}

a {color: #ffffff; text-decoration: none;}
a:link {}
a:visited {}
a:hover {color: #bbbbbb; text-decoration: underline;}
a:active {}

table {
  margin-bottom: 10px;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
}

dl {
  margin-top: 0px;
  margin-bottom: 0px;
}

th, td {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

.csc-default {
  margin-bottom: 20px;
}

.page_margins {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.page {
  width: 1000px;
  margin: auto;
}

#logo {
  float: left;
  width: 196px;
}

#headtxt {
  float: left;
  width: 600px;
}

#col1 {
  float: left;
  width: 196px;
}

#col2 {
  float: left;
  width: 600px;  /* cannot make this variable? */
}

dt.l1menuNO {
  padding-left: 0px;
  font-size: 1.4em;
  font-weight: bold;
}

dt.l1menuACT {
  padding-left: 0px;
  font-size: 1.4em;
  font-weight: bold;
}

dt.l2menuNO {
  padding-left: 25px;
  font-size: 1.0em;
  font-weight: bold;
}

dt.l2menuACT {
  padding-left: 25px;
  font-size: 1.0em;
  font-weight: bold;
}

dt.l3menuNO {
  padding-left: 50px;
  font-size: 1.0em;
  font-weight: normal;
}

dt.l3menuACT {
  padding-left: 50px;
  font-size: 1.0em;
  font-weight: normal;
}

/* Overwrite Typo3 content element styles */
li.csc-uploads-element-pdf {
  background: url('pdf.png') no-repeat left top;
  height: 52px;
  padding-left: 52px;
  padding-top: 3px;
}
li.csc-uploads-element-mod {
  background: url('MOD.png') no-repeat left top;
  height: 16px;
  padding-left: 36px;
  padding-top: 2px;
}
li.csc-uploads-element-mp3 {
  background: url('MP3.png') no-repeat left top;
  height: 16px;
  padding-left: 36px;
  padding-top: 2px;
}
li.csc-uploads-element-adf {
  background: url('ADF.png') no-repeat left top;
  height: 16px;
  padding-left: 36px;
  padding-top: 2px;
}
li.csc-uploads-element-lha {
  background: url('LHA.png') no-repeat left top;
  height: 16px;
  padding-left: 36px;
  padding-top: 2px;
}

/* The infamous clearfix */

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}