/* Diese Datei vorlagen.css enthaelt meine zentralen CSS-Definitionen */
/* CSS-Regeln bestehen aus einem oder mehreren Selektoren und einer oder mehreren Deklarationen zwischen 2 geschweiften Klammern. */
/* CSS-Deklarationen bestehen aus einem von rund 120 definierten CSS2-Eigenschaftsnamen vor einem Doppelpunkt und einem Wert dahinter. */
/*  Jede CSS-Deklaration wird mit einem Semikolon hinter dem Wert abgeschlossen. */

/*
* {font-style: italic;} setzt alle Elemente einer Seite kursiv
p:first-letter {font-weight:bold;} Hebt den ersten Buchstaben jedes Abschnittes fett hervor
p:first-line {font-style: italic;} Hebt die erste Zeile jedes Abschnittes kursiv hervor
position: absolute
Element {display: block}
#hidden {overflow: hidden;} versteckt Text, der nicht mehr in eine Box hinein passt
#scroll {overflow: scroll;} versteckt scrollbar Text, der nicht mehr in eine Box hinein passt
#auto {overflow: auto;} versteckt nicht mehr in eine Box hinein passenden Text scrollbar, falls nötig
padding-left: 11em;
ul.navbar {position: absolute; top: 2em; left: 1em; width: 9em }
.ibaseline {vertical-align:baseline;}
.ibottom {vertical-align:bottom;}
.imiddle {vertical-align:middle;}
.isub {vertical-align:sub;}
.isuper {vertical-align:super;}
.itext-bottom {vertical-align:text-bottom;}
.itext-top {vertical-align:text-top;}
.itop {vertical-align:top;}
.prozent {vertical-align:-15%;}
.minuspix {vertical-align:-10px;}
.plusem {vertical-align:0.5em;}
.plusmm {vertical-align:1mm;}
<p>Die Fliege <img src="fliege.jpg" width="28" height="33" class="ibaseline"> fliegt.</p>
*/

