



ul.backgroundimage li:nth-child(1)	{
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation1 16s linear infinite 0s;
    -moz-animation: imageAnimation1 16s linear infinite 0s;
    -o-animation: imageAnimation1 16s linear infinite 0s;
    -ms-animation: imageAnimation1 16s linear infinite 0s;
    animation: imageAnimation1 16s linear infinite 0s; 
}

ul.backgroundimage li:nth-child(2)	{
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation2 16s linear infinite 0s;
    -moz-animation: imageAnimation2 16s linear infinite 0s;
    -o-animation: imageAnimation2 16s linear infinite 0s;
    -ms-animation: imageAnimation2 16s linear infinite 0s;
    animation: imageAnimation2 16s linear infinite 0s; 
}


ul.backgroundimage li:nth-child(3)	{
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation3 16s linear infinite 0s;
    -moz-animation: imageAnimation3 16s linear infinite 0s;
    -o-animation: imageAnimation3 16s linear infinite 0s;
    -ms-animation: imageAnimation3 16s linear infinite 0s;
    animation: imageAnimation3 16s linear infinite 0s; 
}

ul.backgroundimage li:nth-child(4)	{
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation4 16s linear infinite 0s;
    -moz-animation: imageAnimation4 16s linear infinite 0s;
    -o-animation: imageAnimation4 16s linear infinite 0s;
    -ms-animation: imageAnimation4 16s linear infinite 0s;
    animation: imageAnimation4 16s linear infinite 0s; 
}



ul.backgroundimage	{
 
}

ul.backgroundimage li {
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 0;
	opacity: 0;   
	   
	background-size: cover; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}


/* @group SET Index/ Startseite */

ul.backgroundimage li.index:nth-child(1)	{
    background-image: url(../images/backgroundimages/index/bg_lafainera_1.jpg); 
}

ul.backgroundimage li.index:nth-child(2)	{
    background-image: url(../images/backgroundimages/index/bg_lafainera_2.jpg); 
}

ul.backgroundimage li.index:nth-child(3)	{
    background-image: url(../images/backgroundimages/index/bg_lafainera_3.jpg); 
}


ul.backgroundimage li.index:nth-child(4)	{
    background-image: url(../images/backgroundimages/index/bg_lafainera_4.jpg); 
}
/* @end */



/* @group SET Sport */

ul.backgroundimage li.sport:nth-child(1)	{
    background-image: url(../images/backgroundimages/sport/bg_lafainera_1.jpg); 
}

ul.backgroundimage li.sport:nth-child(2)	{
    background-image: url(../images/backgroundimages/sport/bg_lafainera_2.jpg); 
}

ul.backgroundimage li.sport:nth-child(3)	{
    background-image: url(../images/backgroundimages/sport/bg_lafainera_3.jpg); 
}

ul.backgroundimage li.sport:nth-child(4)	{
    background-image: url(../images/backgroundimages/sport/bg_lafainera_4.jpg); 
}

/* @end */


/* @group SET Mode */

ul.backgroundimage li.mode:nth-child(1)	{
    background-image: url(../images/backgroundimages/mode/bg_lafainera_1.jpg); 
}

ul.backgroundimage li.mode:nth-child(2)	{
    background-image: url(../images/backgroundimages/mode/bg_lafainera_2.jpg); 
}

ul.backgroundimage li.mode:nth-child(3)	{
    background-image: url(../images/backgroundimages/mode/bg_lafainera_3.jpg); 
}

ul.backgroundimage li.mode:nth-child(4)	{
    background-image: url(../images/backgroundimages/mode/bg_lafainera_4.jpg); 
}

/* @end */


/* @group SET Rental */

ul.backgroundimage li.rental:nth-child(1)	{
    background-image: url(../images/backgroundimages/rental/bg_lafainera_1.jpg); 
}

ul.backgroundimage li.rental:nth-child(2)	{
    background-image: url(../images/backgroundimages/rental/bg_lafainera_2.jpg); 
}

ul.backgroundimage li.rental:nth-child(3)	{
    background-image: url(../images/backgroundimages/rental/bg_lafainera_3.jpg); 
}

ul.backgroundimage li.rental:nth-child(4)	{
    background-image: url(../images/backgroundimages/rental/bg_lafainera_4.jpg); 
}


/* @end */

/* @group SET Socialmedia */

ul.backgroundimage li.socialmedia:nth-child(1)	{
    background-image: url(../images/backgroundimages/socialmedia/bg_lafainera_1.jpg); 
}

ul.backgroundimage li.socialmedia:nth-child(2)	{
    background-image: url(../images/backgroundimages/socialmedia/bg_lafainera_2.jpg); 
}

ul.backgroundimage li.socialmedia:nth-child(3)	{
    background-image: url(../images/backgroundimages/socialmedia/bg_lafainera_3.jpg); 
}

ul.backgroundimage li.socialmedia:nth-child(4)	{
    background-image: url(../images/backgroundimages/socialmedia/bg_lafainera_4.jpg); 
}


