/* Navigation 1 Zeile mit Dropdowns */

/* Positionierung */
ul#Navigation                             {position: relative; z-index: 555; width: 100%; clear: left;}
ul#Navigation li                          {position: relative; display: block; float: left;}
ul#Navigation li.last                     {display: block; float: right;}
ul#Navigation a                           {display: block; float: left;}

ul#Navigation ul                          {display: none; position: absolute; top: 1.5em; left: 0; width: 12em; z-index: 777;}
* html ul#Navigation ul                   {left: 0;}
ul#Navigation li.hover ul                 {display: block; }

ul#Navigation ul li, ul#Navigation ul li.last, ul#Navigation ul a {float: none;}
ul#Navigation ul li, ul#Navigation ul li.last {position: relative; display: block; padding: 3px 5px;}

ul#Navigation ul li ul                    {position: absolute; left: 9em; top: 0; width: 12em; z-index: 888;}
* html ul#Navigation ul li ul             {left: 12em;}
ul#Navigation ul li.last ul               {left: -12em;}
* html ul#Navigation ul li.last ul        {left: -12em;}
ul#Navigation ul li ul li                 {z-index: 900;}
ul#Navigation li.hover ul ul,
ul#Navigation li.selected ul ul           {display: none; float: none; padding: 0; margin: 0; white-space: nowrap;}
ul#Navigation li.hover    ul li.hover ul,
ul#Navigation li.selected ul li.hover ul  {display: block;}
ul#Navigation li.hover    ul ul li,
ul#Navigation li.selected ul ul li        {position: relative; display: block; float: none; padding: 2px 5px; margin: 0; white-space: nowrap;}

ul#Navigation ul li ul li ul              {position: absolute; top: 1.6em; left: -1px; width: 16em; z-index: 999;}
ul#Navigation ul li ul li ul li           {z-index: 1111;}
ul#Navigation li.hover ul li.hover ul ul,
ul#Navigation li.selected ul li.selected ul ul        {display: none; float: none; padding: 0; margin: 0; white-space: nowrap;}
ul#Navigation li.hover    ul li.hover ul li.hover ul,
ul#Navigation li.selected ul li.hover ul li.hover ul  {display: block;}

ul#Navigation li.hover ul ul li a,
ul#Navigation li.selected ul ul li a      {position: relative; display: block; float: none;}


/* Größen */
ul#Navigation                 {font-size: 120%; font-weight: bold; margin-top: 2px; height: 1.25em;}
* html ul#Navigation          {font-size: 110%; f\ont-size: 120%; margin: 0; height: 1.4em;}
ul#Navigation li              {padding: 2px 5px;}
ul#Navigation a,
ul#Navigation a:hover         {text-decoration: none;}

ul#Navigation ul              {font-size: 90%; line-height: 1.3em; padding: 0; margin: 0;}

ul#Navigation ul li           {margin: 0; padding: 3px 4px;}
ul#Navigation ul a            {padding: 0;}

ul#Navigation ul ul           {font-size: 90%; height: auto; margin: 0; padding: 0;}
ul#Navigation ul ul li        {border: 0; padding: 2px;}
ul#Navigation ul ul li a      {padding: 0;}

ul#Navigation ul ul ul        {font-size: 90%; height: auto; margin: 0; padding: 0;}


/* Farben - hier über class, damit man sie leicht ändern kann */
ul#Navigation                      {border-top: 1px solid #fff; padding-top: 2px;}
ul#Navigation,
ul#Navigation li,
ul#Navigation li a                 {color: #fff;}
ul#Navigation li                   {border-right: 1px solid #fff;}
xul#Navigation li.selected,
xul#Navigation li.hover             {background: #ddd;}
ul#Navigation li.last              {border-right: 0; border-left: 1px solid #fff;}
ul#Navigation ul li,
ul#Navigation ul li.last              {border-right: 0; border-left: 0;}
ul#Navigation li.selected a,
ul#Navigation li.hover a,
ul#Navigation li a:hover           {color: #ef7;}
ul#Navigation ul,
ul#Navigation ul li,
ul#Navigation ul li a,
ul#Navigation ul li a:hover        {color: #171;}
ul#Navigation li ul li.selected a,
ul#Navigation li.selected ul li a,
ul#Navigation li.hover ul li a,
ul#Navigation li.selected ul li.selected a,
ul#Navigation li.hover ul li.selected a,
ul#Navigation li.selected ul li a:hover,
ul#Navigation li.hover ul li a:hover,
ul#Navigation li.selected ul li.selected a:hover,
ul#Navigation li.hover ul li.selected a:hover        {color: #171;}
ul#Navigation ul ul li a,
ul#Navigation ul ul li a:hover     {color: #171;}

ul#Navigation ul                   {background: url(/bilder/neu/bg/bgverlauf_grau.png); border: 1px solid #ccc;}
* html ul#Navigation ul            {background: #ddd;}
ul#Navigation ul li                {background: url(/bilder/neu/bg/bgverlauf_grau.png);}
* html ul#Navigation ul li         {background: #ddd;}
ul#Navigation ul li.hover,
ul#Navigation ul li:hover,
ul#Navigation ul li.selected       {background: #eee;}
ul#Navigation ul ul                {background: #eee; border: 1px solid #ddd;}
/*
ul#Navigation ul ul                {background: #9f9;}
ul#Navigation ul ul li             {background: url(/bilder/neu/bg/bgverlauf_grau.png);}
* html ul#Navigation ul ul li      {background: #ddd;}
ul#Navigation ul ul li.hover,
ul#Navigation ul ul li.selected    {background: #eee;}
ul#Navigation ul ul ul             {background: #0f9;}
ul#Navigation ul ul ul li.hover,
ul#Navigation ul ul ul li.selected {background: #eee;}
*/

/* Portierung nach em - 300px sind 25em - 12px sind 1em - 3px sind 0.25em - 1px ist 0.083333 em */
* xhtml ul#Navigation ul                   {width: 82.25em;}