.jms-slideshow {
/*	background-image: url(../../images/bg-slideshow.png);
*/	background-repeat: repeat-x;
	border-bottom:solid 2px #322B2E;
	border-top:solid 2px #322B2E;
	position: relative;
	width: 960px;
		
	max-width: 960px;
/*	min-width: 960px;  test für iphone grösse 	
*/	
	margin: 2% auto 0;
	height: 450px;
	
}
.jms-wrapper {
/*	background-image: url(../../images/wrapper-bg.png);
	background-position: left;
	background-repeat: no-repeat;*/
	
	
	width: auto;
	
/*	min-width: 650px; test für iphone grösse 	
*/	max-width: 960px; 	

	height: 420px;
	/*background-color: #5C4894;
	background-color: rgba(69, 59, 122, 0.6);*/
	/*box-shadow: 0 10px 15px rgba(0, 0, 0, .4);*/
	-webkit-background-clip: padding;
	-moz-background-clip: padding;     
	background-clip: padding-box;
/*	border: 10px solid #242322;
	border: 10px solid rgba(36, 35, 34, 1);*/
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}
.color-1 {
	/*background-color: #AAA0C8;
	background-color: rgba(255, 255, 255, 0.2);*/
}

.step {	
	width: 960px;  /*War mal bei 1000 bevor iphone test*/
    height: 458px;
	display: block;
	-webkit-transition: opacity 2s;
	-moz-transition: opacity 2s;
	-ms-transition: opacity 2s;
	-o-transition: opacity 2s;
	transition: opacity 2s;
}
.step:not(.active) {
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}
.jms-content{
	width: 40%;
	height: 100%;
	margin: 0px 10px 0px 20px; 
	position: relative;
	clear: both;
}
.step h3{
	color: #5C4894;
	line-height: 1em;
	font-size: 1.8em;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin: 0;
	padding: 100px 10px 10px 10px;
}
.step p {
	color: #57484F;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: normal;
	position: relative;
	margin: 0;
	padding: 0px 10px 10px 10px;

}
a.jms-link{
	color: #fff;
	text-transform: uppercase;
	background: #AAA0C8; /* Old browsers */
	background: -moz-linear-gradient(top, #AAA0C8 0%, #5C4894 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAA0C8), color-stop(100%,#5C4894)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #AAA0C8 0%,#5C4894 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #AAA0C8 0%,#5C4894 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #AAA0C8 0%,#5C4894 100%); /* IE10+ */
	background: linear-gradient(top, #AAA0C8 0%,#5C4894 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AAA0C8', endColorstr='#5C4894',GradientType=0 ); /* IE6-9 */
	padding: 8px 15px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	border: 1px solid #444;
	border-radius: 4px;
	opacity: 1;
	margin-top: 40px;
	clear: both;
	-webkit-transition: all 0.4s ease-in-out 1s;
	-moz-transition: all 0.4s ease-in-out 1s;
	-ms-transition: all 0.4s ease-in-out 1s;
	-o-transition: all 0.4s ease-in-out 1s;
	transition: all 0.4s ease-in-out 1s;
}
.step:not(.active) a.jms-link{
	opacity: 0;
	margin-top: 80px;
}
.step img{
/*	background-image: url(../../images/small-bg.png);
*/	background-repeat: repeat;
	position: absolute;
	right: 0px;
	top: 10px;
	width: 575px;
	height: 470px;
/*	border-bottom: solid #242322 1px;
*/}
.jms-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-dots span{
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #5C4894;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.3);
}
.jms-dots span.jms-dots-current:after{
	content: '';
	width: 6px;
	height: 6px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.jms-arrows{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-arrows span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	height: 64px;
	width: 64px;
	cursor: pointer;
	z-index: 2000;
}

.jms-arrows span2{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	height: 80px;
	width: 30px;
	cursor: pointer;
	z-index: 2000;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}

.jms-arrows span.jms-arrows-prev{
	background: url(../images/pfeil-links.png) no-repeat;
	left: -3em;
}
.jms-arrows span.jms-arrows-next{
	background: url(../images/pfeil-rechts.png) no-repeat ;
	right: -3em;
}
/* Not supported style */
.jms-wrapper.not-supported{
	background-color: #E3D8FF;
	background-color: rgba(227, 216, 268, 1);
}
.jms-wrapper.not-supported:after{
	content: 'The slideshow functionality is not supported on your device.';
	padding: 0px 0px 30px 0px;
	text-align: center;
	display: block;
}
.jms-wrapper.not-supported .step{
	display: none;
	position: relative;
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
	margin: 20px auto;
}
.jms-wrapper.not-supported .step:first-of-type{
	display: block;
}
.jms-wrapper.not-supported .step:not(.active) a.jms-link{
	opacity: 1;
	margin-top: 40px;
}