/* Start of CMSMS style sheet 'Dynamic Image' */
#thumbsplaceholder {
	display: block;
	float: left;
	width:480px;
	height: 100px;
	}

#thumbsplaceholder-xs {
	display: block;
	float: left;
	width:220px;
	height: 50px;
}

#thumbsplaceholder img {
	padding: 7px 0 0 7px;
}

#thumbsplaceholder-xs img {
	padding: 0px 0 0 0px;
}

#thumbsplaceholder #dienst {
float:right;width:480px;}

#thumbsplaceholder h2 {
font:bold 20px/25px  Arial, Helvetica, sans-serif; color:#F50B04;background-color:#FFFFFF; height:25px;letter-spacing: 4px; float: left;width:220px;}

#thumbsplaceholder h3 {
font:bold 16px/18px Arial, Helvetica, sans-serif; color:#000000;height:25px;
background-color:#FFFFFF; float:right;text-align:right;width:250px; padding-top: 5px}

#thumbsplaceholder p {
font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636;width:480px;
}

#thumbsplaceholder-xs p {
font:normal 12px/18px Arial, Helvetica, sans-serif; color:#363636;width:220px;
}

#thumbsplaceholder a {
text-decoration: none;
}

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

.thumbnail img{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 150;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -410px;
left: 0px; /*position where enlarged image should offset horizontally */
borcder: 1px solid #ff0000;
}
/* End of 'Dynamic Image' */