﻿#mySlideshow_oberflaechenersatz-am-hueftgelenk
{
	width:						240px;
	height:						325px;
	z-index:					5;
}

#mySlideshow_huefte
{
	width:						520px;
	height:						286px;
	z-index:					5;
}

#mySlideshow_knie
{
	width:						520px;
	height:						286px;
	z-index:					5;
}

#mySlideshow_links_chimanos
{
	width:						182px;
	height:						80px;
	z-index:					5;
}
#mySlideshow_links_tagesklinik
{
	width:						182px;
	height:						80px;
	z-index:					5;
}
#mySlideshow_links_zatt
{
	width:						182px;
	height:						80px;
	z-index:					5;
}

.jdSlideshow
{
	display:					none;
	overflow: 					hidden;
	position:					relative;
}

.jdSlideshow img
{
	border:						0px;
	margin:						0px; 
}

.jdSlideshow .slideElement
{
	width:						100%;
	height:						100%;
	background-color:			#000000;
	background-repeat:			no-repeat;
}

.jdSlideshow .loadingElement
{
	width:						100%;
	height:						100%;
	position:					absolute;
	left:						0px;
	top:						0px;
	background-color:			#000000;
	background-repeat:			no-repeat;
	background-position:		center center;
	background-image:			url('img/loading-bar-black.gif');
}

/*.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
}
*/

.jdSlideshow .slideInfoZone h2
{
	padding:					0px;
	font-size:					80%;
	margin:						0px;
	margin:						2px 5px;
	font-weight:				bold;
	color:						inherit;
}

.jdSlideshow .slideInfoZone p
{
	padding:					0px;
	font-size:					60%;
	margin:						2px 5px;
	color:						#eeeeee;
}

.jdSlideshow a
{
	font-size:					100%;
	text-decoration:			none;
	color:						inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position:					absolute;
	height:						100%;
	width:						40%;
	cursor:						pointer;
	z-index:					10;
	filter:						alpha(opacity=20);
	-moz-opacity:				0.2;
	-khtml-opacity:				0.2;
	opacity:					0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:						alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:						alpha(opacity=80);
	-moz-opacity:				0.8;
	-khtml-opacity:				0.8;
	opacity:					0.8;
}

.jdSlideshow a.left
{
	left:						0px;
	top:						0px;
	background:					url('img/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left {
	background:					url('img/fleche1.gif') no-repeat top left;
}

.jdSlideshow a.right
{
	right:						0px;
	top:						0px;
	background:					url('img/fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right {
 background:					url('img/fleche2.gif') no-repeat top right;
 }
