#keyvisual{border-bottom:1px solid #fff;overflow:hidden}
span.arrow{position:absolute; margin-top:-2px; right:3px}

.pcssmenu{z-index:1; position:absolute; top:423px; left:1px; width:988px; padding:0 0 0 12px; background:#e8e8e6; height:25px}
* html .pcssmenu{top:426px}

/* remove all the bullets, borders and padding from the default list styling */
.pcssmenu ul{padding:0; margin:0; list-style-type:none; list-style-position:outside}

.pcssmenu ul.second,
.pcssmenu ul.third
.pcssmenu ul.fourth{width:188px; border:1px solid #929493 !important}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.pcssmenu li{float:left; width:auto; position:relative}

/* style the links for the top level */
.pcssmenu a, .pcssmenu a:visited{display:block; font-size:13px; text-decoration:none; color:#656b6b; width:auto; height:24px; line-height:24px; border-color:#fff #e8e8e6 #e8e8e6 #e8e8e6; border-style:solid; border-width:1px 1px 1px 1px; background:none; padding:0 32px 0 12px; white-space:nowrap; position:relative; z-index:6}

/* a hack so that IE5.5 faulty box model is corrected */
* html .pcssmenu a, * html .pcssmenu a:visited{width:1px; w\idth:1px}
.pcssmenu a.menul1, .pcssmenu a.menul1:visited{_width:1px; !important}


.pcssmenu ul.first li.act a{background-color:#fff; border-color:#929493}
.pcssmenu ul.second a{background:none !important; border-color:#929493}

/* style the second level  */
.pcssmenu ul ul a span.platzda{display:block; padding:2px 10px}
.pcssmenu ul ul li.drop a:hover{color:#cf8302}
.pcssmenu ul ul li.drop:hover >a{color:#cf8302}

/* style the third level  */
.pcssmenu ul ul ul a span.platzda{display:block; padding:2px 10px}
.pcssmenu ul ul ul a, .pcssmenu ul ul ul a:visited{background:none}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.pcssmenu ul.second,
.pcssmenu ul.third,
.pcssmenu ul.fourth{visibility:hidden; position:absolute; z-index:20; bottom:21px; left:0; width:188px}
.pcssmenu ul.second{bottom:25px;}
.pcssmenu ul.second{ z-index:24}
.pcssmenu li.first,
.pcssmenu li.tl1{ margin-left:-1px !important;  top:-1px}
.pcssmenu ul.first li.act a{}

.pcssmenu li.act,
.pcssmenu li.act a{ z-index:51}

* html .pcssmenu ul.third,
* html .pcssmenu ul.fourth{bottom:21px}
* html .pcssmenu ul.second{bottom:25px}
/* position the third level flyout menu */
.pcssmenu ul.third,
.pcssmenu ul.fourth{left:188px; bottom:-2px !important; width:188px}
/* position the third level flyout menu for a left flyout */
.pcssmenu ul ul ul.left{left:-188px}

/* style the second level links */
.pcssmenu ul ul a, .pcssmenu ul ul a:visited{font-size:12px; background:none;  border:none; color:#656b6b; height:auto; line-height:24px; /* padding:5px 10px; */padding:2px 0 2px 0; width:188px; /* yet another hack for IE5.5 */}
* html .pcssmenu ul ul a{width:188px; w\idth:188px}

/* style the top level hover */
.pcssmenu ul.first li:hover,
.pcssmenu ul.first a:hover{ z-index:51}
.pcssmenu li.act a{border-color:#929493;   z-index:51}
.pcssmenu li.tl1 a{border-color:#929493;  z-index:54}

.pcssmenu a:hover,
.pcssmenu ul.second a:hover,
.pcssmenu li.tl1 a:hover,
.pcssmenu li.tl1 ul a:hover{color:#cf8302;  background-color:#fff !important; border-color:#929493}
.pcssmenu:hover >a,
.pcssmenu li.first:hover >a,
.pcssmenu ul.second:hover >a,
.pcssmenu:hover >a,
.pcssmenu ul.second:hover >a{color:#cf8302;  background-color:#fff; border-color:#929493}

.pcssmenu:hover >a{z-index:49}

.pcssmenu li.nodrop a:hover{color:#cf8302;  background-color:#fff; border-color:#929493}
.pcssmenu:hover >a.nodrop,
.pcssmenu li.tl1:hover > li.tl1 a.nodrop{color:#cf8302;  background-color:#fff; border-color:#929493}

/* act states for ul second and third level prepare for hover*/
.pcssmenu li.act li{display:none}
.pcssmenu li.act li li{display:block}
.pcssmenu li.act li.act{display:block}
.pcssmenu li.act ul{visibility:visible}
.pcssmenu li.tl1 ul{visibility:hidden}
.pcssmenu li.act ul ul{visibility:hidden}

/* act styles*/
.pcssmenu ul.second, .pcssmenu ul.third, .pcssmenu ul.fourth{border:1px solid #929493 !important; background:url(/fileadmin/templates/img/alpha90.png) !important}
.pcssmenu li.act ul.second{padding-top:2px; background:none !important; background-image:url(/fileadmin/templates/img/alpha90_act.png) !important}

/* make the second level visible when hover on first level list OR link */
.pcssmenu li.first:hover li.second,
.pcssmenu li.first:hover ul.second{display:block !important; visibility:visible !important; height:auto; background:none !important}

.pcssmenu li.first:hover ul.second{background:none !important; background-image:url(/fileadmin/templates/img/alpha90.png) !important}
/* keep the third level hidden when you hover on first level list OR link */
.pcssmenu li.first:hover ul.third{display:none !important; visibility:hidden !important}
/* keep the fourth level hidden when you hover on second level list OR link */
.pcssmenu li.first:hover ul.fourth{display:none !important; visibility:hidden !important}
/* make the third level visible when you hover over second level list OR link */
.pcssmenu li.second:hover li.third,
.pcssmenu li.second:hover ul.third{display:block !important; visibility:visible !important; bottom:0; }
/* make the fourth level visible when you hover over third level list OR link */
.pcssmenu li.third:hover li.fourth,
.pcssmenu li.third:hover ul.fourth{display:block !important; visibility:visible !important; bottom:0}

.item1:hover{postition:relative !important; z-index:130 !important}
.item2:hover{postition:relative !important; z-index:129 !important}
.item3:hover{postition:relative !important; z-index:128 !important}
.item4:hover{postition:relative !important; z-index:127 !important}
.item5:hover{postition:relative !important; z-index:126 !important}
.item6:hover{postition:relative !important; z-index:125 !important}
.item7:hover{postition:relative !important; z-index:124 !important}
.item8:hover{postition:relative !important; z-index:123 !important}
.item9:hover{postition:relative !important; z-index:122 !important}
.item10:hover{postition:relative !important; z-index:121 !important}

.pcssmenu .l2white{display:none}
.pcssmenu .font{visibility:hidden}

.pcssmenu li.act .l2white,
.pcssmenu li.act .l2white:hover,
.pcssmenu li:hover .l2white{position:absolute; display:block; background:#fff; color:#fff; font-size:13px; left:1px; top:0px; height:1px; z-index:55; padding:0 32px 0 12px; margin:0}
.pcssmenu li.tl1 .l2white{display:none}
.pcssmenu li:hover .l2white{display:block}
.pcssmenu li.nodrop .l2white{display:none}

a.act{color:#cf8302 !important}