#navigation {
    position: fixed;
    top: 10px; right: 10px; bottom: 12px;
    width: 66px;
    border: solid 1px #e0e0e0;
    background: none;
}
#map {
    overflow-y: hidden;
    scrollbar-width: thin;
    position: absolute;
    right: 64px;
    top: 0px;
    width: 66px;
    bottom: 10px;
}
#navigation .map .mapEntry {
    border: solid 1px #e0e0e0;
    height: 64px;
    width: 64px;
    margin-top: 10px;
    background-color: #f8f8f8;
}

#navigation .map .mapEntry:hover {
    border: solid 1px black;
}

#navigation .map .mapEntry .mapEntryText {
    overflow-x: visible;
    padding-right: 2px;
    position: relative;
    left: -260px; top: 20px;
    width: 256px;
    text-align: right;
    background-color: #f8f8f8;
}

#navigation .menu {
    display: block;
    position: absolute;
    bottom: -1px;
    right: 0px;
    width: 64px;
}

#navigation .menu .menuEntry {
    padding-right: 2px;
    margin-top: 1px;
    background: rgba(240, 240, 240, 0.6);
    border-top: solid 1px white;
    border-bottom: solid 1px #a0a0a0;
    border-right: solid 1px #e8e8e8;
    text-align: left;
    overflow-x: hidden;
    direction:ltr;
}

#navigation .menu .menuEntry:hover {
    border-top: solid 1px black;
    border-bottom: solid 1px white;
    text-aling: right;
    overflow-x: visible;
    direction:rtl;
    background-color: white;
}

div.header {
  background-image: linear-gradient(to bottom, rgba(0,0,0, .7), rgba(240,240,240, 0.01));
}

.content {
    width: 100%; height: 100%;
    border: dotted 2px black;
    margin-bottom: 10px;
    background-color: #404040;
}

.topic {
    position: absolute;
    top:10px; left:10px; bottom:10px; right:10px;
    background-color: white;
}

.topic .topicText{
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    border: dotted 1px black;
    border-radius: 5px;
    width: 420px;
    left: 20px;
    top: 62%;
    padding-left: 2px;
    color: black;
    text-decoration: none;
}

div.topicText div.title {
    background: rgba(255, 255, 255, 0.2);
    border-bottom: dotted 1px #a0a0a0;
    padding-left: 2px;
}

.topicText .timestamp {
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
}

.topic .description {
    background: rgba(255, 255, 255, 0.8);
    border: none;
}

.topic .abstract {
    background: rgba(255, 255, 255, 0.8);
    border: none;
}