/* 
    Document   : menu-left
    Created on : 4-mei-2011, 15:35:16
    Author     : jwar
    Description:
        Purpose of the stylesheet follows.
*/




/* menu left column */
.menu-left {
    clear: both;
    float: left;
    margin-left: 16px;
    margin-top: 8px;
    line-height: 100%;
}
.menu-left a {
    text-decoration: none;
    color: inherit;
}
.menu-left a:hover {
    color: #f26522;
}
.menu-left a:visited {
    color: inherit;   
}
.menu-left #agenda {
    margin-top: 24px;
}
.menu-left .item {
    margin-top: 16px;
    clear: both;
    float: left;
    cursor: pointer;
    width: 120px;
    margin-bottom: 0px;
   

    color: #B0B5C9;
}
.menu-left .item .title {
    float: left;
    width: 110px;
    margin-top: -12px;
    padding-top: 9px;
    font-family: "MyriadProBoldCondensed";
    font-size: 16px;

}
.menu-left .item .marker {
    float: left;
    clear: both;
    visibility: hidden;
    width: 4px;
    height: 11px;
    margin-right: 4px;
    background-color: #f26522;
}
.menu-left .item:hover {
    color: #f26522;
}
.menu-left .subitem {
 display: none;
    clear: both;
    float: left;
    cursor: pointer;
    min-width: 100px;
    margin-top: 4px;
    margin-left: 8px;

}
.menu-left .subitem .marker {
    float: left;
    visibility: hidden;
    width: 6px;
    background-color: #ffffff;
    height: 6px;
    margin-right: 4px;
    margin-top: 6px;
    background-color: #f26522;
}
.menu-left .subitem .title {
    text-align: left; 
    float: left;
    width: 86px;
    padding-top: 0px;
    font-family: "MyriadProBoldCondensed";
    font-size: 14px;
}
.menu-left .subitem:hover {
    color: #f26522;
}

.menu-left .subitem .marker {

}

/* specifics for each menu item */
.menu-left #mnl-home {
    color: #B0B5C9;
}
.menu-left #mnl-video {
    color: #ffffff;
}
.menu-left #mnl-audio {
    color: #B0B5C9;
}
.menu-left #mnl-maatwerk {
    color: #ffffff;
}
.menu-left #mnl-vioolles {
    margin-top: 32px;
    color: #ffffff;
}
.menu-left #mnl-coaching {
    margin-top: 32px;
    color: #B0B5C9;
}
.menu-left #mnl-portfolio {
    color: #B0B5C9;
}
.menu-left #mnl-bio {
    color: #B0B5C9;
}
.menu-left #mnl-agenda {
    color: #ffffff;
    margin-top: 32px;
}
.menu-left #mnl-contact {
    color: #ffffff;
}
.menu-left #mnl-links {
    color: #B0B5C9;
}