<?php   $DocFil= '../_base/htm_TopMenu.php';   $DocVer='5.0.0';    $DocRev='2017-12-00';   $DocIni='evs';  $ModulNr=0;
// ## Purpose: 'Eksempel-fil: Vis Menu-bjaelke paa siders top.';
//  Systemet er blevet integreret i out_moduler. Se Menu_Topdropdown i out_base.php.
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TopMenu</title>
<style type="text/css">
div#container
{
   width: 980px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
#wb_TopMenu
{
   border: 0px #C0C0C0 solid;
   background-color: transparent;
}
#wb_TopMenu ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#wb_TopMenu li
{
   float: left;
   margin: 0;
   padding: 0px 2px 0px 0px;
   width: 160px;
}
#wb_TopMenu a
{
   display: block;
   float: left;
   color: #666666;
   border: 1px #C0C0C0 solid;
   background-color: #EEEEEE;
   background-image: none;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   width: 148px;
   height: 22px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 22px;
   text-align: center;
}
#wb_TopMenu li:hover a, #wb_TopMenu a:hover, #wb_TopMenu .active
{
   color: #D2691E;
   background-color: #C0C0C0;
   background-image: none;
   border: 1px #C0C0C0 solid;
}
#wb_TopMenu li.firstmain
{
   padding-left: 0px;
}
#wb_TopMenu li.lastmain
{
   padding-right: 0px;
}
#wb_TopMenu li:hover, #wb_TopMenu li a:hover
{
   position: relative;
}
#wb_TopMenu a.withsubmenu
{
   padding: 0 5px 0 5px;
   width: 148px;
   background-image: none;
}
#wb_TopMenu li:hover a.withsubmenu, #wb_TopMenu a.withsubmenu:hover
{
   background-image: none;
}
#wb_TopMenu ul ul
{
   position: absolute;
   left: 0px;
   top: 0px;
   visibility: hidden;
   width: 140px;
   height: auto;
   border: none;
   background-color: transparent;
}
#wb_TopMenu ul :hover ul
{
   left: 0px;
   top: 24px;
   padding-top: 0px;
   visibility: visible;
}
#wb_TopMenu .firstmain:hover ul
{
   left: 0px;
}
#wb_TopMenu li li
{
   width: 140px;
   padding: 0 0px 0px 0px;
   border: 0px #C0C0C0 solid;
   border-width: 0 0px;
}
#wb_TopMenu li li.firstitem
{
   border-top: 0px #C0C0C0 solid;
}
#wb_TopMenu li li.lastitem
{
   border-bottom: 0px #C0C0C0 solid;
}
#wb_TopMenu ul ul a, #wb_TopMenu ul :hover ul a, #wb_TopMenu ul :hover ul :hover ul a
{
   float: none;
   margin: 0;
   width: 126px;
   height: auto;
   white-space: normal;
   padding: 5px 6px 4px 6px;
   background-color: #EEEEEE;
   background-image: none;
   border: 1px #C0C0C0 solid;
   color: #666666;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   line-height: 13px;
   text-align: left;
   text-decoration: none;
}
#wb_TopMenu ul :hover ul .firstitem a, #wb_TopMenu ul :hover ul :hover ul .firstitem a
{
   margin-top: 0px;
}
#wb_TopMenu ul ul :hover a, #wb_TopMenu ul ul a:hover, #wb_TopMenu ul ul :hover ul :hover a, #wb_TopMenu ul ul :hover ul a:hover, #wb_TopMenu ul ul :hover ul :hover ul :hover a, #wb_TopMenu ul ul :hover ul :hover ul a:hover
{
   background-color: #C0C0C0;
   background-image: none;
   border: 1px #C0C0C0 solid;
   color: #D2691E;
}
#wb_TopMenu ul ul a.withsubmenu, #wb_TopMenu ul :hover ul a.withsubmenu, #wb_TopMenu ul :hover ul :hover ul a.withsubmenu
{
   width: 128px;
   padding: 5px 5px 4px 5px;
   /* background-image: none; */
	 background-image: url(../_assets/images/Arrow_Drop_Right.png);
   background-repeat: no-repeat;
   background-position: right top;
}
#wb_TopMenu ul ul :hover a.withsubmenu, #wb_TopMenu ul ul a.withsubmenu:hover, #wb_TopMenu ul ul :hover ul :hover a.withsubmenu, #wb_TopMenu ul ul a.withsubmenu:hover a.withsubmenu:hover
{
   /* background-image: none; */
	 background-image: url(../_assets/images/Arrow_Drop_Right.png);
   background-repeat: no-repeat;
   background-position: right top;
}
#wb_TopMenu ul :hover ul ul, #wb_TopMenu ul :hover ul :hover ul ul
{
   position: absolute;
   left: 0px;
   top: 0px;
   visibility: hidden;
}
#wb_TopMenu ul :hover ul :hover ul, #wb_TopMenu ul :hover ul :hover ul :hover ul
{
   left: 140px;
   top: 0px;
   visibility: visible;
}
#wb_TopMenu ul :hover ul .firstitem:hover ul, #wb_TopMenu ul :hover ul :hover ul .firstitem:hover ul
{
   top: 0px;
}
#wb_TopMenu br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
</style>
</head>
<body>
   <div id="container">
      <div id="wb_TopMenu" style="position:absolute;left:0px;top:0px;width:920px;height:24px;z-index:0;">
         <ul>
            <li class="firstmain"><a class="withsubmenu" href="#" target="_self">FINANS</a>
               <ul>
                  <li class="firstitem"><a href="./../index.html" target="_self" title="TIP">Kasse&nbsp;kladder</a> </li>
                  <li><a href="#" target="_self">Regnskab</a>                   </li>
                  <li><a href="#" target="_self">Budget</a>                     </li>
                  <li><a href="#" target="_self">Rapporter</a>                  </li>
                  <li class="lastitem"><a href="#" target="_self">Kontrol&nbsp;sporing</a>                  </li>
               </ul>
            </li>
            <li><a class="withsubmenu" href="#" target="_self">DEBITOR</a>
               <ul>
                  <li class="firstitem"><a href="#" target="_self">Salgs&nbsp;ordrer</a>  </li>
                  <li><a href="#" target="_self">Konti</a>                                </li>
                  <li class="lastitem"><a href="#" target="_self">Rapporter</a>           </li>
               </ul>
            </li>
            <li><a class="withsubmenu" href="#" target="_self">KREDITOR</a>
               <ul>
                  <li class="firstitem"><a href="#" target="_self">K&#248;bs&nbsp;ordrer</a>  </li>
                  <li><a href="#" target="_self">Konti</a>                                    </li>
                  <li class="lastitem"><a href="#" target="_self">Rapporter</a>               </li>
               </ul>
            </li>
            <li><a class="withsubmenu" href="#" target="_self">LAGER</a>
               <ul>
                  <li class="firstitem"><a href="#" target="_self">Vare&nbsp;lister</a> </li>
                  <li><a href="#" target="_self">Vare&nbsp;modtagelse</a>               </li>
                  <li class="lastitem"><a href="#" target="_self">Rapporter</a>         </li>
               </ul>
            </li>
            <li><a class="withsubmenu" href="#" target="_self">SYSTEM</a>
               <ul>
                  <li class="firstitem"><a href="#" target="_self">Kontoplan</a>                  </li>
                  <li><a class="withsubmenu" href="#" target="_self">Indstillinger</a>                     <ul>
                        <li class="firstitem"><a href="#" target="_self">1.&nbsp;indstillinger...</a>           </li>
                        <li><a href="#" target="_self">2.&nbsp;indstillinger...</a>                             </li>
                        <li class="lastitem"><a href="#" target="_self">3.&nbsp;indstillinger:&nbsp;Tilvalg</a> </li>
                     </ul>
                  </li>
                  <li class="lastitem"><a href="#" target="_self">Sikkerheds&nbsp;kopiering</a>
                  </li>
               </ul>
            </li>
         </ul>
         <br>
      </div>
   </div>
</body>
</html>