index.css

body{	
	background-image: url("image1.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin:0px;
}
.center {
	height:100%;
	width:100%;
   	margin-left: auto ;
	margin-right: auto ;
	margin-top:0px;
	margin-bottom:0px;
}
.header {
	height:10%;
	width:100%;
   	margin-left: auto ;
	margin-right: auto ;
	background-color:#0fcabf;
	padding-top:"auto";	
	padding-bottom:"auto";			/* om de knoppenbalk te verplaatsen */
}
.centermid {
	margin-top:3%;
	font-family:Tahoma;
	text-align:center;
	font-size:20px;
	max-width:40%;
	max-height:70%;
	margin-left:30%;
	
}
#input{
	height:6.5%;
	width:82%;
	float:left;
	text-alignment:center;
	font-family:Tahoma;
	font-size:20px;	
}
#input:hover {
    background-color:#ACFCFF;
}	
#button{
 	background-size: cover;
	border:none;
 	height:6.5%;
  	width:9%;
	background-color:#0fcabf;
	background-image: url("knop.png");
}
#nummer{
	
	float:left;
 	height:6.5%;
  	width:9%;
	background-color:#0fcabf;
	color: white;
	font-family:Tahoma;
	font-size:30px;
	font-weight: bold;
	text-align:center;	
}
.count
{
	margin-top:20%;
}
ul {
    list-style-type: none;
    position: static;
    overflow: hidden;
}
li {
    float: left;
}
li a {
	font-family:Tahoma;
	font-size:20px;
	font-weight: bold;
    display: block;
    color: white;
    text-align: center;
    padding:20px;
	margin-top:15px;
    text-decoration: none;
}
li a:hover {
    color: #111;
}
.results{
	border: 1px solid black;
	font-size:20px;
	margin-top:-1px;
	width:82%;
	font-family:Tahoma;
	background-color:#ffffff;
	float:left;
	padding-left:0;
	margin-left:9%;
	}
.results li:hover {
    background-color: #ACFCFF;
	width:100%;
}
.results li{
width:100%;
}
.radio_item{
display: none !important;
}
.label_item {
opacity: 0.5;
float:left;
position: static;
}
.radio_item:checked + label {
opacity: 1;
}
#radio{
margin-top:22%;
width:100%;
float:left;
margin-left:9%;
}
.fade{display:none;
}