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

/*
------------------
Autor: Anna Woeffen
Projekt: femaleart2008
------------------
*/

/* Vertikale Navigation */
  div#navibox {
	position:absolute;
	margin-top: 40px;
	margin-left: 51px;
	font-size: 10pt;
	padding: 0em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 5;
  }
  
* html div#navibox {
    width: 57px;
    w\idth: 57px;  /* (IE 6 in standards-compliant mode) */
  }
  
/*allgemein*/
  ul#Navigation {
    margin: 0; padding: 0;
  } 

/*erste navi*/
  ul#Navigation li {
	list-style: none;
	position: relative;
	margin: 0em;
	padding: 0;
	margin-bottom: 3px;
  }
* html ul#Navigation li {
    margin-right:0;  /* Platz fuer Link-Verbreiterung im IE reservieren */
    margin-bottom:0;
  }

/*zweite navi*/
  ul#Navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 53px;
	z-index: 3;
  } /*Abstand der zweiten Leiste von der ersten*/
  
*:first-child+html ul#Navigation li ul {
    left: 59px;  /* (IE 7 in standards-compliant mode) */
  }
ul#Navigation li ul li {
    margin: 0; 
	padding-left: 10px;
} /* Zwischenraum zw erster und zweiter leiste*/
  
 /*dritte navi*/
 
 ul#Navigation li ul li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 97px;
  } /*Abstand der zweiten Leiste von der dritten*/
  
*:first-child+html ul#Navigation li ul li ul {
    left: 105px;  /* (IE 7 in standards-compliant mode) */
  }
  ul#Navigation li ul li ul li {
    margin: 0; 
	padding-left: 1.4em;
  } /* Zwischenraum zw erster und zweiter leiste*/
  
  
 ul#Navigation li ul span, ul#Navigation li ul a {
	display: block;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding:5px 10px;
	color: white;
	background-color: #999999;
}

* html ul#Navigation a, * html ul#Navigation span {
    width: 60px;
    w\idth: 60px;  /* (IE 6 in standards-compliant mode) */
}
  
ul#Navigation a, ul#Navigation span { display: block; }
  
ul#Navigation li ul a:hover { background-color: #FF0000; }
  
ul#Navigation span { background-color: #000000; }
  
li a#aktuell {
	border-right-color: #300;
	border-bottom-color: #300;
	background-color: #000000;
  }
  
ul#Navigation li ul span { background-color:#000000; }

/* dynamisches Ein-/Ausblenden */

ul#Navigation li ul { display: none; }
  
ul#Navigation li:hover>ul { display: block; }
 
/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
* html ul#Navigation li.hoverIE {
    margin-right:0;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }
* html ul#Navigation li.hoverIE ul {
    display: block;
  }

	
ul#Navigationtop a { display: inline; }	

a.home {
	background-image:url(navi/bilder/home.png);
	width: 57px;
	height: 84px;
}

a.home:hover { background-image:url(navi/bilder/home_over.png); }

a.aktionen { 
	background-image:url(navi/bilder/aktionen.png); 
	width: 57px;
	height: 84px;
}

a.aktionen:hover { background-image:url(navi/bilder/aktionen_over.png); }

ul#Navigation>li:hover>a.aktionen { background-image:url(navi/bilder/aktionen_over.png); }

a.vita { 
	background-image:url(navi/bilder/vita.png);
	width: 57px;
	height: 77px;
}

a.vita:hover { background-image:url(navi/bilder/vita_over.png); }

a.galerie { 
	background-image:url(navi/bilder/galerie.png); 
	width: 57px;
	height: 84px;
}

a.galerie:hover { background-image:url(navi/bilder/galerie_over.png); }

a.galerie>a:hover { background-image:url(navi/bilder/galerie_over.png); }

ul#Navigation>li:hover>a.galerie { background-image:url(navi/bilder/galerie_over.png); }

a.impressum { 
	background-image:url(navi/bilder/impressum.png); 
	width: 57px;
	height: 85px;
}

a.impressum:hover { background-image:url(navi/bilder/impressum_over.png); }