body
  {
  background-color  : #FFFFFF;
  color				: #000000;
  margin			: 0;
  margin-left       : 1em;
  margin-right      : 1em;
  padding			: 0;
  font-family		: Trebuchet MS, Verdana, Georgia, sans-serif;
  }

/* die folgenden Definitionen bedeuten, dass um jeden DIV Container eine Umrandung gezogen wird.
   Will man dies verhindern, muss man diese Angaben in der entsprechenden Klasse relativieren (überschreiben)*/

div
  {
  border            : 1px solid #335;
  background-color  : #FFFFFF;
  color             : black;
  }

/* Abstandshalter für Absätze */

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

dt
  {
  margin                : 0.33em;
  padding               : 0;
  }


h1, h2, h3, h4
  {
  font-family		: Trebuchet MS, Verdana, Georgia, sans-serif;
  font-style		: normal;
  font-weight		: bold;
  margin			: 0;
  color             : #77A;
  background-color  : transparent;
  }

h1.black, h2.black, h3.black, h4.black
  {
  font-family		: Trebuchet MS, Verdana, Georgia, sans-serif;
  font-style		: normal;
  font-weight		: bold;
  margin			: 0;
  color             : #000000;
  background-color  : transparent;
  }

img
  {
   border-color     : transparent;
   border           : 0;
  }

img.foto
  {
   float: right;
   margin-top: 15px;
   margin-left:20px;
   margin-right:30px;
   margin-bottom:25px;
   border-color     : transparent;
   border           : 0;
  }


/* --- STANDARDLINKS --- */
A
  {
   font-weight      : bold;
   color            : #337; /*#337;         /* alte Farbe(geändert weil Kontrast auf schwachen TFT Displays schlecht): #ec8b4a;*/
   background-color : transparent;
/* border-color     : transparent; */
   text-decoration	: none;
  }

A:visited
  {
   color 			: #800080;
   background-color : transparent;
  }


A:link
  {
   color 			: #337;         /* alte Farbe(geändert weil Kontrast auf schwachen TFT Displays schlecht): #ec8b4a;*/
   background-color : transparent;
  }


A:hover
  {
   color 			: #8DC4EF;
   background-color : transparent; /* #cce6e6; */
  }

A:active
  {
   color 			: #993333;
   background-color : transparent; /*#6bef67; */
  }

/* Definitionen zur Navigationsleiste linke Seite */

h4.special /* ergibt in der Navigationsleiste die Überschriften in den verschiedenen Sektionen. Funktioniert natürlich nur im Zusammenspiel mit
              entsprechendem DIV Container (div.sidebar)*/
  {
  font-weight		: bold;
  letter-spacing	: 0.5em;
  padding			: 0.33em 0.5em 0.167em;
  border-top		: 0px solid #335;
  border-right      : 1px solid #88B;
  border-bottom		: 1px solid #335;
  background		: #00cc00;
  color				: #337;
  }

/* Regeln, die von der Hauptklasse DIV geerbt wurden, müssen nun natürlich umgeschrieben werden. Dieser Container bringt im Grunde das
   Grundgerüst für die Navigationsleiste am linken Rand*/

div#sidebar
  {
  position			: absolute;
  float             : left;
  top				: 80px;
  left				: 0;
  width				: 220px;
  background		: #FFFFFF; /* transparent;  (erschien nur im Opera bei #sidebar als Hintergrundfarbe falsch) */
  color             : #000000;
  padding			: 0;
  margin			: 1em;
  border-width		: 0;
  }

/* --------- Vererbte Eigenschaften ------------- */

div#sidebar div
  {
  margin-bottom		: 1em;
  }

/*
   Hier einmal eine Erklärung für folgendes Konstrukt (gilt für alle ähnlichen Codeschnipsel dieser Form hier):

   div#sidebar ist nichts weiter als eine Klasse, die die Eigenschaften von [ div{...} ] übernommen hat, diese in
   [ div#sidebar{...} ] zum Teil überschrieben hat. [ div#sidebar a {...} ] ist nichts anderes. Hier gelten aber
   einige Einschränkungen: Die folgenden Angaben gelten für [ <a> ] innerhalb von [ <div id="sidebar"> ]. Ausserhalb
   dieser Container kommen sie nicht zum tragen.

   [ div#sidebar a {...} ] hat die Eigenschaften des globalen [ a {...} ] geerbt. Da wir ein völlig anderes
   Verhalten bzw. Aussehen von [ <a> ] Elementen innerhalb der [ <div id="sidebar"> ] Container erreichen
   wollen, müssen wir konsequenter auch die Spezialfälle [ a:link {...} a:visited {...} usw. ] entsprechend angeben.

   Wichtig hierbei ist halt, das die folgenden [ a ] Angaben nur innerhalb von [ <div id="sidebar"> ] Elementen
   funktionieren. Man kann diese Vererbungen noch weit vertiefen (theoretisch unendlich).

 */

div#sidebar a
  {
  display			: block; /* -> Der gesamte Block ändert so z.B. seine Farbe beim OnMouseOver*/
  margin			: 0;
  padding			: 0.33em;
  letter-spacing	: 1px;
  text-align		: right;
  font-weight		: bold;
  border-bottom		: 1px solid #88B;
  border-right		: 1px solid #88B;
  color				: #337;
  background		: transparent none center left no-repeat;
  text-decoration	: none;}

