/*-----------------------------------------*/
/* Cascading Style Sheets für HTML5-Apps   */
/* (Inhaltsverzeichnis)                    */
/* 27.04.2003 - 05.07.2015                 */
/*-----------------------------------------*/

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

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

td.flaggen {
  width: 10%;
  padding: 10px;
  text-align: center;
  font-size: 10px;
  }
  
td.flaggen img {
  border: 1px solid #000000; 
  }

/* Tabelle für Hinweis */

table.hinweis {
  margin-top: 10px;
  width: 100%;
  background-color: #ffff00;
  font-weight: normal;
  color: #ff0000;
  border: 2px solid #000000;           
  }

/* Tabelle für das eigentliche Inhaltsverzeichnis */

table.inhalt1 {
  margin-top: 10px;
  width: 100%; 
  height: 50px;
  background-color: #40c0ff;
  font-size: 20px;
  font-weight: bold;
  border: 2px solid #000000;
  }

table.inhalt2 {
  width: 100%;
  font-weight: bold;
  }

td.inhalt2l {
  width: 60%; 
  border-width: 0px;
  background-color: #a0ff40;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  }

td.inhalt2r {
  width: 20%; 
  border-width: 0px;
  background-color: #a0ff40;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  }

div.neu {
  color: #ff0000;
  }

/* Tabelle für Links */

table.links {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  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;
  }