/* Menu containers voor de drop down menus */

#menucontainer {
        width: 760px;
        position: relative;
        margin-left:auto;
        margin-right:auto;
        left:0;
        background:#0033CC;
        height:20px;
}
/*
#homemenu {
        width: 126px;
        position: absolute;
        left: 0px;
}
*/
#dienstenmenu {
        width: 126px;
        position: absolute;
        left: 130px;
}

#partnersmenu {
        width: 126px;
        position: absolute;
        left: 256px;
}

#productenmenu {
        width: 126px;
        position: absolute;
        left: 382px;
}

#praktijkmenu {
        width: 126px;
        position: absolute;
        left: 508px;
}

#extrasmenu {
        width:126px;
        position:absolute;
        left:634px;
}


/* Drop down CSS Menu code */
.NavToItem {
        display: block;
}

.NavToItems a.NavToItem {
        font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        padding: 1px 1px 1px 1px;
        line-height:20px;
        text-align:center;
        border-bottom:1px solid #BEBB96;
}

a.NavToMenuTitle {
        font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        line-height:20px;
        background:#0033CC;
        text-align:center;
}

a.NavToMenuTitle {
        width:126px;
}

a.NavToMenuTitle:hover, a.NavToMenuTitle:active {
        background-color: #0033CC;
        color: #fff;
}

.HideNavToMenu .NavToItems {
        display: none;
}

.HideNavToMenu, .ShowNavToMenu {
        width:122px;
        opacity: .5;
        filter: alpha(opacity=92);
        -moz-opacity: .9;
}

.ShowNavToMenu .NavToItem {
        width:124px;
        left:124px;
        background:#FAE46B;
}

a.NavToItem:hover, a.NavToItem:active {
        font-weight:bold;
        background-color: #DAD8C3;
        color: #000;
}

/*################  Sub-items  ################*/

.NavToSubItems {
        display: block;
                position: absolute;
                /*left: 126px;*/
}

.NavToSubItems a.NavToSubItem {
        font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        padding: 1px 1px 1px 1px;
        line-height:20px;
        text-align:center;
        border-bottom:1px solid #BEBB96;
                border-left:1px solid #BEBB96;
                position:relative;
                top: -23px;
                /*left:126px;*/
}

a.NavToSubMenuTitle {
        font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        line-height:20px;
        background:#FAE46B;
        text-align:center;
                padding: 1px 1px 1px 1px;
        border-bottom:1px solid #BEBB96;
}
a.NavToSubMenuTitle {
        width:124px;
}

a.NavToSubMenuTitle:hover, a.NavToSubMenuTitle:active {
        font-weight:bold;
        background-color: #DAD8C3;
        background-image: ;
        color: #000f;
}

.HideNavToSubMenu .NavToSubItems {
        display: none;
}

.HideNavToSubMenu, .ShowNavToSubMenu {
        width:0px;
        opacity: .5;
        filter: alpha(opacity=92);
        -moz-opacity: .9;
}

.ShowNavToSubMenu .NavToSubItem {
        width:126px;
        left:126px;
        background:#FAE46B;
}

a.NavToSubItem:hover, a.NavToSubItem:active {
        font-weight:bold;
        background-color: #DAD8C3;
        color: #000;
}