/* advs.css */

body {
  background-color:white;
  color:#505050;
  font-family:sans-serif;
  font-size:90%;
}

h1 {font-size: 1.4em; padding-top:25px;color:#006400 }
h2 {font-size: 1.2em; padding-top:15px;color:#006400 }
h3 {font-size: 1.0em; padding-top:10px;color:#006400 }

strong {
  color:#006400;
}

a {
  text-decoration:none;
  color:#006400;
}

html a:hover {
  color:#aa0000;
}

dt {
  color:#006400; 
  font-size:1.1em;
}

dd {padding-bottom:15px}

span.nadruk{color:#aa0000; font-weight:bold}
/*span.witword{color:#0079b5;font-variant:small-caps;font-weight:bold}*/
span.witword{color:#0079b5;font-size:0.8em;font-weight:bold}
span.talen {color:#0079b5;font-variant:small-caps;}

div.slogan{
 color:#006400;
 font-size:1.3em;
 padding-top:20px;
 padding-bottom:20px;
}


table#stramien {
 position:absolute;
 table-layout:fixed;
 left:130px;
 top:0px;
 width:800px;
 background-color:#fffafa; /*snow */
 border-collapse:collapse; /* cruciaal om binnen tabel van de randlijnen af te komen*/
 border-bottom: solid 4px #008000;
 margin-bottom:50px;
 padding-bottom:30px;
 padding-top:0px;
}

tr#kop{
 height:60px;
 background-color:#008000;  /* groen  NB voor kopjes etc #006400 */ 
 font-size:18pt;
 color:#f5fffa; /* mint */
}

tr#kop td#links {
 border: 0 none;
 margin: 0; 
 width:220px; /*220px; moet samen met inhoud 800 zijn*/
}


tr#kop td#rechts{
 border: 0 none;
 margin: 0; 
 text-align:center;
 width: 580px;
}

tr#kop p {
 padding-top:15px;
 padding-bottom:10px;
 margin: 0 0 0 0;
}

td#nav {
 background-color:#fffafa; /*snow */
 background-color:#f5fffa; /* mint */
 width:220px; /*220px; moet samen met inhoud 800 zijn*/
 border:0;
 padding: 0 0 0 20px;
 margin:0;
 vertical-align:top; /* evt, voor de ul#navmenu, anders die verticalcentral*/
 padding-bottom:30px;
}

ul#navmenu {
  position:relative;
  top:10px;
  width:9em;
}

ul#navmenu li {
  list-style:none; /*schakelt de bullets uit ... */
  position:relative;
/*  font-size: 1.1em;
*/
  vertical-align: bottom; /* for IE5/win */
  padding: 5px 0px 5px 0px;
}

ul#navmenu li.active {
   list-style:disc;
   color:#006400;
   background:#f3f3f3;
}

ul#navmenu li a{
  color:#006400;
  display:block;
}

ul#navmenu li a:hover {
  color:#aa0000;
}


/* BEGIN spelen met css uiklapmenuutjes */

ul#navmenu ul {
  position:absolute;
  left:-3000px; /*beetje vies natuurlijk, maar het werkt wel */
  background:white;
  font-style:italic;
}

ul#navmenu li:hover {
   background:#f3f3f3;
}

ul#navmenu li:hover ul {
  top:0px; 
  left:3.5em;
  padding-left:2px;
}



/* EINDE spelen met css uiklapmenuutjes */

div#adres{
  font-family:monospace;
  font-size:90%;
}


p#w3c{
  padding-top:160px;
}

table#stramien td#inh {
 background-color:#fffafa; /*snow ;*/
 background-color:#fffff0; /* ivory */
 background-color:#f5fffa; /* mint */
 width:580;
 border:0;padding:0 40px 0 0;margin:0;
 vertical-align:top; 
}


table#stramien td#inh div {
 padding-top: 20px;
 padding-bottom: 20px;
}

/*
table#stramien div.voet{
 background-color:#aabbcc; 
 width:100%;
 height:20px;
}
*/

img.linklogo{
 max-width:128px;
 float:left;
 padding: 5px 15px 5px 5px;
 border:0;
}

img.vlag{
 border: 0pt;
}

p#lastmodified {
/*  position:relative;
  bottom:0px;
  right:0px;
  */
  padding-top:70px;
  font-size:70%;
}

.inspringend {
   padding-left:20px;
}

img#ajckop {
   float: right;
   top:80px;
   margin-right: 80px;
   width: 100px;
   padding-top: 20px;
   padding-left: 20px;
}

#omhoog{
   position:fixed; right:35px; bottom:50px;
   padding: 2px 5px 2px 5px;
   border: 1px solid #a90000;
}
#omhoog a{ font-weight: bold }

*:target {color:#fffff4;background-color:#aabbcc;width:70%}
/*truc uit
/*http://dev.opera.com/articles/view/improving-the-usability-of-within-page-l/ */
/*cutting-edge, meeste browsers kunnen het niet*/


/* hieronder de kaartjes op de routepagina */
div#kaartje {
  position: relative;
  top: 10px;
  left: 70px;
  width:200px;
  border: 0px;
}

span#loupe {
margin-left:200px;
font-size:0.7em;
}

span#loupe span {
  visibility:hidden;
  display:none; /*IE6*/
  position: fixed;
  top:100px;
  left:100px;
  border:5px solid #0079b5;
  z-index:5;
}

span#loupe:hover span {
  visibility:visible;
  display:block; /*IE6 werkt niet maar none wel en dat moet opgeheven, daarom toch block*/
}

/* DE BOEKEN */

td#inh div.boekenbalk{
 position:relative;top:0px;left:0px;
 height:130px;width:600px;
 padding:10px;
}

div.boekenbalk img{height:120px} /* bij vaste hoogte wisselende breedtes : */
div.boekenbalk span#bbh  {position:absolute;left:43px}   /* plus 77 + 35 = */
div.boekenbalk span#bbhf {position:absolute;left:155px}  /* plus 87 + 35 = */
div.boekenbalk span#bbb  {position:absolute;left:277px}  /* plus 78 + 35 = */
div.boekenbalk span#gd   {position:absolute;left:390px}  /* plus 82 + 35 = */
div.boekenbalk span#vn   {position:absolute;left:507px}

div.overhetboek{
 position:relative;top:20px;
 margin-right:0px;margin-left:30px;
}

div.overhetboek img{
 float:right;
 padding-left:15px;
 padding-bottom:15px;
 width:130px;
}

div.overhetboek p.beschrijving{
 position:absolute;top:0px;left:0px;
 width:300px;
 padding:20px;
 background-color:#efefef;
}

p.titel{color:#0079b5;
 font-size:1.3em;
 font-weight:bold;
 margin-bottom:10px;
}

p.gegevens{margin-bottom:10px}
p.nederlands{margin-bottom:10px}
p.engels{ 
 font-size:1.0em;
 font-style:italic;
 background-color:#dedede;
 padding:10pt;
}

/* actueel */
div.actueel {
padding:30px;
background-color: #efffef;
}

/* portfoliotabel */
table.portfolio {
 padding-left:15px;
}
table.portfolio td {
 vertical-align:top;
 padding-bottom:15px;
 padding-top:0px;
 padding-left:20px;
 margin-top:0px;
}

/* responspagina na het verzenden van contactformulier */

div.nahetverzenden {
  text-align:left;
  margin-top:100px;
  padding: 20px;
  width:600px;
  font-weight:bold;
  background-color: #ddffda;
}