/* ######### Drop Down DIVs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
font: normal 13px Verdana;
margin:0px 0px 0px 0px;
left: 0; 
padding: 0;
position: fixed;   /* ZIMO addition */
top: 75px !important;  
list-style-type: none;
background: white;
/* border: 1px solid black; ZIMO*/
border: none; /* 1px solid #365F91; border dark-blue ZIMO replace */
visibility: hidden;
z-index: 8;
color: #365F91; /* font dark-blue ZIMO addition*/
text-align:left;
}

.ddsubmenustyle ul{
margin:0px 0px 0px 0px;
padding: 0;
left: 0; 
top: 0px; 
/* position: fixed;   ZIMO addition */
list-style-type: none;
border: 0px none;
background-color: white; /* ZIMO addition */
font: bold italic 9pt Arial; /* ZIMO addition */
white-space:nowrap;  /* ZIMO addition */
z-index: 8; 
}
.ddsubmenustyle li a{
display: block;
width: 170px; /* width of menu (not including side paddings) - note ZIMO overrides later */
/* color: black; */
/* background-color: lightyellow; */
background-color: white; /* ZIMO replace */
font: bold italic 9pt Arial; /* ZIMO addition */
color: #365F91; /* dark-blue ZIMO replace */
text-decoration: none;
/* padding: 4px 5px; */
padding: 2px 3px; /* ZIMO replace */
/* border-bottom: 1px solid black; */
border-right: 1px solid #365F91; /* ZIMO replace */
border-bottom: 1px solid #365F91; /* ZIMO replace */
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
/* width: 170px; width of menu (include side paddings of LI A*/
width: 220px; /*ZIMO replace - width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
/* background-color: black;
color: white; */
background-color: #365F91; /* dark-blue background ZIMO replace */
color: white;  /* white font ZIMO replace */
}
/*  The following width statements define different widths for certain long submenu text as defined in footer */
/*  Don't forget to test German and English versions (footer_DE.htm and footer_EN.htm) and adjust accordingly */

#ddsubmenu1 li a{
  width: 180px;  /* menus for submenu2 */
  }
#ddsubmenu2 li a{
  width: 230px;  /* menus for submenu2 */
  }
#ddsubmenu3 li a{
  width: 270px;  /* menus for submenu3 */
  }
#ddsubmenu4 li a{
  width: 170px;  /* menus for submenu4 */
  }
#ddsubmenu5 li a{
  width: 190px;  /* menus for submenu5 */
  }
#ddsubmenu6 li a{
  width: 180px;  /* menus for submenu6 */
  }
#ddsubmenu7 li a{
  width: 250px;  /* menus for submenu7 */
  }
#ddsubmenu9 li a{
  width: 200px;  /* menus for most submenus */
  }
#ddsubmenu10 li a{
  width: 80px;  /* menus for most submenus */
  }
#ddsubmenu2 li.spezi a  {color: magenta}
#ddsubmenu3 li.lipl a  {color: #9f9537}
#ddsubmenu3 li.ms a {
    color: #009999;
}
#ddsubmenu3 li.mx a {
    color: #008000;
}
#ddsubmenu3 li.ms a:hover{
	background-color: #009999;
	color: #ffffff
}
#ddsubmenu3 li.mx a:hover{
	background-color: #008000;
	color: #ffffff
}
/* Define special styles (green instead of blue) which will be applied by id=greenmenu to Sound Database */
/* Don't forget to define normal style and hover style
/* Add "id=greenmenu" to submenu item in both footer_DE.htm abd footer_EN.htm ZIMO additions */ 

li.greenmenu a{
background-color: white;
color: green;
}

li.greenmenu a:hover{
background-color: green;
color: white;
}
li.turquoisemenu a{
background-color: white;
color: #009999;
}

li.turquoisemenu a:hover{
background-color: #009999;
color: white;
}
li.soundmenu a{
background-color: #eaeaea;
  color: green
}
li.soundmenu a:hover {
background-color: #aaa;
  color:#fff
}
li.redmenu a{
color:red;
}

li.redmenu a:hover{
color: red;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}