page.includeCSS {
  file1 = fileadmin/template/main/main-style.css
  file2 =fileadmin/template/main/layer-menu.css
}


 //First level, this is basis the horizontal part of the menu
lib.mainTopMenu = COA
lib.mainTopMenu.10 = HMENU
lib.mainTopMenu.10.1 = TMENU
lib.mainTopMenu.10.1 {
    noBlur = 1
    expAll = 1
    wrap = <ul id="main_top_menu_css" class="topmenul1"> | </ul>
    NO.wrapItemAndSub = <li> | </li>
    NO.ATagParams = class="firstlevellink"
    IFSUB=1
    IFSUB {
        wrapItemAndSub = <li> | </li>
        ATagParams = class="firstlevellink topmenul1-ifsub"
    }
}

# First dropdown Menu configuration
lib.mainTopMenu.10.2 = TMENU
lib.mainTopMenu.10.2 {
    noBlur = 1
    expAll = 1
    wrap = <ul class="topmenul2"> | </ul>
    NO.wrapItemAndSub = <li> | </li>
    IFSUB=1
    IFSUB {
        wrapItemAndSub = <li> | </li>
        ATagParams = class="topmenul2-ifsub"
    }
}
# Second dropdown is the same is first drop down
lib.mainTopMenu.10.3 < lib.mainTopMenu.10.2
lib.mainTopMenu.10.3.wrap = <ul class="topmenul3"> | </ul>

# Third dropdown is the same is first drop down
lib.mainTopMenu.10.4 < lib.mainTopMenu.10.2
lib.mainTopMenu.10.4.wrap = <ul class="topmenul4"> | </ul>

lib.mainTopMenu.20 = TEXT
lib.mainTopMenu.20.value (
   <script src="fileadmin/template/main/scripts/yacbddm.js" type="text/javascript"></script>
   <script type="text/javascript">/*activateMenu('yacbddm')*/</script>
)