
/* IE maessiges JavaScript um hover mit nicht a-Elementen hinzubiegen */
body { behavior: url(/web/pub/menuscript.htc); }


/** Hauptmenue **/
ul#mainmenu  { background-color: white;   padding: 0; width: 150px; margin: 0;}            
/* das kann der IE auch nicht. */
/* ul.mainmenu li.mainmenuitem >  a */

ul#mainmenu a.mainmenulink { font-size: 9pt; 
                             font-weight: bold; 
                             display: block; 
                             text-decoration: none; 
                             color: #000; 
                             width: 145px; 
                             padding: 3px 0px 3px 3px; }

ul.mainmenu li.mainmenuitem {display: block; whitespace: normal;}

ul.mainmenu li.mainmenuitem { margin-bottom: -1px;  border: 1px solid gray; }



ul.mainmenu a {  text-decoration: none; }
ul.mainmenu a.mainmenulink:visited {color: black; }
/* ul.mainmenu a:visited { color: ; }*/
ul.mainmenu a:hover {color: red; background-color: #EEF;}

ul.mainmenu li.mainmenuitem:hover {
                                    background-color: #EEF;
                                    }


/*** Untermens ***/

ul.submenu li { list-style-type: none;
                padding-left: 0em;
                /*list-style-image: url(img/nav/li_pu.gif);*/
                margin-left: 0em; margin-right: 0.5em; }
/* folgende Regel fuehrt zu huepferei im Firefox. Muss auch IMHO nicht sein */
/* ul.submenu li:hover { list-style-image: url(img/nav/li_pu_over.gif); }*/


ul.mainmenu ul.submenu { display: none; font-size: 0.60em; } /* Untermenues werden dynamisch angezeigt */

/* static menus disabled */
/* ul.mainmenu ul.static { display: block;} */ /* Ausser, wenn nicht. */


ul.mainmenu ul.submenu {margin: 0; padding: 1em 0 1em 1.5em; background-color: #EEEEFF; z-index: 9;
                         }


/*** Aufklappen ***/
ul.mainmenu li.mainmenuitem { position: relative; z-index: 4; }


ul.mainmenu li.mainmenuitem:hover ul.submenu { display: block;
                                               position: absolute;
                                               z-index: 4; 
                                               left: 148px;
                                               width: 170px;
                                               top: -1px; 
                                               border: 1px solid black;}

/**** IE :hover emulation ist in ieonly.css ****/
