body {
  font-family:sans-serif;
  font-size:12pt;
  line-height:1.5em;
  margin:0px;
  padding:0px;
  background-color:#fefefe; /* rgb(244, 236, 216) */
  color:#111111; /* rgb(91, 70, 54) */
}

a {
  text-decoration:none;
}

h1, h2, h3, h4 {
  font-weight:700;
  padding-left:40px;
}

h3, h4 {
  line-height:22px;
}

h2 {
  padding-top:14px;
  border-top-style:solid;
  border-top-color:#bebebe;
  border-top-width:1px;
}

h1:hover:after, h2:hover:after, h3:hover:after, h4:hover:after {
  content: ' ¶';
  color:#999999;
}

ul {
  margin-left:20px;
}

ul.inhalt {
  list-style-type:none;
  margin-left:0px;
}


.p {
  padding-top:8px;
  padding-bottom:8px;
  padding-left:40px;
  max-width:620px;
}

.a4 {
  min-width:210mm;
  min-height:297mm;
  width:210mm;
  height:297mm;
  max-width:210mm;
  max-height:297mm;
  padding:0px;
  margin-left:5px;
  margin-top:10px;
  border-style:solid;
  border-width:1px;
  border-color:#bebebe;
  box-shadow: 5px 5px 5px #cccccc;
  background-color:#ffffff;
  color:#000000;
}

table.vergleichstabelle {
  margin-left:40px;
  min-width:620px;
  max-width:720px;
}

table.vergleichstabelle, 
table.vergleichstabelle tbody,
table.vergleichstabelle tbody td, 
table.vergleichstabelle tbody th {
  border-style:solid;
  border-width:1px;
  border-color:#bebebe;
  border-collapse: collapse;
}

table.vergleichstabelle td, 
table.vergleichstabelle th {
  padding:8px;
}

.a4 .schriftprobe {
  margin-top:7mm;
  font-size:12pt !important;
}

.a4 .schriftprobe div {
  margin-left:20mm;
  margin-right:20mm;
}

.a4 .schriftprobe .formel {
  padding-top:1mm;
  padding-bottom:1mm;
}

.andika {
  font-family:'Andika';
}

.atkinson {
  font-family:'Atkinson Hyperlegible';
}

.dejavu {
  font-family:'DejaVu Sans';
}

.arial {
  font-family:'Arial';
}

.opendyslexic {
  font-family:'OpenDyslexic Alta';
}

tt {
  font-family:monospace;
  font-size:0.8em;
  display:inline-block;
  padding:4px;
  background-color:#333333;
  color:#ffffff;
}
