body { color: black; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #f0f0f0; }

p {}

td {}

a:link { text-decoration: none; color: #000000 }

a:visited { text-decoration: none ; color: #000000 }

a:hover { text-decoration: none ; color: #0000ff }

a:active { color: red }
h1 { font-size: 15pt; font-weight: 600; }
h2 { font-size: 14pt; font-weight: 600; }
h3 { font-size: 13pt; font-weight: 600; }
h4 { font-size: 12pt; font-weight: 600; }
.erklaer { font-size: 11pt; background-color: #fdfbbd; padding: 2pt; }
.beispw { font-size: 11pt; line-height: inherit; background-color: #ffdfff; vertical-align: middle; width: 70pt; height: 20pt; padding: 2pt; border-width: 2pt;margin: 4pt;border-radius: 8px}
.rahmen { max-width: 500pt; }
.beispm { font-size: 11pt; line-height: inherit; background-color: #cff; vertical-align: middle; width: 70pt; height: 20pt; padding: 2pt; border-width: 2pt;;margin: 4pt; border-radius: 8px}
.selbst { font-size: 11pt; line-height: inherit; background-color: #afa; vertical-align: middle; width: 70pt; height: 20pt; padding: 3pt; border-width: 2pt;;margin: 4pt; border-radius: 8px}
.spacer { margin-right: 5pt; }
.fehlt { color: red; font-weight: normal; }
.beispiel { font-size: 11pt; background-color: #e9fbe1; padding: 2pt; }
.mainlink { font-size: 12pt; background-color: #fedf74; width: 400pt; height: 16pt; margin: 4px; padding-top: 4pt; padding-left: 4pt; border-right-style: hidden; border-right-width: 4px; border-left-width: 4px; margin-lft: 5pt        }
.richtig { background-color: #9efc7e; }
.falsch { background-color: #fc7c7c; }
.link { font-size: 11pt; line-height: inherit; background-color: #d0d0d0; vertical-align: middle; width: 70pt; height: 20pt; padding: 2pt; border-width: 2pt;margin: 4pt;} 
.aufgabe {font-size: 12pt; display:block ; text-align: center; margin-left: auto; margin-right:auto; background-color: #d0d0ff;}
.klein { font-size: small; } 
.schalt { font-size 12pt; background-color: #f0f0f0; padding: 3pt; border-radius: 8px}