/*
-----------------------------------------------------

          klaus oppermann
          webdesign und fotografie
          hainbuchenweg 29
          26127 oldenburg

          tel. (049) 0441-6001483
          e-mail: info at klausoppermann.de
          web: http://www.klausopermann.de

----------------------------------------------------- */
#wrapnavigation {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: left;
}

#navigation {
  font-size: 1.1em;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 980px;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}

#navigation ul li {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 8px 0 1px 0;
  position: relative;
}

#navigation ul li a,
#navigation ul li a:visited,
#navigation ul li a:focus,
#navigation ul li a:hover,
#navigation ul li a:active,
#navigation ul li a.aktiv,
#navigation ul li strong {
  background: #fff url(images/tabs.gif) no-repeat 0 0;
  color: #022863;
  color: #fff;
  display: block;
  float: left;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 2px 0 0;
  padding: 0 0 0 10px;
  text-align: left;
  width: auto;
}

#navigation ul li a span,
#navigation ul li a:visited span,
#navigation ul li a:focus span,
#navigation ul li a:hover span,
#navigation ul li a:active span,
#navigation ul li a.aktiv span,
#navigation ul li strong span {
  background: #fff url(images/tabs.gif) no-repeat 100% 0;
  color: #022863;
  padding: 8px 15px 9px 6px;
  display: block;
}

#navigation ul li a span,
#navigation ul li a:visited span,
#navigation ul li a:focus span,
#navigation ul li a:hover span,
#navigation ul li a:active span,
#navigation ul li a.aktiv span {
  cursor: pointer;
}

#navigation ul li a:focus,
#navigation ul li a:hover {
  background: #fff url(images/tabs.gif) no-repeat 0 -50px;
  color: #022863;
}

#navigation ul li a:focus span,
#navigation ul li a:hover span{
  background: #fff url(images/tabs.gif) no-repeat 100% -50px;
  color: #022863;
}

#navigation ul li a.aktiv,
#navigation ul li a:active,
#navigation ul li strong,
#navigation ul li.current_page_item a {
  background: #fff url(images/tabs.gif) no-repeat 0 -50px;
  color: #022863;
}

#navigation ul li a.aktiv span,
#navigation ul li a:active span,
#navigation ul li strong span,
#navigation ul li.current_page_item a span {
  background: #fff url(images/tabs.gif) no-repeat 100% -50px;
  color: #022863;
}

#navigation ul li a.aktiv {
  text-decoration: underline;
}

#navigation ul li a:hover.aktiv,
#navigation ul li a:focus.aktiv {
  text-decoration: none;
}