#skdslider{
 width:100%;
 position: relative;
 display: block;
 overflow:hidden;
 height:450px;
}


.skdslider ul.slides li img{
    width: 100%;
	height:100%;
	object-fit: cover;
	border:0;
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
	list-style-type: none;
    margin: 0;
    padding: 0;
}

.skdslider ul.slide-navs li {
    float: left;
	background: url("image/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
  background: url("image/slide-bg-active.png") no-repeat scroll 0 0 transparent;
}

.skdslider .slide-desc {
    background: url("image/slide_desc.png") repeat scroll 0 0 transparent;
    position:absolute;
    top: 40%;
    width: 960px;
    height:200px;
    left: 50%;
	display:inline-block;
	margin-left: -480px;
	
}
.skdslider .slide-desc > h2 {
    color: #fff;
    position: relative;
	font-family: 'Kanit', sans-serif;
	font-weight:300;
	font-size:3em;
	line-height:38px;
	margin:0px;
    text-transform: uppercase;
}

.skdslider .slide-desc > p {
    color: #fff;
    position: relative;
	font-family: 'Kanit', sans-serif;
	font-weight:300;
    font-size:2em;
    line-height: 20px;
  	margin-top:10px;
}
.skdslider .slide-desc > p a.more {
    color:#fff;
	font-size:20px;
	text-decoration:none;
}
.skdslider .slide-desc > p a.more:hover {
	text-decoration:underline;
}

.skdslider a.prev{
    background: url("image/left.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:2%;
	margin-top:-17px;
}

.skdslider a.next{
    background: url("image/right.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:2%;
	margin-top:-17px;
}

/* Darstellung auf Netbooks portrait landscape*/
@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
 	{
 	#skdslider{
 	width:100%;
 	position: relative;
 	display: block;
 	overflow:hidden;
 	height:280px;
	}

.skdslider a.prev{
    background: url("image/left.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:80%;
	left:3%;
	margin-top:-17px;
	}

.skdslider a.next{
    background: url("image/right.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:80%;
	right:3%;
	margin-top:-17px;
	}

.skdslider .slide-desc > h2 {
    color: #fff;
    position: relative;
	font-family: 'Kanit', sans-serif;
	font-weight:300;
	font-size:2.4em;
	line-height:28px;
	margin:0px;
    text-transform: uppercase;
	}

.skdslider .slide-desc > p {
    color: #fff;
    position: relative;
	font-family: 'Kanit', sans-serif;
	font-weight:300;
    font-size:1.8em;
    line-height: 20px;
  	margin-top:10px;
	}
 }
 	
/* mobile */	
/* PORTRAIT Netooks -------------------------------------------------------------------- */	
@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)and (orientation: portrait)
 	{
 	#skdslider{
 	width:100%;
 	position: relative;
 	display: block;
 	overflow:hidden;
 	height:280px;
	}


.skdslider .slide-desc > h2 {
    color: #fff;
    position: relative;
	font-family: 'Kanit', sans-serif;
	font-weight:300;
	font-size:2.2em;
	line-height:26px;
	margin-left:120px;
    text-transform: uppercase;
	}

.skdslider .slide-desc > p {
    color: #fff;
    position: relative;
	font-family: 'Kanit', sans-serif;
	font-weight:300;
    font-size:1.6em;
    margin-left:120px;
    line-height: 20px;
  	margin-top:10px;
	}
 }
@media screen and (min-device-width: 320px)
and (max-device-width: 420px){

 	#skdslider{
 	width:100%;
	position: relative;
 	display: block;
 	height:180px;
	}

	.skdslider .slide-desc > h2 {
  color: transparent;
	}
	
	.skdslider .slide-desc > p {
    color: transparent;
	}
}