/**
 * Toegevoegd door Wim, styling van stats blokjes op home pagina
 */

h2.stats {
	margin-bottom: 0px;
}

#block {
width: 400px;
}

#title {
font-size: 28pt;
}

/* stuff om tekst in kleurbox vertical aligned te krijgen */

div span.groupA {
    height: 100%;
    vertical-align: middle;
    display: inline-block; }

div .groupB {
    vertical-align: middle;
    display: inline-block; }

.uitleg {
	margin-top: -7px;
}


/* settings voor 1 box */


.set1 .box1 {
	width:250px;
	height: 120px;
	position: relative;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.set1 .box1 {
	top:2px;
	left:20px;
	background: rgba(0, 179, 246, 0.8);
	color: white;
}

.set1 .number {
	font-family: Arial;
	font-weight: bold;
	font-size: 36pt;
	line-height: normal;
}

.set1 .uitleg {
	padding-top: 3px;
	font-size: 10pt;
	font-family: Arial;
}

/* Settings voor 3 boxen */

.set3 .box1, .set3 .box2, .set3 .box3 {
	width:200px;
	height: 75px;
	position: relative;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.set3 .box1 {
	top:2px;
	left:17px;
	background: rgba(0, 179, 246, 0.8);
	color: white;
}

.set3 .box2 {
	top:-6px;
	left:97px;
	background:rgba(250, 190, 37, 0.8);
}

.set3 .box3 {
	top:-14px;
	left:64px;
	background:rgba(3, 38, 83, 0.8);
	color: white;
}

.set3 .number {
	font-family: Arial;
	font-weight: bold;
	font-size: 24pt;
	line-height: normal;
}

.set3 .uitleg {
	padding-top: 3px;
	font-size: 10pt;
	font-family: Arial;
}

/* settings voor 2 boxen */

.set2 .box1, .set2 .box2 {
	width:200px;
	height: 75px;
	position: relative;
	padding: 10px;
	margin: 0px;
	text-align: center;
}

.set2 .box1 {
	top:2px;
	left:20px;
	background: rgba(0, 179, 246, 0.8);
	color: white;
}

.set2 .box2 {
	top:-8px;
	left:70px;
	background:rgba(250, 190, 37, 0.8);
}


.set2 .number {
	font-family: Arial;
	font-weight: bold;
	font-size: 32pt;
	line-height: normal;
}

.set2 .uitleg {
	font-size: 10pt;
	font-family: Arial;
	line-height: normal;
}


.set1,
.set2,
.set3 {
  margin-top: 20px;
}

.set1 .box1 {
  width: 270px;
  height: 100px;
}

.view-toon-statistiek .more-link {
  margin-top: 20px;
}