/* ================================== */
/* ALGEMEEN */
/* ================================== */

* {
  box-sizing:border-box;
}

/* Use a media query to add a break point at 800px: */
/* LET OP twee paar accolades */
@media screen and (max-width:800px) {
  .nav, .main, .right {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

body {
 background-color: #006600;
 background-image: url(afb/foto2409-50.jpg); 
 background-position:right top; 
 background-repeat:repeat-y;
 background-attachment:fixed;

 padding:0;
}


img {max-width:100%;
}

img.logo {
 margin:auto;
}

/* ================================== */
/* HEADER                             */
/* ================================== */

#header {
  background-color:#006600;
  padding:1em;
  text-align:center;
  width:100%;
}

/* ================================== */
/* NAVIGATIE                          */
/* ================================== */

.nav {
  /* background-color:#eeffdd; */
  background-color:#eeffdd;
  border-top: 0.2em solid white;
  border-bottom: 0.2em solid white;
  border-left: 0.2em solid white;
  float:left;
  padding:1em;
  width:20%; /* The width is 20%, by default */
} 

a { 
 color: #800000;
 font-family: verdana,sans-serif;
 font-weight:bold;
 text-decoration: none;
}

a:hover {
 background-color:white;
 color: #008000;
 font-family: verdana,sans-serif;
 font-weight:bold;
 text-decoration:underline;
}

a.menua {
  background-color: transparent;
  color:#800000;
  display:block;
  font-family: verdana,sans-serif;
  font-weight:bold;
  margin-top:0.4em;
  margin-bottom:0.4em;
  padding-left:0.5em;
  text-align:left;
  text-decoration:none;
}

a.menua:hover {
 background-color:white;
 color: #008000;
 display:block;
 font-family: verdana,sans-serif;
 font-weight:bold;
 margin-top:0.4em;
 margin-bottom:0.4em;
 padding-left:0.5em;
 text-align:left;
 text-decoration:underline;
}

a.menub {
 background-color:transparent;
 color:#800000;
 display:block;
 font-family: verdana,sans-serif;
 font-size:80%;
 font-weight:normal;
 margin-bottom:0.4em;
 margin-left:1em;
 margin-top:0.4em;
 padding-left:0.5em;
 padding-right:0.5em;
 text-decoration:none;
}

a.menub:hover {
 background-color:white;
 color:#008000;
 display:block;
 font-family: verdana,sans-serif;
 font-size: 80%;
 font-weight:normal;
 margin-top:0.4em;
 margin-bottom:0.4em;
 padding-left:0.5em;
 text-align:left;
 text-decoration:underline;
}

a.totop {
 font-size:8pt;
}

       /* in hoofdmenu */
div.geena {
 border:0;
 color:#006600;
 font-family:verdana, sans-serif;
/* font-size:10pt; */
 font-weight:normal;
 margin-right:1em;
 margin-left:1em;
 white-space:nowrap;
}

/* ================================== */
/* MAIN                               */
/* ================================== */

.main {
  /* background-color:#f1f1f1; */
  background-color:#fffacd;
  border:0.2em solid white;
  float:left;
  padding:1em;
  width:60%; /* The width is 60%, by default */
}

.verystrong {
 background-color:white;
 border: silver solid 1px;
 color:navy;
 font-weight:bold;
}

div.nieuws {
 border:1px solid #004000;
 margin:1em;
 padding:1em;
 max-width:100%;
/* width:75%; */
}

dd {
 color: #004000;
 font-family: verdana, sans-serif;
 line-height:150%;
} 

dt { color: #004000;
 font-family: verdana, sans-serif;
 font-weight:bold;
 line-height:150%;
}

h1 {
 color:#004000;
 font-family: verdana, sans-serif;
 font-weight:normal;
}

h2 {
 color:#004000;
 font-family: verdana, sans-serif;
 font-weight:normal;
}

h3 {
 color:#004000;
 font-family: verdana, sans-serif;
 font-weight:normal;
}

h4 {
 color:#004000;
 font-family: verdana, sans-serif;
/* font-size: 10pt; */
 font-weight:normal;
}

h4.nieuws {
  color:gray;
  font-size:8pt;
  text-align:right;
}

img {
 margin:0.5em;
 /* RESPONSIVE */ max-width:100%;
 /* RESPONSIVE */ height:auto;
}

img.totop {
  width:21px; height:21px;
}

img.fo  /* alle foto-paginas */ {
  border:0.5em solid white;
}

p {
 color: #004000;
 font-family: verdana, sans-serif;
/* font-size: 10pt; */
 line-height:150%;
} 


p.totop {
 font-size:small;
 text-align:right;
}


td {
 color: #004000;
 font-family: verdana, sans-serif;
 padding-right:1em;
}


ul {
 color:#004000;
 font-family:verdana, sans-serif;
/* font-size:10pt; */
 line-height:150%;
}  


ul.nieuws {
/* color:#004000; */
 font-family:verdana, sans-serif;
/* font-size:10pt; */
 line-height:150%;
/* margin-right:1em; */
/* width:40%; */
}  

/* ================================== */
/* RECHTS                             */
/* ================================== */

/*  functie: responsive, neemt functie over van margin_left van de div_main */

.right {
  background-color: transparent;
  float:left;
  width:20%; /* The width is 20%, by default */
}


/* ================================== */
/*  CLEAR                             */
/* ================================== */

.clear {
  background-color: #006600;
  clear:left;
  margin-right:20%;
  margin-left:20%;
}

/* ================================== */
/* FOOTER                             */
/* ================================== */

.footer {
  background-color: #006600;
  margin-bottom:0;
  padding:1em;
}

a.voet {
  background-color:transparent;
  color:#fffacd;
  font-weight:normal;
  text-decoration:underline;
}

p.voet {
  color:#fffacd;
  font-size:80%;
  text-align:center;
}