body {
	font-family: Lato, Arial, sans-serif;
	font-size: 12px;
	color: #212140;
	background-color: White;
}

/* nav-styles */

ul {
	list-style-type: none;
	margin: 16px;
	padding: 0px;
	overflow: hidden;
	background-color: rgb(209, 218, 223);
	font-family: Lato, Arial, sans-serif;
	font-size: 20px;
	
}
  
  li {
	float: left;
}
  
  li a {
	display: block;
	color:  #0634ff;
	text-align: center;
	padding: 13px 30px;
	text-decoration: none;
}
  
  li a:hover {
	background-color: rgb(209, 218, 223);
	color: #00ff66
}
 /* page-styles */

td {
	font-family: Lato, Arial, sans-serif;
	font-size: 12px;
	background-color: White;
}

th {
	font-family: Lato, Arial, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Lato, Arial, sans-serif;
	font-size: 10px;
}

.medium {
	font-family: Lato, Arial, sans-serif;
	font-size: 18px;
}

.medium-14{
	font-size : 14px;
	margin-top: 10px;
}

.medium-16{
	font-size : 16px;
	margin-top: 10px;
}

.medium-16-cent{
	font-size : 16px;
	margin-top: 10px;
	text-align: center;
}	

.medium-plus {
	font-family: Lato, Arial, sans-serif;
	font-size: 20px;
}
.big {
	font-family: Lato, Arial, sans-serif;
	font-size: 30px;
}

.xbig {
	font-family: Lato, Arial, sans-serif;
	font-size: 30px;
	font-style: italic;
	color: #006600;
	font-weight: bold;
}

.expanded {
	font-family: Lato, Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 4px;
	color: #000066;
}

.justified {
	font-family: Lato, Arial, sans-serif;
	text-align: justify;
}

table, th, td {
    border: 0px solid black;
}

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

.left {
	margin-left: 0px;
}

.nav-left {
	margin-left: 15px;
	background-color: rgb(209, 218, 223);

}

td.nav {
	font-family: Lato, Arial, sans-serif;
	font-size: 12px;
	background-color: rgb(209, 218, 223);
}

P.left-big {
	text-align: left;
	font-family: Lato, Arial, sans-serif;
	font-size: 30px;
}

p.left-medium-plus {
	font-family: Lato, Arial, sans-serif;
	font-size: 20px;
}

a { text-decoration: none; }
a:hover { color: #339933;  text-decoration: none; }

.hmenu {
	font-family: Lato, Arial, sans-serif;
	font-size : 20px;
	font-weight: bold;
	color : #0634ff;
	text-decoration: none;
	text-align: left;
}
.hmenu A{
	font-family: Lato, Arial, sans-serif;
	font-size : 20px;
	font-weight: bold;
	color : #00ff66;
	text-decoration: none;
	}
.hmenu A:hover{
	font-family: Lato, Arial, sans-serif;
	font-size : 20px;
	font-weight: bold;
	color : #9900FF;
	text-decoration: none;
}

.hcomm {
	font-family: Lato, Arial, sans-serif;
	font-size : 20px;
	font-weight: normal;
	color : #0634ff;
	text-decoration: none;
	text-align: left;
}
.hcomm A{
	font-family: Lato, Arial, sans-serif;
	font-size : 20px;
	font-weight: bold;
	color : #ff0d0d;
	text-decoration: none;
	}

.hcomm A:hover{
	font-family: Lato, Arial, sans-serif;
	font-size : 20px;
	font-weight: normal;
	color : #ff3c00;
	text-decoration: none;
}

.expanded-50 {
	font-family: Lato, Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #151528;
}
.hoofdje1 {
	font-family: Lato, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #000066;
	font-weight: bold;
}

.table-news{
	margin-top: 35px;
	text-align: center;
	font-size : 24px;
}

img-- {
	max-width: 100%;
	height: auto;
  }

/*Responsive Styles */
@media (max-width : 960px){
	ul {
	font-size: 40px;
	}

	.table-news{
		font-size : 28px;
		margin-top: 18px;

	}  
	
  
}