/* 

	Sample CSS for use in combination with {NAV_LIST_UL:HCSS}
	
	CSS for show/hide flyout menu is rendered dynamically in the style section
	Basis of this CSS is taken from http://www.alistapart.com/articles/horizdropdowns/

*/

.hcss_menu {
	height:36px;
	
	/*background:url('../../images/em0502/bg-nav.gif') repeat-x;*/

	float:left;
	overflow:hidden;
	}

.hcss_menu em {
	font-style: normal;
	}
	
/* Styles for Menu Items */

/*.hcss_menu ul li a, .hcss_menu ul li a:link, .hcss_menu ul li a:visited, .hcss_menu ul li a:active {
	display:block;
	color:#818285; 
	text-decoration:none;
	font-size:16px;

	margin-right:2px;
	}*/

/*navigation*/
.hcss_menu ul {
	list-style:none;
	margin-left:10px;
	}
	
.hcss_menu ul li a {
	display:block;
	color:#000;  /*Austauschen*/
	text-decoration:none;
	font-size:16px;

	margin-right:30px;
	}
.hcss_menu ul li a:hover {
	color:#fff;
	/*padding-left:10px;
	padding-right:10px;
	box-shadow: inset 1px 1px 10px #ddd;
      	border-top-left-radius: 5px;
     	border-top-right-radius: 5px;
      	border-bottom-left-radius: 5px;
     	border-bottom-right-radius: 5px;*/
	}

/*zweite ebene*/
.hcss_menu ul li ul {
	display: none;
	position: absolute; 
	
	margin-left:0;
	top: 30px;
	left: 0px;
    -webkit-box-shadow: 0px 0px 2px #a6a6a6;
    -moz-box-shadow: 0px 0px 2px #a6a6a6;
    box-shadow: 0px 0px 2px #a6a6a6;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
      	border-radius: 3px;
	}
	  
.hcss_menu ul li.active ul li a {
	background:none;
	padding-left:10px;
	color:#fff;
	font-weight:none;
	width:200px;
	padding-left:15px;	
	box-shadow: none;
      	border-top-left-radius: 0px;
     	border-top-right-radius: 0px;
      	border-bottom-left-radius: 0px;
     	border-bottom-right-radius: 0px;
	}

.hcss_menu li > ul {
	top: auto;
	left: auto;
	}  
.hcss_menu li:hover ul, li.over ul{ display: block; }

.hcss_menu {
	/*width:1017px;*/
	height:36px;

	
	/*background:url('../../images/em0502/bg-nav.gif') repeat-x;*/

	float:left;
	overflow:hidden;
	 	}
	
.hcss_menu ul li {
	float: left;
	position:relative;
	width: auto;
	padding-right:8px;
	line-height:36px;
	text-align:center;
  
  	/*background:url('images/nav-divider.png') right no-repeat;*/
  }

.hcss_menu ul li.active a {
	color:#fff;
	font-weight:none;
	text-decoration:none;
	/*background:url('../../images/em0502/bg-nav-active.gif');*/
	height:36px;
	padding-left:0px;
	padding-right:0px;
	/*box-shadow: inset 1px 1px 10px #ddd;
      	border-top-left-radius: 5px;
     	border-top-right-radius: 5px;
      	border-bottom-left-radius: 5px;
     	border-bottom-right-radius: 5px;*/
	}

/*zweite ebene*/
.hcss_menu ul li ul li {
	text-align:left;
	background-color:#fff;	
	line-height:10px;
	width:200px;
	color:#000;
	}
.hcss_menu ul li ul li  a {
	text-align:left;
	line-height:35px;
	width:200px;
	color:#000; /*Austauschen*/
	padding-left:15px;
	font-size:12px;
    }

.hcss_menu ul li ul li  a:hover {
	text-align:left;
	line-height:35px;
	width:200px;
	color:#000; /*Austauschen*/
	padding-left:15px;
	font-size:12px;
    }


.hcss_menu ul li ul li.active a {
	text-align:left;

	width:auto;
	padding-left:0px;

	color:#000; /*Austauschen*/
	background-color:#fff;	
	box-shadow: none;
      	border-top-left-radius: 0px;
     	border-top-right-radius: 0px;
      	border-bottom-left-radius: 0px;
     	border-bottom-right-radius: 0px;
    }

.hcss_menu ul li ul li.active a:hover {

	width:auto;
    }

.hcss_menu ul li.active ul li a:hover {
	/*background:url('../../images/em0502/nav-divider3.png') top repeat-x #878686;*/
	width:auto;
	}
.hcss_menu ul li ul li a:hover {
	/*color:#B80F2F;*/ /*Austauschen*/
	background-color:#edece4;
	width:auto;
	padding-left:0px;	
	box-shadow: none;
      	border-top-left-radius: 0px;
     	border-top-right-radius: 0px;
      	border-bottom-left-radius: 0px;
     	border-bottom-right-radius: 0px;
}

.hcss_menu ul li ul li.sub_no a {
	color:#5a5a5a;
}

.hcss_menu ul li ul li.sub_no a:hover {
	color:#4A4A4A;
	width:193px;
}
	
/* Holly Hack. IE Requirement \*/
* html .hcss_menu ul li { float: left; height: 1%; }
* html .hcss_menu ul li a { height: 1%; }
/* End */