/* individualformate definieren mit
     #bezeichnung
     Abfrage dann innerhalb der Elementeklammer mit
     <...id="bezeichnung"..>

     Mit Eigenschafts-Klassen arbeiten:
     mit *klasse1 lassen sich universelle Klassen definieren, die für alle Elemente
     übernommen werden, wenn diese innerhalb des elemnetes angegeben werden
     <... class="klasse1"...>

     Durch die Definition einer Klasse mit
     element .klasse1 { ...}
     lassen sich elementbezogenen Klassen definieren. Diese
     gelten nur im zusammenhang mit dem jeweiligen HTL-Element

     Blocksatzelemente wie <p> <div> und <span> sind hervorragend geeignet um texte
     mittels class oder id effektiv
     zu formatieren



      Positionieren von Elementen kann wie folgt klassifiziert werden :
      #box1 { position:absolute; top:50px; left:10px; width:150px; height:150px; z-index:1; }
      #box2 { position:absolute; top:80px; left:40px; width:100px; height:100px; z-index:2; }
      dann umgesetzt :
      <div id="box1" style="background:red; border:solid 2px blue;">box1</div>



----------------------------------------------------------------------    */


     body { background-color:#339933;
     margin-left:20px; margin-right:30px}
     .blatt { background-color:#C9E0D9;font-family:"Times New Roman";
     margin-left:20px
      }
     #blatt { background-color:#C9E0D9;font-family:"Times New Roman";
     margin-left:20px
      }
     #giro { background-color:#C9E0D9;font-family:"Times New Roman";
     margin-left:20px; float: left; width: 43px; height: 700px;

      }


     h1.kopfbogen         /* Überschrift auf Startseite */
    { font-size:200%;
      color:#000000;
      font-style:italic;
      border-bottom:solid thin black;
      text-align:right}


   /*   p,li
    { font-size:110%;  */
     /* line-height:140%;    */
    /*  font-family:Helvetica,Arial,sans-serif;
     /* letter-spacing:0.1em;  */
    /* word-spacing:0.3em;   */
     /*color:blue;
      background-color:#FFFFCC;
      }
    */
     p.zurucksetzen        {
     text-decoration:underline;
     background-color:red;
     }

     #fuß
     {text-align:right}   /*Position für Fußtabelle*/

 /*  ************   Verweisgestaltung ohne Blocksatzelemente  **********#66CC66 grün****************   */
 a:link { text-decoration:underline; font-weight:bold; color:#000000; }
 a:visited { text-decoration:underline; font-weight:bold; color:#000000; }            /* schon mal geöffnet*/
 a:hover { text-decoration:none; font-weight:bold; background-color:#C5F1E2;}    /* Maussselektion*/
 a:active { text-decoration:none; font-weight:bold; color:#FFFFCC; }  /* während des Aufrufes */
 a:focus { text-decoration:none; font-weight:bold; background-color:#080; }      /* Ansprung durch Tastatur */

  /* Verweis-Gestaltung für einfache Blätter #C9E0D9 */
 p#blatt a:link { text-decoration:underline; /*font-weight:bold;*/ color:#000000; }
 p#blatt a:visited { text-decoration:underline;/* font-weight:bold;*/ color:#000000; }            /* schon mal geöffnet*/
 p#blatt a:hover { text-decoration:none; /*font-weight:bold;*/ background-color:#C5F1E2;}    /* Maussselektion*/
 p#blatt a:active { text-decoration:none; font-weight:bold;color:#CCFFCC; }  /* während des Aufrufes */
 p#blatt a:focus { text-decoration:none; font-weight:bold; background-color:#080; }      /* Ansprung durch Tastatur */


 /* ************** eingebetteten Rahmen positinonieren ***************/
 /* ************** eingebetteten Rahmen positinonieren ***************/

/*iframe {text-align:right; text-decoration:underline;}
  */

/* Menü-Attribute für Navigatiopn*/

ul#Navigation {
    width: 10em;
    margin: 0; padding: 0.2em 0.8em 0.8em;      /*margin:0 verhindert Rahmenanpassung an txt bei nescape*/
    border: 0px solid black;
    background-color:#339933;
    font-family: Arial;
    font-size:small;
    text-align:center;
  }
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0.4em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
    display:block;
    padding: 0.2em;
    text-decoration: none; /*font-weight: bold;   */
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: black; background-color: #339933;
  }
  * html ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
    width: 100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color:black; background-color:  #66CC66;
  }
  ul#Navigation h2 {
   /*font-size: 1em;  */
    margin: 1.1em 0 0;
    border-color: gray;
    color: black; background-color:red;
  }

  ul#Navigation a:active {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color:silver; background-color: #66CC66;
  }
/*  zentrale Tabellengestaltung  */