#Container {
            width: 960px;
            height: 650px;
		    overflow: hidden;
	 }
		 #wrapper {
	width: 3840px;
	position: relative;
	left: 0px;
	top: 0px;
	transition: left .8s ease-in-out;
	
			
        }

        .content {
            float: left;
            height: 650px;
            white-space: normal;
            width: 1920px;
          }

            .content p {
                font-family: Arial, sans-serif;
                margin: 0;
            }

		#itemOne {
		
		  background-image: url(../PICTURES/T6/BG6.jpg);
		    
		}
		
		#itemTwo {
		  background-image: url(../PICTURES/T6/BG6-2.jpg);  
		    
		}
		
		#itemThree {
		    background-color: #00ff0c;
		   
		}
		
		#itemFour {
		    background-color: #000000;
		    
		}
 

#Schalter1 {
	position: absolute;
	height: 30px;
	width: 30px;
	z-index: 10;
	top: 583px;
	left: 435px;
background-image: url(
..(PICTURES/S1.jpg);
	background-image: url(../PICTURES/S1.jpg);
}
#Schalter2 {
	position: absolute;
	height: 30px;
	width: 30px;
	z-index: 10;
	top: 583px;
	left: 492px;
	background-image: url(../PICTURES/S2.jpg);
	}

@charset "utf-8";
.element {
	height: 650px;
	width: 950px;
	background-color: #333333;
	animation-name: stretch;
	animation-duration: 2.0s;
	Xanimation-timing-function: ease-out;
	animation-delay: 1;
	xanimation-direction: alternate;
	xanimation-iteration-count: infinite;
	animation-fill-mode: none;
	Xanimation-play-state: running;
}

@keyframes stretch {
  0% {
    transform: scale(0);
    background-color: #363d50;
    border-radius: 100%;
  }
  50% {
    background-color: #363d50;
  }
  100% {
    transform: scale(1.0);
    background-color: black;
  }
}