/* Hauptnavigation */

#main_nav { border-bottom: 1px solid white; }

/* 1.Ebene */

#nav, #nav UL { padding:0; margin:0; list-style:none;font-family:Arial;z-index:999; }
#nav { display:block;background:#fff; border-top:1px solid #FFFFFF;}
#nav LI { float:left; width:222px; padding:0 1px; }
#nav LI.yell { width:222px; padding:0 1px 0 0; }
#nav LI.red { width:224px; padding:0 0 0 1px; }

#nav LI A { display:block; font-weight:bold; font-size:13px; padding:10px; text-transform:uppercase; text-decoration:none; letter-spacing:0px; color:#fff; height: 30px;}
#nav LI.yell A { background-color:#f9bd00; padding:10px;display:block;}
#nav LI.gre A { background-color:#a8b6bd; padding:10px;display:block;}
#nav LI.red A { background-color:#b80035; padding:10px;display:block;}

#nav LI:hover A, HTML>BODY #nav LI:hover A  { color:#FFF;}
#nav LI.yell A:hover { background-color:#f3af00; border-bottom-color:#fef3ba;}
#nav LI.gre A:hover { background-color:#939fa5; border-bottom-color:#d7dde0;}
#nav LI.red A:hover { background-color:#9a022e; border-bottom-color:#e6a6b8;}


/* 2.Ebene */

#nav LI UL { position:absolute; left:-999em; width:216px; }
#nav LI UL LI { padding:0; }

#nav LI.yell UL { width:216px; border-left: 3px solid #f9bd00; border-right: 3px solid #f9bd00; border-bottom: 3px solid #f9bd00;}
#nav LI.gre UL { width:216px; border-left: 3px solid #a8b6bd; border-right: 3px solid #a8b6bd; border-bottom: 3px solid #a8b6bd; }
#nav LI.red UL { width:218px; border-left: 3px solid #b80035; border-right: 3px solid #b80035; border-bottom: 3px solid #b80035;}

#nav LI UL LI A { display:block; font-size:12px; text-decoration:none; letter-spacing:0px; color:#000; font-weight:normal; text-transform:normal;}

#nav LI:hover UL LI A, #nav LI.over UL { display:block;font-weight:normal; text-decoration:none; border-bottom:0;font-size:12px;height:13px;letter-spacing:0px;}
#nav LI:hover UL LI, #nav LI.over UL { }

/*
HTML>BODY #nav LI:hover UL LI A { left:auto;width:196px;display:block;}
HTML>BODY #nav LI.yell:hover UL LI A { left:auto;width:196px;display:block;}
HTML>BODY #nav LI.red:hover UL LI A { left:auto;width:198px;display:block;}
*/
#nav LI.yell UL LI { width:216px; }
#nav LI.gre UL LI { width:216px; }
#nav LI.red UL LI { width:218px; }

#nav LI UL LI A { color:#000; padding:8px 10px; color:#000; height: auto; }
#nav LI.yell UL LI A { background-color:#fef3ba; color:#000; height: auto; }
#nav LI.gre UL LI A { background-color:#e1e6e8; color:#000; height: auto; }
#nav LI.red UL LI A { background-color:#dd6b8c; color:#000; height: auto; }

#nav LI UL LI A:hover { color:#000; height: auto; }
#nav LI.yell UL LI A:hover { background-color:#f3af00;}
#nav LI.gre UL LI A:hover { background-color:#939fa5;}
#nav LI.red UL LI A:hover { background-color:#9a022e; color:#fff; }

#nav LI:hover UL, #nav LI.over UL { left:auto;display: block;}