div.glossarContainer
{
    background:      #fff;
    color:           #000;
    text-align:      left;
    width:           570px;
    position:        relative;
    line-height:     normal;
}

div.glossarContainer div#charbar
{
    padding:         3px 3px 4px;
    border:          1px solid #e6001a;
    margin-bottom:   10px;
}

div.glossarContainer div#charbar a
{
    font-weight:     bold;
    text-decoration: underline;
    margin:          0 4px;
}

div.glossarContainer dl
{
    position:        absolute;
    top:             2.6em;
    left:            0;
    width:           250px;
    height:          450px;
    overflow:        auto;
}

#geraete dl
{
    top:             0;
}

div.glossarContainer dl dt
{
    text-decoration: underline;
    cursor:          pointer;
    margin-top:      .3em;
}

#geraete dl dt
{
    margin:          0 0 .7em;
}

div.glossarContainer dl dt.char
{
    text-decoration: none;
    cursor:          default;
    margin-top:      .7em;
}

div.glossarContainer dl dt.char a
{
    font-weight:     bold;
    text-decoration: none;
}

div.glossarContainer dl dd
{
    display:         none;
}

div.glossarContainer div#anzeige
{
    position:        absolute;
    top:             2.6em;
    right:           0;
    width:           280px;
    padding:         10px 5px 5px;
    border:          1px solid #e6001a;
}

#geraete div#anzeige
{
    top:             0;
    width:           290px;
}


div.glossarContainer div#anzeige p#dt
{
    font-weight:     bold;
    margin-bottom:   .5em;
}

div.glossarContainer div#anzeige p#dd
{
    line-height:     135%;
    margin-bottom:   .5em;
}