/*

    HOOFDMENU

*/
.tplmenutable
{
    width: 158px;
}
.tplmenutable TD
{
    /*background-color: #728eaf;
    -moz-opacity:0.75;
    opacity: 0.75;
    filter: alpha(opacity=75);*/
    
    height: 30px;
}

.tplmenutable TD.transborder
{
    width:1px;
    background-image: url('../components/spacer.jpg');
}

/* DE OORSPRONKELIJKE STAAT VAN EEN MENULINK */
.tempmenu {
    display:table;
    background: url('../components/menu-default.png');
    width: 188px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    line-height: 35px;
    margin-bottom: 2px;
}

.tempmenu span,.tempmenu.selected span, .tempmenu_hover span
{
    margin-left: 10px;
}

/*  UITERLIJK VAN MENULINK ALS BEZOEKER MET MUIS OVER DE LINK GAAT
    HIER HOEVEN ALLEEN DE EIGENSCHAPPEN WORDEN INGEVOERD 
    DIE AFWIJKEN VAN DE OORSPRONKELIJKE STIJL HIERBOVEN
    'onmouseout' ZAL DE LINK WEER 'TERUGSPRINGEN' NAAR .tempmenu 
*/
.tempmenu:hover,.tempmenu_hover,.tempmenu.selected:hover,.tempmenu_selected_hover, .tempmenu.selected.tempmenu_hover{
    display:table;
    background: url('../components/menu-sub-hover.png');
    width: 222px;
    color: #FFF;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    line-height: 35px;
    margin-bottom: 2px;
}

.tempmenu_hover.nosub
{
    width: 188px;
}

.tempmenu.nosub:hover
{
    background: url('../components/menu-hover.png') no-repeat;
}

/*     DE GESELECTEERDE MENULINK, ALS BEZOEKER OP MENU-ITEM KLIKT
    EN DEZE WORDT WEERGEGEVEN ZAL MENULINK ALS ONDERSTAAND UITZIEN
*/
.tempmenu.selected, .tempmenu_selected
{
   background: url('../components/menu-selected.png') no-repeat;
}

/*.tempmenuselected:hover,.tempmenuselected_hover
{
    background-color:  #ededed;
    color: #7a7a7a;
} */


/*

SUBMENUS

*/

/* DIV die het submenu 'omsluit' 
    in het geval van submenu's à la windows zorgt deze voor de plaatsing rechts van het hoofdmenu
*/
.tempsubmenucontainer
{
    /* verticaal uitklapmenu:*/
    /*position:relative;*/
    /* à la windows */
    position:absolute;
    z-index: 2000;
    width:400px;
    display:table;
    margin-left: 222px;
    background: url('../components/sub-transparent.png');
    padding: 10px;
    padding-left: 25px;
}

/* à la windows 
    div die submenu's omsluit om b.v. een rand eromheen te creeeren
*/
.tempsubborder
{
    width: 400px;
    display:table;        
}


/* submenus zelf */
.tempsubmenu{
     display: block;
     width: 49%;
     float: left;
     color: #FFF;
     font-size: 11px;
     line-height: 25px;
     text-decoration: none;
}
/* 
    'onmouseover' status van submenulink 
    HIER HOEVEN ALLEEN DE EIGENSCHAPPEN WORDEN INGEVOERD 
    DIE AFWIJKEN VAN DE OORSPRONKELIJKE STIJL HIERBOVEN
    'onmouseout' ZAL DE LINK WEER 'TERUGSPRINGEN' NAAR .tempsubmenu 
*/
.tempsubmenu:hover
{
   text-decoration: underline;
}

.tempsubmenu .selected{
   background: none; 
}