@charset "utf-8";
/* CSS Document */


.ud_slider {
width: 300px;
height: 300px;
margin: 0; /*(60px 250px 20px 250px top, right, bottom, and left)*/
position:relative; 
overflow:hidden;  
background-color:#666666;
border-radius: 20px;
border:3px solid blue;/*lavender;*/
}

.ud_sliderleft {
margin: 0;
float:left;
width:300px;
height:500px;   
position:relative; 
overflow:hidden;  
border-radius: 20px;
border:3px solid blue;/*lavender;*/
}

.ud_sliderleft>img{
width:300px;
height:500px;
}





.ud_sliderleft2 {
display:block;
margin:0 auto;
float:center;
width:270px;
height:470px; 
position:relative; 
overflow:hidden;  
border-radius: 20px;
border:3px solid blue;/*lavender;*/
}

.ud_sliderleft2>img{
width:270px;
height:470px;
display:block;
}











.slider_imgleft{
position: absolute;
margin-left: auto;
margin-right: auto;
}

.ud_sliderright {
margin: 60px 80px 20px 95px;
float:right;
width:220px;
height:300px;   
position:relative; 
overflow:hidden;  
background-color:#666666;
border-radius: 20px;
border:3px solid blue;/*lavender;*/
}

.ud_sliderright>img{
width:220px;
height:auto;
}

.slider_imgright{
position: absolute;
margin-left: auto;
margin-right: auto;
}




.slider_img1{
position:absolute; /*top:0; left:0;*/
/*margin: 80px 0 0 80px;*/
margin-left: auto;
margin-right: auto;
width: 290px;
}
.slider_img{
position:absolute; /*top:0; left:0;*/
margin-left: auto;
margin-right: auto;
height: auto;
width: 50px;
}
.slider_imgfinger{
position:absolute; /*top:0; left:0;*/
/*margin: 80px 0 0 80px;*/
margin-left: auto;
margin-right: auto;
width: 280px;

}
.slider_imgtest{
position:relative; /*top:0; left:0;*/
/*margin: 80px 0 0 80px;*/
margin-left: auto;
margin-right: auto;
width: 290px;
}


.klasse_1 {
animation: UD_KLASSE_1 infinite 25s;
-webkit-animation:UD_KLASSE_1 infinite 25s;
-moz-animation:UD_KLASSE_1 infinite 25s;
-ms-animation:UD_KLASSE_1 infinite 25s;
-o-animation:UD_KLASSE_1 infinite 25s;
}
.klasse_2 {
animation: UD_KLASSE_2 infinite 25s;
-webkit-animation:UD_KLASSE_2 infinite 25s;
-moz-animation:UD_KLASSE_2 infinite 25s;
-ms-animation:UD_KLASSE_2 infinite 25s;
-o-animation:UD_KLASSE_2 infinite 25s;
}
.klasse_3 {
animation: UD_KLASSE_3 infinite 25s;
-webkit-animation:UD_KLASSE_3 infinite 25s;
-moz-animation:UD_KLASSE_3 infinite 25s;
-ms-animation:UD_KLASSE_3 infinite 25s;
-o-animation:UD_KLASSE_3 infinite 25s;
}
.klasse_4 {
animation: UD_KLASSE_4 infinite 25s;
-webkit-animation:UD_KLASSE_4 infinite 25s;
-moz-animation:UD_KLASSE_4 infinite 25s;
-ms-animation:UD_KLASSE_4 infinite 25s;
-o-animation:UD_KLASSE_4 infinite 25s;
}
.klasse_4zu1 {
animation: UD_KLASSE_4zu1 infinite 25s;
-webkit-animation:UD_KLASSE_4zu1 infinite 25s;
-moz-animation:UD_KLASSE_4zu1 infinite 25s;
-ms-animation:UD_KLASSE_4zu1 infinite 25s;
-o-animation:UD_KLASSE_4zu1 infinite 25s;
}
.klasse_5 {
animation: UD_KLASSE_5 infinite 25s;
-webkit-animation:UD_KLASSE_5 infinite 25s;
-moz-animation:UD_KLASSE_5 infinite 25s;
-ms-animation:UD_KLASSE_5 infinite 25s;
-o-animation:UD_KLASSE_5 infinite 25s;
}
.klasse_6 {
animation: UD_KLASSE_6;
-webkit-animation:UD_KLASSE_6;
-moz-animation:UD_KLASSE_6;
-ms-animation:UD_KLASSE_6;
-o-animation:UD_KLASSE_6;
}

