/* *{ */
	/* margin: 0; */
	/* padding: 0; */
	/* list-style: none; */
	/* text-decoration: none;	 */
/* } */

/* p{ */
	/* z-index: 10000; */
	/* font-size: 100px; */
	/* text-align: center; */
	/* position: absolute; */
	/* width: 20%; */
	/* padding-top: 100px; */
	/* color: white; */
	/* font-family: 'Lato'; */
/* } */

/* overflow sikrer at ingen tekst overskriver */

.slider{
	overflow: hidden;
	/* height: 100%; */
	 height: 800px;
	/* height: 500px; */
}

/* her går vi ind i slider og herunder figure og herunder div */
.slider figure div{
	width: 20%;
	float:left;
}

/* float left vil placere dem på en linie fra venstre */
/* width sættes til 100pct af 20 pct på div som dvs. 20 ct. og figuren sættes 500 pct. vil giver 100 ct af width på siden */


.slider figure img{
	width: 100%;
	float: left;
}

/* width 500 * 20 pct= 100% */
/* antal gange den skal køre er infinite - bemærk slidy er defineret nedenfor */
.slider figure{
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	
	animation: 60s slidy infinite;
}

/* her udformes placeringerne så ved 0% ænskes at reinforce left 0% osv. den vil køre frem og tilbage*/
@keyframes slidy{
	0% {
		left: 0%;
	}
	10% {
		left: 0%;
	}
	
	10% {
		left: 0%;
	}
	
	12% {
		left: -100%;
	}
	
	22% {
		left: -100%;
	}
	
	24% {
		left: -200%;
	}
	
	34% {
		left: -200%;
	}
	
	36% {
		left: -300%;
	}
	
	46% {
		left: -300%;
	}
	
	48% {
		left: -400%;
	}
	
	58% {
		left: -400%;
	}
	
	60% {
		left: -300%;
	}
	
	70% {
		left: -300%;
	}
	
	72% {
		left: -200%;
	}
	82% {
		left: -200%;
	}
	
	84% {
		left: -100%;
	}
	
	94% {
		left: -100%;
	}
	
	96% {
		left: 0%;
	}
	
	
}