#top-menu-bar
{
    width:100%;
    height:28px;
    margin-bottom:10px;
}
.top-menu
{
    margin: 0 0 0px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    display:inline;
    float:left;
    list-style:none;
}
.top-menu li
{
    font-size: 0;
    display:inline;
    width:206px;
    float:left;
    padding-right:13px;
}

.top-menu li.li-dia
{
    padding-right:0px;
}

.top-menu li a
{
    display: block;
    width:206px;
    cursor: pointer;
    padding: 6px 0 0 9px;
    height: 22px;
}
.top-menu li a em
{
    display: block;
    height: 18px;
    width: 175px;
    text-indent: -9999px;
    overflow: hidden;
}
.top-menu li a:hover em, .top-menu li.active a em
{
    background-position: 0 -18px;
}
.top-menu .toevoegen
{
    background: url('../images/btn_add_foto.png') no-repeat;
}
.top-menu .babbel
{
    background: url('../images/btn_babbelbox.png') no-repeat;
}
.top-menu .dia
{
    background: url('../images/btn_diashow.png') no-repeat;
}

.top-menu .toevoegen em
{
    background: url('../images/btn_add_foto_text.gif') no-repeat;
}
.top-menu .babbel em
{
    background: url('../images/btn_babbelbox_text.gif') no-repeat;
}
.top-menu .dia em
{
     background: url('../images/btn_dia_text.gif') no-repeat;
}

a.Overview, a.Overview:link, a.Overview:active, a.Overview:visited
{
    display: block;
    width:227px;
    cursor: pointer;
    padding: 6px 0 0 9px;
    height: 28px;
    background: url('../images/btn-overzicht2.png') no-repeat;
    float:left;
}
a.Overview em
{
    display: block;
    height: 18px;
    width: 200px;
    text-indent: -9999px;
    overflow: hidden;
    background: url('../images/btn-overzicht-text2.gif') no-repeat;
}
a.Overview:hover em
{
    background-position: 0 -18px;
}