<!-- 

:root {
  --farbe_basis:rgba(0,20,50,0.7);
  --farbe_hintergrund_Handbuch:rgba(50,48,0,0.35);
  --farbe_hintergrund_Screen:rgba(0,0,0,0.5);
  --farbe_hintergrund:gainsboro;

  --gruen_header: rgba(0,255,0,0.4);
  --rot_header: rgba(255,0,0,0.4);  
  --farbe_header:#010135;

  --farbe_eingabe: transparent; /*rgb(75, 112, 138, 0.5);*/
  --farbe_input:lavender;

  --farbe_add:green;
  --farbe_delete:#f43636;
  --farbe_update:blue;
  --font_size_1:medium;
  --font_bold: bold;
}


  html {font-size: 1em;}

  body {
     font:  Helvetica, Arial, sans-serif;
/*     font-size:100.01%; color:white;  */
     font-size:1em; color:white;
     background-image: url(../pics/grafik/back3.jpg);
  }
 
  #root {
     position:absolute; top:5%; height:91%; left:10%; width:80%; 
     margin:0; padding:0;
  }

  #oben {
     position:absolute;top:0%; height:22%; left:0%; width:100%; 
     background-color:#4169E1;
  }

  #navigation {
     position:absolute; top:0%; height:10%; left:0%;width:100%; 
  }

  #navigationLinks {
     position:absolute; top:0%; height:50%; left:0%;width:100%;
  }

  #navigationRechts {
     position:absolute; top:50%; height:50%; left:0%;width:100%;
  }

  #mitte {
     position:absolute; top:22%; height:72%; left:0%; width:100%; 
     background-color:black;
  }     

  #links {
     position:absolute; top:0%; height:100%; left:0%; width:14.8%;
     background-color:#4169E1;
  }

  #rechts {
     position:absolute; top:0%; height:100%; left:15%; width:85%; overflow:auto;
     background-color:#4169E1;
  }

  #linie {
     position:absolute; top:94.5%; height:0.5%;  left:0%; width:100%;
     background-color:white; 
  }

  #unten {
     position:absolute; top:95%; height:5%; left:0%; width:100%;
  }

  #unten_Fuse_1 {
     position:absolute; top:3%; height:33%; left:0%; width:97%;
  }

  #unten_Fuse_2 {
     position:absolute; top:33%; height:66%; left:0%; width:97%;
  }

  #unten_Fuse_3 {
     position:absolute; top:82%; height:33%; left:2%; width:97%;
  }

  #maintenanceOben {
     position:absolute; top:1%; height:5%; left:1%; width:98%;  
  }

  #maintenanceUnten {
     position:absolute; top:8%; height:91%; left:1%; width:98%;  overflow:auto;  
  }

  #maintenanceUntenLinks {
     position:absolute; top:0%; height:100%; left:0%; width:15%;  overflow:auto;
  }

  #maintenanceUntenLinks2 {
     position:absolute; top:0%; height:100%; left:0%; width:20%;  overflow:auto;
  }

  #maintenanceUntenRechts {
     position:absolute; top:0%; height:100%; left:16%; width:84%;  overflow:auto;
  }

  #maintenanceUntenRechts2 {
     position:absolute; top:0%; height:100%; left:21%; width:79%;  overflow:auto;
  }

  #einzelSatz{
    position:absolute; top:20%; height:70;width:100%;  
  }

  #bild {
   text-align:center; vertical-align:middle; overflow:auto; 
  }

  option.a{
     color:#FFFFFF; 
  }

  option.b{
     color:#000000; 
  } 

   a:link { font-size:12pt;font-weight:bold; color:#000000; text-decoration:none; }
   a:visited { font-size:12pt;font-weight:bold; color:#000000; text-decoration:none;}
   a:focus { font-weight:bold; color:#000000; text-decoration:none; }
   a:hover { font-weight:bold; color:#000000; background-color: white; text-decoration:none;}
   a:active { font-weight:bold; color:#000000; text-decoration:none; }

   p.word0{font-family:"Arial";font-size:18pt;font-weight:bold} 
   p.word1{margin-top:2%;margin-left:2%;margin-right:4%; font-family:"Arial";font-size:14pt;font-weight:bold} 
   p.word2{font-family:"Arial";font-size:10pt;font-weight:bold;margin-top:0.5cm;margin-bottom:0.5cm;} 
   p.word3{font-family:"Arial";font-size:12pt;font-weight:bold;margin-top:0.1cm;margin-bottom:0.1cm;margin-left:1cm;} 
   p.word4{font-family:"Arial";font-size:12pt;font-weight:bold;margin-top:0.7cm;margin-bottom:0.1cm;margin-left:1cm;} 
   p.word5{color:#CD3700;font-family:"Arial";font-size:12pt;font-weight:bold;margin-top:0.7cm;margin-bottom:0.1cm;margin-left:1cm;} 
   p.word6{font-family:"Arial";font-size:10pt;text-align:right;text-decoration:underline;}
   p.word7{color:#CD3700;font-family:"Arial";font-size:10pt;font-weight:bold;} 
   p.word8{color:#0033FF;font-family:"Arial";font-size:10pt;font-weight:bold;margin-left:1cm;} 
   p.word9{color:#0033FF;font-family:"Arial";font-size:6pt;font-weight:bold;margin-left:1cm;}
   p.word10{font-family:"Arial";font-size:24pt;color:white;font-weight:bold}    
   p.word11{font-family:"Arial";font-size:12pt;color:black;font-weight:bold}    
   p.word12{font-family:"Arial";font-size:12pt;color:black;font-weight:bold;text-align:center}
   p.word14{font-family:"Arial";font-size:14pt;color:white;font-weight:bold;margin-left:3cm;margin-right:3cm;}
   p.word15{font-family:"Arial";font-size:10pt;color:white;font-weight:bold}
   p.word16{font-family:"Arial";font-size:14pt;color:black;font-weight:bold;text-decoration: underline;}
   p.word17{margin-top:2%;margin-left:2%;margin-right:4%;margin-bottom:4%; font-family:"Arial";font-size:14pt;font-weight:bold}
  
   p.app0{font-family:"Arial";font-size:1em;font-weight:bold} 

  p.kfzlog {
	font-family:"Arial";
	font-size:1em; 
	font-weight:bold;
	color:lime;
}     

  p.handbuch_tip{
      border:2px;
      border-style:dotted;
      padding: 1em;      
      margin:1em 0;
      font-size:1.1em;
      font-weight:bold;
      color:lime;	
  }
     
   #word10{color:#000000;font-family:"Arial";font-size:12pt;font-weight:bold;text-align:center;}
   #word10a{background-color:#008080; color:#000000;font-family:"Arial";font-size:12pt;font-weight:bold;text-align:center;}
   #word10b{background-color:#DC143C; color:#000000;font-family:"Arial";font-size:12pt;font-weight:bold;text-align:center;} 

   h1 {font-family:"Arial";color:#000000; text-align:center;font-size:24pt; }
   h4 {font-family:"Arial";color:#0000CD; text-align:center;font-size:24pt; }
   h5 {font-family:"Arial";color:#FFFFFF; text-align:center;font-size:12pt; margin-top:0.2cm; margin-bottom:0.2cm;}
   h3 {font-family:"Arial";color:#FFFFFF; text-align:center;font-size:14pt; }
   h2 {font-family:"Arial";color:#000000; text-align:center;font-size:18pt; } 

  table.app{font-family:"Arial";font-size:1em;}
  tr:nth-child(even).app{background-color: #2E2EFE;}
  td.app{font-family:"Arial";font-size:1em;font-weight:bold;margin-left:0.2cm;padding-left: 2px;}
  td.zehn{font-family:"Arial";font-size:10pt;font-weight:bold;margin-left:1cm;padding-left: 20px;}
  td.ww{font-family:"Arial";font-size:10pt;font-weight:bold;margin-left:0.2cm;padding-left: 2px;}

  td {font-family:"Arial";font-size:1em; font-weight:bold;}

  input.a{background-color:White; font-size:14pt;font-weight:bold;}
  input.b{
      background-color:White; font-size:12pt;font-weight:bold;width:60%;
  }
  li{
     font-family:"Arial";font-size:11pt;font-weight:bold
  } 
  select.a  {
      background-color:#DC143C; font-size:14pt;font-weight:bold;
  }
  select.b  {
      background-color:#008080; font-size:14pt;font-weight:bold;
  }
  select.c  {
      background-color:#DC143C; font-size:14pt;font-weight:bold;width:90%;
  }
  select.d  {
      background-color:White; font-size:12pt;font-weight:bold;width:60%;
  }
  select.e  {
      background-color:White; font-size:14pt;font-weight:bold;
  }
  ul{
    margin: 0; /*  wird benötigt damit der Rahmen anliegt */
    padding: 0;   /*  wird benötigt damit der Rahmen anliegt */
    text-align: left;  
 }
  ul li{    
    margin: 0 0.5em;   /* Innenabstand für Abstand zwischen den einzelnen Elementen*/
    padding: 0.5em;    
    list-style: none;   /* Ohne Listpunkte etc */
    display: inline;    /* Listelemente im Textfluss */ 
  }
  ul a{
    margin: 0;  
    padding: 0;
    text-decoration: none;  /* Keine Unterstriche etc */
    font-weight: bold;
    color: #990000;
 }
  ul a:hover{
    color: blue; 
    background-color: white;
 } 

button.kfz{
      border-radius: 0.4em;
      border-style:double;
      border-color:var(--farbe_header);
      font-weight:var(--font_bold);
      background-color:lavender;
      color:var(--farbe_header);
      text-align:center;
      width: 80%;
      font-size:var(--font_size_1);
      padding: 0.2em 0 0.2em 0;
  }