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

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

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

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

/* Navigationsmenu Flyout 2012 */

.navi:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

#navi_2012 {
  margin-left: 3em;
  margin-right: 1em;
}

#navi_2012_xxl {
  margin-left: 3em;
  margin-right: 1em;
}

#navi_2012 ul {
  width: 60em;
  list-style-type: none;
  margin: 10px;
}

#navi_2012 ul ul {
  display: none;
  position: absolute;
  width: 240px;
  margin: 0;
  left: 1em;
  top: 46px;
}

#navi_2012 ul ul ul {
  left: 150px;
  top: 0;
}

#navi_2012 li {
  float: left;
  position: relative;
  padding: 5px 15px 5px 5px;
  border-left: 1px solid #000000;
  background-color: #f6c070;
}

#navi_2012 li li {
  float: none;
  padding: 0;
  border-left: 12px solid #f0a028;
}

#navi_2012 li li li {
}

#navi_2012 a {
  text-decoration: none;
}

#navi_2012 li li li a {
  background-color:#f6c070
}

#navi_2012 li li a {
  width: 220px;
  margin: 0 0 0 0;
  padding: 3px 0 3px 3px;
  display: block;
  background-color:#f6c070;
}

#navi_2012 li:hover ul ul {
  display: none;
}

#navi_2012 li:hover ul {
  display: block;
}

#navi_2012 li li:hover ul {
  display: block;
}

/* Allgemeine Einstellungen für den Seiteninhalt */

#inhalt {
  margin-left: 5em;
  margin-right: 1em;
  width: 880px;
}

#inhalt_xxl {
  margin-left: 5em;
  margin-right: 1em;
  width: 1000px;
}

#inhalt li  {
  line-height: 120%;
  margin-top: 1mm;
}

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

#inhalt ul {
  margin: 15px 0 20px 40px;
}

#inhalt_xxl {
  margin-left: 6em;
  margin-right: 1em;
  width: 1000px;
}

#inhalt_xxl li  {
  line-height: 120%;
  margin-top: 1mm;
}

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

#inhalt_xxl ul {
  margin: 15px 0 20px 40px;
}

*.zentriert   { text-align: center; }
*.blautext    { color:#0000ff; }
*.rottext     { color:#ff0000; font-weight: bold; font-size: 1.1em; }
*.clear       { clear: both;   }
*.gross12     { font-size: 1.2em; }

h1 {
  font-family: Arial, sans-serif;
  font-size: 1.5em;
  margin-left: 8em;
}

h1.mittig {
  font-family: Arial, sans-serif;
  font-size: 1.5em;
  margin-left: 0;
  text-align: center;
}

h2 {
  font-family: Arial, sans-serif;
  font-size: 1.2 em;
}

h3.vor_p {
  margin: 1em 0 1em 0;
}

p {
  line-height: 120%;
  margin-bottom: 0.7em;
}

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

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

p.platzhalter50  {
  font-size: 50%;
}

/* Tabellen für Bilder */

/* 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;
}

/* wie table.bildrechts, aber Bilder und Absätze gleichlaufend */

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

/* 2 Bilder nebeneinander, jedes hat eine Bildunterschrift, das ganze mittig auf der Seite
   Beispiel : s_start.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.7em 1em;
}

/* Ende 2 Bilder nebeneinander */

/* Links eine Spalte mit Bildern, rechts davon der zugehörige Text. Zu jedem Bild gehört Text. Der Text steht
   beim Bild. 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. Bilder werden nicht von Text umflossen.
   Beispiel : x_xenia02.htm */

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

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

/* Ende Spalte mit Bildern */

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

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

/* Ende gewöhnliche Tabelle mit Textelementen */

/* 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;
}

/* Ende Tabelle mit dem Navigationsmenü */




/*

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

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


*.fett        { font-weight: bold; }
*.griech      { font-family: Symbol, monospace; }
*.initial     { color:#ff0000; font-size:180%;   }

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

p.zentriert  {
  text-align: center;
}

p.zentriert_gross  {
  text-align: center;
  font-size: 1.5em;
}

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

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

p.schreibschrift {
  font-family: Comic Sans MS,Arial,Helvetica,sans-serif;
  font-size: 1.5em;
}

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;
}

div.mitrand  {
  margin: 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;
}

/* Ende gewöhnliche Tabelle mit Textelementen */

/* 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 */

/* 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 */

/* Spezielle Tabelle */

/*

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

table.typ6 td  {
  padding: 4mm;
}

/* Ende */

/* ab hier jquery-Sachen */

div#ausgabe {
}