.grid
{
}

.gridleft
{
    width: 15vw;
    max-height: 94vh;
    overflow-y: auto;
}

.gridcenter
{
}

.gridright
{
    width: 30vw;
    max-height: 94vh;
    overflow-y: auto;
}

.controlbox
{
}

.imagebox
{
}

.infotextbox
{
    background-color: black;
    color: #eee;
}

.infotextbox-triggerord
{
    color: lawngreen;
}

.personligtextbox
{
    background-color: white;
    color: black;
}

.bild-thumbnail
{
    max-width: 100px;
    max-height: 100px;
}

.black
{
    background-color: black;
}

.showimage
{
    max-width: 50vw;
    max-height: 94vh;
}

.bildspel-infotext
{
    margin-top: 15vh;
    max-width: 40vw;
    max-height: 94vh;
    background-color: black;
    color: #eee;
}

.triggerlist
{
    color: white;
}

.triggerlistitemselected
{
    background-color: #aaa;
}

.icon-space
{
    padding-left: 50px;
}

.triggerlistitem:hover
{
    background-color: #666;
}

.pre
{
    white-space: pre-wrap;
}

.show-nav
{
    color: #FFF3E0;
}

    .show-nav:hover
    {
        background-color: #888;
    }