/* @end */

/* @group SET History */

ul.backgroundimage li.history:nth-child(1)	{
    background-image: url(../images/backgroundimages/history/bg_lafainera_1.jpg); 
}

ul.backgroundimage li.history:nth-child(2)	{
    background-image: url(../images/backgroundimages/history/bg_lafainera_2.jpg); 
}

ul.backgroundimage li.history:nth-child(3)	{
    background-image: url(../images/backgroundimages/history/bg_lafainera_3.jpg); 
}

ul.backgroundimage li.history:nth-child(4)	{
    background-image: url(../images/backgroundimages/history/bg_lafainera_4.jpg); 
}

/* @end */


/* @group SET Engadin */

ul.backgroundimage li.engadin:nth-child(1)	{
    background-image: url(../images/backgroundimages/engadin/bg_lafainera_1.jpg); 
}

ul.backgroundimage li.engadin:nth-child(2)	{
    background-image: url(../images/backgroundimages/engadin/bg_lafainera_2.jpg); 
}

ul.backgroundimage li.engadin:nth-child(3)	{
    background-image: url(../images/backgroundimages/engadin/bg_lafainera_3.jpg); 
}

ul.backgroundimage li.engadin:nth-child(4)	{
    background-image: url(../images/backgroundimages/engadin/bg_lafainera_4.jpg); 
}

/* @end */

/* @group SET Wo Wann Wer Wetter*/

ul.backgroundimage li.wo:nth-child(1)
, ul.backgroundimage li.wann:nth-child(1)
, ul.backgroundimage li.wer:nth-child(1)	
, ul.backgroundimage li.wetter:nth-child(1)
, ul.backgroundimage li.wo:nth-child(2)
, ul.backgroundimage li.wann:nth-child(2)
, ul.backgroundimage li.wer:nth-child(2)	
, ul.backgroundimage li.wetter:nth-child(2)	
, ul.backgroundimage li.wo:nth-child(3)	
, ul.backgroundimage li.wann:nth-child(3)
, ul.backgroundimage li.wer:nth-child(3)	
, ul.backgroundimage li.wetter:nth-child(3)	
, ul.backgroundimage li.wo:nth-child(4)	
, ul.backgroundimage li.wann:nth-child(4)
, ul.backgroundimage li.wer:nth-child(4)	
, ul.backgroundimage li.wetter:nth-child(4)		{
/*	background-image: url(../images/backgroundimages/wann/bg_lafainera_1.jpg);*/
		
	background: #b5b5b5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YjViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b5b5b5 0%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b5b5), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5b5b5 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5b5b5 0%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5b5b5 0%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b5b5b5 0%,#666666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#666666',GradientType=0 ); /* IE6-8 */

		
}


/* @end */



ul.backgroundimage li:nth-child(1)  { 
}

ul.backgroundimage li:nth-child(2)  { 
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;/* verzögern delay*/
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}

ul.backgroundimage li:nth-child(3)  { 
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}

ul.backgroundimage li:nth-child(4)  { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}

/* Animation for the slideshow images */

/* @group webkit-keyframes */

@-webkit-keyframes imageAnimation1  {
	0% { opacity: 1;}
	40% { opacity: 1;}
    65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-webkit-keyframes imageAnimation2  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-webkit-keyframes imageAnimation3  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-webkit-keyframes imageAnimation4  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	35% { opacity: 1;}
	45% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}


/* @end */



/* @group mozilla-keyframes */

@-moz-keyframes imageAnimation1  {
	0% { opacity: 1;}
	40% { opacity: 1;}
    65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-moz-keyframes imageAnimation2  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-moz-keyframes imageAnimation3  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-moz-keyframes imageAnimation4  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	35% { opacity: 1;}
	45% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}


/* @end */





/* @group opera-keyframes */

@-o-keyframes imageAnimation1  {
	0% { opacity: 1;}
	40% { opacity: 1;}
    65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-o-keyframes imageAnimation2  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-o-keyframes imageAnimation3  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-o-keyframes imageAnimation4  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	35% { opacity: 1;}
	45% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}
/* @end */







/* @group microsoft-keyframes */

@-ms-keyframes imageAnimation1  {
	0% { opacity: 1;}
	40% { opacity: 1;}
    65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-ms-keyframes imageAnimation2  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-ms-keyframes imageAnimation3  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@-ms-keyframes imageAnimation4  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	35% { opacity: 1;}
	45% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}


/* @end */









/* @group keyframes */

@keyframes imageAnimation1  {
	0% { opacity: 1;}
	40% { opacity: 1;}
    65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@keyframes imageAnimation2  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@keyframes imageAnimation3  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	45% { opacity: 1;}
	65% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

@keyframes imageAnimation4  { 
	17% { opacity: 1;
         -webkit-animation-timing-function: ease-in; }
	35% { opacity: 1;}
	45% { opacity: 0;
         -webkit-animation-timing-function: ease-out; }
}

/* @end */

