.thumbnailro{
position: relative;
z-index: 0;
}

.thumbro {
padding-top: 2px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 7px;
float: right;
width: 210px;
height: auto;
}

.thumbnailro:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailro span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailro span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailro:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */
}


/* Bild Links oben */
.thumbnailleft{
position: relative;
z-index: 0;
}

.thumbleft {
padding-top: 2px;
padding-right: 7px;
padding-bottom: 5px;
padding-left: 0px;
float: left;
width: 160px;
height: auto;
}

.thumbnailleft:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailleft span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailleft span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailleft:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */
}

.thumbnailright{
position: relative;
z-index: 0;
}

.thumbright {
padding-top: 2px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 7px;
float: right;
width: 160px;
height: auto;
}

.thumbnailright:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailright span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailright span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailright:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: auto; /*position where enlarged image should offset horizontally */
}