h1, h2, h3, p, a{
	font-family: calibri;
	color: #ffffff;
}
b {
	font-family: calibri;
	color: #ffffff;
	font-style: bold;
}
.uitleg {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 20px;
	color: white;
	background: #f3f3f3;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
.tuitleg {
	color: black;
	font-size: 20px;
}
.divlink {
	margin-left: 200px;
	margin-right: 200px;
	margin-top: 40px;
	color: white;
	background: #4da562;
	text-align: center;
	font-family: calibri;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	cursor: pointer;
}
.divlink:hover {
    background-color: #3b824c;
}
body {
	background-color: #494949;
}
.header1 {
	color: white;
	background: #a5a5a5;
	text-align: center;
	font-family: calibri;
	border-style: solid;
	border-width: 1px;
	border-color: #000000
}
.title {
	font-size: 40px;
	font-family: calibri;
	text-align: center;
}
.tstatsA1 {
	margin-left: 20px;
	font-family: calibri;
	color: #ffffff;
}
.tstatsA2 {	
	margin-left: 40px;
	font-family: calibri;
	color: #ffffff;
}
.tstatsA3 {	
	margin-left: 32px;
	font-family: calibri;
	color: #ffffff;
}
.divstatsA {
	color: white;
	float: left;
	background: #0970C4;
	text-align: left;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	height: 400px;
	width: 400px;
	margin-top: 50px;
}
.divstatsA2 {
	color: white;
	float: right;
	background: #0d82e2;
	text-align: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
	height: 400px;
	width: 100px;
}
.imgstatsA {
	float: right;
	margin-top: 20px;
	margin-right: 30px;
}
.tstatsD1 {
	margin-left: 20px;
	font-family: calibri;
	color: #ffffff;
}
.tstatsD2 {	
	margin-left: 40px;
	font-family: calibri;
	color: #ffffff;
}
.tstatsD3 {	
	margin-left: 32px;
	font-family: calibri;
	color: #ffffff;
}
.divstatsD {
	color: white;
	float: right;
	background: #C56923;
	text-align: left;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	height: 400px;
	width: 400px;
	margin-top: 50px;
}
.divstatsD2 {
	color: white;
	float: right;
	background: #e87d2c;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
	height: 400px;
	width: 100px;
}
.imgstatsD {
	float: left;
	margin-top: 20px;
	margin-left: 30px;
}
.divopA {
	float: left;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 50px;
	height: 300px;
	width: 300px;
}
.divopAIQ {
	float: left;
	margin-top: 40px;
	margin-right: 50px;
	height: 300px;
	width: 300px;
}
.divopD {
	float: right;
	margin-top: 40px;
	margin-left: 50px;
	margin-right: 40px;
	height: 300px;
	width: 300px;
}
.navbalk {
	overflow: hidden;
	background-color: #f3f3f3;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	font-family: calibri;
	margin-top: 8px;
}
.navbalk a, span {
	float: left;
	color: #000000;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
}
.navbalk a:hover {
  background-color: #e8e8e8;
}
.navbalk span.active {
    background-color: #9558ef;
    color: #ffffff;
	border-right-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.buttonA {
    background-color: #0970C4;
    border-style: solid;
	border-width: 1px;
	border-color: #000000;
    color: #ffffff;
    padding: 15px 25px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.buttonA:hover {
    background-color: #0d82e2;
}
.buttonD{
	float: right;
    background-color: #C56923;
    border-style: solid;
	border-width: 1px;
	border-color: #000000;
    color: #ffffff;
    padding: 15px 25px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.buttonD:hover {
    background-color: #e87d2c;
}