/* Datei m_stile02.css                                                         */
/* enthält CSS-Definitionen, die für alle Seiten von www.cumschmidt.de gelten. */

* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
}

body {
  margin: 0;
  padding: 0;
  background-color: #c4ffc4;
}

#navi {
  position: absolute;
  top: 5em;
  left: 1em;
  width: 12em;
  font-family: Arial, Helvetica, sans-serif;
  border: 2px solid #a0a0a0;
  background-color: #a0ffa0;
}

#navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navi li {
  border-bottom: 1px solid #404040;
}

#navi li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 12px solid #00ff00;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
}

#inhalt {
  margin-left: 16em;
  margin-right: 1em;
}

#inhalt li  {
  line-height: 120%;
}

#inhalt li.mitabstand  {
  /*  Auch wenn einige Zeilen Hochstellungen enthalten, bleiben die Zeilenabstände gleich. */
  line-height: 160%;
}

#inhalt li.mitzwischenraum {
  /*  Bei längeren Listenpunkten ist es angenehm, zwischen den Listenpunkten etwas Abstand einzufügen. */
  margin-top: 1mm;
}

p {
  line-height: 120%;
}

h1 {
  font-family: Arial, sans-serif;
  font-size: 1.5em;
  text-align: center;
}

sub  { font-size: 80%  }
sup  { font-size: 80%  }

hr  {
  border: none;
  background-color: #0000ff;
  color: #0000ff;
  height: 3px;
  width: 90%;
}

hr.trennlinie  {
  border: none;
  background-color: #000000;
  color: #000000;
  height: 2px;
  width: 60%;
}

