/*Hover-Effekt für interaktive Grafiken*/

/*Beispiel HTML
<div id="mouseover">
  <img src="http://www.tinnitus-support.de/images/ohr_gesamt.jpg" />
  <p>Hier sehen Sie den Aufbau des Ohres. Das Ohr besteht aus dem <strong>äußeren Ohr</strong>, dem 
    <a href="#"><strong>Mittelohr</strong>
    <span><img src="http://www.tinnitus-support.de/images/ohr_gesamt_detail_mittelohr.jpg" /></span></a>
    und dem 
    <a href="#"><strong>Innenohr</strong>
    <span><img src="http://www.tinnitus-support.de/images/ohr_gesamt_detail_innenohr.jpg" /></span></a>. 
    Auf den nachfolgenden Seiten, werden wir Ihnen anhand dieser Ohrbereiche den Hörprozess erklären.
  </p>
  <p>(Bewegen Sie den Mauszeiger auf die blauen Begriffe und es erscheint eine Detailvergrößerung)</p>
</div>
*/

#mouseover	{ 
		position: absolute; 
		position: relative; 
		top: 0px;
		left: 0px;
		z-index: 99;
		} 
#mouseover a, #mouseover a:visited {
		color: #020283;
		text-decoration: none;  
		background-color: #ffcc66;
		} 
#mouseover a:hover, #mouseover a:active { 
		border: 0px solid; 
		} 
#mouseover a span { 
		display: none; 
		} 
#mouseover a:hover span  { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		margin-left: -2px;
		z-index: 101; 
		display: block; 
		} 
#mouseover p a img	{ 
		padding: 0px; 
		margin: 0px; 
		margin-left: 2px; 
		margin-bottom: 2px; 
		} 
#mouseover p	{ 
		margin: 0px;
		margin-top: 5px;
		margin-right: 2px;
		}
img.base	{
		position: absolute;
		top: 0px;
		left; 0px;
		z-index: 100;
		}
/*--
   Achtung für IE: bei Definition von a:visited und a:active
   bei Browser-Button "Vorige Seite" (History Back) ist der zuvor gewählte
   Link active/visited und die entsprechenden Style-Eigenschaften gültig!
   
   Nachteil fehlender Definition: Der immer noch aktive Link verliert die
   hover-Eigenschaften. Man muss erst irgendwo anders Klicken, bevor diese 
   wieder gültig sind.
--*/