/* Stylesheet-Datei fuer Beitraege */

/* Allgemein - gilt also für jegliche Inhalte */
#inhalt .rot       {color: #A00;}
#inhalt .gelb      {color: #880;}
#inhalt .gruen     {color: #080;}
#inhalt .blau      {color: #008;}
#inhalt .blassblau {color: #DDF;}
#inhalt .tuerkis   {color: #088;}
#inhalt .violett   {color: #808;}
#inhalt .grau      {color: #AAA;}
#inhalt .schwarz   {color: #000;}

#inhalt .gross   {font-size: 120%;}

#inhalt .fett    {font-weight: bold;}

#inhalt .links   {text-align: left;}
#inhalt .zentriert {text-align: center;}
#inhalt .rechts  {text-align: right;}

/* Links unterhalb von Artikeln für das Blättern bei mehrseitigen Beiträgen */
#inhalt div.link-links {margin-top: 1.5em; float: left; width: 33.3%; text-align: left;}
#inhalt div.link-mitte {margin-top: 1.5em; float: left; width: 33.3%; text-align: center;}
#inhalt div.link-rechts {margin-top: 1.5em; float: left; width: 33.3%; text-align: right;}
#inhalt .pfeillink-links {padding-left: 17px; background: url(../images/linkpfeil-links.png) no-repeat; background-position: left center;}
#inhalt .pfeillink-oben {padding-left: 17px; background: url(../images/linkpfeil-oben.png) no-repeat; background-position: left center;}
#inhalt .pfeillink-rechts {text-align: right; padding-right: 17px; background: url(../images/linkpfeil-rechts.png) no-repeat; background-position: right center;}

/* Wenn kein Zwischenraum oberhalb gewünscht ist (z.B. bei Überschriften direkt unter dem Seitentitel),
   dann wird diese Klasse eingebunden */
#inhalt .keinzwraum {margin-top: 0; padding-top: 0;}

/* Horizontale Trenner */
#inhalt hr             {border: none; border-top: 1px solid #888; margin: 1.5em 0;}
#inhalt hr.gepunktet   {border: none; border-top: 1px dotted #888; margin: 1em 0;}
#inhalt hr.gestrichelt {border: none; border-top: 1px dashed #888; margin: 1em 0;}

/* Tiefgestellte Schrift */
#inhalt .sub {font-size: 5px; position: relative; top: 0.5em;}

/* Verweise */
#inhalt a.ohnelinie {border-bottom: none;}

