body 
{
background-image:url(/static/style/top.jpg);
background-repeat:no-repeat;
z-index:1;
background-color:#f2f2f2;
}
	
*
{
  font-family:arial,tahoma,verdana,helvetica;
  font-size:12px;
}

ul.level_1
{
  position:absolute;
  left:120px;
  top:120px;
  list-style-type:none;
  z-index:2;
}

ul.level_1 li
{
  margin-left:20px;
  width:90px;
  display:inline;
}

ul.level_1 li a
{
  text-decoration:none;
  color:gray;
  font-weight:bold;
  border:2px solid blue;
  background-color:white;
  text-decoration:none;
  padding:4px;
}

ul.level_1 li a.current
{
  border-bottom:2px solid white;
  background-color:white;
  color:red;
  text-decoration:none;
  padding:4px;
}

ul.level_1 li a:hover
{
  background-color:#bbb7c7;
  color:black;

}

#impressum
{
  text-decoration:none;
  color:#000000;
  font-size:8pt;
  font-weight:bold;
  position:absolute;
  top: 43px;
  left:50px;
}


#homelink
{
  display:block;
  color:blue;
  FONT-FAMILY: "Courier New";
  font-weight: bold;
  font-size: 20pt;
  padding-top:5px;
  text-align:center;
  width:300px;
  position:absolute;
  left:10px;
  text-decoration:none;
}

div.myPath
{
  position:absolute;
  top:130px;
  left:470px;
  width:900px;

}

div.myPath a:before
{
content:">"
}

div.myPath a
{
  color:black;
  font-size: 8pt;
  padding-top:5px;
  font-weight:bold;
  text-decoration:none;
  padding:1px;
  margin-left:2px;
}

ul.navigation99
{
  position:absolute;
  top:190px;
  left:950px;
  margin-bottom:20px;
  z-index:90; 
}


ul a img
{
  display:none;
}

ul.navigation99 a:hover img
{
  padding:3px;
  background-color:white;
  border:1px solid #9d9da1;
  display:block;
  position:absolute;
  left:-130px;
  top:-30px;

}

ul a:hover img
{
  padding:3px;
  background-color:white;
  border:1px solid #9d9da1;
  display:block;
  position:absolute;
  left:149px;
  top:-30px;
  z-index:9; 
}
/* the menu */

ul.level_2
{
  position:absolute;
  top:190px;
  left:5px;
  z-index:2;
}

ul.navigation99,
ul.navigation99 li,
ul.navigation99 li a,
ul.level_2,
ul.level_2 li,
ul.level_2 li a,
ul.level_3,
ul.level_3 li,
ul.level_3 li a,
ul.level_4,
ul.level_4 li,
ul.level_4 li a,
ul.level_5,
ul.level_5 li,
ul.level_5 li a
{
  display:block;
  margin:0;
  padding:0px;
  border:0;
}


ul.navigation99,
ul.level_2,
ul.level_3,
ul.level_4,
ul.level_5
{
  width:150px;
  border:1px solid #9d9da1;
  background:white;
  list-style:none;
}


ul.navigation99 li,
ul.level_2 li,
ul.level_3 li,
ul.level_4 li,
ul.level_5 li 
{
  position:relative;
  padding:0px;
  padding-left:6px;
}

ul.level_2 li.folder a.submenu:before,
ul.level_3 li.folder a.submenu:before,
ul.level_4 li.folder a.submenu:before,
ul.level_5 li.folder a.submenu:before
{ 
 content:"> ";
}

ul.navigation99 li a.current
{ 
color:red;
/*background-color:#FF2222;*/
}


ul.navigation99 li a:before,
ul.level_2 li a:before,
ul.level_3 li a:before,
ul.level_4 li a:before,
ul.level_5 li a:before
{ 
 content:"* ";
/*background-color:#22F020;*/
}
	
li.folder ul 
{
  position:absolute;
  left:120px; 
  top:5px;

}		

ul.level_2 li.folder ul, 
ul.level_3 li.folder ul, 
ul.level_4 li.folder ul, 
ul.level_5 li.folder ul 
{ 
  top:-5px;
  left:149px; 
} /* others */


ul.navigation99 li a,
ul.level_2 li a, 
ul.level_3 li a, 
ul.level_4 li a, 
ul.level_5 li a 
{
  padding:2px;
  border:1px solid white;
  text-decoration:none;
  color:gray;
  font-weight:bold;
  width:95%; /* IE */
}

/* regular hovers */

a:hover 
{
  border-color:gray;
  background-color:#bbb7c7;
  color:black;
}

li a:hover,
li.folder a:hover 
{
  background-color:#bbb7c7;
  color:black;

}
	
	/* hovers with specificity */

ul.level_2 li 
{
z-index:11;
}
ul.level_2 li.folder:hover
{ 
  z-index:12; /* sub menu on top */
}		

ul.level_3 li{
z-index:13;
}
ul.level_3 li.folder:hover
{ 
  z-index:14; /* sub menu on top */
}		

ul.level_4 li.folder:hover
{ 
  z-index:16; /* sub menu on top */
}		

		
ul.level_2 ul.level_3, 
ul.level_2 li:hover  ul.level_3 ul.level_4, 
ul.level_3 li:hover  ul.level_4 ul.level_5 
{
  display:none;
}

ul.level_2 li:hover ul.level_3,
ul.level_2 li:hover ul.level_3 li:hover ul.level_4,
ul.level_2 li:hover ul.level_3 li:hover ul.level_4 li:hover ul.level_5
{
  display:block;
}		



#content
{
background-color:white;
position:absolute;
top:150px;
left:170px;
padding:10px;
border-left:2px solid blue;
border-top:2px solid blue;
border-right:2px solid blue;
width:750px;
z-index: 1;
}