/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | MENUE
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

.menu {
  width: 848px;
  background-image: url(/kiosk/grafik/bg_menu.gif);
  background-repeat: repeat;
  z-index: 1;
}

/*
***************************************************************************************************
** Zusatz-Menue
***************************************************************************************************
*/

.menu-zusatz {
  height: 73px;
  padding: 37px 0 0 241px;
}

.menu-zusatz a:link,
.menu-zusatz a:visited,
.menu-zusatz a:hover,
.menu-zusatz a:active {
  color: #7990B9;
  text-decoration: none;
}

/*.menu-zusatz-home,
.menu-zusatz-sitemap,
.menu-zusatz-mail,
.menu-zusatz-flag {
  float: left;
}*/

.menu-zusatz-flag {
  width: 100%;
}

.menu-zusatz-home {
  padding: 0 7px 0 0;
}

.menu-zusatz-sitemap {
  padding: 0 10px 0 0;
}

.menu-zusatz-mail {
  padding: 0 9px 0 0;
}

.menu-zusatz-schloss {
  table-layout: auto;
}

.menu-zusatz-schloss,
.menu-zusatz-marken,
.menu-zusatz-newsletter,
.menu-zusatz-impressum {
  margin: 1px 0 0 0;
  text-transform: uppercase;
  letter-spacing: .1em;
  /*float: right;*/
}

.menu-zusatz-impressum {
  padding: 0 18px 0 9px;
}

.menu-zusatz-schloss,
.menu-zusatz-marken,
.menu-zusatz-newsletter {
  margin: 0 9px 0 0;
  padding: 0 8px 0 9px;
  background-image: url(../grafik/menu_zusatz_trennstrich.gif);
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 3px;
}


/*
***************************************************************************************************
** Haupt-Menue
***************************************************************************************************
*/

.menu-haupt {
  height: 36px;
  z-index: 1000;
}

/*
.menu-haupt ul {
  padding: 1px 0 0 231px;
}

.menu-haupt li {
  margin: 0;
  padding: 0;
  float: left;
}
*/

a.menu-haupt-item-1 {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/kiosk/grafik/menu_haupt_1.gif);
  width: 155px;
  height: 30px;
}

a.menu-haupt-item-2 {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/kiosk/grafik/menu_haupt_2.gif);
  width: 202px;
  height: 30px;
}

a.menu-haupt-item-3 {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/kiosk/grafik/menu_haupt_3.gif);
  width: 185px;
  height: 30px;
}

a.menu-haupt-item-4 {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/kiosk/grafik/menu_haupt_4.gif);
  width: 95px;
  height: 30px;
}

a.menu-haupt-item-1:hover,
a.menu-haupt-item-1-on {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/kiosk/grafik/menu_haupt_1_.gif);
  width: 155px;
  height: 30px;
  text-decoration: none;
}

a.menu-haupt-item-2:hover,
a.menu-haupt-item-2-on {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/kiosk/grafik/menu_haupt_2_.gif);
  width: 202px;
  height: 30px;
  text-decoration: none;
}

a.menu-haupt-item-3:hover,
a.menu-haupt-item-3-on {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/kiosk/grafik/menu_haupt_3_.gif);
  width: 179px;
  height: 30px;
  text-decoration: none;
}

a.menu-haupt-item-4:hover,
a.menu-haupt-item-4-on {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/kiosk/grafik/menu_haupt_4_.gif);
  width: 95px;
  height: 30px;
  text-decoration: none;
}


/*
***************************************************************************************************
** Unter-Menue
***************************************************************************************************
*/

.menu-unter a:link,
.menu-unter a:visited,
.menu-unter a:hover,
.menu-unter a:active {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 4px 0 4px 12px;
  border-bottom: 1px solid #002572;
  color: #002572;
  text-decoration: none;
}

.menu-unter {
  position: static;
  font-size: .95em;
  z-index: 1001;
  border: 1px solid #000000;
}

.menu-unter ul {
  margin: 0;
  padding: 0;
}

.menu-unter li {
  margin: 0;
  padding: 0;
  float: none;
}

a.menu-unter-link,
a.menu-unter-link-on {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 4px 22px 4px 22px;
  border-bottom: 1px solid #002572;
  color: #002572;
  width: 200px;
  z-index: 100000;
}

a.menu-unter-link:link,
a.menu-unter-link:visited,
a.menu-unter-link:hover,
a.menu-unter-link:active {
  background-color: #AABED8;
}

a.menu-unter-link:hover {
  background-color: #FFFFFF;
  text-decoration: none;
}

a.menu-unter-link-on:link,
a.menu-unter-link-on:visited,
a.menu-unter-link-on:hover,
a.menu-unter-link-on:active {
  background-color: #FFFFFF;
  text-decoration: none;
}

/*
***************************************************************************************************
** Unter-Unter-Menue
***************************************************************************************************
*/

.menu-unter-unter {
  position: absolute;
  width: 175px;
  border-top: 1px solid #002572;
  z-index: 1002;
}

.menu-unter-unter li {
  position: static;
}

a.menu-unter-unter-link:link,
a.menu-unter-unter-link:visited,
a.menu-unter-unter-link:hover,
a.menu-unter-unter-link:active {
  background-color: #CEDBED;
  text-decoration: none;
}

a.menu-unter-unter-link-on:link,
a.menu-unter-unter-link-on:visited,
a.menu-unter-unter-link-on:hover,
a.menu-unter-unter-link-on:active {
  background-color: #FFFFFF;
  text-decoration: none;
}
