#bodyform
  {background-image:url(sys/hcr_bpic.jpg)} 


#hr-farbe
  {color:red}

#t-rahmen
  {border-color:red; border-style:outset; border-width:thick}

#hr-farbe
  {color:red}

.htxt
{
font-size: 24px;
color: "red";
line-height: 21px;
font-family: Bookman Old Style,Courier New,Verdana;
}

.ntxt
{
font-size: 16px;
color: "blue";
line-height: 21px;
font-family: Courier New,Verdana;
}

.text
{
font-size: 16px;
color: "navy";
line-height: 21px;
font-family: Bimini,Courier New,Verdana;
}

.btxt
{
font-size: 24px;
color: "red";
line-height: 21px;
font-family: Bookman Old Style,Courier New,Verdana;
}



a:link    { text-decoration: none;      color: navy; }
a:visited { text-decoration: none;      color: navy; }
a:hover   { text-decoration: underline; color: red;  }
a:active  { text-decoration: none;      color: red;  }



a.navi
{ 
display:block; width:100%; border:0px groove navy; margin-top:1px; padding:1px; font-family: comic sans ms, Verdana, sans-serif; font-size:25%; font-weight:bold;
}

a.navi:link    { color:navy;  text-decoration:none;      }
a.navi:visited { color:navy;  text-decoration:none;      }
a.navi:hover   { color:red;   text-decoration:underline; background-color:yellow; }
a.navi:active  { color:navy;  text-decoration:none;      }



a.n_uv
{ 
display:block; width:100%; border:2px groove navy; margin-top:2px; padding:2px; font-family: Bookman Old Style, Verdana, sans-serif; font-size:50%; font-weight:bold;
}

a.n_uv:link    { color:black; text-decoration:none;      background-color:silver; }
a.n_uv:visited { color:black; text-decoration:none;      background-color:silver; }
a.n_uv:hover   { color:blue;  text-decoration:underline; background-color:white;  }
a.n_uv:active  { color:blue;  text-decoration:none;      background-color:white;  }



/*

<html>
  <head>
    <title>Titel der Datei</title>

    //Beispiel 1
    <link rel="stylesheet" type="text/css" href="formate.css">
    <style type="text/css">
    <!--
      ... hier sind datei-spezifische Formate erlaubt ...
    -->
    </style>


    //Beispiel 2
    <style type="text/css">
    <!--
      h1 { font-family:Verdana,sans-serif; font-size:24pt; font-weight:normal; }
      h1.hinterlegt { background-color:#FFFF00 }
       *.hinterlegt { background-color:#00FFFF }
        .extra { background-color:#FF99FF }
    -->
    </style>


    //Beispiel 3
    <style type="text/css">
    <!--
    #roterBereich 
      {position:absolute; top:130px;left:30px; width:320px; padding:10px; margin:0px; border:4px solid #EE0000;}
    #blauerBereich
      {position:absolute; top:130px;left:400px; width:320px; padding:10px; margin:0px; border:4px solid #0000EE;}
    h1#Titel 
      {font-family:Verdana,sans-serif; font-size:24pt; font-weight:normal; color:green;}
    -->
    </style>

  </head>

  <body>

    //Beispiel 2
    <h1>H1 ganz normal nur etwas formatiert</h1>
    <h1 class="hinterlegt">H1 knallgelb hinterlegt</h1>
    <h2>H2 ganz normal <span class="hinterlegt">und aber <b class="extra">auch</b> hinterlegt</span></h2>

    //Beispiel 3    
    <h1 id="Titel">Diese Überschrift und zwei positionierte Bereiche</h1>
    <div id="roterBereich"><h1>Der rote Bereich</h1></div>
    <div id="blauerBereich"><h1>Der blaue Bereich</h1></div>

  </body>
</html>

*/


