/* Styles für Horizontal Menu (Listenelemente) */
/* KEMPER FR Kombi (Oben Grafische Buttons - links ab Ebene 2) */

/* All <ul> tags in the menu including the first level */
.basicmenu, .basicmenu  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.basicmenu li {
 float: left;
 display: block;
 position: relative;
 margin-right: 0px;
 width:138px;
}

/*** Meinmenu Top-Level ***/
#pulldownMenu1 li.menu {
  text-align: center;
}

/* Links inside the menu */
.basicmenu a {
 display: block;
 padding: 0px 10px 0px 10px;
 color: #000;
 text-decoration: none;
 font-weight: bold;
}

.basicmenu ul li a {
 color: #000;
} 

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.basicmenu a:hover, .basicmenu a.highlighted:hover, .basicmenu a:focus {
 color: White;
 /*background-color: #808080;*/
}
.basicmenu a.highlighted {
 color: #000;
 /*background-color: #808080;*/
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.basicmenu a {
 float: left;
}
.basicmenu ul a {
 float: none;
}
/* \*/
.basicmenu a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .basicmenu ul li {
 float: left;
 width: 100%;
}

* html .basicmenu ul li {
 float: left;
 height: 1%;
}
* html .basicmenu ul a {
 height: 1%;
}
/* End Hacks */

/*** Basicmenu is the Bottom-menu ***/
#HorizontalMenu li {
  /*width: 110px;*/
  text-align: center;
  /*background-color: #808080;*/
  /*background-image: url(../images/fade_grey.jpg);*/
}

/*** Basicmenu is the Bottom-menu ***/
#HorizontalMenu a:hover, #basicmenu a.highlighted:hover, #basicmenu a:focus {
 color: White;
 /*background-color: #007eda;*/
}

#HorizontalMenu a.highlighted {
 color: White;
 /*background-color: #007eda;*/
}

