/* CCS Code */

ul.menu, ul.menu ul {
    list-style-type: none;	
}

ul.menu {
	/*position:relative;
	top:0px;
	left:0px;*/
	margin:0%;
    padding:0%;
	height:30px;	
	width:960px;
	background-color: #00FF00;
}

ul.menu ul a {
 	margin:0%;
    padding:0%;
	background-color: #FFFFFF;
	font-size:11px;
 	font-weight:normal;
	text-indent: 10px;
 	text-align:left;
}

ul.menu li {
    padding:0;
    margin:0;
	width: 192px;
    background-image: none;
    float:left;
	font-size:16px;
 	font-weight:normal;
 	text-align:left;
	background-color: #ECEDED;
}


ul.menu ul {
    margin: 0;
    padding:0;
    position: absolute;
	height:auto;
	width:188px;
    background-color: #FFFFFF;
	border-left:1px solid #ECEDED;
	border-right:1px solid #ECEDED;
	border-bottom:1px solid #ECEDED;
    display:none;
    min-width:190px;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:190px;
}

ul.menu ul li{ 
 width:190px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: #FFFFFF;
}

/* LINK-ZUSTÄNDE //////////////////////////////////////////// */

/* ///// HAUPTMENÜ 1.EBENE /////*/


div#middlebox ul.menu li a
div#middlebox ul.menu li a.navi-main,
div#middlebox ul.menu li a.navi-main-hover,
div#middlebox ul.menu li a.navi-main:hover,
div#middlebox ul.menu li a.navi-main-active,
div#middlebox ul.menu li a:link, 
div#middlebox ul.menu li a:visited, 
div#middlebox ul.menu li a:hover, 
div#middlebox ul.menu li a:active,
div#middlebox ul.menu li a:focus {
  display: block;
  padding: 6px 10px 6px 10px;
  font-weight:normal;
  font-size:16px;
  text-decoration:none;
  color:#848687;
	
 
}

* html ul.menu li a {
	width:172px;
}

div#middlebox ul.menu li a:hover,
div#middlebox ul.menu li a.navi-main:hover,
div#middlebox ul.menu li a.navi-main-hover {
  display: block;
  padding: 6px 10px 6px 10px;
  font-weight:normal;
  font-size:16px;
  text-decoration:none;
  color:#FFFFFF;
  background: #F6A925;
 
}

div#middlebox ul.menu a.navi-main-active:link,
div#middlebox ul.menu a.navi-main-active:visited,
div#middlebox ul.menu a.navi-main-active:hover,
div#middlebox ul.menu a.navi-main-actifsub:link, 
div#middlebox ul.menu a.navi-main-actifsub:visited, 
div#middlebox ul.menu a.navi-main-actifsub:hover, 
div#middlebox ul.menu a.navi-main-active:active,
div#middlebox ul.menu a.navi-main-actifsub:active,  
div#middlebox ul.menu a.navi-main-active:focus,
div#middlebox ul.menu a.navi-main-actifsub:focus,
div#middlebox ul.menu a:active,
div#middlebox ul.menu a:focus, 
div#middlebox ul.menu a.navi-main-active,
div#middlebox ul.menu a.navi-main-actifsub {
  display: block;
  padding: 6px 10px 6px 10px;
  font-weight:normal;
  font-size:16px;
  text-decoration:none;
  color:#FFFFFF;
  background: #F6A925;
 
 
}


/* ///// HAUPTMENÜ 2.EBENE /////*/

div#middlebox ul.menu ul li a,
div#middlebox ul.menu ul li a:link, 
div#middlebox ul.menu ul li a:visited, 
div#middlebox ul.menu ul li a.sub {
   display: block;
   margin:0%;
   padding:0%;
   width:190px;
   height:20px;
   font-size:11px;
   font-weight:normal;
   text-indent: 10px;
   text-align:left;
   color:#848687;
   text-decoration:none;
   background-color: #FFFFFF;
 
}

div#middlebox ul.menu ul li a.sub-hover,
div#middlebox ul.menu ul li a.sub:hover {
   display: block;
   margin:0%;
   padding:0%;
   width:190px;
   height:20px;
   font-size:11px;
   text-indent: 10px;
   text-align:left;
   color:#FFFFFF; 
   font-weight:normal;
   text-decoration:none;
   background: #F6A925;
 

}

div#middlebox ul.menu ul li a.sub-active:link,
div#middlebox ul.menu ul li a.sub-active:visited,
div#middlebox ul.menu ul li a.sub-active:hover,
div#middlebox ul.menu ul li a.sub-active:focus,
div#middlebox ul.menu ul li a.sub-active,
div#middlebox  a.sub-active, 
div#middlebox ul.menu ul li a.sub-active, 
div#middlebox ul.menu  ul li a.sub-active:active {
 display:block;
 width:190px;
 height:20px;
 color:#FFFFFF; 
 font-weight:normal;
 text-decoration:none;
 background: #F6A925;
 
}


