/*-----------------------------------------*/
/* Cascading Style Sheets für Java-Applets */
/* (Inhaltsverzeichnis)                    */
/* 27.04.2003 - 12.03.2010                 */
/*-----------------------------------------*/

/* Ganze Seite */

body {
  margin-top:10px;                          /* Abstand nach oben */
  margin-bottom:10px;                       /* Abstand nach unten */
  background-color:#000000;                 /* Hintergrund schwarz */
  font-family:Arial,Helvetica,sans-serif;   /* Serifenlose Schrift */
  font-size:14px;                           /* Zeichengröße */
  font-weight:bold;                         /* Fettdruck */
  }

/* Trennlinie */

hr {
  margin-top:20px;                          /* Abstand nach oben */ 
  margin-bottom:20px;                       /* Abstand nach unten */
  width:100%;                               /* Volle Breite */
  border:solid 2px #00ffff;
  }

/* Links */

a:link {
  color:#0000ff;
  }

a:visited {
  color:#0000ff;
  }

a:hover {
  color:#e000e0;
  }

a:active {
  color:#ff0000;
  }

/* Tabelle für Überschrift */

table.titel {
  width:100%;
  border:1px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  }

td.icon {
  width:20%;
  background-color:#ffff00;
  padding:10px;
  text-align:center;
  }

td.titel {
  width:80%;
  background-color:#ff40a0;
  text-align:center;
  }

h1 {
  font-family:Arial,Helvetica,sans-serif;
  font-size:30px;
  font-weight:bold;
  }

div.autor1 {
  font-size:16px;
  background-color:#ff40a0;
  color:#000000;
  }

div.autor2 {
  font-size:20px;
  color:#00ffff;
  }

/* Tabelle für Versionen */

table.version {
  margin-top:10px;
  width:100%;
  background-color:#ffffff;
  border:2px solid #000000;                 /* Ausgleich */
  }

td.version1 {
  width:20%;
  padding:10px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  }

td.version2 {
  width:30%;
  padding:10px;
  text-align:left;
  font-weight:bold;
  }

td.version3 {
  width:20%;
  padding:10px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  }

td.version4 {
  width:10%;
  padding:10px;
  text-align:center;
  font-weight:bold;
  }

div.flagge {
  padding:10px;
  }

div.version2a {
  font-size:16px;
  }

div.version2b {
  margin-top:5px;
  font-size:14px;
  }

div.version3 {
  border:double 10px #ff0000;
  padding:5px;
  background-color:#ffff00;
  }

/* Tabelle für Flaggen */

table.flaggen {
  margin-top:10px;
  width:100%;
  background-color:#ffffff;
  border:2px solid #000000;                 /* Ausgleich */
  }

td.flaggen {
  width:10%;
  padding:10px;
  text-align:center;
  }

/* Tabelle für Hinweis */

table.hinweis {
  margin-top:10px;
  width:100%;
  background-color:#ffff00;
  font-weight:normal;
  color:#ff0000;
  border:2px solid #000000;                 /* Ausgleich */
  }

/* Tabelle für das eigentliche Inhaltsverzeichnis */

table.inhalt1 {
  margin-top:10px;
  width:100%; height:50px;
  background-color:#40c0ff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:20px;
  font-weight:bold;
  border:2px solid #000000;
  }

table.inhalt2 {
  width:100%;
  font-weight:bold;
  }

td.inhalt2l {
  width:75%; border-width:0px;
  background-color:#a0ff40;
  padding:5px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  }

td.inhalt2r {
  width:25%; border-width:0px;
  background-color:#a0ff40;
  padding:5px;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:normal;
  }

div.neu {
  color:#ff0000;
  }

/* Tabelle für Links */

table.links {
  margin-top:20px;
  background-color:#ffff00;
  text-align:center;
  font-weight:bold;
  }

td.links {
  padding:10px;
  }

/* Tabelle für Hinweise am Ende */

table.ende {
  width:100%;
  background-color:#c0c0ff;
  }

td.ende {
  padding:5px;
  font-size:14px;
  background-color:#c0c0ff; 
  color:#000000;
  font-weight:bold;
  }
  
/* Icons für HTML bzw. CSS-Prüfung */

img.ende {
  margin-left:20pt;
  margin-right:20pt;
  }