<!-------------------------------------------normale Schriftstäerke-->
.tfpseudo {}
.tnk { font-family: Arial,Veranda; font-size: 2.5mm;  font-weight: 500; color: #FFFF00;}
.tnmini { font-family: Arial,Veranda; font-size: 2.5mm;  font-weight: 500; color: #FFFF00;}
.tnkln, td { font-family: Arial,Veranda; font-size: 4mm;  font-weight: 500; color: #FFFF00; }
.tnmitl { font-family: Arial,Veranda; font-size: 5mm;  font-weight: 500; color: #FFFF00;}
.pw { font-family: Arial,Veranda; background-color: #FF0000; color: #0000FF; }
<!----------------------------------------------------------fett--->
.tfpseudo {}
.tfmini { font-family: Arial,Veranda; font-size: 2.5mm;  font-weight: 700; color: #FFFF00;}
.tfkln, form { font-family: Arial,Veranda; font-size: 3.5mm;  font-weight: 700; color: #FFFF00;}
.tfmitl { font-family: Arial,Veranda; font-size: 5mm;  font-weight: 700; color: #FFFF00}

<!-----------------------Formatierungen mit Standartbezeichnungen--->
.tfpseudo {}
th { font-family: Arial,Veranda; font-size: 4.5mm;  font-weight: 600; color: #FFF000}
p { font-weight: 600;  margin-bottom: 15mm; margin-top: 15mm; text-decoration: none;}
ul {  margin: 5mm;   }
b { font-weight: 700;  margin-bottom: 50mm; margin-top: 50mm; color: #FFFF00;}
li { font-family: Arial,Veranda; font-size: 3.5mm;  font-weight: 600; color: #00E0FF;}
li.afrika { color:B2EAD7;}
.rand  { margin: 5mm;}

<!--------------------------------------------afrikaschwarz------->
.tfpseudo {}
body.afroschwarz  { background-color: #000000; }
table.afroschwarz { width: 800px; border: 2px solid #ffffff;  }
th.afroschwarz { border: 1px solid #000000; font-family: Arial,Veranda; font-size: 4.5mm;  font-weight: 600; color: #ffffff; }
td.afroschwarz { border: 1px solid #000000; font-family: Arial,Veranda; font-size: 4mm;  font-weight: 500; color: #ffffff; }
b.afroschwarz { font-family: Arial,Veranda; font-size: 2.5mm;  font-weight: 500; color: #FFFFFF;}
<!-------------------------------------------Überschriften-------->
.tfpseudo {}
h1 { font-size: 6mm; margin-bottom: 9mm; margin-top: 9mm;  font-family: Arial,Veranda; color:#FFFF00;}
h2 { font-size: 6mm; margin-bottom: 12mm; margin-top: 12mm; color: blue;}
h3, h4, h5 { font-size: 8mm; margin-bottom: 12mm; margin-top: 12mm; color: blue;}
h1, h2, h3, h4, h5 { font-weight: 700;}
.myclass { font-weight: 300; font-family: Times New Roman; color: #F0E17B; font-size: 6mm; margin-bottom: 9mm; margin-top: 9mm;}
h1:first-letter { color : red; }

<!--------------------farbig-hervorgehobene Schrift---------------->
.tfpseudo {}
.marker { color: #FF3F00; }

P.oma:after {content:'zurück zu: ';}
<!-----------------------------------------neues popup-menue------->
.tfpseudo {}
#main1 { position:absolute; left:8px; top:10px; padding:2px;}
#main2 { position:absolute; left:60px; top:10px; padding:2px; }
#main3 { position:absolute; left:176px; top:10px; padding:2px; }
#main4 { position:absolute; left:294px; top:10px; padding:2px; }
#main5 { position:absolute; left:412px; top:10px; padding:2px; }
#main6 { position:absolute; left:522px; top:10px; padding:2px; }
#main7 { position:absolute; left:638px; top:10px; padding:2px; }
#main8 { position:absolute; left:755px; top:10px; padding:2px; }

.popup { visibility:hidden; font-family:Courier; padding:2px;   background-color:#FFBF00; }

#group1 { position:absolute; z-index:4; left:20px; top:35px; padding:2px; }
#group2 { position:absolute; z-index:5; left:63px; top:35px; padding:2px; }
#group3 { position:absolute; z-index:6; left:179px; top:35px; padding:2px; }
#group4 { position:absolute; z-index:7; left:295px; top:35px; padding:2px; }
#group5 { position:absolute; z-index:8; left:411px; top:35px; padding:2px; }
#group6 { position:absolute; z-index:9; left:527px; top:35px; padding:2px; }
#group7 { position:absolute; z-index:10; left:643px; top:35px; padding:2px; }
#group8 { position:absolute; z-index:11; left:760px; top:35px; padding:2px; }

<!-----------------------------------------------------Verweise---->
.tfpseudo {}
a.lead:visited { font-family:Courier; font-size: 3.7mm; font-weight:bold; text-decoration: none; color:#000000; }
a.lead { font-family:Courier; font-size: 3.7mm; font-weight:bold; text-decoration: none; color:#000000; }
a.lead:hover { font-family:Courier; font-size: 4mm;text-decoration:none; color:#FF3F00; }


a.such:link { color: #00FFAF; font-family: Arial,Veranda; font-weight: 600; font-size: 3.5mm; text-decoration: none; }
a:link { color: #000000; font-family: Arial,Veranda; font-weight: 600; font-size: 3.5mm; text-decoration: none; }
a:visited { color: #0020FF; font-family: Arial,Veranda; font-weight: 600; font-size: 3.5mm; text-decoration: none;}
a:active { color: #00FF00; font-family: Arial,Veranda; font-weight: 600;font-size: 3.5mm; text-decoration: none; }
a:hover { color:#FF3F00; font-family: Arial,Veranda; font-weight: 700; font-size: 3.7mm; text-decoration: none; }

<!-------------------------------Die cem--klasse------------------>
.tfpseudo {}
td.cem {color: #F8EE68;}
.cem { color: #F8EE68; }/*leicht gedecktes Gelb*/
<!-------------------hintergrundbild-------------------------------->
.tfpseudo {}
.hgb  { position: absolute; left: 0px; top: 0px; z-index: 1; }
<!----------------------------------------------Seitenfarben-------->
.tfpseudo {}

body.cem  { background-color: #002222;}/*dunkelgrün*/
body  { background-color: #100000;}/*noch dunkleres grün*/
body.afrmuse  { background-color: #002222;}
body.ethtab  { background-color: #002222;}
.legend {background-color: #009090}/*türkisblau*/