div.topic {
margin-left: 3%;
margin-right: 3%;
font-size: 110%;
}

.tt1 {
    position: relative;
    display: inline;
}

.tt1 .tt2 {
    visibility: hidden;
    width: 120px;
    background-color: #333333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -60px;
}

.tt1 .tt2::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tt1:hover .tt2 {
	visibility: visible;
}

img {
    display: inline;
}


part {
font-size: 70%;
}


.occ {
border-top: solid lightgrey;
border-bottom: solid lightgrey;
margin: 10px;
padding: 10px;
background-color: #ebe9eb;
}


/* unvisited link */
a.bl:link {
    color: purple;
    text-decoration: none;
}

/* visited link */
a.bl:visited {
    color: purple;
    text-decoration: none;
}

/* mouse over link */
a.bl:hover {
    color: red;
    text-decoration: none;
}

/* selected link */
a.bl:active {
    color: purple;
    text-decoration: none;
}

table, th, td {
 vertical-align: top;
}