/*
Menu - CSS
based on Advanced CSS Menu

jan 05/09
Tastenkunst.com
author: christian walther
*/

/* platzhalter menu */
#menu {
  list-style: none;
  padding: 0;
  margin: 0px;
  margin-top: 30px;
  *margin-top: 15px;
  _margin-left: 45px;
  width: 412px;
  height: 70px;
  background: url(images/menu_testX.png) no-repeat;
  position: relative;
}

/* altes menu */

/*
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 774px;
  height: 210px;
  background: url(images/menu-bg.jpg) no-repeat;
  position: relative;
}

*/

#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}


#menu .home {
  width: 67px;
  height: 70px;
  background: url(images/home_menu.png) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .home_active {
  width: 67px;
  height: 70px;
  background: url(images/home_menu_a.png) no-repeat;
  left: 0px;
  top: 0px;
}
/*
#menu .home span {
  width: 86px;
  height: 14px;
  background: url(images/home-over.gif) no-repeat;
  left: 28px;
  top: -20px;
}
*/

#menu .angebot {
  width: 83px;
  height: 70px;
  background: url(images/angebot_menu.png) no-repeat;
  left: 67px;
  top: 0px;
}

#menu .angebot_active {
  width: 83px;
  height: 70px;
  background: url(images/angebot_menu_a.png) no-repeat;
  left: 67px;
  top: 0px;
}
/*
#menu .angebot span {
  width: 40px;
  height: 12px;
  background: url(images/about-over.gif) no-repeat;
  left: 44px;
  top: 54px;
}
*/

#menu .kontakt {
  width: 87px;
  height: 70px;
   background: url(images/kontakt_menu.png) no-repeat;
  left: 150px;
  top: 0px;
}

#menu .kontakt_active {
  width: 87px;
  height: 70px;
   background: url(images/kontakt_menu_a.png) no-repeat;
  left: 150px;
  top: 0px;
}

/*
#menu .kontakt span {
  width: 92px;
  height: 20px;
  background: url(images/rss-over.gif) no-repeat;
  left: 26px;
  top: -20px;
}
*/

#menu .blog {
  width: 67px;
  height: 70px;
   background: url(images/blog_menu.png) no-repeat;
  left: 237px;
  top: 0px;
}

#menu .blog_active {
  width: 67px;
  height: 70px;
   background: url(images/blog_menu_a.png) no-repeat;
  left: 237px;
  top: 0px;
}


/*
#menu .blog span {
  width: 92px;
  height: 20px;
  background: url(images/rss-over.gif) no-repeat;
  left: 26px;
  top: -20px;
}
*/

#menu .uns {
  width: 108px;
  height: 70px;
   background: url(images/uns_menu.png) no-repeat;
  left: 304px;
  top: 0px;
}
#menu .uns_active {
  width: 108px;
  height: 70px;
  background: url(images/uns_menu_a.png) no-repeat;
  left: 304px;
  top: 0px;
}


/*
#menu .uns span {
  width: 92px;
  height: 20px;
  background: url(images/rss-over.gif) no-repeat;
  left: 26px;
  top: -20px;
}
*/