.photo
{
width:600px;
height:500px;
text-align:left;
padding:0;
margin:0;
auto;
float:left;
}

.photo ul.topic
{
float:left;
padding:0;
margin:0;
list-style:none;
width:600px;
height:auto;
position:relative;
z-index:10;
}

.photo ul.topic li     /* topics_kästen_einzeln*/
{
display:block;
width:70;
height:55px;
float:left;
}
.photo ul.topic li a.set   /* topics_kästen_inhalt*/
{
display:block;
font-size:12px;
width:75px;
height:60px;
text-align:left;
 padding-left:3px;
 padding-right:3px;
line-height:15px;
color:#FFFFFF;
text-decoration:none;
 border: 1px solid #FFFFFF;
background:#0D2E51;
font-family:calibri, arial, sans-serif;
}

.photo ul.topic li a ul,
.photo ul.topic li ul
{
display:none;
}

.photo ul.topic li.active a   /*initiales set/ die links*/
{
color:#FFFFFF;
background:#0D2E51;
}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{
color:#fff;
background:#0E70B6;
}

.photo ul.topic li.active ul   /* initiales  set inhalt alle bilder*/
{
width:530px;
display:block;
position:absolute;
left:0;
top:60px;
list-style:none;
margin:0;
height:auto;

padding:20px 20px 20px 20px;
border:5px solid #0E70B6;
background:#FAEFD5;
border:5px solid #0E70B6;
z-index:1;
}

.photo ul.topic li a:hover ul,  /* hover set */
.photo ul.topic li:hover ul      /* hover set */
{
width:530px;
display:block;
position:absolute;
left:0;
top:60px;
list-style:none;
margin:0;
height:auto;
padding:20px 20px 20px 20px;
background:#FAEFD5;
border:5px solid #0E70B6;
z-index:100;
}

.photo ul.topic li ul li   /* bildspace rahmen1*/
{
display:inline;
width:112px;
height:87px;
float:left;
border:1px solid #8C8D8F;
margin:5px;
}

.photo ul.topic li ul li a     /*bildgröße rahmen2*/
{
display:block;
width:110px;
height:85px;
cursor:pointer;
float:left;
text-decoration:none;
background:#FFFFFF;
border:1px solid #FFFFFF;
}

.photo ul.topic li ul li a img    /* bildgröße*/
{
display:block;
width:100px;
height:75px;
border:5px solid #8C8D8F;
}

.photo ul.topic li a:hover ul li a:hover,
.photo ul.topic li:hover ul li a:hover
{
white-space:normal;
position:relative;
}

.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img        /* bildposition/größe hover*/
{
position:absolute;
left:-50px;
top:-32px;
width:200px;
height:150px;
border-color:#8C8D8F;
}