html, body {
height: 100%;
margin: 0;
padding: 0;
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(img/hg.jpg);
background-color: #94959c;
background-repeat:repeat-x; 
}

#wrapper {
position: relative;
width: 894px;
min-height: 100%;
margin: 0 auto;
background: #ffffff;
z-index:1;
}

#header
{
position: absolute;
top: 0;
left:0;
width: 100%;
height:131px;
background-image: url(img/titel.jpg);
z-index:2;
}
#navi
{
position: absolute;
float: left;
width: 894px;
height: 20px;
margin-top: 131px;
background-image: url(img/navi.jpg);
z-index:99999;
}
#subnav
{
position: absolute;
float: left;
width: 894px;
height: 120px;
margin-top: 151px;
z-index:4;
}

#content {
padding: 0px 0px 60px 0px;
margin-top: 291px;
margin-left: 37px;
width: 820px;
z-index:5;
}

#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 56px;
line-height: 1.5em;
text-align: center;
z-index:6;
}
.orange { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ef6528; text-decoration:none;} 
.ueberschrift { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ef6528; text-decoration:none;} 
.news { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8b8c8d; text-decoration:none;} 
.grau { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6e6e70; text-decoration:none;} 
.klein { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:none;} 

a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ef6528; text-decoration:none;} 
a:link { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ef6528;} 
a:active { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #80818a; text-decoration:none; } 
a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #80818a; text-decoration:none; } 

a.nav { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #6e6e70; text-decoration:none; margin: 0; padding: 2px 3px;} 
a.nav:link{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #6e6e70; margin: 0; padding: 2px 3px; } 
a.nav:active { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #6e6e70; text-decoration:none; margin: 0; padding: 2px 3px; } 
a.nav:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ef6528; text-decoration:none; margin: 0; padding: 2px 3px; }

.subnav  { background: #ffffff; display: block; border-width: 1px; border-style: solid; border-color: #ccc;
			margin: 0px; padding: 2px 3px;}
			
.subnav2  { background: #ffffff; display: block; border-width: 1px; border-style: solid; border-color: #ccc;
			margin: 0px; padding: 2px 3px; width: 100px;}

 #menu { width: 800px; float: left; margin-top: 2px; z-index: 9998; }

    #menu ul { list-style: none; margin: 0; padding: 0; float: left; cursor: pointer; z-index: 9998;
    } 

    #menu li {position: relative; z-index: 9998;} 

    #menu ul ul { position: absolute; top: 18px; left: 2px; z-index: 9998; width: 184px;}

    #menu ul ul ul { position: absolute; top: 0; left: 100%; z-index: 9998;} 

    div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
      {display: none;} 

    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
      {display: block;}