/*  Navigation
----------------------------------------------------*/

/*--definiert den Hintergrundbalken der Navi und einige allgem. Angaben--*/
#menu {
font-family: "The Mix Light";
    font-size: 15px;
    left: 293px;
    position: absolute;
    top: 75px;
}

/*--definiert die einzelnen Navigationsbl&ouml;cke--*/
#menu ul {
float: left;
list-style-type: none;
margin: 0px;
padding: 0px;
}


/*--definiert die Block&uuml;berschriften--*/
#menu h3 {
    border-right: 1px solid #ccc;
    font-size: 15px;
    text-align: center;
    margin: 0px;
    padding: 10px 8px 2px;
    font-family: "The Mix Light";
}

#menu h3 a {
   color: #000000;
    text-decoration: none;
	font-weight: normal;
}

#menu h3 a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}


/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu ul li ul li a {
    text-decoration: none;
    padding: 5px 10px;
    display: table-cell;
    color: #000000;
    font-size: 13px;
    height: 20px;
    vertical-align: middle;
   font-family: "Transit normal";
}


#menue img {
      float: left;

}


/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu ul li ul li a:hover {
color: #000000;
padding-left: 10px;
text-decoration: none;
}

#menu ul li ul li {
    width: 200px;
    min-height: 20px;
    border-left: 1px solid #e5c500;
	border-right: 1px solid #e5c500;
	border-bottom: 1px solid #e5c500;
}

#menu ul li ul li:hover {
    width: 200px;
    min-height: 20px;

}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 200;
display: none;
margin-top: 11px;
background-color: #FFFFFF;
    border-top: 1px solid #e5c500;
}

#menu ul li {
position: relative; /*verhindert im Zusammenhang mit pos. absolute bei ul ul eine H&ouml;henvergr&ouml;&szlig;erung von #menu beim Hovern--*/
float:left;
}

#menu ul  li:hover {
position: relative;
float:left;
background-color: #e5c500;
}

/*--l&auml;sst die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}


/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}


/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:hover {
color: #ff9224;
background: #003366;
border: 1px solid #ccc;
}

/*--nur f&uuml;r IE-Versionen &lt;=6 erkennbar--*/
* html #menu ul li {
float: left;
width: 100%;
}

/*--nur f&uuml;r IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

li#kultur_freizeit, #wirtschaft_technologie, #stadt_buerger, #tourismus_stadtinfo {
 height: 38px;
}

#kultur_freizeit_aktiv,  #wirtschaft_technologie_aktiv, #stadt_buerger_aktiv, #tourismus_stadtinfo_aktiv {
    height: 38px;
}

#kultur_freizeit_aktiv h3,  #wirtschaft_technologie_aktiv h3, #stadt_buerger_aktiv h3, #tourismus_stadtinfo_aktiv h3 {
    border-bottom: 3px solid #e5c500;
    font-weight: normal;
}

#kultur_freizeit_aktiv ul,  #wirtschaft_technologie_aktiv ul, #stadt_buerger_aktiv ul, #tourismus_stadtinfo_aktiv ul{
    margin-top: 8px !important;
}

/* Header Navigation */
.top-navigation-left ul ul {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #ffffff;
    padding-left: 10px;
    margin-left: -10px;
    font-size: 10pt;
    line-height: 20pt;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding-right: 10px;
    padding-bottom: 2px;
}

.top-navigation-left > ul > li:hover > ul {
    display: block!important;
}

.top-navigation-right ul ul {
       display: none;
    position: absolute;
    z-index: 999;
    background-color: #ffffff;
    padding-left: 10px;
    margin-left: -4px;
    font-size: 10pt;
    line-height: 20pt;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding-right: 10px;
    padding-bottom: 2px;
}

.top-navigation-right > ul > li:hover > ul {
    display: block!important;
}
