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

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

.navigationBorder#naviHead{  /* Header */
  height: 3.8em;
  background-image: url("/horvath/bilder/hg_site.gif");
  background-repeat: repeat-x;

}

.navigationBorder#naviFoot{  /* Footer */
  height: 3.5em;
  background-image: url("/horvath/bilder/hg_site.gif");
  background-repeat: repeat-x;
}

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

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

#navContainer ul li{
  background-image: url("/horvath/bilder/hg_hell.gif");
  background-repeat: repeat-x;
  background-color: #faf7ef;
}

#navContainer ul li#li_nav1_open{  /* special layout for open links */
  background-image: url("/horvath/bilder/hg_hell.gif");
  background-repeat: repeat-x;
  background-color: #f3ebd4;
}


#navContainer ul li a{
  display: block;
  height: 1.7em;
  padding-left: 0.7em;
  margin-bottom: .5em;
  line-height: 1.7em;
  color: #000000;
  text-decoration: none;
  background-image: url("/horvath/bilder/hg_hell.gif");
}

#navContainer ul li a:hover, #navContainer ul li a:focus{
  background-image: url("/horvath/bilder/yellow.gif");
}

#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover#a_nav1_open{
  background-image: url("/horvath/bilder/yellow.gif");
}

/*
  Design for submenu
*/
#navContainer li li{
  background-color: none;
  line-height: 1.1em;
}

#navContainer ul ul a{
  display: block;
  height: 1.5em;
  padding: 0em;
  padding-left: 1.5em;
  padding-bottom: 0.4em;
  color: #000;
  font-size: 0.8em;
  text-decoration: none;
  background-color: #f2e7c0;
}

#navContainer ul ul a:hover, #navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{
  background-color: none;
}