.container {
	background-color:blue;
	width:500px;
	height:500px;
}

.user {
	float:left;
	width:150px;
	height:50px;
	background-color:#0088FF;
	margin:2px;
}

.images {
	max-width:150px;
	max-height:150px;
	//width: auto;
	//vertical-align:middle;
	
}

.image-container {
    top:0;
    bottom:0;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

img {
	//position:absolute;
	//top:0;
	//bottom:0;
	//margin:auto;
}

html {
	/*background: url('../images/backgrounds/2016/background1.jpg') no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
}

.pixel {
	background-image: url('../images/pixel.png');
	left:0px;
	top:0px;
	bottom:00px;
	right:0px;
	position:absolute;
	z-index:2;
}

@font-face{
    font-family: "Headline";
    src: url('../images/headline.ttf');
}


.subtitle {
	position:absolute;
	top:75px;
	color:white;
	text-align: center;
	font-size:25px;
	font-family: HeadlineSmall;
	display:block;
	width:98%;
}


.button {
	position:absolute;
	background-image:url('../images/arrows3.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
 	width:100px;
 	height:200px;
 	border:0;
	left:1400px;
	outline: 0;
	top:300px;
	z-index:10;
}

.buttonNext {
	position:absolute;
	background-color: transparent;
	font-size: 60px;
	font-family: Headline;
	color: white;
 	width:100px;
 	height:200px;
 	border:0;
	left:1400px;
	outline: 0;
	top:160px;
	z-index:10;
}

.buttonVolgende {
	position:absolute;
	background-color: transparent;
	font-size: 40px;
	font-family: Headline;
	color: white;
 	height:200px;
 	border:0;
	left:1385px;
	outline: 0;
	top:440px;
	z-index:10;
}

.button:hover{  
	background-position: -100px 0px;
}

.button:active{  
	background-position: -200px 0px;
}

@font-face{
    font-family: "HeadlineSmall";
    src: url('../images/headlinesmall.ttf');
}

.error1, .error2, .error3{
	font-family: HeadlineSmall;
	text-align: center;
	color:red;
	width:185px;
	font-size:24px;
	position:absolute;
	left:1150px;
	z-index:5;
}

.error1 { top:150px; }
.error2 { top:350px; }
.error3 { top:550px; }



.number {
	opacity: 0.5;
	font-family: Headline;
	text-align:center;
	/* CSS HACK */
	width: 150px;	/* IE 5.x */
	width/* */:/**/150px;	/* Other browsers */
	width: /**/150px;
	height:150px;
	line-height:150px;
	color:white;
	font-size:70px;
	display:block;
    position:absolute;
    top:0px;
    left:0px;
}