html { padding:0; margin:0; border:0; font-size:10pt; font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; overflow: hidden; }
body { background-image: url(../afbeeldingen/leem.jpg); background-repeat: repeat; background-position: 0 0; overflow: hidden; padding:0; margin:0; border:0; }
img {border:0;}
#background{ position:absolute; top: 30%; left: 15%; z-index:1; width:70%  ; }
h3 { font-size: 18px; font-weight: bold; margin: 1em 0; }
h5 { font-size: 14px; font-weight: bold; margin: 1.33em 0; }
#content { background-color: #008080; overflow:auto; position:absolute; z-index:3; top:130px; left:200px; right: 0; bottom: 50px; width: 824px; }
* html #content { top:130px; left:200px; bottom:50px; height: expression(((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight)-180)+'px'); overflow:auto; position:absolute; right: 0; width: 824px; z-index:3; }
#youtube { padding-left: 20px; }
#diaserie { border-left-width: 20px; }
#achtergrond-schilderwerk { color: #fff; background-color: #008080; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
#achtergrond-bloedverwanten { background-image: url(../afbeeldingen/bloedverwanten-detail.jpg); background-repeat: repeat-y; background-position: 0 0; height: expression(((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight)-180)+'px');  }
#achtergrond-schaapjes_tellen { background-image: url(../afbeeldingen/schaapjes_tellen-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-wie_is_de_mol { background-image: url(../afbeeldingen/wie_is_de_mol-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-slakkengang { background-image: url(../afbeeldingen/slakkengang-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-dodevogeldag { background-image: url(../afbeeldingen/dodevogeldag-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-vergeet_me_nietje { background-image: url(../afbeeldingen/vergeet_me_nietje-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-voel_de_wind_waait { background-image: url(../afbeeldingen/voel_de_wind_waait-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-roerloos_reigeren { background-image: url(../afbeeldingen/roerloos_reigeren-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-my_cup_of_tea { background-image: url(../afbeeldingen/my_cup_of_tea-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-koude_kikker { background-image: url(../afbeeldingen/koude_kikker-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%; }
#achtergrond-schrijfwerk { color: #fff; background-color: #008080; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%;  }
#achtergrond-schrijfwerk-tekst1 { background-image: url(../afbeeldingen/tekst1.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-schrijfwerk-tekst2 { background-image: url(../afbeeldingen/tekst2.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-schrijfwerk-tekst3 { background-image: url(../afbeeldingen/tekst3.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-schrijfwerk-tekst4 { background-image: url(../afbeeldingen/tekst4.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-schrijfwerk-tekst5 { background-image: url(../afbeeldingen/tekst5.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-schrijfwerk-tekst6 { background-image: url(../afbeeldingen/tekst6.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-schrijfwerk-tekst7 { background-image: url(../afbeeldingen/tekst7.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-schrijfwerk-tekst8 { background-image: url(../afbeeldingen/tekst8.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-extras { color: #fff; background-color: #008080; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%;  }
#achtergrond-contact { color: #fff; background-color: #008080; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%;  }
#achtergrond-welkom { color: #fff; background-color: #008080; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; min-height: 100%;  }
#achtergrond-hit_and_run { background-image: url(../afbeeldingen/hit_and_run-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-lady_butterfly { background-image: url(../afbeeldingen/lady_butterfly-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#achtergrond-practising_dharma { background-image: url(../afbeeldingen/practising_dharma-detail.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 100%; }
#head { position:absolute; margin:0; top:0; left:0; width:100%; height:100px; font-size:4em; z-index:6; min-height: 100px; padding: 0; border-width: 0; }
#subhead { position:absolute; z-index:4; top:100px; height:30px; left:200px; right:0; width: 824px; }
* html #subhead { top:100px; left:200px; right:0; width:824px; position:absolute; z-index:4; }
#foot { color: #fff; background-color: #603; background-image: none; background-position: 0 0; position:absolute; z-index:4; bottom:0; left:200px; right: 0; width: 824px; height: 50px; margin: 0; padding: 0; border-width: 0; }
* html #foot { text-align: left; width:824px; position:absolute; left: 200px; bottom: 0; z-index:4; margin: 0; padding: 0; border-width: 0; }
#submenu-welkom { background-color: #492c22; }
#submenu-extras { background-color: #363; }
#submenu-schilderwerk { background-color: #c00; }
#submenu-schrijfwerk { background-color: #960; }
#submenu-contact { background-color: #339; }
#mininav1 { float:right; top:150px; height:40px; width:40px; background:#def; text-decoration: none; padding-top: 5px; padding-right: 5px; padding-left: 5px; list-style-type: none; display: list-item; }
#mininav2 { float:right; top:150px; height:40px; width:40px; background:#def; text-decoration: none; margin-right: 5%; padding-top: 5px; padding-right: 5px; padding-left: 5px; list-style-type: none; display: list-item; }
#left { position:absolute; left:0; top:100px; width:200px; font-size:1.2em; background-position: 0 0; bottom: 0; z-index:5; overflow:auto; }
* html #left { height:100%; top:100px; bottom:0; color:#fff; }

