form
   { background-image:url(background.gif); padding:0px; border:2px solid #ffFFFF; }
 td, input, select, textarea
   { font-size:11px; font-family:Verdana,sans-serif; }
 input, select, textarea
   { color:#000000; }
 .Small-Font
   {font-size:9px;}
 .Big-Font
   {font-size:14px;}
 .Headline
   {font-size:14px; font-family:Verdana,sans-serif;}
 .Bereich, .Feld
   { background-color:#FFFFFF; width:300px; border:2px solid #FF0000; }
 .pre_text
   { font-size:12px; font-family:Verdana,sans-serif; }
 .Auswahl
   { background-color:#FFFFFF; width:300px; border:1px solid #000000; }
 .Button
   { background-color:#D4D0C8; color:#000000; width:300px; border:1px solid #000000; }
.carbon{
 	background-image:url(../images/carbon.jpg);
	}
	
	BODY { FONT-FAMILY: Verdana, Arial; FONT-SIZE: 13px; }
	TR { FONT-FAMILY: Verdana, Arial; FONT-SIZE: 13px;  }
	TD { FONT-FAMILY: Verdana, Arial; FONT-SIZE: 13px;  }
	P  { FONT-FAMILY: Verdana, Arial; FONT-SIZE: 13px; }
	TEXTAREA { FONT-FAMILY: Verdana, Arial; FONT-SIZE: 10px;  }
	A:link {text-decoration: none}
	A:visited {text-decoration: none}
	A:hover {color: #000000;}
	


/* ***************************************
	Navigation
*************************************** */

div#NaviRahmen {
	position: absolute;
	top: 82px;
	left: 50px;
	font-size: 12px;
	line-height: 1.4em;
	width: 50px;
    padding: 5px;
    /*  border: 1px solid blue;  TODO debug*/
  }
  * html div#NaviRahmen {  /* Korrektur fuer IE 5.x */
    padding: 1px;
    padd\ing: 1px;
    width: 50px;
    w\idth: 50px;
  }
  div#Rahmen div {
     clear: left;
  }
  
  
  ul#Navigation {
    width: 50px;
    margin: 0; 
    padding: 0;
    /* border: 1px solid green; */  
  }
  
  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 5px; /* [TODO] vertikaler Abstand */
    padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: 1.4em; /* [TODO] vertikaler Abstand */
    marg\in-bottom: 1.4em; /* [TODO] vertikaler Abstand */
  }

  ul#Navigation li ul {
	margin: 0; padding: 0;
    position: absolute;
    top: 18px; left: +8px; /* [TODO] unternavi horiz verschieben */
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: 0px;  /* [TODO] unternavi horiz verschieben */
    lef\t: 12px;  /* [TODO] unternavi horiz verschieben */
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 80px;  /* [TODO] Breite den in li enthaltenen Elementen zuweisen */
    padding: 2px 10px;
    text-decoration: none;
    color: #fff; /* [TODO] Farbe Text */ 
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 100px;   /* [TODO] Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 100px;  /* [TODO] korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation span, li a#aktuell { /* highlight */
   
   color: #FF0000; 
   background-color: grey;
	
  }
    ul#Navigation a:hover { /* highlight Level0*/
   
   color: #ffffff; 
   
	
  }
  li a#aktuell {  /* TODO aktuelle Rubrik kennzeichnen */
    color: #ff0000; 
    background-color: #ff0000;
  }
  
  ul#Navigation li ul {  /* Unternavi normal */
    background-color: #616161;
  }
  
  ul#Navigation li ul span {  /* Unternavi gewählt */
    color: #ffffff;
    background-color: #ffffff;
  }