/******************************************************/
/** NAVI OBEN *****************************************/
/******************************************************/

/* Navigation Rahmen */
.hmenu {
z-index: 10;
position: absolute;
bottom: 0;
right: 0;
height: 22px;
background: #f2e4cc;
margin: 0 40px 0 0;
}

/* gesamte Liste */
.hmenu ul {
z-index: 10;
padding: 0;
margin: 0;
list-style-type: none; }

/* Hauptmenü Liste */
.hmenu ul li {
float: left;
height: 22px;
line-height: 0;
display: block; }

.hmenu ul li b {
display: none; }

/* Submenü Liste */
.hmenu ul ul li {
display: block;
height: auto;
line-height: 0; }
* html .hmenu ul ul li {
margin: 0 0 0 3px; }

/* Hauptmenü Links */
.hmenu a, .hmenu a:visited {
display: block;
float: left;
height: 22px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: black;
background-repeat: no-repeat;
background-position: center center;
padding: 0; }

/* Submenü Links */
.hmenu ul ul a, .hmenu ul ul a:visited {
white-space: nowrap;
display: block;
background: #f2e4cc;
color: #791400;
height: auto;
line-height: 1em;
padding: 4px 9px; }
* html .hmenu ul ul a, * html .hmenu ul ul a:visited  {
padding-left: 3px; }

/* Rollover Hauptmenü */
* html .hmenu a:hover {
color: #f6f8db;
position: relative;
z-index: 100; }
.hmenu li:hover {
position: relative; }
.hmenu :hover > a {
color: #f6f8db; }

/* Rollover Submenü */
* html .hmenu ul ul a:hover{
color: #d60722;
position: relative;
z-index: 110; }
.hmenu ul ul li:hover {
position: relative; }
.hmenu ul ul :hover > a {
color: #d60722; }

/* Dropdown-Menü verstecken */
.hmenu ul ul {
visibility: hidden;
position: absolute;
background: #f2e4cc;
height: 0;
top: 22px;
left: 0; }

/* Dropdown-Menü sichbar */
.hmenu ul :hover ul{
visibility: visible;
height: auto;
padding: 0;
border-top: 1px solid #791400;
width: 101px;
padding-bottom: 4px;
left: 0; }

/* Hauptmenü Bilder und Rollovers */
a#home:link, a#home:visited {
width: 49px;
background-image: url(../images/nav/hmenu_home.gif); }
a#home:hover, a#home:active, a#home:focus, a#home_active {
background-image: url(../images/nav/hmenu_home_o.gif); }

a#katalog:link, a#katalog:visited {
width: 58px;
background-image: url(../images/nav/hmenu_katalog.gif); }
a#katalog:hover, a#katalog:active, a#katalog:focus, a#katalog_active {
background-image: url(../images/nav/hmenu_katalog_o.gif); }

a#haendler:link, a#haendler:visited {
width: 62px;
background-image: url(../images/nav/hmenu_haendler.gif); }
a#haendler:hover, a#haendler:active, a#haendler:focus, a#haendler_active {
background-image: url(../images/nav/hmenu_haendler_o.gif); }

a#presse:link, a#presse:visited {
width: 97px;
background-image: url(../images/nav/hmenu_presse.gif); }
a#presse:hover, a#presse:active, a#presse:focus, a#presse_active {
background-image: url(../images/nav/hmenu_presse_o.gif); }

a#pressespiegel:link, a#pressespiegel:visited {
width: 97px;
background-image: url(../images/nav/hmenu_pressespiegel.gif); }
a#pressespiegel:hover, a#pressespiegel:active, a#pressespiegel:focus, a#pressespiegel_active {
width: 97px;
background-image: url(../images/nav/hmenu_pressespiegel_o.gif); }

a#kontakt:link, a#kontakt:visited {
width: 60px;
background-image: url(../images/nav/hmenu_kontakt.gif); }
a#kontakt:hover, a#kontakt:active, a#kontakt:focus, a#kontakt_active {
width: 60px;
background-image: url(../images/nav/hmenu_kontakt_o.gif); }

a#impressum:link, a#impressum:visited {
width: 80px;
background-image: url(../images/nav/hmenu_impressum.gif); }
a#impressum:hover, a#impressum:active, a#impressum:focus, a#impressum_active {
width: 80px;
background-image: url(../images/nav/hmenu_impressum_o.gif); }