/* Hinweisschild Neuigkeiten */
.neu {font-weight: bold; padding-top: 0.1em; padding-right: 0.4em; padding-bottom: 0.1em; padding-left: 0.4em; background-color: #dddd00; color: #cc0000;}

#inhalt h2
{
  background: url(../images/horizontal-verlauf-1.png) repeat-y;
  font-weight: normal;
  font-size: 120%;
  padding: 0.1em 0.5em;
  letter-spacing: 0.05em;
  margin-top: 1.5em;
}

#inhalt h3
{
  font-size: 120%;
  font-weight: normal;
  color: #44C;
  margin-top: 1.5em;
}

#inhalt h4
{
  font-size: 100%;
  font-weight: bold;
}

/* Bereich für Seitentitel und E-Mail-, Druck- und PDF-Icons bei Artikeln */
div.contentpaneopen {margin-bottom: 1.5em; border-bottom: 1px dashed #000;}
table.contentpaneopen {width: 100%; padding: 0; margin: 0;}

/* Titel des aktuell angezeigten Beitrags */
td.contentheading, td.componentheading
{
  width: 100%;
  padding: 0;
}

/* Artikelüberschrift */
h1.contentheading
{
  margin: 0em;
  font-size: 140%;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  color: #000;
  padding: 0em;
}

/* Überschrift von Komponenten */
div.componentheading, h1.componentheading
{
  margin: 0em;
  font-size: 140%;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  color: #000;
  border-bottom: 1px dashed #000;
  padding: 0;
}

/* Beitragstitel: Tabellenzelle für Icons für PDF, E-Mail, Drucken */
td.buttonheading
{
  text-align: right;
}

/* Bereich für Icon */
span.buttonheading
{
  margin-left: 10px;
  border-spacing: 0;
  padding-bottom: 0em;
}

/* Icon-Links erhalten keinen Unterstrich */
.buttonheading a
{
  border-bottom-style: none;
  padding: 0;
  margin: 0;
}

/* Abschnitte */
.contentdescription
{
  margin: 15px 0 0 0;
  padding: 0.2em 0.5em;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #333;
  background-color: #EEE;
}

.contentpane
{
  margin: 0;
  padding: 0;
}

#inhalt p
{
  margin: 1em 0em 0em 0em;
  padding: 0em;
}

/* Absatz für Zurück-Verweis */
#inhalt div.zurueck
{
  margin-top: 1em;
  width: 100%;
  text-align: right;
}

/* Hervorhebung */
em {font-weight: normal; font-style: italic;}

/* Deutliche Hervorhebung */
span.warnung {color: #C00;}

/* Formelbereich */
#inhalt .formel {font-style: italic; padding: 0.5em 1em; border: 1px dotted #AAA; background-color: #EEF; margin: 1em 0em;}

/* Über uns */
td.ueberuns-0 {vertical-align: top; width: 50%;}
td.ueberuns-1 {vertical-align: top; padding-bottom: 1em;}
td.ueberuns-2 {padding: 0.5em 0 0 1.5em; vertical-align: top;}
#inhalt h3.ueberuns   {font-weight: bold; font-variant: small-caps; padding: 0; margin: 0;}
#inhalt span.ueberuns {font-style: italic;}

/* Farbige Tabellen */
table.text {table-layout: fixed; white-space: nowrap; margin-top: 1.5em; margin-bottom: 0.5em; border-collapse: collapse; border: 1px solid #AAA;}
th.text {padding: 0.3em 1em; text-align: left; color: #006699; background-color: #CCC; font-weight: bold; vertical-align: top;}
tr.text {margin: 0.5em;}
td.text-td1 {width: 10em; padding: 0.5em 1em; color: #000; background-color: #F0F0F0; border: 1px dashed #AAA;}
td.text-td2 {width: 10em; padding: 0.5em 1em; color: #000; background-color: #E0E0E0; border: 1px dashed #AAA;}
tr.text-gerade   {background-color: #DDD;}
tr.text-ungerade {background-color: #EEE;}
td.text-gerade, td.text-ungerade {padding: 0.3em 1em;}
td.links  {text-align: left;}
td.mitte  {text-align: center;}
td.rechts {text-align: right;}

/* Schwerpunkte */
table.schwerpunkte {margin-top: 1.5em;}
table.schwerpunkte td {vertical-align: top; padding-top: 0.5em; padding-bottom: 1.5em;}
table.schwerpunkte td.bild {padding-right: 2em; padding-top: 0em;}

/* Hinweis auf letzte Änderung am Ende jedes Artikels */
.modifydate {font-style: italic; font-size: 90%; color: #AAA; background-color: transparent; padding-top: 1.5em;}

/* Startseite */

/* Neuigkeit bei einzelner Neuigkeit */
div.neuigkeit {clear: both; min-height: 77px; padding: 0.5em 1em; border: 1px solid #AAA; background: url(../images/neuigkeit-hintergrund.png) repeat-x;}

/* Erste Neuigkeit bei zwei Neuigkeiten (ganz oben) */
div.neuigkeit1 {clear: both; min-height: 77px; padding: 0.5em 1em; border: 1px solid #AAA; border-bottom: 1px dashed #AAA; background: url(../images/neuigkeit-hintergrund.png) repeat-x;}

/* Zweite Neuigkeit bei zwei Neuigkeiten (kommt danach) */
div.neuigkeit2 {clear: both; min-height: 77px; padding: 0.5em 1em; border: 1px solid #AAA; border-top: none; background: url(../images/neuigkeit-hintergrund.png) repeat-x;}

/* Bilder in Neuigkeiten (werden auf der rechten Seite positioniert) */
img.neuigkeit {float: right; padding: 0; margin: 5px 0 0 15px; vertical-align: top; border: 1px solid #888; width: 100px; height: 75px;}

/* Datum der Neuigkeit */
span.neuigkeit-datum {font-variant: small-caps; font-size: 110%; font-weight: normal;}

/* Absätze der Neuigkeiten */
div.neuigkeit p, div.neuigkeit1 p, div.neuigkeit2 p {margin: 0 !important; padding: 0 !important;}

/* Artikeltrenner für Neuigkeitenmodule ausschalten */
.article_separator {display: none;}

/* Neuigkeiten */
div.neuigkeit-oben {margin-bottom: 1.5em; padding: 0.5em 0.8em; border: 1px dotted #AAA; background-color: #EEE;}

/* Startseite links */
td.article_column {padding-right: 1.5em;}
#inhalt td.article_column h2 {margin-top: 0;}

/* Startseite rechts */
td.column_separator {border-left: 1px dashed #AAA; padding-left: 1.5em; padding-right: 0em;}

/* Überschrift der Startseite */
#inhalt h1.startseite
{
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.05em;
  border-left: none;
  padding: 0;
  margin: 0 0 0.5em 0;
  font-size: 130%;
  color: #36A;
}

/* Auflistungen Startseite, oberste Ebene */
#inhalt ul.startseite {padding-left: 1.5em; list-style-image: url(../images/block-blau.gif);}
#inhalt ul.startseite li {margin-bottom: 0.7em;}

/* Auflistungen Startseite, zweite Ebene */
#inhalt ul.startseite li ul {padding-left: 1.5em; list-style-image: url(../images/rahmen-blau.gif);}
#inhalt ul.startseite li ul li {margin: 0em;}

/* Spezielle, enge Liste (z.B. für Auflistung des Inhalts des Startersets - würde sonst zu hoch) */
#inhalt ul.startseite-keinabstand li {margin: 0em 0em 0em 2em;}


/* Float aufheben */
#inhalt br.clear {clear: both;}

/* Hervorgehobener Block */
#inhalt .wichtig {border: 1px dotted #AAA; background-color: #EEF; vertical-align: top; padding: 0.5em 1em; margin: 1.5em 0em 0.5em 0em;}


/* Warnhinweis-Block */
#inhalt div.warnung {border: 1px dotted #AAA; background-color: #FFD; vertical-align: top; padding: 0.5em;
                     margin: 1em 0em; min-height: 48px; vertical-align: middle;}

/* Warnsymbol */
#inhalt img.warnsymbol {padding: 0.25em 0em 0.25em 0.5em; vertical-align: top; float: left;}

/* Warntext */
#inhalt p.warnung {padding: 0; margin: 0 0 0 54px;}

/* Hervorgehobener Text im Warnungstext */
#inhalt p.warnung em {font-weight: normal; font-style: italic; color: #800;}

/* Listen mit Pfeilen */
#inhalt ul.pfeile
{
  margin: 1em 0 0 0;
  padding-left: 2em;
}

#inhalt li.pfeile
{
  list-style-image: url(../images/menue-pfeil.png);
  margin: 1em 0 0 0;
}

/* Für horizontale Listen */
#inhalt ul.horizontal
{
  margin: 1em 0 3em 0;
}

#inhalt li.horizontal
{
  float: left;
  padding-right: 4em;
}

/* Liste allgemein */
#inhalt ul.liste
{
  margin: 1.5em 0;
}

/* Allgemeine Bilder: Rahmen und Schatten */
#inhalt img.schatten
{
  background: url(../images/bildschatten.png) no-repeat right bottom;
  padding: 4px 10px 10px 4px;
  border: #EEE 1px solid;
  border-right: none;
  border-bottom: none;
}

/* Allgemeine Bilder: Rahmen ohne Schatten */
#inhalt img.rahmen
{
  padding: 4px;
  border: #CCC 1px solid;
}

/* Abstand von im Text eingebetteten Bildern */
#inhalt img.textabstand
{
  margin: 1.5em 0em;
}

/* Bilder, die links sitzen und rechts umflossen werden */
#inhalt img.links {float: left; margin: 1em 2em 1em 0em;}

/* Bilder, die rechts sitzen und links umflossen werden */
#inhalt img.rechts {float: right; margin: 1em 0em 1em 1em;}

/* Kleiner Pfeil nach rechts im Text */
#inhalt span.pfeilrechts
{
  background: url(../images/pfeil-rechts.png) no-repeat center center;
  padding: 1em;
}

/* Listenpfeile */
#inhalt li.pfeilrechts
{
  list-style-image: url(../images/pfeil-rechts.png);
}

/* Regenbogenhintergrund */
#inhalt .regenbogen {background: url(../images/regenbogen-1.png) repeat-y; border: 1px dotted #008; padding: 0.5em 1em; font-weight: bold;}

/* Weitere Farbverläufe für spezielle Artikel */
#inhalt .tab-H2SO4-gruen {font-weight: bold; text-align: center; background-color: #CFC;}
#inhalt .tab-H2SO4-rot {font-weight: bold; text-align: center; background-color: #FCC;}
#inhalt .tab-H2SO4-gelb {font-weight: bold; text-align: center; background: #FF9;}