.klasse_7 {
animation: UD_KLASSE_7 infinite 30s;
-webkit-animation:UD_KLASSE_7 infinite 30s;
-moz-animation:UD_KLASSE_7 infinite 30s;
-ms-animation:UD_KLASSE_7 infinite 30s;
-o-animation:UD_KLASSE_7 infinite 305s;
}
.klasse_8 {
animation: UD_KLASSE_8 infinite 30s;
-webkit-animation:UD_KLASSE_8 infinite 30s;
-moz-animation:UD_KLASSE_8 infinite 30s;
-ms-animation:UD_KLASSE_8 infinite 30s;
-o-animation:UD_KLASSE_8 infinite 30s;
}



@-webkit-keyframes UD_KLASSE_1{
    0%   {opacity:1;}
    2%   {opacity:1;}	
    20%  {opacity:1;}
    25%  {opacity:0.2;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
    100% {opacity:0;}
}
@-webkit-keyframes UD_KLASSE_2{
    0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:1;}
	45%  {opacity:1;}
	50%  {opacity:0.2;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
    100% {opacity:0;}
	
}
@-webkit-keyframes UD_KLASSE_3{
    0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:1;}
	70%  {opacity:1;}
	75%  {opacity:0.2;} 
    100% {opacity:0;}
}

@-webkit-keyframes UD_KLASSE_4{
   0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:1;} 
	99% {opacity:1;}
    100% {opacity:0.2;}
	from {background-color: red;}
    to {background-color: blue;}
}
@-webkit-keyframes UD_KLASSE_4zu1{
   0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
	99% {opacity:0;}
    100% {opacity:1;}
	from {background-color: red;}
    to {background-color: blue;}
}

@-webkit-keyframes UD_KLASSE_5{
    0%   {top: 0px; left: 0px;}
    25%  {top: 0px; left: 100px;}
    50%  {top: 100px; left: 100px;}
    75%  {top: 100px; left: 0px;}
    100% {top: 0px; left: 0px;}
}

@-webkit-keyframes UD_KLASSE_6{
    0%   {left: 0px; background: red;}
    25%  {left: 100px; background: blue;}
    50%  {left: 100px; background: yellow;}
    75%  {left: 0px; background: green;}
    100% {left: 0px; background: red;}
}


@-webkit-keyframes UD_KLASSE_7{
    0%   {opacity:1;}
	25%  {opacity:1;}
	50%  {opacity:0;}
    100% {opacity:0;}
}
@-webkit-keyframes UD_KLASSE_8{
    0%   {opacity:0;}	
	25%  {opacity:0;}
	50%  {opacity:1;}
    100% {opacity:1;}
	
}




/**/

@-moz-keyframes UD_KLASSE_1{
    0%   {opacity:1;}
    2%   {opacity:1;}	
    20%  {opacity:1;}
    25%  {opacity:0.2;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
    100% {opacity:0;}
}
@-moz-keyframes UD_KLASSE_2{
    0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:1;}
	45%  {opacity:1;}
	50%  {opacity:0.2;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
    100% {opacity:0;}
	
}
@-moz-keyframes UD_KLASSE_3{
    0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:1;}
	70%  {opacity:1;}
	75%  {opacity:0.2;} 
    100% {opacity:0;}
}

@-moz-keyframes UD_KLASSE_4{
   0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:1;} 
	99% {opacity:1;}
    100% {opacity:0.2;}
	from {background-color: red;}
    to {background-color: blue;}
}
@-moz-keyframes UD_KLASSE_4zu1{
   0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
	99% {opacity:0;}
    100% {opacity:1;}
	from {background-color: red;}
    to {background-color: blue;}
}

@-moz-keyframes UD_KLASSE_5{
    0%   {top: 0px; left: 0px;}
    25%  {top: 0px; left: 100px;}
    50%  {top: 100px; left: 100px;}
    75%  {top: 100px; left: 0px;}
    100% {top: 0px; left: 0px;}
}

@-moz-keyframes UD_KLASSE_6{
    0%   {left: 0px; background: red;}
    25%  {left: 100px; background: blue;}
    50%  {left: 100px; background: yellow;}
    75%  {left: 0px; background: green;}
    100% {left: 0px; background: red;}
}


