#content span.legende {
   display: block; width: 250px;
}

#content ul#thumbs {
   position: absolute; left: 850px; top: 130px; list-style: none;
}

#content ul#thumbs li {
   margin-bottom: 10px;
}

#content ul#thumbs li a {
   text-decoration: none;
}

#content ul#thumbs li a img.full, #content ul#thumbs li a span.legende {
   position: absolute; visibility: hidden;
}

#content ul#thumbs li a img.full {
   position: absolute; left: -618px; top: -26px; cursor: default;
}

#content ul#thumbs li a span.legende {
   top: 188px; color: #000; cursor: text;
}

#content li a:active, #content li a:focus {
background:#fff; color:#fff;
}

#content ul#thumbs li a:active img.full, #content ul#thumbs li a:focus img.full, #content ul#thumbs li a:active span.legende, #content ul#thumbs li a:focus span.legende {
   visibility: visible;
}

#ref-legende {
   float: left; width: 320px; margin-top: 15px;
}

#ref-nav {
   float: left; width: 280px; margin-right: 10px;
}


#ref-nav ul {
   list-style-type: none; margin: 0px; padding: 0px; margin-top: 15px;
}

/* 1. Ebene */

#ref-nav li a {
   display: block; width: 230px; padding: 5px 0px 5px 35px; text-decoration: none;
   color: #000; background-color:  #C2E6E7; line-height: 1em; border-bottom: solid 1px #fff;
}

#ref-nav li a:hover {
   background: url(../images/dietz-strobel-pfeil-li1.gif) 10px 50% no-repeat #dcf1f1;
}

/* Aktiv */

.smr {
   background: url(../images/dietz-strobel-pfeil-li1.gif) 10px 50% no-repeat #dcf1f1 !important;
}