/* CSS Document */
div#navigation {
  float: left;
  width: 230px;
  height: 1300px;
  padding:0;
  margin:37px 0px 0px 30px;
  background-color: #333333;
}
* html div#navigation{
  margin:20px 0px 0px 15px;
  width: 215px;
}
/*div#navigation a {  Schriftfarbe Level 1 Navigation*/
/* color: #15d0ff;*/
/*}*/

div#navigation ul {
  list-style-type: none; /* get rid of the bullets */
  padding: 0;             /* no padding */
  margin: 0;              /* no margin for IE either */
}
/* html div#navigation ul {
	margin-top:-20px;
}*/
div#navigation ul li {
  margin:0;
  padding:0;
  background-color: #333333;
  display:block;
}
div#navigation ul li a{
  display: block;         /* lines extend to right, make area clickable */
  color: #15d0ff;		/* Schriftfarbe Navigation Level1*/
  background-color: #333333;
  padding: 5px 0px 0px 23px;
  margin:0;
  text-decoration: none;
  height:18px;
}
* html div#navigation ul li a{
  height:18px;          /* hint for IE, alternatively remove whitespace from HTML */
}
div#navigation ul ul li {
  background-color: #333333;
}
div#navigation ul ul li a{
  margin-left: 23px;     /* indent level 2 */
  color: #15d0ff;		/* Schriftfarbe Navigation Level 2*/
}
div#navigation ul ul ul li {
  background-color: #333333;
}
div#navigation ul ul ul li a{
  margin-left: 46px;     /* indent level 3 */
}
div#navigation ul ul ul ul li {
  background-color: #333333;
}
div#navigation ul ul ul ul li a{
  margin-left: 69px;     /* indent level 4 */
}
div#navigation li ul, div#navigation li.open li.closed ul {
  display: none;         /* collapse */
}
div#navigation li.open ul {
  display: block;        /* expand */
}
div#navigation ul li.open a {
  background-image: url(images/bullet_open.gif);
  background-repeat: no-repeat;
}
div#navigation ul li.closed a {
  background-image: url(images/bullet_closed.gif);
  background-repeat: no-repeat;
}
div#navigation ul li.leaf a {
  background-image: url(images/bullet_leaf.gif);
  background-repeat: no-repeat;
}
div#navigation li.active a {
  background-position: 0px -20px;
  color: #ccff00;            /* highlight text, Aktiver Menupunkt Farbe der Schrift*/
}
div#navigation li.active li a {
  background-position: 0px 0px;
  color: #15d0ff;          /* fix lower levels */ /*Schriftfarbe für untere Level wenn die Navigation geöffnet ist*/
}
div#navigation ul li a:hover {
  color: #80FFFF; /*Rolloverfarbe für alle Level */
  background-color: #333333; /* rollover effect in der Navigation */
}