body {background-color:#FFF5CC; margin-right:20px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:small; font-style: normal;}

a:link {color:#0000FF; text-decoration:none; font-weight:bold; font-weight:600;} /*noch nicht besuchte Seiten*/
a:visited {color:#000000; text-decoration:underline; font-weight:bold; font-weight:600;} /*bereits besuchte Seiten*/
a:hover {color:#0000FF; text-decoration:underline; font-weight:bold; font-weight:600;} /*Verweis unter der Maus*/
a:active {color:#0000FF; text-decoration:underline; font-weight:bold; font-weight:600;} /*gerade angeklickter Verweis*/
a:focus {text-decoration:underline; font-weight:bold; font-weight:600;} /*:focus = für Verweise, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulatortaste*/

a.glossar:link {color:#AA00AA; text-decoration:none; font-weight:bold; font-weight:600;} /*noch nicht besuchte Seiten*/
a.glossar:visited {color:#990099; text-decoration:none; font-weight:bold; font-weight:600;} /*bereits besuchte Seiten*/
a.glossar:hover {color:#990099; text-decoration:underline; font-weight:bold; font-weight:600;} /*Verweis unter der Maus*/
a.glossar:active {color:#0000FF; text-decoration:underline; font-weight:bold; font-weight:600;} /*gerade angeklickter Verweis*/
a.glossar:focus {text-decoration:underline; font-weight:bold; font-weight:600;} /*:focus = für Verweise, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulatortaste*/

a.h:link {color:#0000FF; text-decoration:none; font-weight:bold; font-weight:800;} /*noch nicht besuchte Seiten*/
a.h:visited {color:#000000; text-decoration:underline; font-weight:bold; font-weight:800;} /*bereits besuchte Seiten*/
a.h:hover {color:#0000FF; text-decoration:underline; font-weight:bold; font-weight:800;} /*Verweis unter der Maus*/
a.h:active {color:#0000FF; text-decoration:underline; font-weight:bold; font-weight:800;} /*gerade angeklickter Verweis*/
a.h:focus {text-decoration:underline; font-weight:bold; font-weight:900;} /*:focus = für Verweise, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulatortaste*/

h1 {clear: both; font-size:210%; margin-top:2.5em; margin-bottom:1em;}
h2 {clear: both; font-size:180%; margin-top:2.0em; margin-bottom:0.8em;}
h3 {clear: both; font-size:150%; margin-top:1.5em; margin-bottom:0.6em;}
h4 {clear: both; font-size:120%; margin-top:1.0em; margin-bottom:0.4em;}

Zitat {
  margin-top:1em;
  margin-right:0em;
  margin-bottom:1em;
  margin-left:0em;
  font-style:italic;
} /* Benutzung: <Zitat> Text </Zitat>*/

p {line-height:normal;}
p.kursiv {font-style:italic;}
p.fett {font-weight:bold;}
p.Abstand {line-height:normal; margin-top:3em;}
p.ohne-Abstand {margin:0em;}

.Seitenanfang {margin-top:0em; text-align:center;}
.l {text-align:left;}
.z {text-align:center;}
.r {text-align:right;}
.i {font-style:italic;}
.Gliederung {background-color:#55AAFF;}
.Kapitel {background-color:#BBDDFF;}
.L2 {margin: 2pt 2pt 2pt 20px;} /*oben, rechts, unten, links*/
.rot {color:#FF0000;}
.blau {color:#0000FF; font-weight:bold; font-weight:600;}
.fettblau {color:#0000FF; font-weight:bold; font-weight:700;}
.gruen {color:#00BB00; font-weight:bold; font-weight:600;}
.lila {color:#FF00FF; font-weight:bold; font-weight:600;}
.gelb {color:#FFFF00; font-weight:bold; font-weight:600;}
.violett {color:#880088; font-weight:bold; font-weight:600;}
.dunkelblau {color:#0000CC; font-weight:bold; font-weight:600;}
.grau {color:#888888; font-weight:bold; font-weight:600;}

ul li {list-style: square}
ul ul li {list-style: disc}
ul ul ul li {list-style: circle}

ol.dezimal li {list-style: decimal;}
ol.roemischk li { list-style-type: lower-roman;}
ol.roemischg li { list-style-type: upper-roman;}
ol.alphak li {list-style: lower-alpha;}
ol.alphag li {list-style: upper-alpha;}

li.Abstand {margin-bottom: 5px;}

table {margin: 1em 3px 1em 3px; padding:2px; background-color:#99CCFF;}
th {font-weight:bold; background-color:#BBDDFF;}
td {font-weight:medium; background-color:#DDEEFF;}

table.n {margin: 1em 3px 1em 3px; padding:2px; background-color:#99CCFF;}
th.n {font-weight:bold; background-color:#BBDDFF;}
td.n {font-weight:medium; background-color:#DDEEFF;}

.Tabelle_links {display:inline; float:left; margin-right:10px; margin-bottom:30px;}
.umfliessen_aus {clear: both;}

/*Tabellen für die Gliederung im Text*/
table.g {clear: both; margin: 2em 3px 1em 3px; padding:2px; background-color:#FFF5CC;}
th.g {background-color:#DDCC99; text-align:left;}
td.g {background-color:#EEDDAA;}

/*Tabellen für Beispiele im Text
<table class="b"><tr><td class="b">
Beispiel
</td></tr></table>
*/
table.b {margin:3px; padding:2px; background-color:#BBCCDD; font-family:"Courier New",Courier,mono,monospace; font-size:normal; font-style: normal;}
th.b {background-color:#BBCCDD; text-align:left;  font-family:"Courier New",Courier,mono,monospace; font-size:normal; font-style: normal;}
td.b {background-color:#BBCCDD; font-family:"Courier New",Courier,mono,monospace; font-size:normal; font-style: normal;}

/*Markierung für Beispiele im Text
<span class="Beispiel"></span>
*/
.Beispiel {background-color:#BBCCDD; font-family:"Courier New",Courier,mono,monospace; font-size:normal; font-style: normal;}

/*Textfarbe für Markierungen in grauen Beispielkästen
<span class="BM"></span>
*/
.BM {color:#CC00FF; font-weight:bold; font-weight:600;}

/*Tabellen für Merksätze im Text
<table class="m"><tr><td class="m">
Merksatz
</td></tr></table>
*/
table.m {margin:1em; padding:1px; background-color:#FF0000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:normal; font-style: italic;}
th.m {background-color:#FFF5AA; padding:5px; text-align:left;}
td.m {background-color:#FFF5AA; padding:5px;}

p.rahmen { 	border-bottom: 25px solid red; 
			border-left: 25px solid yellow;
			border-right: 25px solid blue;
			border-top: 25px solid green; 
			width: 300px; line-height: 200% ; font-size: 16px; font-weight: bold; color: #999999; padding: 10px;}

/*.Beispiel {border:none;}
.Beispiel {margin: 1em 0.2em 1em 0.2em; border-left: solid red; padding:0.2em; font-style:italic;} /* Benutzung: <Zitat> Text </Zitat>*/