ul.menu, ul.menu ul {
   list-style-type: none;
}

/* Karriere noch aufgenommen, deshalb padding geändert, alt: 3 16 2 16 - 26.1.10 */
ul.menu a {
   display: block;
   padding: 4px 10px 3px 10px; 
   font-weight:normal;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   text-decoration:none;
}

/* alt: 3 10 1 5 - 2.3.11 */
ul.menu ul a {
   padding: 4px 10px 1px 5px; /* 0 10 */
}

/* Platzierung home-button in dropdown-menue - neu 3.3.11 */
img.icon-home {
	margin-top:-3px;
}

/* Angabe dieser Klasse wichtig für Mozilla */
a.normal:link {
   background-color:#ffffff;
   color:#002849; 
}
a.normal:visited {
   background-color:#ffffff;
   color:#002849;
}
a.normal:hover {
   background-color:#87a2c0;
   color:#002849;
/* width:150px; wieder raus, 7.5.09 bewirkt was ?? */
}  
a.ifsub:link {
  background:url(../images/pfeil-dropdown.gif) no-repeat 85% 40%;
  color:#002849;
}
a.ifsub:visited {
  background:url(../images/pfeil-dropdown.gif) no-repeat 85% 40%;
  color:#002849;
}
a.ifsub:hover {
  background:url(../images/pfeil-dropdown.gif) no-repeat 85% 40%;
  background-color:#87a2c0;
  color:#002849;
}
a.main:link {
  color:#ffffff;
}

ul.menu li {
   padding:0;
   margin:0;
   background-image: none; 
   background-color: #9ba8b3; /* alt:#002849; */
   float:left;
   border-right:1px solid #ffffff; /* alt:#4b6e94; */  
border-bottom:1px solid #9ba8b3; /* neu 3.6.09, dann passt menu in der hoehe zu div rechts */
}

/* einen button in hauptzeile anders formatieren, klappt, kann aber wieder raus - 26.5.09 */
/* ul.menu li.nav1771 { */
/* #nav1771 { } */

/* neu eingefügt, 19.3, Für Unterpunkte keine Float-Eigenschaft (von www.morotox.de) */
ul.menu ul li {
   float:none;
   background-color:transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern, wird nur bei IE umgesetzt */
ul.menu ul li.hover,ul.menu ul li:hover {
    background-color: #87a2c0; 
    width:163px; /* alt: 160px; passend zu Angabe unten, muss 2px weniger sein wegen border */
}

/* neu eingefügt, 18.3.09, Schriftgröße für alle Ebenen */
ul.menu li a {
   font-size: 11px;
}
.active {
   background-color: yellow;
}

/* Zweite Ebene */
ul.menu ul {
   margin-left:0;
   padding: 0 0 5px 0;
   position: absolute;
   background-color: #ffffff; 
   border:1px solid #002849;
   display:none;
   min-width:165px; /* alt:160 180 */
}

/* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
   display: block;
}

/* border-right der 1. Ebene aufheben */
ul.menu li.hover ul li, ul.menu li:hover ul li {
   border:0px; 
}

/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
   display: none;
   margin-left: 150px; /* Breite eines Listenelements - Überlagerung, alt: 160 */
   margin-top: -20px; /* Höhe eines Listenelements */
}

/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
   display: block;
}

/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul { 
/* ul.menu li.hover ul li.hover ul ul { */
   display:none;
}

/* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul li:hover ul { 
/* ul.menu li.hover ul li.hover ul li.hover ul { */
   display: block;
}

/* Fuenfte Ebene, wird noch nicht verwendet 28.4.09 */
ul.menu li.hover ul li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
   display: none;
}

/* Fuenfte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
   display: block;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
   width:165px; /* alt: 160px; geändert, sonst Umbruch bei NaturalPolymerProducts 29.04.09 */ 
}

/* für bestimmte Seiten (Kontakt, Impressum) das Ausklappen nach rechts verändern, weil sonst aus Sichtfeld raus - 26.5.09 */
/* Seite-id=1820 (Packaging Products) es müssen 2 Ebenen nach links ausgeklappt werden */
/* die folgenden Zeilen verhindern, dass die 2. Ebene sofort mit ausgeklappt wird - 10.6.09 */
li#nav1820.hover ul ul, li#nav1820:hover ul ul {
   margin-left:-160px; 
   margin-top:-15px;   
   /* border:1px solid red; */
   display:none;
}
li#nav1820.hover ul li.hover ul, li#nav1820:hover ul li:hover ul {
   display:block;
}

li#nav1807.hover ul, li#nav1807:hover ul, li#nav1804.hover ul, li#nav1804:hover ul,
li#nav1794.hover ul, li#nav1794:hover ul, li#nav1791.hover ul, li#nav1791:hover ul,
li#nav1785.hover ul, li#nav1785:hover ul, li#nav1820.hover ul, li#nav1820:hover ul, 
li#nav1776.hover ul, li#nav1776:hover ul, li#nav1772.hover ul, li#nav1772:hover ul,
li#nav1959.hover ul {
   margin-left:-160px; /* alt: 40px; */
   margin-top:-15px;    /* alt: -2px; */ 
   display:block;
   /* border:1px solid red; */
}

/**************************************************************************************************************/

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
/*
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
   display:block;
}
*/

/*
ul.menu ul li {
   float:none;
   background-color: transparent;
}
*/
/* Vierte Ebene, weil Bildschirm zu klein mehr nach links rücken, 28.4.09, klappte mit geteiltem Menü  */
/*
 * ul.menu li.hover ul li.hover ul ul.menu4, ul.menu li:hover ul li:hover ul ul.menu4 {
 *    display: none;
 *    margin-left:100px;
 *    margin-top:-5px;
 * }
 *          */