/*  Navigation
----------------------------------------------------*/

#navi
{
    margin: 0 -10.875em 0 -13em;
    background-color: #ffffff;
}

#navi li
{
    float: left;
    display: inline;
    width: 10.82em;
    margin: 0 1px 0 0;
}
#navi li#stadtverwaltung
{
    margin: 0 !important;
}

#navi li a
{
    float: left;
    padding: 11px 0 3px 0 !important;
    width: 100%;
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.3;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    background-color: #222222;
    background-repeat: repeat-x;
    background-position: top left;
}
#navi li a:hover,
#navi li a:focus,
#navi li a:active
{
    color: #222222;
    background-color: #ffffff;
}

#navi li#tourismus a
{
    background-image: url("../devimages/layout/navigation/1.gif");
}
#navi li#tourismus a:hover,
#navi li#tourismus a:focus,
#navi li#tourismus a:active
{
    background-image: url("../devimages/layout/navigation/1_aktiv.gif");
}


#navi li#kultur a
{
    background-image: url("../devimages/layout/navigation/2.gif");
}
#navi li#kultur a:hover,
#navi li#kultur a:focus,
#navi li#kultur a:active
{
    background-image: url("../devimages/layout/navigation/2_aktiv.gif");
}


#navi li#wirtschaft a
{
    background-image: url("../devimages/layout/navigation/3.gif");
}
#navi li#wirtschaft a:hover,
#navi li#wirtschaft a:focus,
#navi li#wirtschaft a:active
{
    background-image: url("../devimages/layout/navigation/3_aktiv.gif");
}


#navi li#stadt a
{
    background-image: url("../devimages/layout/navigation/4.gif");
}
#navi li#stadt a:hover,
#navi li#stadt a:focus,
#navi li#stadt a:active
{
    background-image: url("../devimages/layout/navigation/4_aktiv.gif");
}


#navi li#stadtverwaltung a
{
    background-image: url("../devimages/layout/navigation/5.gif");
}
#navi li#stadtverwaltung a:hover,
#navi li#stadtverwaltung a:focus,
#navi li#stadtverwaltung a:active
{
    background-image: url("../devimages/layout/navigation/5_aktiv.gif");
}

#navi li#emotion a
{
    background-image: url("../devimages/layout/navigation/6.gif");
}
#navi li#emotion a:hover,
#navi li#emotion a:focus,
#navi li#emotion a:active
{
    background-image: url("../devimages/layout/navigation/6_aktiv.gif");
}



#navi li a abbr
{
    border: 0;
}

/* alle darunterliegenden uls zuklappen */
#navi li ul
{
    position: absolute;
    top: -999px;
    left: -999px;
    display: block;
    clear: both;
    padding: 0;
    background-color: #ffffff;
    margin: 0 0 0 -1px;
    width: 10.8em !important;
}

#navi li:focus ul,
#navi li:active ul,
#navi li .aufklapp
{
   /*  top: auto;
    left: auto;
    display: block;
    margin: 1.9em 0 0 -1px;
    width: 10.8em !important; */
}


#navi li#tourismus .aufklapp
{
    left: auto;
}
#navi li#kultur .aufklapp
{
    left: auto;
}
#navi li#wirtschaft .aufklapp
{
    left: auto;
}
#navi li#stadt .aufklapp
{
    left: auto;
}
#navi li#stadtverwaltung .aufklapp
{
    left: auto;
}


#navi li ul li
{
    display: block !important;
    width: 10.8em !important;
    clear: left;
}

#navi li ul li a
{
    float: none;
    margin: 0 !important;
    padding: 4px 10px 3px 10px !important;
    width: auto !important;
    display: block;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1.3;
    color: #000000 !important;
    text-align: left !important;
    text-transform: none !important;
    background-image: none !important;
}
#navi li ul li a:hover,
#navi li ul li a:focus,
#navi li ul li a:active
{
    background-color: #ffffff !important;
}



/* tourismus ausgeklappt */
#navi li#tourismus ul
{
    border-top: 1px solid #5684b6 !important;
    border-right: 1px solid #5684b6;
    border-left: 1px solid #5684b6;
}

#navi li#tourismus ul li
{
    border-bottom: 1px solid #5684b6;
}

#navi li#tourismus ul li a
{
    background-color: #dde6f0;
}


/* kultur ausgeklappt */
#navi li#kultur ul
{
    border-top: 1px solid #95975b !important;
    border-right: 1px solid #95975b;
    border-left: 1px solid #95975b;
}

#navi li#kultur ul li
{
    border-bottom: 1px solid #95975b;
}

#navi li#kultur ul li a
{
    background-color: #eaeade;
}


/* wirtschaft ausgeklappt */
#navi li#wirtschaft ul
{
    border-top: 1px solid #b05b70 !important;
    border-right: 1px solid #b05b70;
    border-left: 1px solid #b05b70;
}

#navi li#wirtschaft ul li
{
    border-bottom: 1px solid #b05b70;
}

#navi li#wirtschaft ul li a
{
    background-color: #efdee2;
}


/* stadt ausgeklappt */
#navi li#stadt ul
{
    border-top: 1px solid #e28b27 !important;
    border-right: 1px solid #e28b27;
    border-left: 1px solid #e28b27;
}

#navi li#stadt ul li
{
    border-bottom: 1px solid #e28b27;
}

#navi li#stadt ul li a
{
    background-color: #f9e8d4;
}


/* stadtverwaltung ausgeklappt */
#navi li#stadtverwaltung ul
{
    border-top: 1px solid #e9b400 !important;
    border-right: 1px solid #e9b400;
    border-left: 1px solid #e9b400;
}

#navi li#stadtverwaltung ul li
{
    border-bottom: 1px solid #e9b400;
}

#navi li#stadtverwaltung ul li a
{
    background-color: #fbf0cc;
}