<?php $DocFil='../_base/htm_TopMenu-head.css.htm';    $DocVer='5.0.0';     $DocRev='2018-07-28';   $DocIni='evs';  $ModulNr=0;
/* ## Purpose: ' CSS Style-settings for TopMenu (i toppen af alle sider)';
 *             ___   _   _    ___  _         
 *            / __) / \ | |  |   \| |   ___ 
 *            \__ \/ ^ \| |__| |) | |__/ -_)
 *            (___/_/ \_|____|___/|_|  \___)
 *                                           
 * ## LICENS & Copyright (c) 2004-2018 Saldi.dk ApS *** Se filen: ../LICENS_Copyright.txt
 *
  Oprettet: 2017-08-00 evs - EV-soft
  Ændrings-Log:
      
 *
 */
?>

<style type="text/css">

:root {
--width120: 128px; /* var(--width120); */
--width128: 128px; /* var(--width128); */
}
    
section#container
{   width: 1200px;   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: var(--width120);}
#wb_TopMenu a, aaa
{  display: block;   float: left;   color: #FFFFFF;   border: 1px #C0C0C0 solid;   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;   border-radius: 3px;   background-color: #3A3A3A;
   background: -moz-linear-gradient(bottom,#3A3A3A 0%,#999999 100%);
   background: -webkit-linear-gradient(bottom,#3A3A3A 0%,#999999 100%);
   background: -o-linear-gradient(bottom,#3A3A3A 0%,#999999 100%);
   background: -ms-linear-gradient(bottom,#3A3A3A 0%,#999999 100%);
   background: linear-gradient(bottom,#3A3A3A 0%,#999999 100%);
   font-family: Arial;   font-weight: normal;   font-size: 11px;   font-style: normal;   text-decoration: none;
   width: var(--width128);   padding: 0px 5px 0px 5px;   vertical-align: middle;
   line-height: 18px;   text-align: center;
}
#wb_TopMenu aaa, #wb_TopMenu a:hover
{  text-align: left;  width: 50px; color:#D2691E; background: #DEDEDE; }

#wb_TopMenu li:hover a, #wb_TopMenu a:hover, #wb_TopMenu .active
{  color: #D2691E;   background-color: #C0C0C0;
   background: -moz-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -webkit-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -o-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -ms-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   border: 2px #C0C0C0 solid;
}
#wb_TopMenu li.firstmain
{   padding-left: 0px;  width: 40px;}
#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: var(--width128);}
#wb_TopMenu li:hover a.withsubmenu, #wb_TopMenu a.withsubmenu:hover
{  background-image: none;
   background: -moz-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -webkit-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -o-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -ms-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
}
#wb_TopMenu li.exit, li:hover
{   padding-left: 8px;  width: 80px;
    color: yellow;   background-color: white;
}

#wb_TopMenu ul ul
{   position: absolute;   left: 0px;   top: 0px;   visibility: hidden;   width: var(--width120);   height: auto;
    border: none;   background-color: transparent;
}
#wb_TopMenu ul :hover ul
{   left: 0px;   top: 20px;   padding-top: 0px;   visibility: visible;}
#wb_TopMenu .firstmain:hover ul
{   left: 0px;  width: 50px;}
#wb_TopMenu li li
{   width: var(--width120);   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: 3px 6px 3px 6px;   background-color: #EEEEEE;   background-image: none;   border: 1px #C0C0C0 solid;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;   color: #666666;   font-family: Arial;    font-family: sans-serif;   font-weight: normal;   font-size: 12px;
   font-style: normal;   line-height: 12px;   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;   border: 1px #C0C0C0 solid;   color: #D2691E;
   /* background-image: none; */
   background-image: url(../_assets/images/Arrow_Drop_Right.png);
   background-repeat: no-repeat;
   background-position: right top;
   background: -moz-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -webkit-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -o-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -ms-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
}
#wb_TopMenu ul ul a.withsubmenu, #wb_TopMenu ul :hover ul a.withsubmenu, #wb_TopMenu ul :hover ul :hover ul a.withsubmenu
{   width: var(--width128);   padding: 3px 5px 3px 5px;   <!-- background-image: none; --> }
#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;
   background: -moz-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -webkit-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -o-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: -ms-linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
   background: linear-gradient(bottom,#C0C0C0 0%,#EEEEEE 100%);
}
#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: var(--width128);   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;}
#wb_TopMenu
{   position: absolute;   left: 0px;   top: 0px;   width: 1000px;   height: 20px;   z-index: 0;}

@media screen and (max-width: 640px) { 
  #wb_TopMenu { width: 140px; } 
  #container { height: 140px; } 
}

/* 
#all ul:hover a, #.parent.siblings:hover {
opacity: 0.5; visibility: visible;
}
 */
</style>
