body
{margin:10px;
        font: 0.8em Arial, Helvetica, sans serif;

}
.menu{
    position:absolute;
    top:10px;
    left:10px;
    width : 800px;
   
}
.kerstmis{
    padding:20px;
    cursor:pointer;
    position:absolute;
    top:0px;
    left:30px;
    background-color:lightgray;
    border: 1px solid blue;

}
.hotel {
    padding: 20px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 235px;
    background-color: lightgray;
    border: 1px solid blue;
}
.russisch {
    padding: 20px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 378px;
    background-color: lightgray;
    border: 1px solid blue;
}

.titelkerstmenu {
    padding: 10px;
   
    position: absolute;
    top: 100px;
    left: 530px;
    width: 210px;
    background-color: lightgray;
    color: darkblue;
    border: 1px solid blue;
}
.deelnemers {
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 300px;
    left: 530px;
    width: 200px;
    background-color: lightgray;
    color: blue;
    border: 1px solid blue;
}
.ingave {
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 340px;
    left: 530px;
    width: 200px;
    background-color: lightgray;
    color: whitesmoke;
    border: 1px solid blue;
}
.budget {
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 380px;
    left: 530px;
    width: 200px;
    background-color: lightgray;
    color: blue;
    border: 1px solid blue;
}
.gekocht {
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 420px;
    left: 530px;
    width: 200px;
    background-color: lightgray;
    color: blue;
    border: 1px solid blue;
}
.goback{
    padding: 10px;
    
    position: absolute;
    top: 630px;
    left: 50px;
    width: 100px;
    background-color: red;
    color: whitesmoke;
    border: 1px solid blue;
}
.goback2{
    padding: 10px;
    
    position: absolute;
    top: 50px;
    left: 900px;
    width: 100px;
    background-color: red;
    color: whitesmoke;
    border: 1px solid blue;
}
.selectie{
    padding: 10px;
  
    position: absolute;
    top: 200px;
    left: 50px;
    width: 200px;
    background-color: white;
    color: darkblue;
    border: 1px solid blue;
}

.selectie2{
    padding: 10px;
  
    position: absolute;
    top: 100px;
    left: 50px;
    width: 500px;
    background-color: white;
    color: darkblue;
    border: 1px solid blue;
}
.gekochtjanee{
    padding: 10px;
  
    position: absolute;
    top: 200px;
    left: 50px;
    width: 400px;
    background-color: white;
    color: darkblue;
    border: 1px solid blue;
}


.hoofding{
    padding:10px;
    position: absolute;
    top: 50px;
    left: 500px;
    width: 240px;
    background-color: blue;
    color: white;
    
}
.tijdbeschrijving{
    padding:10px;
    position: absolute;
    top: 50px;
    left: 750px;
    width: 100px;
    background-color: blue;
    color: white;
    
}
.hoofding2{
    padding:10px;
    position: absolute;
    top: 50px;
    left: 500px;
    width: 220px;
    background-color: blue;
    color: white;
    border: 1px solid blue;
}

.tabelleke{
    padding: 10px;
  
    position: absolute;
    top: 250px;
    left: 400px;
   
    background-color: white;
    color: darkblue;
}
  
.cadeauke{
    padding: 10px;
  
    position: absolute;
    top: 350px;
    left: 50px;
	max-width:1200px;
   
    background-color: white;
    color: blue;
  
}
.cadeaukegekocht{
    padding: 10px;
  
    position: absolute;
    top: 120px;
    left: 50px;
	max-width:1200px;
   
    background-kcolor: white;
    color: blue;
  
}
.cadeauke2{
    padding: 10px;
  
    position: absolute;
    top: 200px;
    left: 50px;
	max-width:1200px;
   
    background-color: white;
    color: blue;
  
}

.warning{
    padding: 10px;
  
    position: absolute;
    top: 285px;
    left:50px;
   
    background-color: white;
    color: red;
  
}

.warning2{
    padding: 10px;
  
    position: absolute;
    top: 260px;
    left:50px;
   
    background-color: white;
    color: blue;
  
}


.selectedperson{
    padding:10px;
    position: absolute;
    top: 200px;
    left: 500px;
    width: 250px;
    background-color: white;
    color: blue;
}
.forminvul{
    
    position: absolute;
    top: 350px;
    left: 100px;
    
    background-color: white;
    color: red;
}
.formlees{
    
    position: absolute;
    top: 100px;
    left: 100px;
    
    background-color:white;
    color: blue;
}

.wijzig{
    
    position: absolute;
    top: 265px;
    left: 100px;
    
    background-color: gray;
    color: blue;
}

.infolijn{
    padding: 10px;
  
    position: absolute;
    top: 10px;
    left:10px;
   
    background-color: blue;
    color: white;
}
	
	
.info2{
    padding: 10px;
    position: absolute;
    top: 77px;
    left:100px;
    color: blue;
}
.info3{
    
    position: absolute;
    top:337px;
    left:100px;
    color: blue;
}
.info4{
    
    position: absolute;
    top:215px;
    left:0px;
    color: blue;
}
.info5{
    
    position: absolute;
    top:230px;
    left:0px;
    color: blue;
}
.resultaat{
    padding: 10px;
    position: absolute;
    top: 100px;
    left:500px;
	color:blue;
}
.resultaat2{
    padding: 10px;
    position: absolute;
    top: 120px;
    left:500px;
	color:green;
}
.resultaat3{
    padding: 10px;
    position: absolute;
    top: 170px;
    left:500px;
	color:blue;
}

.koekske{
    
    position: absolute;
    top: 10px;
    left: 700px;
    background-color:white;
    color: blue;
}