div#sidebar a:link
  {
  color				: #226;
  background-color	: transparent;
  }

div#sidebar a:visited
  {
  color				: #800080;
  background-color	: transparent;
  }

div#sidebar a:hover
  {
  background		:  #DDDDDD; /* #C4C4C4; */
  color				: #338;
  }

/* #CBD0D6 Die Resourcen Link Sektion soll kleinere Links haben als die Hauptrubriken.
   Liegt daran, dass mit mehr Platzverbrauch gerechnet werden muss */

div.resources a
  {
  font-size			: 85%;
  display           : block;
  }

div.resources
  {
  border-bottom		: 1px solid #88B;
  }


div.resources span.small  /* Ersatz für das ursprünglich verwendete <small> (geändert da <small>
                             keine inhaltliche Aussage (-> Textauszeichnung) macht und unnötig ist) */
  {
   font-size        : 80%;
   border           : 0;
   margin           : 0;
   font-weight      : normal;
  }

/* Kann einfach in den Quelltext eingesetzt werden. [ div#note {...} ] selber muss nicht nochmal extra hier angegeben werden,
   sondern erbt nur Eigenschaften von [ div {...} ]. Im HTML Source [ <div id="note"> ] innerhalb des [ <div id="sidebar"> ]
   Containers steht, erbt es auch von dort die Eigenschaften */

div#note p
  {
  margin			: 0;
  padding			: 0.66em;
  font-size			: 80%;
  font-family		: sans-serif;
  line-height		: 1.33;
  color				: #335;
  background-color  : transparent;
  }

/* Für die Credits Angabe, da diese andere Eigenschaften erhalten soll. Gleichzeitig werden Eigenschaften von [ a ] innerhalb
   des Credits Bereiches geändert.  */

div#sidebar div#credits a
  {
  padding			: 0.33em 0.66em 0.167em 0.66em;
  letter-spacing	: 0;
  font-weight		: normal;
  text-align		: left;
  font-size			: 90%;
  display           : block; /* wommöglich unnötig, da schon vererbt */
  }

/* Textbereich (der Hauptext auf der Seite) rechts von der Navigationsleiste */

div#main
  {
  position          : absolute;
/*  float             : right; */
  top 				: 80px;
  left				: 250px;
  width				: auto;
  margin			: 1em;
  margin-right      : 1em;
/*  margin-left       : 30% */
  padding			: 1em 1.5em;
  padding-top       : 0em;
  border-color      : transparent;
  border            : 0;
  background-color  : transparent;
  }

div#main h2
 {
  margin-top        : 10px;
  margin-bottom     : 10px;
 }

div#main p
  {
  margin			: 0.25em 0 1em;
  margin-left       : 10px;
  line-height		: 1.25em;
  }

div.logo
  {
  text-align        : left;
  border            : 0px;
  background-color  : #FFFFFF;
  color             : #000000;
  margin            : 0;
  padding           : 0;
  }

/* Navigationsleiste Oben  (unterhalb des Logos) */

div.navoben
  {
  text-align        : right;
  border            : 1px;
  border-style      : solid;
  border-color      : #88B;
  background-color  : #FFFFFF;
/*position          : absolute; */
  left              : 0;
  margin            : 0;
  margin-right      : 1em;
  padding           : 0.25em 0.33em 0.125em;
  width             : auto;
  color             : #000000;
  }

div.navunten
  {
  text-align        : right;
  border            : 1px;
  border-style      : solid;
  border-color      : #88B;
  background-color  : #FFFFFF; /* #FFF7E7; */
/*  position          : absolute; */
  left              : 0;
  margin            : 0;
  padding           : 0;
  padding-top       : 3px;
  width             : auto;
  color             : #000000;
  font-size         : 90%;
  }

div.location
  {
   border           : 0;
   background-color : #00CC00;
   padding          : 0.3em;
   margin-left      : 0;
   margin-right     : 0;
   margin-top       : 2px;
   margin-bottom    : 0;
   color            : #000000;
  }

div.navunten a
  {
   border           : none;
  }


div.navunten img
  {
   border           : none;
   margin           : 2px;
  }

/* für den Hinweis für NN4 User. Da derzeit nicht benötigt, auskommentiert */

/*
div.NN4
  {
  display           : none;
  }
*/

address
  {
   border           : 2px;
   background-color : #D9D9D9;
   padding          : 0.3em;
   margin           : 10px;
   border-color     : #000000;
   color            : #000000;
  }


/* Ersatz für das <STRONG> in der 1. Design Version von mwrd (obere Navigationsleiste) */

span.strong
  {
   font-weight      : bold;
   color            : #2C5778;
   background-color : transparent;
   border-color     : transparent;
   border           : 0px;
   left             : 0;
   margin           : 0;
  }

/*
   sonst wird in sitemap.html jeder Link fett dargestellt, was bei der Masse der Links nicht gut ausschaut:
   Anmerkung: Alle anderen Links die in Hauptexten erscheinen, werden fett dargestellt. Kann man aber ändern,
   einfach in [ div.main {...} ] entsprechend [ a {...} ] angeben und modifizieren.
*/

ul a
  {
   font-weight      : normal;
  }

div.code
  {
   font-family      : Courier New, monospace;
  }