/* horizontale und vertikale navigation Bereich erstellen */

/*Topnavi*/

#topnavi , #bottomnavi {
 position:absolute;
 top:0;
 right:0;
 font-size:75%;
}

#topnavi A , #bottomnavi A {
 padding:2px 15px;
 color:#000;
 text-decoration:none;
 font-weight:bold;
 display:block;
 float:left;
 text-decoration:underline;
}

#topnavi A:hover , #bottomnavi A:hover {
  text-decoration:none;
}

/* Horizontal*/

#hnavi {
 position:absolute;
 left:0;
 bottom:0;
 height:48px;
 width:100%;
 /*background-color:#000;*/
 overflow:hidden;

}

#hnavi A {
 float:left;
 padding:16px;
 text-decoration:none;
 font-weight:bold;
 color:#fff;
}

#hnavi A:hover {
 color:#ffc600;
 text-decoration:underline;
}

/* Vertikal*/

UL.navilist  {
 margin:13px;
 margin-bottom:0;
 background-color:#ddd;
}

UL.navilist LI {
 margin:0 0 1px 0;
 background-color:transparent;
}

UL.navilist LI A {
 padding-left:10px;
 display:block;
 background-color:#fff;
 color:#999;
 font-weight:bold;
 text-decoration:none;
 line-height:32px;
}

UL.navilist LI A:hover {
 background-color:#999;
 color:#fff;
}