/*
 * DESCRIPTION
 * CSS styles used by the menu of the website Winterconferentie.nl
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Tabmenu styles
 */


/* Tabmenu styles 
-------------------------------------------------------------------------------------------------*/

div#tabs {
    float: right;
    width: 100%;
    line-height: normal;
    position: absolute;
    bottom: 4px;
    right: 20px;
    height: 28px;
    text-align: left;
    font-size: 0;
}

div#tabs ul {
    margin: 0;
    padding: 0 0 0 50px;
    list-style: none;
}

div#tabs li {
    display: inline;
    margin: 0;
    padding: 0;
}

div#tabs a {
    float: right;
    background: url("../images/tab_inactive_left.gif") no-repeat bottom left;
    margin: 0;
    padding: 3px 0 0 41px;
    text-decoration: none;
    font: bold 11px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
    color: #FFF;
    margin-top: 4px;
}

div#tabs a span {
    float: right;
    display: block;
    background: url("../images/tab_inactive_right.gif") no-repeat right bottom;
    padding: 6px 30px 3px 0;
}

div#tabs li.active a {
    float: right;
    background: url("../images/tab_active_left.gif") no-repeat bottom left;
    margin: 0;
    padding: 3px 0 0 20px;
    text-decoration: none;
    font: bold 11px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
    color: #000;
}

div#tabs li.active a span {
    float: right;
    display: block;
    background: url("../images/tab_active_right.gif") no-repeat right bottom;
    padding: 8px 20px 5px 0;
    
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#tabs a span,
div#tabs li.active a span { 
    float: none; 
}


/* End IE5-Mac hack */
div#tabs a:hover span {
    /* color: #FFF; */
}

div#tabs a:hover {
    /* background-position: 0% -42px; */
}
div#tabs a:hover span {
    /* background-position: 100% -42px; */
}