#content h3, #content h5, #content p, #content td, #foot p { margin: 0; padding-right: 20px; padding-left: 20px; }
#content h3, #content h5, #content p { margin: 0; padding-top: 20px; padding-bottom: 10px; }
#content table { font-size:10pt; font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; 
/* */ 
}
.bold {font-size:1.2em; font-weight:bold;}


/*Dit is voor de transparantie bij de schilderijen*/

/*
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
*/

#text { position:relative; top:0; width:50%; background:#fff; left: 50%; height: auto; }
#text {filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
}
#words {position:relative; top:0; right:0; width:100%; background:transparent;}


/*Hieronder staan de navigatieknoppen*/
a.nav, a.nav:visited { top: 35%; width: 70%; border-width: 0; }
a:link { color: white; text-decoration: underline; }
a:visited { color: #40e0d0; text-decoration: underline; }
a.nav:hover { color:#fc0; border-width: 0; }
a.nav1, a.nav1:visited { display:list-item; width:120px; height:100px; text-decoration:none; color:#fff; font-weight:bold; line-height:100px; background-image: url(../afbeeldingen/streek-bruin.gif); text-align: center; list-style-type: none; }
a.nav2, a.nav2:visited { display:list-item; width:120px; height:100px; text-decoration:none; color:#fff; font-weight:bold; line-height:100px; background-image: url(../afbeeldingen/streek-groen.gif); text-align: center; list-style-type: none; }
a.nav3, a.nav3:visited { display:list-item; width:120px; height:100px; text-decoration:none; color:#fff; font-weight:bold; line-height:100px; background-image: url(../afbeeldingen/streek-rood.gif); text-align: center; list-style-type: none; }
a.nav4, a.nav4:visited { display:list-item; width:120px; height:100px; text-decoration:none; color:#fff; font-weight:bold; line-height:100px; background-image: url(../afbeeldingen/streek-oker.gif); text-align: center; list-style-type: none; }
a.nav5, a.nav5:visited { display:list-item; width:120px; height:100px; text-decoration:none; color:#fff; font-weight:bold; line-height:100px; background-image: url(../afbeeldingen/streek-blauw.gif); text-align: center; list-style-type: none; }
a.navh1, a.navh1:visited { display:table-cell; text-decoration:none; color:#fff; font-weight:bold; line-height: 30px; text-align: center; padding-right: 20px; padding-left: 20px; list-style-type: none; }
a.navh2, a.navh2:visited { display:table-cell; text-decoration:none; color:#fff; font-weight:bold; line-height: 30px; text-align: center; padding-right: 20px; padding-left: 20px; list-style-type: none; }
a.navh3, a.navh3:visited { display:table-cell; text-decoration:none; color:#fff; font-weight:bold; line-height: 30px; text-align: center; padding-right: 20px; padding-left: 20px; list-style-type: none; }
a.navh4, a.navh4:visited { display:table-cell; text-decoration:none; color:#fff; font-weight:bold; line-height: 30px; text-align: center; padding-right: 20px; padding-left: 20px; list-style-type: none; }
a.navh5, a.navh5:visited { display:table-cell; text-decoration:none; color:#fff; font-weight:bold; line-height: 30px; text-align: center; padding-right: 20px; padding-left: 20px; list-style-type: none; }
#img-img { margin-left: 100px; border: solid 100px transparent; }