/* navi_small provides static gray links at the top of the navigation panel */
.navi_small {
  margin-left: 27px;
  margin-top: 25px;
  position: absolute;
  display: block;
}

.navi_small ul {
	margin: 0;
}

.navi_small ul li{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 19px;  
  text-decoration: none;
  padding: 17px;
  position: relative;
  display: inline; 
  
background: none;
margin: 0;
overflow: visible;
  
 }

.navi_small ul li a, .navi_small ul li a:visited {
  font-weight: bold;
  color: #555657;
  height: 28px;
  line-height: 25px;     
  text-decoration: none; 
}

.navi_small ul li a:hover {   
  text-decoration: none;
  color: #888888;
}

/* navi_main includes the css3 drop down menu */
.navi_main {
  margin-left: 28px;
  margin-top: 64px;
  position: absolute;
  display: block;
  width: 940px;
}

ul#css3menu{
  position: relative;
  display: inline-block;
  z-index: 9000;
   list-style-type:none;
	margin: 0;
	padding: 0;
	background: none;
	width: 100%;
}

/* make menu visible on mouse over */
ul#css3menu li:hover>.submenu{
  display: block;
}

/* make helper area visible on mouse over */
ul#css3menu li:hover>.hideshadow{
  display: block;
}
/* make helper area visible on mouse over */
ul#css3menu li:hover>.inversecorners{
  display: block;
}

ul#css3menu li.toproot{
  display: inline-block;
	background: none;
	margin: 0;
	overflow: visible;
	padding: 0;
	
	
  
 /* z-index:9999; */
}

ul#css3menu li.toproot>a{
  display: inline-block;
  padding: 10px 15px 8px 16px;
  font-family: FrutigerLT-Cn;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none; 
  color: #7f8285;
}

/* adds blue background and shadow to toproot on hover */
ul#css3menu li.toproot:hover > a, ul#css3menu li.toproot > a:active {
  text-decoration: none; 
  padding: 10px 15px 8px 16px;
  color: #ffffff;
  background: #7696BF; /* #6F91BB; 7696BE 7494BB  7494BC*/
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666'); /* For IE 5.5 - 7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; /* For IE 8 */  
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

ul#css3menu li.meinkv-toproot:hover > a {
	color: #b9bbbc;
	background: transparent;
	filter: ''; /* For IE 5.5 - 7 */
	-ms-filter: ''; /* For IE 8 */
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* class for helper area to cover a shadow and make two elements appear as a unit
   also creates the effect of inverse rounded bottom corners for the toproot */
ul#css3menu .hideshadow{
  display: none; 
  background: #7696BF; /* #fff; */
  position: absolute;
 /* left: 0px; */
  width: 0px;
  top: 28px;
  height: 10px;
  z-index: 9300;  
}

/* class for helper area to cover a shadow and make two elements appear as a unit
   also creates the effect of inverse rounded bottom corners for the toproot */
ul#css3menu .inversecorners{
  display: none;  
  background: #7696BF; /* #fff; */
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  position: absolute;
  /*left: -2px;*/
  /*margin-left: -2px;*/
  width: 0px;
  top: 34px;
  height: 10px;
  z-index: 9300;
}

/* submenu that appears with hover effect */
ul#css3menu .submenu{
  display: none;
  position: absolute;
  float:left;
  /* left:0px; */ /* for full-width-menu */
  /* width: 928px; */ /* for full-width-menu */
  max-height: 450px;
  background: #7696bf url(../img/dd-nav_solid.png);
  filter: alpha(opacity=95);
  opacity: 0.95;
  z-index: 9200;
  min-width:292px;
}

/* top left corner of first submenu not rounded, shadow not broken */
ul#css3menu .submenu_first{
  -webkit-border-radius: 0px 4px 4px 4px !important;
  border-radius: 0px 4px 4px 4px !important;
  -moz-border-radius-topleft: 0px !important;
  -khtml-border-top-left-radius: 0px !important;   
}

/* each submenu has up to 4 columns of 25% width */
ul#css3menu .column{
	width: 232px;
    display: inline-block;
	vertical-align: top;
	/* float:left;
	width:25%; */ /* for full-width-menu */
}

ul#css3menu .column ul{
	padding: 25px;
	padding-left: 18px;
	padding-right: 18px;
	display: inline-block;
	/*margin-bottom: 30px;*/
	margin-left: 0;
	margin-top: 0;
	background: none;
	overflow: visible;
	width: 196px; /* for small-width-menu */
}
ul#css3menu .column ul li{
	margin: 0;
	padding: 0;
	overflow: visible;
	background: none;
}

ul#css3menu .column ul li.column_heading{
  font-family: FrutigerLT-Cn;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  height: 15px;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;  
  color: #ffffff;

	background: none;
	padding: 7px 0px 10px 7px;
	margin: 0;
	overflow: visible;
}

ul#css3menu .column ul li.menu-item a {
	display: block;
	padding-left: 19px;
	background: url('../img/arrow-white-e-small.gif') no-repeat 7px 10px transparent;
}

/* navigation links in submenu */
ul#css3menu .column ul li a, .column ul lib a:visited{
  /*padding-top: 3px;*/
  /*font-family: FrutigerLTCom-Bold;*/
	font-family: FrutigerLT-Light;
  font-weight: normal;
  font-style: normal;
  /*font-size: 12px;*/
	font-size: 15px;
	line-height: 25px;
  display: block;
  text-decoration: none; 
  color: #ffffff;
	padding-left: 7px;
	padding-right: 7px;
}

ul#css3menu .column ul li:hover a,
ul#css3menu .column ul li a:hover {
	text-decoration: none;
	/*background-color: #6d99cb;*/
	background-color: #6088bb;
}

ul#css3menu img {
  float:none; border:none; vertical-align:middle; margin-left: 0px; margin-top: -1px;
}