<!--  rot: ED1C24; 
<!--  blau: 004684; 
<!--  beige: FEF9E9; 

<!-- hier Navigation der Home-Seite oben 

.unternavi_text 
{
position:absolute; 
width: 96px; 
height: 19px; 
z-index:16; 
top: 260px;
color: #FEF9E9;
}

a.unternavi_text
{ color: #FEF9E9; font-weight: normal; text-decoration: none; background: none;}
a.unternavi_text:hover { color: #004684; text-decoration: none; font-weight: normal; background: none;}

a.unternavi_text_hover
{ color: #004684; text-decoration: none; font-weight: normal; background: none;}

.profil  { 

position: absolute; 
width: 142px; 
height: 251px; 
z-index: 9; 
left: 261px; 
top: 212px;
background: url('../images/start/profil.gif') no-repeat;
}
 
.wortweiser     {
position: absolute; 
width: 142px; 
height: 251px; 
z-index: 9; 
left: 461px; 
top: 212px;
background: url('../images/start/wortweiser.gif') no-repeat;
}

.wortweiser:hover {
background: url('../images/start/wortweiser_over.gif') no-repeat;
}
	  
.links {
position: absolute; 
width: 82px; 
height: 251px; 
z-index: 9; 
left: 603px;
top: 212px; 
background: url('../images/start/links.gif') no-repeat;
}

      
.kontakt {
position: absolute; 
width: 120px; 
height: 251px; 
z-index: 9; 
left: 685px; 
top: 212px;
background: url('../images/start/kontakt.gif') no-repeat;
}


//wenn Du :hover verwendest, kannst Du den Ebenen einen neuen z-index zuweisen.

.nav_aestethik
{
z-index: 5; 
position: absolute; 
top: 365px; 
left: 345px;
  width: 98px; 
  height: 13px;
  background: url('../images/start/aesthetik.gif') no-repeat;
  }
  
.nav_aestethik :hover  
{
z-index: 6; position: absolute; top: 365px; left: 345px;
  width: 98px; height: 13px;
  background: url('../images/start/aesthetik_over.gif') no-repeat;}

.nav_funktion
{}

.nav_implantologie
{
position: absolute; 
width: 482px; 
height: 13px; 
z-index: 9; 
left: 0px;
top: 270px; 

}