/*
  Following part deals with the navigation in div with id "navContainer"
*/

.navigationBorder{  /* Start and End of Navigation with gradient */
  width: 11em;
  text-align: center;
}

.navigationBorder#naviHead{  /* Header */
  height: 0em;
  background-image: url("/images/bg-hell.jpg");
  background-repeat: repeat-x;
}

.navigationBorder#naviFoot{  /* Footer */
  height: 0em;
  background-image: url("/images/bg-hell.jpg");
  background-repeat: repeat-x;
}

#navContainer{  /* contains the menu */
  clear: both;
  width: 11em;
}

/*
  navigation level 1
*/
#navContainer ul{
  margin: 0em;
  padding: 0em;
  list-style-type: none;
}

#navContainer ul li{
  background-color: white;
}

#navContainer ul li#li_nav1_open{  /* special layout for open links */
  background-image: url("/images/bg-hell.jpg");
  background-repeat: repeat-x;
  background-color: #fff7be;
}


#navContainer ul li a{
  display: block;
  height: 1.4em;
  padding-left: 0em;
  padding-top: 0.3em;
  margin-bottom: 0.3em;
  line-height: 1em;
  color: #000066;
  text-decoration: none;
  background-image: url("");
  background-color: white;
}

#navContainer ul li a:hover, #navContainer ul li a:focus{
  background-image: url("/images/bg-mittel.jpg");
  background-color: #fff8c1;
}

#navContainer ul li a#a_nav1_open{
  background-image: url("/images/bg-hell.jpg");
  background-color: #fff7be;
}

#navContainer ul li a:hover#a_nav1_open{
  background-image: url("/images/bg-mittel.jpg");
  background-color: #fff8c1;
}

/*
  Design for submenu
*/
#navContainer li li{
  background-color: white;
  line-height: 1.4em;
  background-image: url("");
  background-repeat: no-repeat;
}

#navContainer ul ul a{
  display: block;
  background-image: url("");
  background-repeat: no-repeat;
  height: 1.4em;
  padding-left: 0em;
  padding-top: 0.3em;
  margin-bottom: 0.3em;
  color: #000066;
  font-size: 1em;
  text-decoration: none;
  background-color: white;
}

#navContainer ul ul a:focus{
  background-color: #fff8c1;
  background-image: url("/images/bg-mittel.jpg");
  background-repeat: repeat-x;
}

#navContainer ul ul a#a_nav2_open{
  background-color: #fde871;
  background-image: url("/images/bg-dunkel.jpg");
  background-repeat: repeat-x;
}

#navContainer ul ul a:hover{
  background-color: #fff8c1;
  background-image: url("/images/bg-mittel.jpg");
  background-repeat: repeat-x;
}