body
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.navigation
{
    font-family: Sans-Serif;
    flex-shrink: 0;
    overflow: hidden;
    padding-bottom: 1ex;
    border-bottom: 1px solid #ddd;
}

.main-content
{
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;
}

.navigation-breadcrumbs
{
}

.navigation-bc-item
{
    padding-left: 5px;
    padding-right: 5px;
}

.navigation-bc-item-link
{
    text-decoration: none;
}

.navigation-bc-item-link:link, .navigation-bc-item-link:visited
{
    color: #00c;
}

.navigation-bc-item-link:hover, .navigation-bc-item-link:active
{
    color: #88f;
}

.navigation-prev-next
{
    float: right;
}

.navigation-prev-next-item
{
    padding-left: 5px;
    padding-right: 5px;
}

.navigation-prev-next-item-link
{
    text-decoration: none;
}

.navigation-prev-next-item-link:link, .navigation-prev-next-item-link:visited
{
    color: #00c;
}

.navigation-prev-next-item-link:hover, .navigation-prev-next-item-link:active
{
    color: #88f;
}