@font-face {
    font-family: gotA;
    src: local("gotA"), url("/static/fonts/Gotenburg/gotenburg-a-webfont.eot");
    src: url("/static/fonts/Gotenburg/gotenburg-a-webfont.eot?#iefix") format("embedded-opentype"),
         url("/static/fonts/Gotenburg/gotenburg-a-webfont.woff") format("woff"),
         url("/static/fonts/Gotenburg/gotenburg-a-webfont.ttf") format("truetype"),
         url("/static/fonts/Gotenburg/gotenburg-a-webfont.svg#gotA") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: gotB;
    src: local("gotB"), url("/static/fonts/Gotenburg/gotenburg-b-webfont.eot");
    src: url("/static/fonts/Gotenburg/gotenburg-b-webfont.eot?#iefix") format("embedded-opentype"),
         url("/static/fonts/Gotenburg/gotenburg-b-webfont.woff") format("woff"),
         url("/static/fonts/Gotenburg/gotenburg-b-webfont.ttf") format("truetype"),
         url("/static/fonts/Gotenburg/gotenburg-b-webfont.svg#gotB") format("svg");
    font-weight: normal;
    font-style: normal;

}

h1
{
font-family:gotB;
font-weight:normal;
}

body 
{
background-image:url(/static/style/top.jpg);
background-repeat:no-repeat;
z-index:1;
background-color:#f2f2f2;
 font-family:"Arial";
  font-size:14px;
}
	

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
{
  FONT-FAMILY:"gotB";
  text-decoration:none;
  color:#000000;
  font-size:14pt;
  font-weight:bold;
  position:absolute;
  top: 53px;
  left:50px;
}


#homelink
{
  FONT-FAMILY:"gotB";
  display:block;
  color:blue;
  font-size: 30pt;
  width:300px;
  position:absolute;
  text-decoration:none;
font-weight:normal;
}

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;
}