p.topic {
        font-weight: bold;
        padding-top: 0px;
        padding-right: 20px;
    }
    div#RefNav ul {
        margin: 0px;
        padding: 0px;
        display: block;
    }
    div#RefNav ul, div#RefNav ul li {
        background-color: #f0f0f0;
    }
    div#RefNav ul li {
        list-style: none;
        float:left;
        border-right: 1px solid #dfdfdf;
    }
    div#RefNav ul li a {
        text-decoration: none;
        display: block;
        color: #333;
        padding: 10px 24px 10px 24px;
        -webkit-transition: background 0.3s ease-out 0s;
        -moz-transition: background 0.3s ease-out 0s;
        -o-transition: background 0.3s ease-out 0s;
        transition: background 0.3s ease-out 0s;
    }
    div#RefNav ul li.cat1:hover a, div#RefNav ul li.cat1:hover > ul li a  {
        background-color: #E6DD00;
    }
    div#RefNav ul li.cat2:hover a, div#RefNav ul li.cat2:hover > ul li a  {
        background-color: #8CB302;
    }
    div#RefNav ul li.cat3:hover a, div#RefNav ul li.cat3:hover > ul li a {
        background-color: #5387BB;
    }
    div#RefNav ul li.cat4:hover a, div#RefNav ul li.cat4:hover > ul li a {
        background-color: #004C66;
    }
    div#RefNav ul li.cat5:hover a, div#RefNav ul li.cat5:hover > ul li a {
        background-color: #332B40;
    }
    div#RefNav ul li:hover > a {
        color: #FAFAFA;
    }
    div#RefNav ul li:hover > ul {
        visibility: visible;
    }
    div#RefNav ul li ul {
        display: block;
        visibility: hidden;
        position: absolute;
        padding:0px;
        z-index: 1;
    }
    div#RefNav ul li ul li a {
        color: #FAFAFA;
    }
    div#RefNav ul li ul li:hover a {
        color: #333;
        background-color: #FAFAFA !important;
    }
    div#Referenten {
        margin-top: 50px;
        position: relative;
        display: block;
        z-index: 0;
    }
    div.Referent table.main {
        background-color: white;
        border: 1px solid black;
        border-top: 0px;
        font-size: 80%;
        border-collapse: collapse;
        height: 160px;
    }
    div.Referent:first-child table.main {
        border-top: 1px solid black;
    }
    div.Referent img {
        width: 100px;
        border: 1px solid black;
    }
    div.Referent td.img  {
        width: 110px;
        padding: 10px;
        vertical-align: top;
    }
    div.Referent td.desc  {
        vertical-align: top;
        padding: 10px;
        width: 500px;
    }
    div.Referent td.v {
        position: relative;
        width: 20px;
        height: 100%;
        padding: 0px;
    }
    div.Referent td.v div.v {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        width: 0px;
        height: 150px;
    }
    div.Referent td.v div.small {
        -webkit-transition: width 3s, background-color 1.5s;
        -moz-transition: width 3s, background-color 1.5s;
        -o-transition: width 3s, background-color 1.5s;
        transition: width 3s, background-color 1.5s;
    }
    div.Referent td.v div.large {
        height: 159px;
        width: 300px;
        margin-top: -1px;
        background: rgb(240,240,240);
        -webkit-transition: width 0.5s;
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        transition: width 0.5s;
        border: 1px solid black;
        border-right: 0px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    @-moz-document url-prefix() {
        div.Referent td.v div.large, div.Referent td.v div.v.small span.small {
            margin-right: 1px;
        }
    }
    div.Referent td.v div.v span.small {
        position: absolute;
        border: 1px solid black;
        border-right: 0px;
        right: 0px;
        top: 30%;
        background-color: #5387BB;
        vertical-align: middle;
        line-height: 30px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        z-index: 1;
    }
    div.Referent td.v div.v span.large {
        visibility: hidden;
        padding-right: 50px;
        padding-top: 15px;
        display: block;
        height: 100%;
    }
    div.Referent td.v div.v span.large div.topic {
        font-weight: bold;
        padding-left: 10px;
        margin-top: -10px;
        display: block;
    }
    div.Referent td.v div.v span.large ul {
        list-style-type: disc;
        padding-left: 30px;
        margin-top: 5px;
        display: inline-block;
        width: 100%;
        height: 100px; /* Default, genauere Berechnung über JQuery */
        overflow-y: auto;
    }
    div.Referent td.v div.v span.large ul li {
        padding-bottom: 6px;
    }
    div.Referent td.v div.v span.large.visible {
        visibility: visible;
        position: relative;
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    div.Referent td.v div.v span.large a {
        color: navy;
    }
    div.Referent td.v div.v.small a, div.Referent td.v div.v.large a {
        color: white;
        cursor: pointer;
    }