/* header */
header {
	width: 99%;
	height: 70px;
	background-color: rgb(5, 169, 114);
	padding: 20px;
	}

/* footer */
footer {
	width: 99%;
	height: 70px;
	background-color: rgb(205, 141, 143);
	padding: 20px;
}

/*setting font*/
body{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align: center;
}

table {
	width: 85%;
	border: 1px solid; 
	border-collapse: collapse;
	text-align: center;
	
}

.center {
	margin-left: auto;
	margin-right: auto;
}

/*hoe zet ik breedte van een td. Zo dus. */

td {
	height: 150px;
	vertical-align: middle;
	width: 165px;
}

/*proberen*/

.td1 {
	background-color: aquamarine;
}
.td2{
	background-color: rgb(86, 115, 245);
}
.td3{
	background-color: rgb(198, 198, 53);
}
.td4{
	background-color: rgb(222, 108, 176);
}
.td5{
	background-color: rgb(237, 201, 56);
}
.td6{
	background-color: rgb(223, 122, 122);
}
.td7{
	background-color: rgb(228, 142, 28);
}
.td8{
	background-color: rgb(5, 149, 149);
}
.td9{
	background-color: blue;
}
.td10{
	background-color: rgb(255,0,0);
}
.td11{
	background-color: rgb(0,255,0);
}
.td12{
	background-color: rgb(30, 30, 88);
}


#gekleurd-1 {
	background-color: blanchedalmond;
	}

	#gekleurd-2 {
		background-color: rgb(230, 156, 45);
		}

		#gekleurd-3 {
			background-color: rgb(201, 240, 158);
			}

			#gekleurd-4 {
				background-color: rgb(46, 128, 68);
				}
				#gekleurd-5{
					background-color: rgb(131, 112, 148);
				}
				#gekleurd-6{
					background-color: rgb(223, 122, 122);
				}
				#gekleurd-7{
					background-color: rgb(71, 57, 3);
				}
				#gekleurd-8{
					background-color: rgb(65, 65, 188);
				}