html { 
  height: 100%;
    margin: 0;
    font-size: 110%;
}
@media (min-width: 60em){
html {
    height: 100%;
    margin: 0;
    font-size: 90%;
}}

/** { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}
#main, #head, #nav, #content, #footer { 
  margin-left: auto; 
  margin-right: auto;
}
body { 
  font: normal .90em verdana, arial, sans-serif;
  background: #CCCCCC repeat fixed;
  color: #403838;
}
img { 
  border: 0;
  max-width: 100%;
  height: auto;
}
#main { 
  width: 100%;
}
@media (min-width: 60em) and (orientation: landscape) {
  #main { width: 768px;
}}
#head {
  width: 100%;
  float: left; 
  padding: 0 0 20px 0;
  background: transparent;
}
#img1{
  float: left;  
  width: 100%;
  height: auto;
  }
@media (min-width: 35em) {
	   #img1 {width: 50%; }}
@media (min-width: 60em) and (orientation: landscape) {
	   #img1 {width: 33%; }}
#img2{
  float: left;
  width: 0%;
  height: auto;
  }
@media (min-width: 35em) {
	   #img2 {width: 50%; }}
@media (min-width: 60em) and (orientation: landscape) {
	   #img2 {width: 33%; }}
#img3{
  float: left;
  width: 0%;
  height: auto;
  }	   
@media (min-width: 60em) and (orientation: landscape) {
	   #img3{width: 33%; }}
#nav { 
  float: left;
  width: 100%;
  height: auto;
  padding: 10px 0 10px 0;
  background: #525252;
  color: white;
  text-align: center;
} 
#nav a {
  text-decoration: none;
  color: lightgreen;
}
#nav a:hover { 
  color: #FFF;
  text-decoration: none;
}
#nav-wil {
  float: left;
  width: 100%;
  margin: 0;
}
@media (min-width: 60em) and (orientation: landscape) {
  #nav-wil { 
    width: 50%;
    text-align: left;
}
}
#nav-co {
  float: left;
  width: 100%;
  margin: 0;
}
/*@media (min-width: 60em) and (orientation: landscape) {
  #nav-co { 
    width: 50%;
    text-align: right;
}
}*/
#content { 
  text-align: left;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 15px 0;
}
#content img {
  float: left;
  padding: 4px 20px 0 5px;
}
#content a {
  text-decoration: none;
  color: #403838;
}
#content a:hover { 
  color: #FFF;
  text-decoration: none;
}
#aanhef { 
  text-align: left;
  float: left;
  width: 100%;
  padding: 15px 0 15px 0;
  margin: 0;
}
#content p {
  padding: 45px 5px 15px 5px;
}
#welkom {
  float: left;
  width: 100%;
  font: normal 110% verdana, arial, sans-serif;
  background-color: darkgrey;
  color: #000000;
}
#welkom p {
  padding: 5px 5px 5px 5px;
}

/*#wil {
  float: left;
  width: 100%;
  margin: 0;
}
#wil p {
  padding: 5px 5px 5px 5px;
}
@media (min-width: 60em) and (orientation: landscape) {
  #wil { 
    width: 50%;
}
}
#co {
  float: left;
  width: 100%;
  margin: 0;
}
#co p {
  padding: 5px 5px 5px 5px;
}
@media (min-width: 60em) and (orientation: landscape) {
  #co { 
    width: 50%;
}
}*/
#footer { 
  float: left;
  width: 100%;
  height: auto;
  padding: 10px 0 10px 0;
  background: #525252;
  color: white;
  text-align: center;
} 

hr {border-style: none;  background-color: #003366;  height: 1px;}