/* 
	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/

*/
  
#menu_container {
       margin: 10px 0 0 0;  /* 100px only for testing - default = 0  */
       position: relative;
       width: 100%px;
       height: auto;      /* ORG 20px  */
       z-index: 1090;
	   background: #c5180a;
	   text-align: center;
		/* bo rder: 3px solid #000; */
    }

.hcss_menu {	font: normal normal 14px  Verdana, Geneva, Arial, Helvetica, sans-serif;  line-height: 12px; white-space: nowrap;}
.hcss_menu em {font-style: bold;}
.hcss_menu ul {margin: 0; padding: 0; list-style: none; border-left: 0; }
.hcss_menu ul li {
	float: left;
	position: relative;
	width: auto; /* Width of Menu Items width: 130px; */
	height: 23px;
 
	}


	
.hcss_menu li ul {
 	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 20px;
	background: #c5180a;
	display: none;
	border: 0;
	display: block;
	  z-index:1200;
	}

.hcss_menu li ul li ul {
	font: normal normal 10px; 
	left: 100px;
	top: 0;
	display: inline; 
	z-index:1500;
	float:left;
/*	  border-left: 6px solid red;  */
/*  background-color: lightgrey;  */
	}


	
	
	
	
/* 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;
	text-decoration: none;
	color: #FFFFFF; 
	background: #c5180a; /* IE6 Bug */
	padding: 5px;
	border: 1;
	text-align: center;
	transition: all 0.5s;
	}

 
.hcss_menu ul li:hover a {
	backg round: #475661; 
	color: yellow;
	text-decoration:underline; 
	  
}


/*  1. ebene */


.hcss_menu ul li ul , .hcss_menu ul li ul li   { width: auto;  height: auto; background: #ED7902; }
.hcss_menu ul li:hover ul li a {
 	font-size: 16px;
    line-height: 18px;	
	text-align: left;
	backg round:  #c5180a;
	color: #FFFFFF;
	text-decoration:none; 
	word-wrap: break-word;
	transition: all 2.5s;
	
	 
	
 }
 
 
.hcss_menu ul li ul li a:hover {
	padding-left: 10px;
	color: yellow;
    text-decoration:underline; 
	transition: all  0.5s;
}
	
		/* media screen  Start  */	

@media screen and (max-width: 1000px) { 

.hcss_menu ul li{
 	position: relative;
	width: 100%; /* Width of Menu Items width: 130px; */
	height: 30px;
 	    }	
 .hcss_menu   { font: normal normal 22px ; white-space:normal;  height: auto; }	
 .hcss_menu ul li ul , .hcss_menu ul li ul li   { width: 180px;  height: auto;  }
 
	}	

	
	
/* Holly Hack. IE Requirement \*/
* html .hcss_menu ul li { float: left; height: 1%; }
* html .hcss_menu ul li a { height: 1%; }
/* End */


  .hcss_menu ul ul { display: none; }
  .hcss_menu ul li:hover ul { display: block;  transition-duration: 1.5s;}
  .hcss_menu ul li:hover ul ul { display: none; }
  .hcss_menu ul ul li:hover ul { display: block; transition: all  2.5s; }