* {
	font-family: 'Courier New', monospace;
	/*color: #00ff00;*/
	/*background-color: #000000;*/
}

.titel{
	text-align: center;
	color: #00ff00;
	font-size: 32px;
}

.datum{
	text-align: right;
	color: #00ff00;
}

.tabel_vinken{
	width:100%;
	/*position : relative;*/
}

.tabel_vinken_small{
	display: none;
	width:100%;
	/*position : relative;*/
}

.kopje{
	margin: auto;
	text-align: center;
	width:50%;
	font-size: 24px;
}

.tekst{
	margin: auto;
	text-align: center;
	padding-bottom:1%;
	width:100%;
	font-size: 16px;
}

.Top_Image {
	display: inline-block;
}

.cross {
	color: #ff0000;
}

body {
	background-color: #000000;
}

table {
	margin: auto;
	text-align: center;
	width:100%;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #222222;
}

li {
  float: left;
}

li strong {
  display: block;
  color: #ffff00;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a {
  display: block;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111111;
	color: #0000ff;
}

/* midden van de pagina */
.links {
  float: left;
  width: 25%;
  padding: 0px;
}

.artikel {
  float: left;
  width: 50%;
  padding: 0px;
  height: auto;
}

.rechts {
  float: left;
  width: 25%;
  padding: 0px;
}

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

/* foto */
.image {
  background: none;
  float: center;
  text-align: center;
  float: left;
  padding: 0px;
  max-width: 50%;
  max-height: 300px;
  min-width: 200px;
  width: auto;
  height: auto;
}

.image img{
  max-width: 90%;
  max-height: 300px;
  width: auto;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ondertekst {
  text-align: center;
  padding: 2px 2px;
}

/* Style the footer */
ul.footer {
  background-color: #222222;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer li {
  background-color: #222222;
  display: block;
  text-align: center;
  font-size: 16px;
  float: left;
  padding: 5px;
}

.footer li a {
  background-color: #222222;
  color: #00ff00;
  display: block;
  text-align: center;
  padding: 10px 30px;
  text-decoration: none;
}

.footer li a:hover {
  background-color: #777777;
	color: #0000ff;
}

/*style for phone*/
@media screen and (max-width: 960px), (orientation: portrait) {
  .titel{
	font-size: 32px;
  }
  
  .kopje{
	font-size: 24px;
  }
  
  .tekst {
	/*font-size: 20px;*/
  }
  
  .tabel_vinken{
	display: none;
  }

  .tabel_vinken_small{
	width:80%;
	display: table;
  }
  
  div.example {
    display: none;
  }
  
  .links {
  width: 100%;
  display: none;
  }
  
  .rechts {
  width: 100%;
  display: none;
  }
  
  .artikel {
  width: 100%;
  }
  
  .footer li a {
  padding: 10px 20px;
  }
}

@media screen and (max-width: 420px) {
  .image {
  max-width: 100%;
  max-height: none;
  }
  
  .image img{
  max-height: none;
  }
}