/*-- grösse des Header bereichs --*/
       
 header {
     height: 100px;
     background-color: #418fe7;
     border-radius: 10px;
     border: #C0C0C0 2px inset; 
  }


body {
    width: 1000px;
    background-color: #241e96;
    margin: 5px auto;
    }
    
    
    
  header  ul  {
              text-decoration: none;
              padding-left: 900px;
              padding-top: 2px;        
              }         

     
 header ul li  { 
                Display: inline; 
                font-family: Times;
                font-style: italic;
                color:#CFA032;
                font-size: 8pt;
                text-shadow: black 2px 2px 4px;
                }
        
     /*-- Sprach Buttons aussehen bei Berührung"--*/

 header ul li:hover {
                     color: #C0C0C0;
                     text-shadow: none;
                     }


    /*-- grosse Überschrift"--*/ 

 header  h1 {
         font-family: Times;
         font-style: italic;  
         padding-left: 100px;
         padding-top: 2px;
         color:red;
         font-size: 20pt;
         text-shadow: black 2px 2px 4px;
         }            

  /*-- mittlere Überschrift"--*/ 

  header  h2 {
         font-family: Times;
         font-style: italic;
         float: right;
         padding-right: 50px;
         color:#CFA032;
         font-size: 10pt;
         text-shadow: black 2px 2px 4px;
         }

    /*-- kleine Überschrift"--*/ 

 header  h3 {
         font-family: Times;
         font-style: italic;
         padding-left: 900px;
         padding-top: 2px;
         color:#CFA032;
         font-size: 10pt;
         text-shadow: black 2px 2px 4px;
         }
      
 
      
  /*--keine Punkte vor den Navi Buttons"--*/

 nav ul {
        list-style-type: none;
        }
 

/*-- Navi Buttons auf einer Linie und ihr aussehen"--*/

 nav li { 
     display: inline;
     margin-right: 40px;
     background-color: #418fe7;
     padding-left: 35px;
     padding-right: 35px;
     padding-top: 5px; 
     padding-bottom: 5px;
     border: #CFA032 3px outset;
     border-radius: 5px;
     font-weight: bold;  
    }
    
  
/*-- Navi Buttons in der Mitte zentriert"--*/ 

 nav {
       margin-top:  10px;
       text-align: center;
     }
  

/*-- Navi Buttons Text aussehen"--*/ 

nav a {     
       text-decoration: none;
       color:  #CFA032 ;
       text-shadow: black 2px 1px 3px;
       }


/*-- Navi Buttonsrahmen bei Berührung"--*/ 
  
nav li:hover {
             border: #C0C0C0 3px inset;     
             }   
 
/*-- Navi Buttons Text aussehen bei Berührung"--*/  
  
 nav a:hover {
             color: #C0C0C0;
             text-shadow: none;
             }   
   
/*--Formatierung der Albumbox--*/
     
 #album {
         width: 700px;
         height: 520px;
         background: #241e96 url(titelfra.jpg) 0 40px no-repeat;
         border: 1px solid #241e96;
         margin: 20px auto;
         }

 /*--Formatierung der Linkleiste--*/
 
.gallery {
          padding: 0;
          margin: 480px 0 0 0;
          list-style-type: none;
          position: relative;
          width: 370px;
          } 

/*--Horizontale --*/

         .gallery li { 
          float: left;
          }  


/*--Formatierung der Link-Buttons--*/

     .gallery li a, .gallery li a:visited {
      font-size: 11px;
      display: block;
      text-decoration: none;
      color: #000;
      background: #fff;
      text-align: center;
      width: 30px;
      height: 26px;
      line-height: 24px;
      border: 1px solid #444;
      margin: 2px;
      }

/*--Hover-Formatierung der Link-Buttons--*/

    .gallery li a:hover {
     border-color: #C0C0C0 ;
     }

/*active und focus-Formatierung der Link-Buttons*/

   .gallery li a:active,.gallery li a:focus { 
    border-color:red;
    }


/*plazierung kleine Bild Buttons*/

       .gallery li img.small {
        display: inline;           
        border-color: #CFA032;
        visibility: visible;
        } 


/*-  -Positionierung und Bilder ausblenden --*/
 
       .gallery li a img.big  { 
       position: absolute;   
       top: -440px;
       left: 0px;          
       visibility: hidden; 
       border: 0; 
       } 
           
 
/*-  -Positionierung Text zu Bilder  und ausblenden --*/           
           
     .gallery li nobr   {    
      position: absolute; 
      display: block;
      font-size: 16px;   
      left:  30px; 
      top: -470px;
      color:  #CFA032 ;
      visibility: hidden;
      text-shadow: none;
      }
      
/*--Einblenden der Bilder im active/focus-Zustand--*/
    
      .gallery li a:active img, .gallery li a:focus img {
      visibility: visible;
      } 

/*--Text zu bild schitbar--*/

      .gallery li a:active img, .gallery li a:focus nobr {
       visibility: visible; 
       text-shadow: black 2px 1px 3px;
      } 

      h4 {
         font-family: Times;
         font-style: italic;
         padding-right: 35px;
       /*  padding-right: 35px;*/
         color:#CFA032;
         font-size: 20pt;
         text-shadow: black 2px 2px 4px;
         }