@charset "UTF-8";
/* CSS Document */


/* 1. Teil */
#navi_team {
	display:block;
	background-image: url(../picture/navigation/navigation_g_01.gif);
	background-repeat: no-repeat; /* Linkbereich begrenzen */
  }
  
#navi_aktuelles {
	background-image: url(../picture/navigation/navigation_g_02.gif);
	background-repeat: no-repeat;
	display:block; /* Linkbereich begrenzen */
  }

#navi_elearning {
	background-image: url(../picture/navigation/navigation_g_03.gif);
	display:block; /* Linkbereich begrenzen */
	background-repeat: no-repeat;
  }
  
#navi_exper {
	background-image: url(../picture/navigation/navigation_g_04.gif);
	display:block; /* Linkbereich begrenzen */
	background-repeat: no-repeat;
  }
  
#navi_unterricht {
		background-image: url(../picture/navigation/navigation_g_05.gif);
	display:block; /* Linkbereich begrenzen */
	background-repeat: no-repeat;
  }  
  
#navi_foerderer {
	background-image: url(../picture/navigation/navigation_g_07.gif);
	display:block; /* Linkbereich begrenzen */
	background-repeat: no-repeat;
  }
  
#navi_sicherheit {
	background-image: url(../picture/navigation/navigation_g_06.gif);
	display:block; /* Linkbereich begrenzen */
	background-repeat: no-repeat;
  }
  

/* 2. Teil */
#navi_team img {
	display:block;
	border:0;
  }
 
#navi_aktuelles img {
	display:block;
	border:0;
  }
  
#navi_elearning img {
	display:block;
	border:0;
  }
  
#navi_exper img {
	display:block;
	border:0;
  }

#navi_unterricht img {
	display:block;
	border:0;
  }
 
#navi_foerderer img {
	display:block;
	border:0;
  }
  
#navi_sicherheit img {
	display:block;
	border:0;
  }
    
	
/* 3. Teil */  


#navi_team a:hover img {
    visibility: hidden;
  }

#navi_aktuelles a:hover img {
    visibility: hidden;
  }
  
#navi_elearning a:hover img {
    visibility: hidden;
  }
  
#navi_exper a:hover img {
    visibility: hidden;
  }
  
#navi_unterricht a:hover img {
    visibility: hidden;
  }
  
#navi_foerderer a:hover img {
    visibility: hidden;
  }
  
#navi_sicherheit a:hover img {
    visibility: hidden;
  }
  
/* 4. Teil */


#navi_team a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  
#navi_aktuelles a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }

#navi_elearning a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
 
#navi_exper a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
 
#navi_unterricht a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  
#navi_foerderer a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
 
#navi_sicherheit a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
        
  
/* 5. Teil */
  * html #navi_team {
    margin-right:1px;
  }
  
* html #navi_aktuelles {
    margin-right:1px;
  }
  
  * html #navi_elearning {
    margin-right:1px;
  }
 
   * html #navi_exper {
    margin-right:1px;
  }
 
   * html #navi_unterricht {
    margin-right:1px;
  }
  
    * html #navi_foerderer {
    margin-right:1px;
  }
  
    * html #navi_sicherheit {
    margin-right:1px;
  }
      
/* 6. Teil */
  * html #navi_team a:hover {
	margin-right:0; /* Workaround fuer IE 5.01 */
  }
  
* html #navi_team a:hover {
	margin-right:0; /* Workaround fuer IE 5.01 */
  }
    
* html #navi_elearning a:hover {
	margin-right:0; /* Workaround fuer IE 5.01 */
  }
    
* html #navi_exper a:hover {
	margin-right:0; /* Workaround fuer IE 5.01 */
  }
    
* html #navi_unterricht a:hover {
	margin-right:0; /* Workaround fuer IE 5.01 */
  }
    
* html #navi_foerderer a:hover {
	margin-right:0; /* Workaround fuer IE 5.01 */
  }
    
* html #navi_sicherheit a:hover {
	margin-right:0; /* Workaround fuer IE 5.01 */
  }
  
.navigation_klein {
	height: 100%;
	width: 100%;
} 

.navigation_groesse_div_tag {
	height: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	width: 100%;
} 




<p id="wechsel">  oder z.B. für Menues <ul id="navigation"><li> 
  <a href="#wechsel"><img src="Gelb.gif" alt="SELFHTML Logo" /></a>
</p>