body {
	background-color: #990033 ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	
}

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
  float: left;
  margin: 0 10px 20px;
  overflow: hidden;
  display: inline;
  background-color: #228b22;
  height: 200px;
  
}
.row {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  
}

h1{
font-size: 60px;
color: #cccccc;
margin: 20px;
}


.groen {
  background-color: #7fff00;
  color: #333333;
}

.rood {
  background-color: #6b8e23;
  color: #FFcc33;
}

.geel {
  background-color: #adff2f;
  color: #000033;
}

.lila {
  background-color: #3cb371;
  color: #000033;
}

.bleu {
  background-color: #66cdaa ;
  color: #333333;
}

div.centreer {
text-align: center; 
}

a:link{ 
text-decoration: none;
color: inherit;
font-weight: bold;
font-size: 72px;
position: relative;
bottom: -50px;
}

a:visited {
text-decoration: none;
color: inherit ;
font-weight: bold;
font-size: 72px;
}

a:hover {
color: #00ff00; 
text-decoration: none; 
font-weight: bold;
font-size: 72px;
}	

a.kl:link{ 
text-decoration: none;
color: inherit;
font-weight: bold;
font-size: 36px;
position: relative;
bottom: -70px;
}

a.kl:visited {
text-decoration: none;
color: inherit ;
font-weight: bold;
font-size: 36px;
}

a.kl:hover {
color: #00ff00; 
text-decoration: none; 
font-weight: bold;
font-size: 36px;
}