#nav, #nav ul {
	float: left;
	width: 86em;
	list-style: none;
	line-height: 1em;
	background: white;
	color: #ff0000;
	font-weight: bold;
	padding: 0;
	border: solid #F58220;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}
 
#nav a {
	display: block;
	width: 10em;
	color: #F58220;
	text-decoration: none;
	padding: 0.25em 0em;
}
 
#nav a.menuparent  {
	background: url(arrow.gif) no-repeat 90% 40%;
}
 
#nav li {
	float: left;
	padding: 0;
	width: 10em;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
		
}
 
#nav li li { 
	width: 14em
}
 
#nav li ul a {
	width: 14em;
	padding-left: 1em;
}
 
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, #nav li.sfhover {
	background: #eda;
	color: white;
}

a:link { color: #FFFFFF; text-decoration:none; }
a:visited { color: #FFFFFF; text-decoration:none; }
a:hover { color: #F58220; text-decoration:none; }


h1 	{font-family:Arial;
	font-size:18px; font-style:bolt;}
	
h2 	{font-family:Arial;
	font-size:20px; font-style:bolt;}

h3 	{font-family:Arial;
	font-size:22px; font-style:bolt;}
	

p 	{font-family: Arial;
	font-size:14px; font-style:bolt;}

body {
background-color:#7D7D7D;

height: 80%;
}


#MAIN {
position: absolute;
top: 50%; left: 50%;
width: 900px;
height: 620px;
margin-left:-450px; margin-top: -310px;
background-color: #FFFFFF;
overflow: hidden;
}

#MAINSHADOW {
position: absolute;
top: 50%; left: 50%;
width: 900px;
height: 620px;
margin-left:-435px; margin-top: -295px;
background-color: #646464;
overflow: hidden;
z-index:0;
}

#LINE1{
position: absolute;
left:25px;
margin:0px; 0px;
width: 10px;
height:620px;
background-color: #F58220;
z-index:3;
}

#LINE2{
position: absolute;
left:45px;
margin:0px; 0px;
width: 10px;
height:620px;
background-color: #F58220;
z-index:3;
}

#TOP {
background-image: url('img/Top_Homepage.jpg');
position: absolute;
left:0px; top:0px
margin:0px; 0px;
width: 900px;
height:100px;
overflow: hidden;
}

#BOTTOM {
position:absolute;
top:600px;
text-align: center;
width: 780px;
height:20px;
margin: 0px; 0px;
background-color: #000000;
}

#BOTTOMRIGHT {
position:absolute;
left:780px; top:600px;
width: 120px;
height:20px;
margin: 0px; 0px;
background-color: #000000;
}


#LEFT{
position:absolute;
left:0px; top:100px;
margin:0px 0px;
width: 80px;
height:500px;
background-color: #000000;
}


#MENUE {
position:absolute;
left:85px; top:100px;
margin:0px 0px;
padding: 0%;
height: 180px;
width: 820px;
overflow: auto;
z-index:3;
background-color: transparent;
overflow: hidden;
}

#INH {
position:absolute;
left:95px; top:130px;
margin:0px 0px;
padding: 0%;
height: 470px;
width: 805px;
overflow: auto;
z-index:2;
background-color: #ffffff;
}


/*TEST*/

.menu_lbase {
	height:1%;
	font-size:90%;
	margin:0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu_lbase ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:204px;
}

/* style the list items */
.menu_lbase li {
	height:61px;
	background:none;
	/* for IE7 */
	float:left;
}
.menu_lbase li li{
	height:24px;
	/*background:#c3e922 url(shade.gif);*/
}
.menu_lbase li li.oben{background-color:#705e50;}
.menu_lbase li li.mitte{background-color:#c71315;}
.menu_lbase li li.unten{background-color:#cbd7d4;}

.menu_lbase li.sub_lbase {background:none;} 
.menu_lbase ul ul{background:#d4d8bd url(shade.gif);}
/* get rid of the table */
.menu_lbase table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu_lbase a, .menu_lbase a:visited {
	display:block; 
	text-decoration:none;
	height:24px;
	line-height:24px;
	width:204px;
	color:#000;
	/*text-indent:5px;*/
	border:0px solid #fff;
}
/* style the links */
.menu_lbase li li a, .menu_lbase li li a:visited {
	display:block; 
	text-decoration:none;
	height:24px;
	line-height:24px;
	width:204px;
	color:#fff;
	text-indent:5px;
	border:1px solid #ccc;
	border-width:2px 0px 0px 0px;
}
/* hack for IE5.5 */
* html .menu_lbase a, * html .menu_lbase a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .menu_lbase a:hover {color:#efa; background:#aa7; position:relative;}

.menu_lbase li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu_lbase a:active, .menu_lbase a:focus {color:#efa; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu_lbase li:hover > a {color:#efa; background:none;}
.menu_lbase li li:hover > a {color:#333; background-color:#efefef;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_lbase li ul {
	visibility:hidden;
	position:absolute;
	/*position:relative;*/
	top:-30px;
	/* set up the overlap (minus the overrun) */
	left:174px;
	/* set up the overrun area */
	padding:30px;
	/* this is for IE to make it interpret the overrrun padding */
	background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
	.menu_lbase li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */
/* keep the third level+ hidden when you hover on first level link */
.menu_lbase ul a:hover ul ul{
	visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu_lbase ul a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu_lbase ul a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* make the second level visible when hover on first level link */
.menu_lbase ul a:hover ul {
	visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu_lbase ul a:hover ul a:hover ul{ 
	visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu_lbase ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu_lbase ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}