@-moz-keyframes UD_KLASSE_7{
    0%   {opacity:1;}
	25%  {opacity:1;}
	50%  {opacity:0;}
    100% {opacity:0;}
}
@-moz-keyframes UD_KLASSE_8{
    0%   {opacity:0;}	
	25%  {opacity:0;}
	50%  {opacity:1;}
    100% {opacity:1;}
	
}
/**/

@-ms-keyframes UD_KLASSE_1{
    0%   {opacity:1;}
    2%   {opacity:1;}	
    20%  {opacity:1;}
    25%  {opacity:0.2;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
    100% {opacity:0;}
}
@-ms-keyframes UD_KLASSE_2{
    0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:1;}
	45%  {opacity:1;}
	50%  {opacity:0.2;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
    100% {opacity:0;}
	
}
@-ms-keyframes UD_KLASSE_3{
    0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:1;}
	70%  {opacity:1;}
	75%  {opacity:0.2;} 
    100% {opacity:0;}
}

@-ms-keyframes UD_KLASSE_4{
   0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:1;} 
	99% {opacity:1;}
    100% {opacity:0.2;}
	from {background-color: red;}
    to {background-color: blue;}
}
@-ms-keyframes UD_KLASSE_4zu1{
   0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
	99% {opacity:0;}
    100% {opacity:1;}
	from {background-color: red;}
    to {background-color: blue;}
}

@-ms-keyframes UD_KLASSE_5{
    0%   {top: 0px; left: 0px;}
    25%  {top: 0px; left: 100px;}
    50%  {top: 100px; left: 100px;}
    75%  {top: 100px; left: 0px;}
    100% {top: 0px; left: 0px;}
}

@-ms-keyframes UD_KLASSE_6{
    0%   {left: 0px; background: red;}
    25%  {left: 100px; background: blue;}
    50%  {left: 100px; background: yellow;}
    75%  {left: 0px; background: green;}
    100% {left: 0px; background: red;}
}


@-ms-keyframes UD_KLASSE_7{
    0%   {opacity:1;}
	25%  {opacity:1;}
	50%  {opacity:0;}
    100% {opacity:0;}
}
@-ms-keyframes UD_KLASSE_8{
    0%   {opacity:0;}	
	25%  {opacity:0;}
	50%  {opacity:1;}
    100% {opacity:1;}
	
}
/**/

@-o-keyframes UD_KLASSE_1{
    0%   {opacity:1;}
    2%   {opacity:1;}	
    20%  {opacity:1;}
    25%  {opacity:0.2;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
    100% {opacity:0;}
}
@-o-keyframes UD_KLASSE_2{
    0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:1;}
	45%  {opacity:1;}
	50%  {opacity:0.2;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
    100% {opacity:0;}
	
}
@-o-keyframes UD_KLASSE_3{
    0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:1;}
	70%  {opacity:1;}
	75%  {opacity:0.2;} 
    100% {opacity:0;}
}

@-o-keyframes UD_KLASSE_4{
   0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:1;} 
	99% {opacity:1;}
    100% {opacity:0.2;}
	from {background-color: red;}
    to {background-color: blue;}
}
@-o-keyframes UD_KLASSE_4zu1{
   0%   {opacity:0;}	
    20%  {opacity:0;}
    25%  {opacity:0;}
	45%  {opacity:0;}
	50%  {opacity:0;}
	70%  {opacity:0;}
	75%  {opacity:0;} 
	99% {opacity:0;}
    100% {opacity:1;}
	from {background-color: red;}
    to {background-color: blue;}
}

@-o-keyframes UD_KLASSE_5{
    0%   {top: 0px; left: 0px;}
    25%  {top: 0px; left: 100px;}
    50%  {top: 100px; left: 100px;}
    75%  {top: 100px; left: 0px;}
    100% {top: 0px; left: 0px;}
}

@-o-keyframes UD_KLASSE_6{
    0%   {left: 0px; background: red;}
    25%  {left: 100px; background: blue;}
    50%  {left: 100px; background: yellow;}
    75%  {left: 0px; background: green;}
    100% {left: 0px; background: red;}
}


@-o-keyframes UD_KLASSE_7{
    0%   {opacity:1;}
	25%  {opacity:1;}
	50%  {opacity:0;}
    100% {opacity:0;}
}
@-o-keyframes UD_KLASSE_8{
    0%   {opacity:0;}	
	25%  {opacity:0;}
	50%  {opacity:1;}
    100% {opacity:1;}
	
}