a:link        { color:#0000ff; }
a:visited     { color:#0080ff; }
a:hover       { color:#800000; }
a:active      { color:#000080; }
a:focus       { color:#000080; }

*.fett        { font-weight: bold; }
*.blautext    { color:#0000ff; }
*.rottext     { color:#ff0000; font-weight: bold; font-size: 1.1em; }
*.pfeil       { font-size: 140% }
*.griech      { font-family: Symbol, monospace; }
*.clear       { clear: both;   }

*.xx          { margin-left: 1em; }    /* für eingerückte Absätze in Bildunterschriften, zB s_schmelzen01.htm */

p.zwischenueberschrift {
  font-size: 1.2em;
  margin-bottom: -0.6em;
}

p.ueblau  {
  font-size: 1.2em;
  margin-bottom: -0.6em;
  color:#0000ff;
}

p.achtung  {
  font-size: 1.2em;
}

p.platzhalter  {
  font-size: 20%;
}

p.zentriert  {
  text-align: center;
}

p.formelzentriert {
  margin-top: -1.0em;
  margin-bottom: -0.8em;
  text-align: center; }

p.eingerueckt  {
  margin-left: 3em;
}

p.alphabet  {
  font-size:150%;
  text-align:center;
}

p.ueberschrift_ganzoben  {
  font-size: 1.2em;
  margin-top: -0.6em;
}

p.mit_kleinem_abstand  {
  margin-top: -0.7em;
}

p.ivz1  {
  font-size:1.5em;
  margin-left:8mm;
  margin-top:4mm;
  margin-bottom:2mm;
}

p.ivz2  {
  font-size:1.2em;
  margin-left:15mm;
  margin-top:2mm;
  margin-bottom:2mm;
}

p.ivz3  {
  margin-left:21mm;
  margin-top:2mm;
  margin-bottom:2mm;
}

p.ivz8  {
  margin-left:26mm;
  margin-top:-2mm;
  margin-bottom:2mm;
}

p.hoch  {
  text-align: right;
  margin-bottom: -1em;
  font-size: 0.8em;
  font-weight: bold;
}

p.hoch a  {
  text-decoration: none;
}

p.merksatz  {
  border: 2px solid #888888;
  margin: 2em 5em 2em 5em;
  padding: 1em;
}

a.undekoriert  {
  text-decoration: none;
}

.ohnerand  {
  border: none;
}

/* einfaches Bild ohne Unterschrift, links stehend und von Text umflossen. Beispiel : v_versuche.htm
   und analog rechts stehend */

img.bildlinks  {
  float:left;
  padding: 1em;
}

img.bildrechts  {
  float:right;
  padding: 1em;
}

/* Ende einfaches Bild */

/* Reihe von Bildern, die OHNE Abstand untereinander angeordnet sind. Beispiel : s_stoffe01.htm */

img.ohneabstand  {
  margin-top: -1mm;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  margin-right: 2em;
}

/* Ende Reihe von Bildern ohne Abstand */

/* Eine ganz gewöhnliche Tabelle mit Textelementen */

table.texttabelle  {
  margin-top: 5mm;
  margin-bottom: 5mm;
  border: 2px solid #888888;
  border-collapse:collapse;
}

td.textzelle_links  {
  border: 1px solid #888888;
  padding: 1mm;
}

td.textzelle_zentriert  {
  border: 1px solid #888888;
  padding: 1mm;
  text-align: center;
}

td.textzelle  {
  vertical-align: top;
  padding: 0em 1em 0em 1em;
}

th.textzelle  {
  border: 1px solid #888888;
  padding: 1em;
}

/* Ende gewöhnliche Tabelle mit Textelementen */

td.litverz  {
  padding: 0.5em 1.5em 0em 0em;     /* top right bottom left */
  vertical-align:top;
}

/* Tabelle mit Bildern. Die Bilder stehen in der linken Spalte und sind Links.
   Zu jedem Bild steht in der rechten Spalte Text. Die Bilder haben Abstand. Beispiel : index.html */

.bildlinks_tabelle {
  border: 1px solid #000000;
}

td.bildlinks  {
  /* für eine Tabellenzelle, die am linken Rand der Tabelle steht und ein Bild als Link enthält.
     padding wird hier gemacht und nicht rund ums Bild, weil beim Anklicken des Bildes (des Links) ein gestrichelter
     Rahmen in Größe von Bild plus padding entsteht.  */
  padding: 0em 2em 1em 0em;
}

/* Ende Tabelle mit Bildern */

/* 2 Bilder nebeneinander, jedes hat eine Bildunterschrift, das ganze mittig auf der Seite
   Beispiel : x_xenia01.htm */

table.tabellemittig {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

td.bild_mitunterschrift  {
  padding: 1em 1em 0em 1em;
}

td.bildunterschrift  {
  padding: 0em 1em 0.5em 1em;
}

td.bildunterschrift_lb  {
  padding: 0em 1em 0.5em 1em;
  text-align:left;
}

/* Ende 2 Bilder nebeneinander */

/* Tabelle mittig auf der Seite. Der Text in der Tabelle linksbündig. Beispiel : s_willkommen.htm */

table.tabellemittig2  {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

/* Ende Tabelle mittig */

/* Ein einzelnes Bild mit Bildunterschrift am linken bzw. rechten Seitenrand, von Text umflossen.
   Für Bild und Bildunterschrift wird td.bild_mitunterschrift und td.bildunterschrift verwendet.
   Beispiel : x_xenia10.htm */

table.bildlinks  {
  float: left;
  text-align: center;
  margin: 0mm 4mm 2mm 0mm;
}

table.bildrechts  {
  float: right;
  text-align: center;
  margin: 0mm 2mm 4mm 0mm;
}

/* Ende Bild mit Unterschrift links / rechts */

/* Links eine Spalte mit Bildern, rechts davon der zugehörige Text. Bilder werden nicht von Text umflossen.
   Beispiel : v_brennpaste.htm */

td.bildspalte_links  {
  text-align:center;
  vertical-align:top;
}

td.textspalte_rechts  {
  vertical-align:top;
  padding-left:8mm;
}

/* Ende Spalte mit Bildern */

/* Links eine Spalte mit Bildern, rechts davon der zugehörige Text. Zu jedem Bild gehört Text. Der Text steht
   beim Bild - dies ist der Unterschied zum obenstehenden. Beispiel : v_gefahrstoffe.htm */

td.bildzelle_links  {
  padding-top:4mm;
  vertical-align:top;
  text-align:center;
}

td.textzelle_rechts  {
  vertical-align:top;
}

/* Ende Spalte mit Bildern */

/* Links eine Spalte mit Bildern, rechts davon der zugehörige Text. Zu jedem Bild gehört Text.
   Dies ist eine Variante zu bildzelle / textzelle direkt drüber Beispiel : s_modelle01.htm */

td.bildzelle02_links  {
  padding-top:8mm;
  vertical-align:top;
  text-align:center;
}

td.textzelle02_rechts  {
  vertical-align:top;
  padding-left:8mm;
}

/* Ende Spalte mit Bildern */






/* Spezielle Tabelle - Eigentlich gar keine Tabelle, sondern ein Kasten mit Merksatz */
/* vgl. auch p.merksatz */

table.typ6    {
  margin: 5mm 10mm 5mm 10mm;
  border-width:2px;
  border-style:solid;
  border-color:#888888;
}

table.typ6 td  {
  padding: 4mm;
}

/* Ende */

/* Tabelle mit dem Navigationsmenü unterhalb des Textkörpers */

table.navitab  {
  clear: both;
  font-size: 0.8em;
  font-weight: bold;
  border-collapse: collapse;
}

table.navitab td  {
  padding-left: 12px;
}

table.navitab td.zwischending  {
  font-size: 20%;
}

table.navitab a  {
  text-decoration: none;
}

table.navitab hr  {
  border: none;
  background-color: #00ff00;
  color: #00ff00;
  height: 2px;
  width: 90%;
}

/* Ende Tabelle mit dem Navigationsmenü */

/* Tabelle, die nur einen Link zum Seitenanfang enthält */

table.hoch  {
  font-size: 0.8em;
  font-weight: bold;
  text-align: right;
}

table.hoch a  {
  text-decoration: none;
}

/* Ende Tabelle mit dem Navigationsmenü */

/* noch nicht benutzte */


.textrechts  {
  float:right;
  width: 20em;
  border: 1px solid #ff0000;
}

/* ab hier jquery-Sachen */

div#ausgabe {
}