body {background: #590000; margin: 0px; padding: 8px; font-family: Verdana, Arial, Geneva, sans-serif}

div#menukol {position: absolute; left: 8px; top: 45px; width: 175px; background: maroon; border: 1px solid #000; color: #FAFDB9}
div#contentkol {padding: 10px 3%; margin-left: 176px; margin-right: 170px; background: #FFFDE8; border: 2px dotted #000; border-width: 0 2px 2px; color: #00131E; line-height: 1.3em;}
div#advkol {position: absolute; right: 8px; top: 45px; width: 167px; border: 1px solid #000; background: maroon; color: #FAFDB9; text-align: right}

body {font-size: 80%}
acronym, abbr {color: #006400; cursor: help}

a {color: #006400}
a.wl, a.wlb, a.wlk {color: maroon;} /* links naar woordenlijst */
a:focus, a:hover {color: #000; background: #FAFDB9}
a.outbound, a.englink {color: #009;}
a.kk {color: #2768E0;}
a.outbound:after {content: ""; padding: 0 10px; background: url(../pix/ext_link.gif) no-repeat center right; }
a.kk:after {content: ""; padding: 0 10px; background: url(../pix/kk-logo.png) no-repeat center right; }
a.outbound_neg:after {content: ""; padding: 0 10px 0 2px; background: url(../pix/ext_link_2.gif) no-repeat center right; }
a.bol:after {content: ""; padding: 0 7px; background: url(../pix/bol_12x12.gif) no-repeat center right; }
a.voetnootlink {vertical-align: super; font-size: smaller; font-weight: bold;}

.knop {display: inline-block; height: 24px; background: #ccc url('/pix/knop-bg.png') repeat-x; border: 1px solid #bbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px 0; font-weight: bold; color: #444;}
.knop:hover {border-color: #666; color: #222;}
a.knop {text-decoration: none; color: #444;}
a.knop:hover {background: #ccc url('/pix/knop-bg.png') repeat-x;}

h1 {font-size: 1.5em}
div#contentkol h1 {color: #004080;}
/* h2, h3 {font-family: Georgia, "Times New Roman", Times, serif} */
h2, h3 {font-family:  Arial, sans-serif; }
h2 {color: #004080; margin-bottom: 0; margin-top: 8px; line-height: 1.3em; font-size: 1.4em;}
h3 {margin-bottom: 0px; font-size: 1.1em; color: #004080;}
h4 {margin-bottom: 0px; font-size: 1.1em}

h2 a.artlist {color: #004080;}

h3 + p, h4 + p {margin-top: 4px}
caption {font-weight: bolder}

q {font-style: italic; font-weight: normal; color: #000}
dt {font-weight: bold}

.kleiner {font-size: 85%;}
.kleinkap {font-variant: small-caps;}

div#banner {height: 33px; background: maroon url(/pix/schutbladboog.jpg) 0 0 no-repeat; border: 1px solid #000; color: #FAFDB9; position: relative; padding: 3px 0 0 80px}
div#banner div#illurechts {width: 193px; height: 36px; background: maroon url(/pix/vingers.jpg) 100% 0 no-repeat; position: absolute; right: 0; top: 0; z-index: 0}

p.kruimelpad {display: inline; padding-left: 25px; font-size: 0.8em; width: 100%; position: relative; z-index: 10}
p.kruimelpad, p.kruimelpad a {color: #D8CC00}
p.kruimelpad a:hover, p.kruimelpad a:focus {color: yellow; background: maroon}

h1.sitetitel {display: inline}
strong.sitetitel {font-size: 1.5em;}

ul.hoofdmenu {border-bottom: 1px solid #000; border-right: 1px solid #000; list-style: none; margin: 0 0 2px; padding: 0}
ul.hoofdmenu li {border-top: 1px solid #000; border-left: 1px solid #000}
ul.hoofdmenu a {text-decoration: none; margin: 0; height: 20px; padding-top: 2px; color: #D8CC00; display: block}
ul.hoofdmenu a:hover, ul.hoofdmenu a:focus {background: #FAFDB9; color: maroon}
ul.hoofdmenu .kopje, ul.hoofdmenu .kopje_bl {background: #004080; padding-left: 5px}
ul.hoofdmenu input.vakje {background: #FAFDB9; border: 1px solid #000; width: 120px; font-family: monospace}
ul.hoofdmenu li.kopje_bl a {display: inline}
ul.hoofdmenu li.kopje_bl a:hover {background: transparent; color: yellow; text-decoration: underline}
li#alleboeken a {height: 1em; padding: 0 0 2px}
li#alleboeken a:hover, li#alleboeken a:focus {background: red; color: yellow}

div#menukol form {display: inline}

div#advkol iframe {padding-right: 3px}

div#advkol p {padding: 3px; border-bottom: 1px solid silver;}
div#advkol a {color: #D8CC00;}
div#advkol a:hover {color: yellow; background: none;}

div#advkol.extrainfo p {border-bottom: 0px solid silver; font-size: smaller;}

div#contentkol li {line-height: 1.3; margin-bottom: 3px;}

.drijfnaarlinks {float: left;}
.drijfnaarrechts {float: right;}
.onzichtbaar {display: none}
.euro {font-family: serif}
.kader {border: 1px solid Maroon; font-family: Arial, Geneva, Verdana, sans-serif; background: #fff; padding: 3px}

img.extlink {border-width: 0;}

p.voetlink {text-align: center; border-top: 1px dotted silver; padding-top: 10px; margin-bottom: 0; font-family: Arial, Verdana, Geneva, sans-serif; color: #666; clear: both;}

.schutbladKol {width: 45%; border: 2px solid #fff; margin-bottom: 10px}
.schutbladKol p {clear: both}
.schutbladKol h2 {margin: 8px 8px 0; font-size: 1.5em}
.schutbladKol h3 {margin-top: 1em}

p#hp_intro {clear: both}

div#randompic {text-align: center}
div#randompic p {margin-top: 2px}
div#randompic p#naam {margin: 15px 0 0; font-size: 1.1em;}
div#randompic img {border: 1px solid maroon}
div#randompic h3 {clear: both; font-family: Verdana, Arial, sans-serif; font-style: italic; margin-top: 3px; color: #000;}

#drijfbox {border: 1px solid silver; background: #FFF; float: right; width: 100px; margin-left: 5px}
#drijfbox div.kopregel {width: 100%; color: #FFFDE8; background: maroon; padding: 0.5em; font-weight: bold; text-align: center}
#drijfbox div.lijst {padding: 5px}
div.twaalfprofeten {float: right; text-align: left; border: 1px solid silver; background: #fff; margin-left: 5px;}
div.twaalfprofeten h3 {background: maroon; color: #fffde8; margin-top: 0; padding: 0.5em; font-size: 1em;}
div.twaalfprofeten ul {padding: 0.5em; margin: 0; list-style: none;}
div.twaalfprofeten ul.eerstekol {float: left; margin-right: 1em;}

/* boekinfo en bijbelteksten*/ 
div#contentkol h1.langetitel {background: #fff; text-align: center; font-family: Arial, Geneva, sans-serif; float: left; padding: 10px 5px; border: 1px solid Maroon; width: 50%; margin-bottom: 10px; color: #000; margin-top: 3px}
div#contentkol h1.langetitel span {display: block; color: #004080; line-height: 1.3em; font-size: 1.4em;}
div#navi {text-align: right; float: right; line-height: 1.8em; background: #fff; border: 1px solid #fbd22f; padding: 2px 5px; margin-top: 3px}

/* boekinfo */
#boeklijst {width: 100%; position: relative}
#boeklijstkollinks  {width: 33%; position: absolute; left:   0; top: 0}
#boeklijstkolmidden {width: 33%; position: relative; left: 33%; top: 0}
#boeklijstkolrechts {width: 33%; position: absolute; right:  0; top: 0}

/* bijbelteksten */
h1.boektitel {float: left; padding: 2px 0 0.5em; margin-top: 13px;}
div#tekst {clear: both; margin-top: 15px; width: 100%}
div#tekst p {margin: 1px 0;}
div#tekst p a {font-size: 0.8em; font-family: "Arial Black", Arial, Geneva, sans-serif; color: #004080; text-decoration: none}
img.tekstpic {margin: 0 0 2px 2px; border: 1px solid maroon}
div.vorigvolgend {clear: both; padding: 15px 0}
a.meerpics {display: block; font-size: 75%; text-align: right}
p.highlight {background-color: #ff9; color: #000;}
/* highlights */
.y, .l, .r, .a, .bl, .c, .bi, .s {font-weight: bold}
.y {background: Yellow}
.l {background: Lime}
.r {background: Red}
.a {background: #4E78A0; color: white} /* Aquamarine */
.bl {background: Blue; color: white}
.c {background: #FF7F50} /* Coral */
.bi {background: #FFE4C4} /* Bisque */
.s {background: Silver}
.hl_00, .hl_01, .hl_02, .hl_03, .hl_04, .hl_05, .hl_06, .hl_07 {font-weight: bold}
.hl_00 {background: Yellow}
.hl_01 {background: Lime}
.hl_02 {background: Red}
.hl_03 {background: #4E78A0; color: white} /* Aquamarine */
.hl_04 {background: #AED2FF; color: white}
.hl_05 {background: #FF7F50} /* Coral */
.hl_06 {background: #FFE4C4} /* Bisque */
.hl_07 {background: Silver}
#zoekkleuren {background-color: #fff; padding: 2px; border: 1px solid silver;}

/* zoek-popopper */
div#zoekdiv {border: 2px solid #8084F8; background: #fff; position: absolute; top: 0; left: 0; font-size: smaller; padding: 2px;}
div#zoekdiv fieldset {display: inline;}

/* sitemap */
div.smblok {margin-top: 10px; border: 1px solid silver; background-color: #fff; padding: 5px;}
div.smblok h2 {margin-top: 0; background-color: #004080; color: white; padding: 3px; font-family: Verdana, sans-serif;}
div.smblok ul {margin-left: 1em; padding: 0;}

/* winkel */
div.wLinksDVD {float: left; width: 30%; text-align: center; background: #FFF; border: 1px solid silver; padding: 2px}
div.wRechtsDVD {float: right; width: 65%; padding-left: 5px}
div.wLinks {float: left; width: 15%; text-align: center; margin-top: 10px; margin-bottom: 10px}
div.wRechts {width: 80%; padding-left: 5px}
div.wLinksDVD h3 {font-size: 1.1em; margin-top: 0}

/* tijdlijn bijb. gesch.*/
table#tijdlijn {width: 100%}
table#tijdlijn .tab1 {background: #FFF}
table#tijdlijn td {border-bottom: 1px dotted #000; padding-top: 5px; padding-bottom: 5px}
table#tijdlijn tr>td {width: 100px}

/* feestdagen */
table.feestdagen {border-right: 1px dotted silver; border-bottom: 1px dotted silver}
table.feestdagen td, table.feestdagen th {border-top: 1px dotted silver; border-left: 1px dotted silver}

/* vdvlis */
p.chapeau {font-variant: small-caps; margin-top: 0}

/* vertalers */
a.bijbeldeel {color: #006400; font-weight: bolder}

/* zoekformulier */
ol.treffers {color: gray; font-weight: bolder}
ol.treffers li.zGoed {color: #000;}
ol.treffers li {margin: 0.8em 0;}
ol.treffers a {font-weight: normal}
p.snippet {margin-top: 0.5em; font-weight: normal; color: #333;}

/* kunst */
h1 span.schildernaam {display: block; font-size: 110%; line-height: 1.5em;}
table.werktabel, table.werktabel table {width: 100%;}
table.werktabel h2 {margin-top: 0}
table.werktabel img.werk {border: 1px solid maroon; max-width: 200px;}
td.werkenwerk {text-align: center; width: 202px;}
.themapic {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: center}
.themapic img {margin: 0 5px; border: 1px solid maroon}
img.tijdlijnpic {border: 1px solid #000}
.urlField {display: none;}
div#kunsttijdlijn {width: 100%; overflow: scroll}
body.kunst h1, body.kunststeden h1 {font-size: 1.5em; margin-bottom: 0.5em; margin-bottom: 0; margin-top: 8px; line-height: 1.3em}
body.kunststeden img.illu {border: 1px solid silver; margin: 2px; }
body.kunststeden h2 {margin-bottom: 0;}
body.kunststeden h2 + p {margin-top: 0;}
body.kunststeden div#contentkol ul {margin-left: 1em; padding: 0;}
body.specials div#contentkol a img {border: 1px solid maroon;}
body.specials div#contentkol a img.extlink {border-width: 0px;}
body.specials div#contentkol p img {margin-left: 3px; margin-right: 3px;}

/* woordenlijsten */
dt.highlight {background-color: #ff9; color: #000;}
dl.woordenlijst dd {margin-bottom: 10px}
/* inline woordenlijstpopup */
span.glosspopin {border: 1px solid silver; background: #ffffee; padding: 2px; display: block;}

/* bio's */
p.bioperiode {margin-top: 0}
ul.kader {list-style: none}

/* grootbeeld */
body#grootplaat div#contentkol2 {margin: 0 4px; padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: maroon; border: 2px dotted #000; border-width: 0 2px 2px; color: #00131E; line-height: 1.3em;}
body#grootplaat div.grootbeeld {border: 2px solid #fff; padding: 2px; background: maroon; margin: 0 auto}
body#grootplaat img.groteplaat {border: 1px solid silver;}
body#grootplaat div#info {width: 700px; padding: 5px; text-align: left; margin: 10px auto; background-color: #fffde8; border: 1px solid silver; zoom: 1; overflow: auto;}
body#grootplaat table.grbldtabel {background: #FFFDE8; border: 1px solid silver; text-align: left;}
body#grootplaat p.voetlink {clear: both;}
h1.werktitel {font-size: 1.5em; margin-bottom: 0.5em; color: #999;}

/* concordantie */
table.conco {border: 1px solid maroon; border-width: 1px 0 0 1px}
table.conco td, table.conco th {border: 1px solid maroon; border-width: 0 1px 1px 0; padding: 3px}
table.conco a {font-weight: bold}
table.alfabet td {text-align: center}
table.alfabet a {display: block; width: 100%; height: 1.5em; text-decoration: underline}
table.alfabet a:hover {background: yellow}
dt.conco {font-weight: bold; color: #006400}
table.concorde {table-layout: fixed; width: 32em;}
table.concorde td, table.concorde th {border-bottom: 1px dotted silver}
table.concorde td {width: 13em;}
table.concorde td+td, table.concorde td+td+td+td {background: #fff; width: 5em; text-align: right;} 
table.concorde td+td+td {background: #fffde8; width: 5em; text-align: right;} 
table.concorde td+td+td+td+td {background: #eee; text-align: right; width: 5em;} 

/* popupje */
body.popup {color: #fffde8; margin: 10px; padding: 0; overflow: hidden;}

/* printversie */
@media print {
	div#menukol, div#advkol, div#navi, div#banner, a.meerpics, div.verberg {display: none}
	div#contentkol {margin: 0; border-width: 0}
}

div#transpAchtergrondDiv {
	display: none; background-color: #333; zoom: 1; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; z-index: 10; padding: 0; margin: 0;
	opacity: 0.7; -moz-opacity: 0.7; filter:alpha(Opacity=70); 
}
div#plaatDiv {
	display: none; position: absolute; top: 75px; margin: 0 auto; width: auto;
	z-index: 20; border: 1px solid black;
	/* background: #fff url(../pix/logo_65x59.png) no-repeat 100% 100%; */
	background-color: #fff; padding: 10px;
}
div#plaatDiv p {margin-bottom: 1em;}
div#plaatDiv p, div#plaatDiv a {color: #333;}
div#plaatDiv img {border: 1px solid #666;}
a.blowup {
	background: #eee url('/pix/plus.png') no-repeat 100% 100%;
	padding: 3px 2px 1em;
	border: 1px solid #ddd;
	display: inline-block;
}

ul.toc {margin-left: 0.6em; padding-left: 0.6em; text-align: left; margin-top: 0.2em;}
ul.toc ul {margin-left: 0.2em; padding-left: 0.2em;}
ul.toc a {text-decoration: none;}
h2.toc {text-align: left; color: #fffde8; padding-left: 0.6em; margin-bottom: 0em;}

div#relatedArt {clear: both;}
div#relatedArt ul {list-style: none; margin-left: 0; padding-left: 0;}
div#relatedArt ul li {display: inline; margin-right: 5px; margin-bottom: 5px; margin-left: 0;}
div#relatedArt ul img {margin-bottom: 5px; border: 1px solid maroon; width: 65px; height: 65px;}

ul#tagsArt {list-style: none; }
ul#tagsArt li {height: 70px; margin-left: 32px; padding-left: 5px}

ul#recentErbij {list-style: none; margin-left: 0; padding-left: 0; background-color: #fffde8;}
ul#recentErbij li {height: 54px; background-color: #FECC9E; border: 1px solid silver; font-weight: bold;position: relative; padding: 15px 5px 0 73px;}
ul#recentErbij li span {font-weight: normal;}
ul#recentErbij li a {color: maroon;}
ul#recentErbij img {position: absolute; left:1px; top: 1px; border: 1px solid maroon; width: 65px; height: 65px; }
ul#recentErbij li .next {position: absolute; right: 2px; bottom: 0; font-weight: normal; font-size: smaller;}