h1 {

    text-decoration: underline;

    color: royalblue;
    
     Letter-spacing: 10px; font-size:40pt;  font-family: Ariel, Helvetica, sans-serif; 

   z-index: 2; }  

   a {
   
   color: yellow;

   Letter-spacing: 5px; font-size: 20pt; font-family: Ariel, Helvetica, sans-serif; z-index: 2; }  

 #navi  a:link      {color:yellow;      text-decoration:none; }

 #navi        a:visited   {color:orange;   text-decoretion:none; }

 #navi        a:focus     {color:red;      text-decoration:underline; }

  #navi       a:hover     {color:red;       text-decoration:none; }

  #navi      a:active    {color:darkblue;      text-decoration:underline; }
    



  p {  color: white;

       font-size: 20pt;
    
       font-weigth: bolder;

       font-style: normal;

       text-indent: 1pt;

       line-height: 2em; 

       letter-spacing: 1px;       

       font-variant: normal;

       text-transform: none;

       font-family: Arial,Arial Rounded MT Fett,serif }
 


html, body {

 background-color: black;

 background-position: 10% 10%;

 background-repeat: no-repeat; 

 padding: 4px;
 
 font: 75% Verdana, Arial, Verdana, Helvetica, sans-serif;

 color: black; 
 
 z-index: 0;

 }

#box1 {  

   top: 1px;

   left: 1px;

   width: 380px;

   height: 380px;

  position: absolute;
}

#box2 {

  background-image:url("../Bilder/schifer2.jpg");

   top: 381px;

   left: 1px;

   width: 381px;

   height: 1000px;

  position: absolute;
  
  padding-left: 10px;
}

#box3 {

  background-image:url("../Bilder/schifer2.jpg");

   top: 1px;

      Left: 381px;

      width: 100%;

      height: 381px;
  

  position: absolute;
}
#copy { 
        left: 381px;
        bottom: 1px;
        background-color: grey;
        z-index: 11111;
 
      }