.vandale .header {
   font-family: sans-serif;
   font-size: 12pt;
   background: #d0d0d0;
   padding: 1em;
   border-radius: 20px;
   line-height: 150%;
}

.vandale .header hr {
  display: none;
}

.vandale .header h1 {
  font-size: 120%;
  display: inline;
}

.vandale .header td.zoek {
  width: 30%;
  height: 100%;
  vertical-align: bottom;
}

input[type=submit].full {
  width: 100%;
  height: 4em;
  background: #6699ff;
  border: 1px solid #6699ff;
  border-radius: 10px;
  font-size: 100%;
}

input[type=submit].full:hover {
  background: #3377ff;
}

.vandale .header td .fifty {
  width: 50%;
}

.vandale .header td a.fifty {
  border: 1px solid #6699ff;
  border-radius: 10px;
  background: #6699ff;
  padding-left: 1em;
  padding-right: 1em;
  display: block;
  width: 46%;
  text-align: center;
}


.vandale .header td a.fifty:hover {
  background: #3377ff;
}

.vandale .header span.radio {
  white-space: nowrap;
  font-size: 80%;
}

@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 667px) {

  .vandale .header {
     font-size: 50pt;
     line-height: 110%;
  }

  input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
    -webkit-appearance: none; -moz-appearance: none;
    display: block;
    margin: 0;
    width: 100%; 
    height: 52pt;
    line-height: 45pt; 
    border: 1px solid #bbb;
    font-size: 45pt;
  }  

  input[type=radio] {
   width: 30pt; height: 30pt;
   border: 1px solid #bbb;
  }

  table, thead, tbody, th, td, tr { 
		display: block; 
	}

  table.result { font-size: 200%; }
  .vandale .header span.radio {
    font-size: 50%;
  }

  .vandale .header td a.fifty {
    width: 90%;
  }

  .vandale .header td .fifty {
    width: 90%;
  }

  .vandale .header td.zoek {
    width: 95%;
  }

  .vandale .header h1 {
    display: none;
  }

  input[type=submit].full {
    height: 2.5em;
    border-radius: 0px;
    font-size: 50%;
  }

  #hideshow {
    font-size: 50%;
  }

  td.label { display: none; }
   
}