/* The containing box for the gallery. */
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}

#box {position:relative;  border:0; width:673px; }
#box img {border:0;}
#box .thumbs {width:270px; height:100px; position:absolute; left: 403px; margin-top:320px;  }
#box a.gallery:hover {display:block; left:0; top:-320px;}
#box a.gallery:hover span{
display:block; position:absolute; top:-320px;
left:-404px; width: 487px; height: 318px;  z-index:100;}
#box a.gallery:active, #box a.gallery:focus {border:1px solid #FFFFFF; text-decoration:none; }
#box a.gallery:focus em{display:block; position:absolute;  left:-404px; width: 487px; height:318px; top:-320px; border:0;z-index:50; }
#box a.gallery:active em{display:block; position:absolute; left:-404px; width: 487px; height:318px;top:-320px; border:0;z-index:50; }

a.gallery,a.gallery:visited { 
display:block; display:inline-block; text-decoration:none; border:1px solid #FFFFFF; width:50px; height:70px; right:0; top:0; margin-left: 10px;margin-bottom:10px; float:right; z-index:50;}
a.slidea {background:url(../img/nr.7/7b_klein.jpg); background-position:center;}
a.slideb {background:url(../img/nr.7/7c_klein.jpg); background-position:center;}
a.slidec {background:url(../img/nr.7/7a_klein.jpg); background-position:center;}


a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}





#box li{list-style:none;}
#box .info{
position: relative;
top:0px;
margin-left:387px;
padding:5px 20px 5px 15px;
height: 250px;
width:250px;
border: 1px solid #FFFFFF;
overflow: scroll;
overflow-x:hidden; 
z-index:100;
text-align:justify;
background-color:white;
}