nav#languages {
    position:absolute;
    right:0;
    top:3em;
    z-index:10;
}
nav#languages > a {
    display:block;
    padding:1em;
    background:#eee;
    color:#000;
    border-radius:0.3em 0 0 0.3em;
    text-decoration:none;
}

nav#languages > a > span,
nav#languages > div {
    display:none;
}
nav#languages:focus > a,
nav#languages:hover > a {
    border-radius:0.3em 0 0 0;
}
nav#languages:focus > a > span,
nav#languages:hover > a > span {
    display:inline-block;
}
nav#languages:focus > div,
nav#languages:hover > div {
    display:block;
}
nav#languages ul {
    list-style-type:none;
    background:#eee;
    padding:0.3em 0em 0.6em 0;
    border-radius:0 0 0 0.3em;
}
nav#languages ul a {
    color:#000;
    text-decoration:none;
    font-weight:normal;
    display:block;
    padding:0.2em 0.5em 0.2em 1em;
}
nav#languages ul a:focus,
nav#languages ul a:hover {
    background-color:#fff;
}
nav#languages ul a[disabled] {
    color:#555;
    pointer-events:none;
}

nav#languages ul hr {
    display:block;
    margin:5px 0px;
    border-color:grey;
}