/*---------------------------------------
Navigation
---------------------------------------*/
dl, dt, dd, ul, li   { list-style-type: none; margin: 0; padding: 0; overflow: visible }
#navi-middle                   { padding-left: 20px; position: relative; z-index: 1000; height: 20px }

/*---------------------------------------
Menüpunkt
---------------------------------------*/

/* kompletter Menüpunkt */
#navi-middle dl            { margin: 0; float: left;  }

/* Menüpunkt Titel */
#navi-middle dt          { font-family: Arial, Verda, Helvetica, sans-serif; text-decoration: none; cursor: pointer; height: 20px; }

/* Menüpunkt Titel - Link */
#navi-middle dt a        { color: #000; font-size: 10pt; line-height: 26px; text-decoration: none; display: block; margin-right: 20px; height: 100% }

/* Menüpunkt Titel - Link hover */
#navi-middle dt a:hover       { color: #000; border-bottom: 2px solid #000 }

/* Menüpunkt Titel - aktiv */
#navi-middle dt.active     { color: #000; font-size: 10pt; font-family: Arial, Verda, Helvetica, sans-serif; font-weight: bold; line-height: 26px; text-decoration: none; margin: 0 20px 0 0; border-bottom: 2px solid #000 }

/*---------------------------------------
Submenü
---------------------------------------*/

/* Submenü */
#navi-middle dd          { background-image: url(background.jpg); background-repeat: repeat; visibility: hidden; position: absolute; border: solid 1px #333; }

/* Submenü - Unterpunkt */
#navi-middle li           { font-size: 10pt; line-height: 20px; text-decoration: none; cursor: pointer; display: block; }

/* Submenü - Unterpunkt Link */
#navi-middle li a            { color: #000; font-size: 10pt; font-family: Arial, Verda, Helvetica, sans-serif; text-decoration: none; display: block; margin: 0; padding-right: 10px; padding-left: 10px; width: 105px; height: 100% }

/* Submenü - Unterpunkt Link hover */
#navi-middle li a:hover             { color: #000; font-size: 10pt; font-family: Arial, Verda, Helvetica, sans-serif; background-image: url(bg2.jpg); background-repeat: repeat; display: block }

/* Submenü - Unterpunkt Link aktiv */
#navi-middle li.active               { color: #000; font-size: 10pt; font-family: Arial, Verda, Helvetica, sans-serif; background-image: url(bg2.jpg); background-repeat: repeat; margin: 0; padding-right: 10px; padding-left: 10px }