body {
   color: #CCCCCC;
   background-color: #CCCCCC;
   padding: 0;
   margin: 0;
   }


/* Formatierung Linie */
hr{
  background-color: #CCCCCC; /* Farbe für Opera und Firefox */ 
  color: #CCCCCC;   /* Farbe für Internet Explorer (IE) */
  border: 0; 
  height: 1px; 
  margin: 0px 10px; /* Abstand 1. Wert = oben + unten  2. Wert = links + rechts */
}

/* Formatierung der Links: 1. Ebene  
   ################################ */

.navi A {               /* für alle Zustände gleich */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   letter-spacing: 1.3px;
   text-align: left;
   text-decoration: none;
   padding: 5px 40px 3px;  /* Abstände der Schrift: 1. Wert=oben  2. Wert = links + rechts   3. wert = unten */
   display: block;
   border: none;
   margin: 0;
   }
.navi A:link, .navi A:visited {  /* gleiche Formatierung für 2 Zustände */
   color: #000000;
   background: url(sys-images/navi_link.gif)  /* Anzeige des Hintergrundbildes */
               no-repeat                      /* keine Wiederholung des Bildes */  
               0% 0%;                         /* Positionierung des Bildes */ 
   /* width: 200px; */
   display: block;
   }
.navi A:hover {
   color: #b42769;
   background: url(sys-images/navi_over.gif)  /* Anzeige des Hintergrundbildes */
               no-repeat                      /* keine Wiederholung des Bildes */  
               0% 0%;                         /* Positionierung des Bildes */ 
   
   /* width: 200px; */
   display: block;
   }

/* bei Aktiviertem Link  */
.navifocus  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   letter-spacing: 1.3px;
   text-align: left;
   text-decoration: none;
   padding: 5px 40px 3px;  /* Abstände der Schrift: 1. Wert=oben  2. Wert = links + rechts   3. wert = unten */
   display: block;
   border: none;
   margin: 0;
   color: #b42769;
   background: url(sys-images/navi_on.gif)
               no-repeat
               0% 0%;
   /* width: 200px; */
  }


/* Formatierung der Links: 2. Ebene  
   ################################ */

.navi2 A {               /* für alle Zustände gleich */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   letter-spacing: 1.3px;
   text-align: left;
   text-decoration: none;
   padding: 5px 40px 3px;  /* Abstände der Schrift: 1. Wert=oben  2. Wert = links + rechts   3. wert = unten */
   display: block;
   border: none;
   margin: 0;
   }
.navi2 A:link, .navi2 A:visited {  /* gleiche Formatierung für 2 Zustände */
   color: #000000;
   background: url(sys-images/navi_link.gif)  /* Anzeige des Hintergrundbildes */
               no-repeat                      /* keine Wiederholung des Bildes */  
               0% 0%;                         /* Positionierung des Bildes */    
   /* width: 200px; */
   display: block;
   }
.navi2 A:hover {
   color: #b42769;
   background: url(sys-images/navi_over.gif)  /* Anzeige des Hintergrundbildes */
               no-repeat                      /* keine Wiederholung des Bildes */  
               0% 0%;                         /* Positionierung des Bildes */ 
   
   /* width: 200px; */
   display: block;
   }

/* bei Aktiviertem Link  */
.navi2focus {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   letter-spacing: 1.3px;
   text-align: left;
   text-decoration: none;
   padding: 5px 40px 5px;  /* Abstände der Schrift: 1. Wert=oben  2. Wert = links + rechts   3. wert = unten */
   display: block;
   border: none;
   margin: 0;
   color: #b42769;
   background: url(sys-images/navi_on.gif)
               no-repeat
               0% 0%;
   
   /* width: 200px; */
 }      
      
/* Formatierung der Links: 3. Ebene  
   ################################ */

.navi3 A {               /* für alle Zustände gleich */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   letter-spacing: 1.3px;
   text-align: left;
   text-decoration: none;
   padding: 5px 40px 3px;  /* Abstände der Schrift: 1. Wert=oben  2. Wert = links + rechts   3. wert = unten */
   display: block;
   border: none;
   margin: 0;
   }
.navi3 A:link, .navi3 A:visited {  /* gleiche Formatierung für 2 Zustände */
   color: #000000;
   background: url(sys-images/navi_link.gif)  /* Anzeige des Hintergrundbildes */
               no-repeat                      /* keine Wiederholung des Bildes */  
               0% 0%;                         /* Positionierung des Bildes */ 
   /* width: 200px; */
   display: block;
   }
.navi3 A:hover {
   color: #b42769;
   background: url(sys-images/navi_over.gif)  /* Anzeige des Hintergrundbildes */
               no-repeat                      /* keine Wiederholung des Bildes */  
               0% 0%;                         /* Positionierung des Bildes */ 
   
   /* width: 200px; */
   display: block;
   }
   
  /* bei Aktiviertem Link  */ 
.navi3focus {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   letter-spacing: 1.3px;
   text-align: left;
   text-decoration: none;
   padding: 5px 40px 3px;  /* Abstände der Schrift: 1. Wert=oben  2. Wert = links + rechts   3. wert = unten */
   display: block;
   border: none;
   margin: 0;
   color: #b42769;
   background: url(sys-images/navi_on.gif)
               no-repeat
               0% 0%;
   
   /* width: 200px; */
 } 

/* Formatierung der Links: 4. Ebene 
   ################################ */

.navi4 A {               /* für alle Zustände gleich */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   letter-spacing: 1.3px;
   text-align: left;
   text-decoration: none;
   padding: 7px 40px 5px;  /* Abstände der Schrift: 1. Wert=oben  2. Wert = links + rechts   3. wert = unten */
   display: block;
   border: none;
   margin: 0;
   }
.navi4 A:link, .navi4 A:visited {  /* gleiche Formatierung für 2 Zustände */
   color: #000000;
   background: url(sys-images/navi_link.gif)  /* Anzeige des Hintergrundbildes */
               no-repeat                      /* keine Wiederholung des Bildes */  
               0% 0%;                         /* Positionierung des Bildes */    
   /* width: 200px; */
   display: block;
   }
.navi4 A:hover {
   color: #b42769;
   background: url(sys-images/navi_over.gif)  /* Anzeige des Hintergrundbildes */
               no-repeat                      /* keine Wiederholung des Bildes */  
               0% 0%;                         /* Positionierung des Bildes */ 
   
   /* width: 200px; */
   display: block;
   }
   
 /* bei Aktiviertem Link  */ 
.navi4focus  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #b42769;
   font-size: 10px;
   letter-spacing: 1.3px;
   text-align: left;
   text-decoration: none;
   padding: 7px 40px 5px;  /* Abstände der Schrift: 1. Wert=oben  2. Wert = links + rechts   3. wert = unten */
   display: block;
   border: none;
   margin: 0;
   background: url(sys-images/navi_on.gif)
               no-repeat
               0% 0%;
   /* width: 200px; */
}