/*------------------- NAVIGATION--------------------
---------------------------------------------------*/
ul#menu {
  width: 255px;
  height: 330px;
  padding-top: 40px;
  padding-right: 38px;
  background: url(navImg/navBg.png) no-repeat right top;
}

ul#menu li {
  position: relative;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  background: url(navImg/liBg.gif) no-repeat right -17px;
  margin-bottom: 2px;
}

ul#menu li a:link,
ul#menu li a:visited {
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 4px 0 4px 35px;
}

ul#menu>li a:hover,
ul#menu>li a:focus,
ul#menu>li a:active,
ul#menu>li:hover,
ul#menu>li:focus,
ul#menu>li:active {
  color: #9c100a;
  background: url(navImg/liBgActive.gif) no-repeat right -17px;
}

ul#subMenu {
  display: none;
  position: absolute;
  top: 0;
  left: 240px;
  width: 235px;
}

li:hover ul#subMenu {
  display: block;
}

ul#subMenu li {
  background: url(navImg/ulliBg.png) no-repeat right top;
  border: none;
}

ul#subMenu li a:link,
ul#subMenu li a:visited {
  padding: 3px 0 3px 50px;
  width: 185px;
}

ul#subMenu li:hover a {
  color: #9c100a;
  background: url(navImg/ulliBgActive.png) no-repeat right top;
}

#navTop{
position: absolute;
top: 20px;
right: 20px;
}

#navTop ul li {
  display: inline;
  font-size: 0.9em;
  margin-left: 20px;
  padding-left: 18px;
}

#navTop ul li#home {
  background: url(img/home.png) no-repeat 0 3px;
}

#navTop ul li#kontakt {
  background: url(img/kontakt.png) no-repeat 0 3px;
}
#navTop ul li#sitemap {
  background: url(img/sitemap.png) no-repeat 0 3px;
}
#navTop ul li#impressum {
  background: url(img/impressum.png) no-repeat 0 3px;
}