/* Datei: main.css */
/* CSS-Datei für die vom Projekt genutzten Style-Sheets */

/* Es wird Zeit, endlich dieses haessliche Times New Roman zu eliminieren. */
/* Dazu wandern jetzt einige Einstellungen aus dem Projekt "98quality-management" hierher */
/* und werden im Laufe der Zeit hier feinoptimiert. */


body
{
  background-color: #C0F0FF;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12pt;
  line-height: 15pt;
  text-align: left;
}

table
{
  width: 950px;
  margin: 0px;
  border-collapse: separate;
  border-style: solid;
  border-color: #000000;
  border-width: 0px;
  border-spacing: 0px;
  padding: 0px;
  empty-cells: show;
  table-layout: fixed;

  background-color: #C0F0FF;
  color: #000000;
}

th
{
  border-style: solid;
  border-color: #000000;
  border-width: 0px;
  padding: 0px;
}

td
{
  border-style: solid;
  border-color: #000000;
  border-width: 0px;
  padding: 0px;
}

p
{
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Definition der Ueberschriften - Fontgroessen */

h1{font-size: 30pt; line-height: 33pt; font-weight: bold}
h2{font-size: 24pt; line-height: 27pt; font-weight: bold}
h3{font-size: 20pt; line-height: 23pt; font-weight: bold}
h4{font-size: 16pt; line-height: 19pt; font-weight: bold}
h5{font-size: 15pt; line-height: 18pt; font-weight: bold}
h6{font-size: 14pt; line-height: 17pt; font-weight: bold}

/* Definition der Ueberschriften - Abstaende */
      h1{margin-top:   3.5em; margin-bottom: 0em}
      h2{margin-top:   3.5em; margin-bottom: 0em}
      h3{margin-top:   3.5em; margin-bottom: 0em}
      h4{margin-top:   3em; margin-bottom: 0em}
      h5{margin-top:   3em; margin-bottom: 0em}
      h6{margin-top:   3em; margin-bottom: 0em}
 h1.oben{margin-top:   0em; margin-bottom: 0em}
 h2.oben{margin-top: 0.5em; margin-bottom: 0em}
 h3.oben{margin-top:   1em; margin-bottom: 0em}
 h4.oben{margin-top:   1em; margin-bottom: 0em}
h1.klein{margin-top: 1.5em; margin-bottom: 0em}

/* Weitere Überschriften */
h2.lernautomat{margin-top: 10.0em; margin-bottom: 0em}
hr.lernautomat{margin-top: 10.0em; margin-bottom: 0em}

/* Linkfarben */
a:link         { color:#0000FF; text-decoration:underline; }
a:visited      { color:#006000; text-decoration:underline; }
a:active       { color:#00FF00; text-decoration:underline; }
a[name]:active { color:#FFFF00; text-decoration:underline; font-weight: bold }
a[name]        { color:#FF0000; text-decoration:blink overline; font-weight: bold }

/* Aufzählungen */
ul
{
  list-style-type:disc;
  list-style-position:outside;
  margin-top: 1em;
  margin-bottom: 1em;
  text-indent: 0em;
}

ul ul
{
  list-style-type:square;
}

ul ul ul
{
  list-style-type:circle;
}

ol
{
  margin-top: 1em;
  margin-bottom: 1em;
}

ol.block
{
  margin-top: 2em;
  margin-bottom: 2em;
}

ol.la
{
  list-style-type: lower-alpha;
}

ol.UA
{
  list-style-type: upper-alpha;
}

ul.ABC
{
  list-style-type:none;
  text-indent: -1.45em;
}

li
{
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

ul.kompakt>li,
ol.kompakt>li
{
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

ul.gross>li,
ol.gross>li
{
  margin-top: 1em;
  margin-bottom: 1em;
}

li.abstand
{
  margin-bottom: 3em;
}

li.grau
{
  color: #80C0C0;
}

/*Spezielle Klassen*/
p.ende
{
  margin-top: 1em;
  margin-bottom: 10em;
}

p.abstand
{
  margin-top: 2.5em;
  margin-bottom: 1em;
}

p.achtung,
span.achtung
{
  color: #C00000;
}

p.vorsicht,
span.vorsicht
{
  color: #FF0000;
}

p.nichtsowichtig,
span.eventuell,
span.erklaerung
{
  color: #666666;
}

span.hervorhebung
{
  color: #00C0C0;
}

span.hervorhebung2
{
  color: #6020E0;
}

br.zwischenraum
{
  margin-top: 1em;
  margin-bottom: 1em;
}

table.hauptseite
{
  width: 710px;
  border-spacing: 3px;

  background-color: #C0F0FF;
  color: #000000;
}

table.schmaler
{
  width: 700px;
}

td.hauptseite
{
  padding: 7px;

  background-color: #E0F8FF;
  color: #000000;
}

td.hauptseite-highlight
{
  padding: 7px;

  background-color: #FFFFFF;
  color: #000000;
}

/* Opera und MSIE vertragen das nicht */
div.einruecken
{
  padding-left: 2.2em;
  text-indent: -2.2em;
}

div.abschnitt1
{
  font-weight: bold;
  text-decoration:underline;
  margin-top:    3em;
  margin-bottom: 0em
}

div.abschnitt1-oben
{
  font-weight: bold;
  text-decoration:underline;
  margin-top:    1em;
  margin-bottom: 0em
}

div.abschnitt2
{
  font-weight: normal;
  text-decoration:underline;
  margin-top:    3em;
  margin-bottom: 0em
}

div.abschnitt2-oben
{
  font-weight: normal;
  text-decoration:underline;
  margin-top:    1em;
  margin-bottom: 0em
}

div.zusatzinfo
{
  background-color: #E0F8FF;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  padding: 10px;
}

div.beispiel
{
  background-color: #E0F8FF;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  padding: 10px;
}

/* nicht mehr #90E0FF */
div.wichtig
{
  background-color: #FFF0C0;
  color: #000000;
  font-weight: bold;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  padding: 10px;
}

div.detailinfo
{
  margin-top: -1em;
  background-color: #E0F8FF;
}

div.lila_auf_gruen
{
  margin-top: 2em;
  background-color: #DDFF99;
  color: #400080;
  padding: 1px;
}

pre
{
  padding: 10px;
  font-family: DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, courier;
  font-size:9pt;
}

tt
{
  font-family: DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, courier;
  font-size:9pt;
}

i
{
/*  font-style: oblique; */
/*  font-style: italic;  */
/*  font-style: normal;  */
  font-style: oblique;
}

pre
{
  background-color: #FFFFFF;
}

pre.wichtig
{
  background-color: #90E0FF;
  border-style: dashed;
  border-color: #800000;
  border-width: 2px;
}

table.tabelle1,
table.tabelle2
{
  width: 900px;
  margin-left: 0px;
  border-width: 1px;
}

tr.tabelle1,
tr.tabelle2
{
}

th.tabelle1,
th.tabelle1a,
th.tabelle1b,
th.tabelle2
{
  width: 225px;
  border-width: 1px;
  background-color: #FFF0C0;
  padding: 4px;
  vertical-align:text-top;
}

td.tabelle1,
td.tabelle2
{
  border-width: 1px;
  background-color: #E0F8FF;
  padding: 4px;
  vertical-align:text-top;
}

th.tabelle1a
{
  width: 500px;
}

th.tabelle1b
{
  width: 200px;
}

th.tabelle2
{
  width: 450px;
}

table.werbung
{
  width: 900px;
  margin-left: 0px;
  border-width: 0px;
}

tr.werbung
{
}

td.werbung_content
{
  width: 280px;
  background-color: #FFF0C0;
  border-width: 1px;
  padding: 5px;
}

td.werbung_leer
{
  width: 15px;
  background-color: #C0F0FF;
}

img
{
  border-width: 0px;
}