/* ############ MAINMENÜ ############
   ############ ####### ############ */

/* Definition alle Links in der Navigation */
#navigation a {margin:0px 0px 0px 0px; padding:0px 20px 20px 20px; color:#03346f;}

/* ############ 1st Level Navigation ############ */
/* Liste die sich horizontal ausbreitet */
#nav, #navigation ul {list-style-type:none; margin:0; padding:0; z-index:99;}
#navigation ul li {float:left;}
/* Hover-Effekt für die Hauptmenüpunkte */
#navigation ul li:hover {background-image:url(../images/navi_hover.jpg); background-repeat:repeat-x; height:40px;}
/* Versalien in 1st Level*/
#navigation ul li a {text-transform:uppercase; font-size:16px; line-height:2.2em; display:block;}

/* ############ 2nd Level Navigation ############ */
 /* Definiert die auszuklappende Liste */
#navigation ul li ul {margin:-15px 0px 0px 0px; padding:0px 0px 0px 0px; display:none; list-style:none; width:14em; position:absolute; z-index:99;} 
/* Rahmen um gesamtes 2nd Level Menü, sowie definierte Standardgröße */
#navigation ul li ul {border-bottom:#a5adc5 1px solid; border-left:#a5adc5 1px solid; border-right:#a5adc5 1px solid; background:url(../images/2nd_navi.jpg) repeat-y; background-color:#c7cad3;}
/* Klappt das Menü beim drüberfahren aus */
#navigation ul li:hover ul {display:block;} /* muss hover werden */

/* 2nd Level die sich vertikal ausbreitet */
#navigation ul li ul li {float:none; height:100%; border-top:solid 1px #cccccc; position:relative;}
/* Schaltet Hover-Background für 2nd level aus */
#navigation ul li ul li:hover {background:none; height:100%;}
/* Hover-Effekt für 2nd Level */
#navigation ul li ul li:hover {background-color:#eaeaea;}

/* Definiert die Links im Submenü, Schaltet Versalien im Submenü aus */
#navigation ul li ul li a {margin:0px; padding:0px 20px 2px 20px; height:100%; font-size:0.9em; line-height:1.2em; text-transform:none; color:#224c7f;}

/* Aktueller Hauptmenüpunkt */
#navigation ul li#current {background-image:url(../images/navi_hover.jpg); background-repeat:repeat-x; height:40px;}


/* ############ TOPMENÜ ############
   ############ ####### ############ */
#header-topnavi {direction:rtl;}
#header-topnavi ul {list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#header-topnavi ul li {margin:0px 1px 0px 1px; padding:0px 4px 0px 4px; float:right;}
#header-topnavi ul li ul * {display:none;}
#header-topnavi #current2 {text-decoration:underline;}

/* ############ SUBMENÜ ############
   ############ ####### ############ */
   
#submenu a {display:block;}
#submenu ul {list-style:none; width:100%; margin:0px 0px 25px 0px; padding:0px 0px 0px 0px; background-image:url(../images/button_darkblue.png); background-repeat:no-repeat; background-color:#e3e7f2;}
#submenu ul li {margin:0px 0px 0px 0px; padding:3px 20px 5px 20px;}
#submenu ul li ul {background:none;}
#submenu ul li a {font-size:1.3em; color:#FFFFFF; padding-bottom:15px;}
#submenu ul li ul li {padding:0px 0px 0px 3px;}
#submenu ul li ul li:hover {background-color:#FFFFFF;}
#submenu ul li ul li a {font-size:1.0em; padding-bottom:0px; color:#03346f; line-height:1.4em;}
#submenu ul li ul li a:hover {font-size:1.0em; color:#03346f;}
#submenu ul li ul li ul { margin:0px 0px 10px 0px;}
#submenu ul li ul li ul li {padding:0px 0px 0px 25px;}

#submenu ul li .subcurrent {background-color:#FFFFFF;}

