body { margin:0; padding:0; font:small Arial; color:#420f5f }
#wrapper { margin:0 auto; width:890px; position:relative }
#header { background:white url(../gfx/fotos.jpg) no-repeat; background-position:right }
#logos { height:114px; background-image:url(../gfx/headerbalk.gif); background-repeat:no-repeat; background-position:38px 0 }
#logos div#hv { position:absolute; width:160px; height:106px; left:15px; top:9px; background-image:url(../gfx/humanistisch_verbond.gif); background-repeat:no-repeat; display:block; padding:0;  }
#logos div#hv a { display:block; width:160px; height:80px; text-decoration:none; }
#logos #canon { position:absolute; left:300px; top:32px }
#page { background:#ccc2ed url(../gfx/bglemma.gif) repeat-y; padding:32px 216px; min-height:540px }
h1 { color:white; margin:0 0 0.6em 0; font-size:170% }
h2 { font-size:100%; margin:0 0 0.2em; clear:left; }
p { margin:0 0 1.5em 0 }
a { color:#ff7100; color:#d2581c; }
a:hover { color:#6d6395 }
a img { border:0 }

img.left { float:left; display:block; margin:0 10px 10px 0; }
p.bijschrift_left img { float:none; display:block; margin:0 10px 0 0; }
img.right { float:right; margin:0 0 10px 10px; }

div#topnav { height:18px; background:#ff7100; margin-bottom:1px; margin-top:1px; }
div#topnav ul { margin:0; padding:0; }
div#topnav ul li { float:left; height:18px; border-right:1px solid white; list-style-type:none; margin:0; padding:0; }
div#topnav a { color:white; text-decoration:none; font-size:85%; font-weight:bold; padding:2px 20px;  }
div#topnav a:hover, div#topnav a.selected { color:#420f5f;}
div#footer { height:18px; background:#ff7100; padding:1px 12px 0 0; margin-top:1px; text-align:right; }
div#footer a { color:white; text-decoration:none; font-size:11px }
div#footer a:hover { text-decoration:underline; }

div#menu { position:absolute; left:12px; top:150px; width:166px; font-size:90% }
div#menu ul { margin:0 0 30px; padding:0 }
div#menu li { list-style-type:none; display:block; padding:0; margin:0 0 8px;  }
div#menu li a { color:#fff; text-decoration:none; padding-left:13px; display:block; background-image:url(../gfx/arrow_menu.gif); background-repeat:no-repeat; background-position:0 3px;font-weight:bold;  } /* IE6-only: float:left toevoegen */
div#menu li a.empty { color:#AAA;}
div#menu li div.empty { padding-left:13px; display:block;  }
div#menu li a:hover, div#menu li a.selected { color:#ff7100; color:#d2581c; background-position:0 -52px }

div#menu h1 a { font-size:12px; display:block;  padding:0 0 38px 3px; background-image:url(../gfx/lemma/secularisering.png); background-repeat:no-repeat; background-position:0 -174px; margin:0 0 40px; text-decoration:none; color:white }
div#menu h1 a:hover { color:#ff7100 }

div#menu h2 { color:white; border-bottom:1px solid white; text-align:right; text-transform:uppercase; padding:0 0 4px; margin:0 0 12px; }
div#menu h3 { color:white; padding:0; margin:0; font-size:13px; }

div#foto { position:absolute; top:180px; right:13px; width:168px; color:#6d6395; font-size:85%; }
div#foto img { border:1px solid white;  }
div#foto ul { margin:0 0 0 4px; padding:0 }
div#foto ul li { list-style-type:none; text-align:center }
div#foto ul a { font-size:12px; font-weight:bold; display:block; height:52px; width:166px; padding:0 6px 0 3px; background-image:url(../gfx/lemma/secularisering.png); background-repeat:no-repeat; background-position:0 -22px; margin:0 0 10px; text-decoration:none; color:white; white-space:nowrap; overflow:hidden; text-align:left; }
div#foto ul a.selected, div#foto ul a:hover { color:white }
div#foto h3 { font-size:12px; text-align:center;}

p.bijschrift {color:#6d6395; font-size:85%}
p.bijschrift_left { float:left; color:#6d6395; font-size:85%; margin-bottom:0.5em; }

div.trefwoorden  { color:#6d6395; font-size:85% }

body#alfabet #menu h1, body#alfabet #menu h2 { display:none }
body#alfabet h3 { position:absolute; left:12px; top:16px }
body#alfabet div.alfabet #menu h1 { display:block }
div.alfabet { position:absolute; left:16px; top:205px; width:160px }
div.alfabet a, div.alfabet span { font-size:170%; color:white; display:block; float:left; width:22px; text-align:center; text-decoration:none; padding:2px 2px; margin:2px  }
div.alfabet span { color:#9189ad }
body#alfabet #page ul a span.boek { font-weight:normal;}
div.alfabet a:hover { color:#ff7100 }
div.alfabet a.selected { background:white; color:#ff7100 }

body#alfabet #page ul { padding:0; margin:0 }
body#alfabet #page li { list-style-type:none; display:block; padding:0; margin:0 0 3px;  }
body#alfabet #page li a { color:#420f5f; text-decoration:none; padding-left:13px; display:block; background-image:url(../gfx/arrow_menu3.gif); background-repeat:no-repeat; background-position:0 3px;font-weight:bold;  } /* IE6-only: float:left toevoegen */
body#alfabet #page li a:hover { color:#ff7100; background-position:0 -36px }
body#alfabet #page li a.selected { color:#ff7100 }
body#alfabet #page ul.dubbel { padding-top:24px; margin-top:24px; border-top:1px solid #420f5f }

form#formulier label { display:block; float:left; width:150px;}
form#formulier input.text { display:block; width:250px; }
input.text, textarea { width:250px; font:12px Arial; margin-bottom:8px;}
form#formulier input.submit { margin:10px 0 0 150px;}

div#menu h1 a#logos_paideia { background-image:url(../gfx/lemma/logos_paideia.png) }
div#menu h1 a#humanitas { background-image:url(../gfx/lemma/humanitas.png) }
div#menu h1 a#renaissance { background-image:url(../gfx/lemma/renaissance.png) }
div#menu h1 a#christelijk_humanisme { background-image:url(../gfx/lemma/christelijk_humanisme.png) }
div#menu h1 a#boekdrukkunst { background-image:url(../gfx/lemma/boekdrukkunst.png) }
div#menu h1 a#wetenschappelijke_revolutie { background-image:url(../gfx/lemma/wetenschappelijke_revolutie.png) }
div#menu h1 a#ketters { background-image:url(../gfx/lemma/ketters.png) }
div#menu h1 a#verlichting { background-image:url(../gfx/lemma/verlichting.png) }
div#menu h1 a#mensenrechten { background-image:url(../gfx/lemma/mensenrechten.png) }
div#menu h1 a#weimar_humanisme { background-image:url(../gfx/lemma/weimar_humanisme.png) }
div#menu h1 a#rede_of_emotie { background-image:url(../gfx/lemma/rede_of_emotie.png) }
div#menu h1 a#liberalisme { background-image:url(../gfx/lemma/liberalisme.png) }
div#menu h1 a#vrijdenken { background-image:url(../gfx/lemma/vrijdenken.png) }
div#menu h1 a#atheisme { background-image:url(../gfx/lemma/atheisme.png) }
div#menu h1 a#sociale_bewegingen { background-image:url(../gfx/lemma/sociale_bewegingen.png) }
div#menu h1 a#centraal_europees_humanisme { background-image:url(../gfx/lemma/centraal_europees_humanisme.png) }
div#menu h1 a#geesteswetenschappen { background-image:url(../gfx/lemma/geesteswetenschappen.png) }
div#menu h1 a#secularisering { background-image:url(../gfx/lemma/secularisering.png) }
div#menu h1 a#democratie_of_dictatuur { background-image:url(../gfx/lemma/democratie_of_dictatuur.png) }
div#menu h1 a#auschwitz { background-image:url(../gfx/lemma/auschwitz.png) }
div#menu h1 a#internationaal_humanisme { background-image:url(../gfx/lemma/internationaal_humanisme.png) }
div#menu h1 a#georganiseerd_humanisme { background-image:url(../gfx/lemma/georganiseerd_humanisme.png) }
div#menu h1 a#existentialisme { background-image:url(../gfx/lemma/existentialisme.png) }
div#menu h1 a#modern { background-image:url(../gfx/lemma/modern.png) }
div#menu h1 a#humanistische_psychologie { background-image:url(../gfx/lemma/humanistische_psychologie.png) }
div#menu h1 a#humanismekritiek { background-image:url(../gfx/lemma/humanismekritiek.png) }
div#menu h1 a#ontzuiling { background-image:url(../gfx/lemma/ontzuiling.png) }
div#menu h1 a#spiritualiteit { background-image:url(../gfx/lemma/spiritualiteit.png) }
div#menu h1 a#op_gelijke_voet { background-image:url(../gfx/lemma/op_gelijke_voet.png) }
div#menu h1 a#postmodernisme { background-image:url(../gfx/lemma/postmodernisme.png) }
div#menu h1 a#praktijk { background-image:url(../gfx/lemma/praktijk.png) }
div#menu h1 a#humanisering_en_zingeving { background-image:url(../gfx/lemma/humanisering_en_zingeving.png) }
div#menu h1 a#levensbeschouwing_en_politiek { background-image:url(../gfx/lemma/levensbeschouwing_en_politiek.png) }
div#menu h1 a#levenskunst { background-image:url(../gfx/lemma/levenskunst.png) }
div#menu h1 a#humanisme_nu { background-image:url(../gfx/lemma/humanisme_nu.png) }

div#foto ul a#logos_paideia { background-image:url(../gfx/lemma/logos_paideia.png) }
div#foto ul a#humanitas { background-image:url(../gfx/lemma/humanitas.png) }
div#foto ul a#renaissance { background-image:url(../gfx/lemma/renaissance.png) }
div#foto ul a#christelijk_humanisme { background-image:url(../gfx/lemma/christelijk_humanisme.png) }
div#foto ul a#boekdrukkunst { background-image:url(../gfx/lemma/boekdrukkunst.png) }
div#foto ul a#wetenschappelijke_revolutie { background-image:url(../gfx/lemma/wetenschappelijke_revolutie.png) }
div#foto ul a#ketters { background-image:url(../gfx/lemma/ketters.png) }
div#foto ul a#verlichting { background-image:url(../gfx/lemma/verlichting.png) }
div#foto ul a#mensenrechten { background-image:url(../gfx/lemma/mensenrechten.png) }
div#foto ul a#weimar_humanisme { background-image:url(../gfx/lemma/weimar_humanisme.png) }
div#foto ul a#rede_of_emotie { background-image:url(../gfx/lemma/rede_of_emotie.png) }
div#foto ul a#liberalisme { background-image:url(../gfx/lemma/liberalisme.png) }
div#foto ul a#vrijdenken { background-image:url(../gfx/lemma/vrijdenken.png) }
div#foto ul a#atheisme { background-image:url(../gfx/lemma/atheisme.png) }
div#foto ul a#sociale_bewegingen { background-image:url(../gfx/lemma/sociale_bewegingen.png) }
div#foto ul a#centraal_europees_humanisme { background-image:url(../gfx/lemma/centraal_europees_humanisme.png) }
div#foto ul a#geesteswetenschappen { background-image:url(../gfx/lemma/geesteswetenschappen.png) }
div#foto ul a#secularisering { background-image:url(../gfx/lemma/secularisering.png) }
div#foto ul a#democratie_of_dictatuur { background-image:url(../gfx/lemma/democratie_of_dictatuur.png) }
div#foto ul a#auschwitz { background-image:url(../gfx/lemma/auschwitz.png) }
div#foto ul a#internationaal_humanisme { background-image:url(../gfx/lemma/internationaal_humanisme.png) }
div#foto ul a#georganiseerd_humanisme { background-image:url(../gfx/lemma/georganiseerd_humanisme.png) }
div#foto ul a#existentialisme { background-image:url(../gfx/lemma/existentialisme.png) }
div#foto ul a#modern { background-image:url(../gfx/lemma/modern.png) }
div#foto ul a#humanistische_psychologie { background-image:url(../gfx/lemma/humanistische_psychologie.png) }
div#foto ul a#humanismekritiek { background-image:url(../gfx/lemma/humanismekritiek.png) }
div#foto ul a#ontzuiling { background-image:url(../gfx/lemma/ontzuiling.png) }
div#foto ul a#spiritualiteit { background-image:url(../gfx/lemma/spiritualiteit.png) }
div#foto ul a#op_gelijke_voet { background-image:url(../gfx/lemma/op_gelijke_voet.png) }
div#foto ul a#postmodernisme { background-image:url(../gfx/lemma/postmodernisme.png) }
div#foto ul a#praktijk { background-image:url(../gfx/lemma/praktijk.png) }
div#foto ul a#humanisering_en_zingeving { background-image:url(../gfx/lemma/humanisering_en_zingeving.png) }
div#foto ul a#levensbeschouwing_en_politiek { background-image:url(../gfx/lemma/levensbeschouwing_en_politiek.png) }
div#foto ul a#levenskunst { background-image:url(../gfx/lemma/levenskunst.png) }
div#foto ul a#humanisme_nu { background-image:url(../gfx/lemma/humanisme_nu.png) }