#ref {width:625px; margin:0 0 0 -40px; margin-top:-20px; background:#eaeae8;}
.top {height:11px; width:625px; background:url(../Bilder/ref_top.jpg) no-repeat;}
.bottom {height:10px; width:625px; background:url(../Bilder/ref_bottom.jpg) no-repeat;}
.content_top {width:623px; border:1px solid #919089; border-top:none; font-size:17px; font-family:Arial Narrow; letter-spacing:1px; padding-bottom:15px;}
.content_bottom {width:623px; border:1px solid #919089; border-bottom:none; border-top:none; clear:both; height:500px; overflow:hidden;}
.content_top #catnavi {list-style:none; margin-left:20px; float:left;}
.content_top ul li {clear:both; cursor:pointer;}
.content_bottom .ref_box {width:623px; height:500px; float:left;}
.content_bottom .description{padding:5px; background:#FFF; width:250px; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; color:#000;}
.ref_box p {margin:0px;}
.content_top #refnavi {position:absolute; display:block; list-style:none; margin:2px 0 0 150px;}
.content_top #refnavi li {width:12px; height:12px; border:1px solid #999891; background:#e1e3df; float:left; margin:0 0 0 10px; clear:none;}
.content_top #refnavi li:hover {background:#e56833 !important;}
.wrapper {width:623px; height:500px; position:relative;}
#catnavi .active {display:inline}
.content_top #refnavi .active {background:#e56833;}
span.hover {margin-left:-150px; display:none;}