/* ------------------------------------
   Navigation top:  city-apotheke
   erstellt: 2007-07-04
   ------------------------------------ */

#navigationSpacer {
    width: 238px;
    height: 19px;
    background-color: #D9D9D9;
    float:left;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
html>body #navigationSpacer {
    height: 19px; 
}

#navContainerTop {
    margin: 0;
	padding: 0;
	width: 720px;
	height: 20px;
	border-left: 1px solid #fff;
	float:left;
}
#navContainerTop ul {
	text-align: center !important;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}
#navContainerTop ul li:hover {
	/* aktuellen uebergeordneten Punkt mit einfärben */
    background-color: #D9D9D9 !important;
	color: #666 !important;
}
/* 1. Ebene */
#navContainerTop ul li {
	margin: 0;
    padding: 0 0 0 0;
	float: left;
	list-style-type: none !important;
}
#navContainerTop ul li a {	
	margin: 0;
    color: #666 !important;
    text-decoration: none;
    font-weight: bold;
	font-size: 12px !important;
	display: block;
	width: 143px;
	padding: 0;
	background-color: #D9D9D9 !important;
	color: #666 !important;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#navContainerTop ul li a:hover {
    text-decoration: none;
	color: #D9D9D9 !important;
	padding: 0;
	background-color: #666 !important;
}

#navContainerTop ul #active a {
    text-decoration: none;
	color: #D9D9D9 !important;
	padding: 0;
	background-color: #666 !important;
}



/* ------------------------------------
   ENDE
   2./3. Ebene nicht verwendet
   ------------------------------------ */


/* 2. Ebene */

#navContainerTop li ul {
	position: absolute;
	/* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */	left: -999em;
	z-index: 1000;
	border-left: 1px solid #666 !important;
	border-right: 1px solid #666 !important;
	border-top: 1px solid #666 !important;
}

#navContainerTop li ul li {
   clear: both !important;
   padding: 0;
   margin: 0;
   text-align: left !important;
}

#navContainerTop li ul li a,
#navContainerTop li#active ul li a,
#navContainerTop ul ul li#active a
{
    text-decoration: none;
	color: #222 !important;
	padding: 2px 14px 4px 6px !important;
	border-bottom: 1px solid #666 !important;
	font-size: 96%;
    width: 10em;
	font-weight: normal !important;
	background-color: #D7E2D1 !important;

}
#navContainerTop li ul li a:hover,
#navContainerTop li#active ul li a:hover,
#navContainerTop ul ul li#active a:hover
{
	color: #fff !important;
	font-weight: normal !important;
	background-color: #258200 !important;
	padding: 2px 14px 4px 6px !important;
	border-bottom: 1px solid #666 !important;
}

/* 3. Ebene */

#navContainerTop li ul ul { 
	/* Listen 3. Ebene und weiter */
	position: absolute;
    margin: -2.16em 0 0 10.9em;
}

#navContainerTop li:hover ul ul, 
#navContainerTop li:hover ul ul ul, 
#navContainerTop li.sfhover ul ul,
#navContainerTop li.sfhover ul ul ul {
	left: -999em;
}

#navContainerTop li:hover ul, 
#navContainerTop li li:hover ul, 
#navContainerTop li li li:hover ul, 
#navContainerTop li.sfhover,
#navContainerTop li.sfhover ul, 
#navContainerTop li li.sfhover ul, 
#navContainerTop li li li.sfhover ul {
	left: auto;
	/*background-color: #F8E2CE !important;*/
	color: #222 !important;
}


#navContainerTop li#active { 
/* Listen zur aktuellen Kategorie */
  /*background-color: none;*/
}