body {
  font-family: Arial, Verdana, Times, serif; 
  background-size: auto; 
  background-position: 0px top;
  background: blue ;
   background-image: url("images/backs/bgr2.jpg");
  backgroundSize = cover;
}
}

a {
  text-decoration:none;
}
div a:hover  {
  color: lightblue;
}
span {
  display: inline-block;
  vertical-align: middle;
}

img.map, map area{
  outline: none;
}
input[type=checkbox] {
  transform: scale(1.6);
  cursor:pointer;
}
.subm {
  font-size: 18px; 
  color: red ;
  background-color: white; 
  border-style: outset; 
  text-align: center; 
  border-color: red; 
  display: block; 
  border-radius: 6px;
}
.subx {font-size: 20px; 
  color: #637C54; 
  background-color: #E2C88B; 
  border-style: outset; 
  text-align: center;
  border-color: lightyellow;  
  border-radius: 1px;
  font-style: italic;
}
.smenu {font-size: 18px; 
  color: #E2C88B; 
  background-color: #637C54;  
  border-radius: 9px;
  border-style: outset; 
  text-align: center; 
  border-color: lightyellow; 
  display: block; 
  cursor:pointer;
}
.smenu:hover { 
  color: white;
}
.menu {
  color: white; 
  font-size: 18px; 
  background-color: #b7aea6;  
  border-style: outset; 
  text-align: center; 
  border-color: lightyellow; 
  display: block;
}
.hmenu {
  color: white; 
  font-size: 18px; 
  color: #637C54; 
  background-color: #E2C88B;  
  border-radius: 9px;
  border-style: outset; 
  text-align: center; 
  border-color: white; 
  display: block; 
}
.hmenu:hover { 
  color: white;
}

.button {
  font: bold 14px Arial; 
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-style: outset; 
  border-radius: 9px;
  border-color: black;
  box-shadow: 1px 1px #EEEEEE;
  cursor:pointer;
  vertical-align: middle;
  line-height: 2;
}
.button:hover{
  color:lightblue;
}
.butb {
  background-color: darkblue;  
  border-style: outset; 
  border-color: lightgrey;
}

.butt {
  color: white; 
  background-color: red;  
  border-style: outset; 
  border-color: white;
  border-radius: 6px; 
  cursor:pointer; 
  padding: 2px 6px 2px 6px;
  vertical-align: middle;
  line-height: 2;
}

.butt:hover {
  background-color: #AF0000;
}
.butbl {
  color: white; 
  background-color: blue;  
  border-style: outset; 
  border-color: white;
  border-radius: 6px; 
  cursor:pointer; 
  padding: 2px 6px 2px 6px;
  vertical-align: middle;
  line-height: 2;
  font-size: 1.0em;
}
.butbl:hover {
  background-color: lightblue;
}
.butbw {
  color: blue; 
  background-color: white;  
  border-style: outset; 
  border-color: white;
  border-radius: 6px; 
  padding: 2px 6px 2px 6px;
  vertical-align: middle;
  line-height: 2;
  font-size: 1.0em;
}
.butwb {
  color: white; 
  background-color: blue;  
  border-style: outset; 
  border-color: white;
  border-radius: 6px; 
  padding: 2px 6px 2px 6px;
  vertical-align: middle;
  line-height: 2;
  font-size: 1.0em;
}

.simbut {
  font: bold 14px Arial; 
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-color: #333333;
  border-radius: 6px;
  border-style: outset;  
  vertical-align: middle;
  line-height: 2;
}

.infbut {
  font: bold 14px Arial; 
  text-decoration: none;
  background-color: black;
  color: white;
  padding: 2px 6px 2px 6px;
  border-color: white;
  border-radius: 6px;
  border-style: outset;  
  vertical-align: middle;
  line-height: 2;
}

.simbutt {
  font: bold 16px Arial; 
  color: white; 
  background-color: red;  
  border-style: outset; 
  border-color: white;
  border-radius: 6px; 
  padding: 2px 6px 2px 6px;
  vertical-align: middle;
  line-height: 2;
}
.flt {
  color: red ;
  background-color: white; 
  letter-spacing:4px; 
  font-size: 18px; 
  font-weight: bold; 
  height:1%; 
  width:95%; 
  text-align: center;
}
.txt {
  color: white ;
  background-color: royalblue; 
  letter-spacing:3px; 
  font-size: 18px; 
  line-height: 1.8;
}
  text-align: left;
}
UL {padding-left:1.2em;
}
LI {color: white;   
}

.php-file-tree {
  font-family: Verdana, Tahoma, Georgia;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
}
.php-file-tree A {
  color: white;
  text-decoration: none;
}
.php-file-tree A:hover {
  color: yellow;
}
.php-file-tree.open {
  font-style: italic;
}
.php-file-tree.closed {
  font-style: normal;
}
.php-file-tree .pft-directory {
  list-style-image: url(http://www.hvanduijn.nl/images/directory.png);
}
.php-file-tree LI.pft-file { 
  list-style-image: url(http://www.hvanduijn.nl/images/file.png); 

}

@media only screen and (max-device-width: 800px) {

}