@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	color: #30F;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #060;
	font-weight: bold;
}
a:visited {
	color: #060;
	font-weight: bold;
}
a:hover {
	color: #F00;
	font-weight: bolder;
}
a:active {
	color: #060;
	font-weight: bold;
}
ul {
  margin: 10px;
  padding: 5px;
}

#Title {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: xx-large;
	font-style: normal;
	font-weight: bold;
	color: #00F;
}
#TitleLight {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: xx-large;
	font-style: normal;
	font-weight: bold;
	color: #0CF;
}

#PinguinNederlands {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #000;
}
#PinguinEngels {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

#PinguinLatijns {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
	font-style: oblique;
	font-weight: normal;
	color: #000;
}
#KleineLetters {
	font-size: small;
}

.header {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: xx-large;
	font-style: normal;
	font-weight: bold;
    text-align: center;	
	color: #0000FF;  
    background-color: #FFFFFF;
}

.achtergrond {
    background-color: #3399ff;
}

.kaartblok {
	background-color: #3399ff;
	text-align: center;
	width: 100%;
	padding: 7px;
}

.kaartbloklinks {
	background-color: #3399ff;
	text-align: left;
	width: 100%;
	padding: 7px;
}

.afbeelding {
	background-color: #ffffff;
	text-align: center;
	width: 96%;
}

.tussenblok {
    height: 4px;
}

.naamblok {
	text-align: center;
	background-color: #ffffff;
	width: 96%;
}

.naamblokintern {
	text-align: left;
	background-color: #ffffff;
	width: 90%;
	padding: 7px;
}

.tekstblok {
	background-color: #3399ff;
	text-align: left; 
	padding: 7px;	
}
.tekstblok2 {
	background-color: #66ccff;
	text-align: left; 
	padding: 7px;	
}

.mapblok {
	background-color: #3399ff;
	text-align: center;
	padding: 7px;
}

.footermenu {
	width: 100%;
}

.footermenuB {
	width: 100%;
	background-color: #3399ff;
}

.menuitem {
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

.menuitemB {
	background-color: #3399ff;
	text-align: center;
	vertical-align: middle;
}

.fotoblok {
	background-color: #3399ff;
	text-align: center;
	font-size: smaller;
	padding: 7px;
}

.videoblok {
	background-color: #3399ff;
	text-align: center;
	font-size: smaller;
	padding: 7px;
}

.linksblok {
	text-align: center;
	background-color: #3399ff;
	padding: 7px;
}

.linksblokintern {
	text-align: left;
	background-color: #ddeeff;
	width: 98%;
	padding: 5px;
	font-size: smaller;
}

.row:after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  width: 100%;
}

@media only screen and (min-width: 500px) {
  .col-xs-1 {width: 8.00%;}
  .col-xs-2 {width: 16.00%;}
  .col-xs-3 {width: 24.00%;}
  .col-xs-4 {width: 32.00%;}
  .col-xs-5 {width: 40.00%;}
  .col-xs-6 {width: 48.00%;}
  .col-xs-7 {width: 56.00%;}
  .col-xs-8 {width: 64.00%;}
  .col-xs-9 {width: 72.00%;}
  .col-xs-10 {width: 80.00%;}
  .col-xs-11 {width: 88.00%;}
  .col-xs-12 {width: 96.00%;}
  .col-xs-m {width:64px;}
}

@media only screen and (min-width: 800px) {
  .col-s-1 {width: 8.00%;}
  .col-s-2 {width: 16.00%;}
  .col-s-3 {width: 24.00%;}
  .col-s-4 {width: 32.00%;}
  .col-s-5 {width: 40.00%;}
  .col-s-6 {width: 48.00%;}
  .col-s-7 {width: 56.00%;}
  .col-s-8 {width: 64.00%;}
  .col-s-9 {width: 72.00%;}
  .col-s-10 {width: 80.00%;}
  .col-s-11 {width: 88.00%;}
  .col-s-12 {width: 96.00%;}
  .col-s-m {width: 64px; }
}

@media only screen and (min-width: 1280px) {
  .col-1 {width: 8.00%;}
  .col-2 {width: 16.00%;}
  .col-3 {width: 24.00%;}
  .col-4 {width: 32.00%;}
  .col-5 {width: 40.00%;}
  .col-6 {width: 48.00%;}
  .col-7 {width: 56.00%;}
  .col-8 {width: 64.00%;}
  .col-9 {width: 72.00%;}
  .col-10 {width: 80.00%;}
  .col-11 {width: 88.00%;}
  .col-12 {width: 96.00%;}
  .col-m {width: 64px; }
}
@media only screen and (min-width: 1500px) {
  .col-l-1 {width: 8.00%;}
  .col-l-2 {width: 16.00%;}
  .col-l-3 {width: 24.00%;}
  .col-l-4 {width: 32.00%;}
  .col-l-5 {width: 40.00%;}
  .col-l-6 {width: 48.00%;}
  .col-l-7 {width: 56.00%;}
  .col-l-8 {width: 64.00%;}
  .col-l-9 {width: 72.00%;}
  .col-l-10 {width: 80.00%;}
  .col-l-11 {width: 88.00%;}
  .col-l-12 {width: 96.00%;}
  .col-l-m {width: 5.5%;}  
}