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; min-height: 93vh;}
div#advkol {position: absolute; right: 8px; top: 45px; width: 167px; border: 1px solid #000; background: maroon; color: #FAFDB9; text-align: right}
/* body#grootplaat div#menukol {display: none;} */
body#grootplaat div#menukol {
display: block; text-align: left;
top: 45px; left: -180px;
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
body#grootplaat div#menukol.uitBeeld {left: -180px;}
body#grootplaat div#menukol.inBeeld {-webkit-transform: translate(180px,0); -moz-transform: translate(180px,0); -o-transform: translate(180px,0); -ms-transform: translate(180px,0); transform: translate(180px,0); }
body#grootplaat #mobielmenuknop {
width: 40px; height: 36px;
background: #ccc url('/pix/ikoon-menu.svg') no-repeat center; background-size: 25px 25px;
position: absolute; top: 0px; left: 0px; z-index: 3;
}
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 {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.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; 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;}
.knop.kleineknop {height: 17px; padding-top: 1px;}
h1 {font-size: 1.5em}
div#contentkol h1 {color: #004080;}
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: 10px 3px; border-bottom: 1px solid silver; margin: 0;}
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;}
#advkol p.doneren {
text-align: center;
background-color: #004080;
padding: 0;
}
#advkol p.doneren a {
font-weight: bold;
color: #D8CC00;
display: block;
padding: 10px 0;
text-decoration: none;
}
#advkol p.doneren a:hover {
color: #fff;
}
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}
@media (max-width: 768px) {
#drijfbox div.lijst a {display: inline-block; margin: 5px 0}
}
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; line-height: 1.2em;
padding: 10px 5px; border: 1px solid Maroon; width: fit-content; margin-bottom: 10px; color: #000; margin-top: 3px; float: left;}
div#contentkol h1.langetitel span {display: block; color: #004080; line-height: 1.3em; font-size: 1.4em;}
div#navi {text-align: right; float: right;}
div#navi div { line-height: 1.8em; background: #fff; border: 1px solid #fbd22f; padding: 2px 5px; margin-top: 3px;
display: inline-block; width: fit-content;}
@media (max-width: 768px) {
div#navi {margin-bottom: 1em;}
}
header.hoofdstukheader h1.langetitel, header.hoofdstukheader div#navi {
float: none;
}
/* 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}
@media (max-width: 768px) {
div#boeklijst {line-height: 2em;}
div#boeklijstkollinks {position: relative;}
div#boeklijstkolmidden {position: absolute;}
}
header.hoofdstukheader h1.boektitel {
grid-area: htitel;
}
header.hoofdstukheader div.intro1657knop {
grid-area: hknop;
}
header.hoofdstukheader div#navi {
grid-area: hnav;
}
header.hoofdstukheader {
display: grid;
width: 100%;
grid-template-columns: 50% 50%;
grid-template-areas:
"htitel hnav"
"hknop hnav";
}
/* 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: 2px 0 4px; line-height: 1.5em;}
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}
div.boekeinde {margin: 3em 0 2em; text-align: center; font-style: italic; padding: 0 1em;}
div.boekeinde span {font-weight: bold; color: #004080; font-style: initial;}
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; color: #fff;}
.hl_03 {background: #4E78A0; color: white}
.hl_04 {background: #AED2FF; }
.hl_05 {background: #FF7F50}
.hl_06 {background: #FFE4C4}
.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.wLinks img {max-width: 90%}
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 */
h2 + form.zoekform {
margin-top: 1em;
}
form.zoekform fieldset {
margin-top: 1em;
padding-left: 0;
border: none;
margin-left: 0;
}
form.zoekform fieldset legend {
padding: 0;
}
form.zoekform input[type=search] {
padding: 3px;
}
form.zoekform input[type=submit] {
padding: 3px;
}
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}
img.biopic {float: right; max-width: 150px; border: 1px solid #222;}
/* 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; min-height: 93vh;}
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;}
td#hetplaatjeDiv {text-align: center; min-width: 700px;}
td#infocel {min-width: 260px; padding-left: 10px;}
td#illudesccontainer, td.related {padding: 1em 0 1em 1em}
div.illudescbox {width: 279px; float: left; text-align: left; padding-right: 20px}
div.illudescbox p img {max-width: 100%;}
p.shareknoppen img {width: 17px; height: 17px; border: 0;}
p.shareknoppen a {margin-right: 10px;}
ul.sharebuttons {list-style: none; padding-left: 0; }
ul.sharebuttons li {display: inline-block; width: 50px; height: 30px; margin-right: 5px;}
a.share {background: #aaa url('/pix/sprite-share.png') no-repeat; display: block; width: 100%; height: 100%; border-radius: 3px; background-size: 30px 150px;}
a.share:hover {background-color: #666;}
a.share.ecard {background-position: 10px -83px; }
a.share.twitter {background-position: 10px -48px; }
a.share.fb {background-position: 10px 0px;}
a.share.pint {background-position: 10px -118px;}
/* 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.conco.kortlang a {font-weight: normal}
table.conco.alfabet {
border: 0;
border-collapse: separate;
border-spacing: 1px;
}
table.conco.alfabet td {
text-align: center;
background-color: #004080;
padding: 0;
border: 1px solid #fff;
color: #fff;
width: 50px;
}
table.alfabet a {
display: block;
text-decoration: none;
padding: 5px;
font-weight: normal;
color: #fff;
}
table.alfabet b {
display: block;
margin-bottom: 5px;
font-size: 1rem;
}
table.alfabet td:not(.nolink):hover {
border: 1px solid #004080;
}
table.alfabet a:hover, table.alfabet a:focus {
background-color: #fff;
color: #004080;
}
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;}
col.concokol1 {width: 16.5em;}
colgroup.concocolgroup col {width: 3em; text-align: right}
body.concordantie div#contentkol p:first-of-type a {padding: 0 5px;}
ul.letterbalk {
list-style: none;
border-left: 1px solid #fff;
padding-left: 0;
}
ul.letterbalk li {
float: left;
border: 1px solid #fff;
border-left: 0;
width: 40px;
height: 40px;
padding: 1px;
font-weight: bold !important;
font-size: 1.2em;
text-align: center;
}
ul.letterbalk li a, ul.letterbalk li span {
background-color: #004080;
display: block;
text-decoration: none;
color: #fff;
width: 100%;
line-height: 40px;
border: 1px solid #004080;
}
ul.letterbalk li a:hover, ul.letterbalk li a.actief {
background-color: #fff;
color: #004080;
}
ul.letterbalk li span {
color: #aaa;
}
ul.letterbalk + p {
clear: both;
padding-top: 2em;
}
/* popupje */
body.popup {color: #fffde8; margin: 10px; padding: 0; overflow: hidden;}
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; 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-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; margin-left: 0; padding-left: 0;}
ul#tagsArt li {height: 70px; padding-left: 67px; margin-left: 0; }
ul#recentErbij {list-style: none; margin-left: 0; padding-left: 0; background-color: #fffde8;}
ul#recentErbij li {height: 54px; background-color: #FECC9E; 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;}
.balkblok {width: 150px; min-height: 130px; float: left; margin-right: 20px; color: #002952; background: #FECC9E; margin-bottom: 1em;
-webkit-box-shadow: 2px 2px 5px #777; box-shadow: 2px 2px 5px #777;
}
.balkblok.laatste {margin-right: 0;}
.balkblok h3 {color: #FFFDE8; background-color: #800000; padding: 3px; margin-top: 0;}
.balkblok p {padding: 3px;}
#nweaanwinsten {
margin-top: 2em;
-webkit-box-shadow: 2px 2px 5px #777; box-shadow: 2px 2px 5px #777; margin-bottom: 2em;
}
#nweaanwinsten h3 {
color: #FFFDE8; background-color: #800000; padding: 3px; margin: 0;
}
#nweaanwinsten ul { margin-top: 0; border: 0;}
/* blokkerende ding */
/*
#cookietoestemmingvlak {min-height: 4em; background-color: #222; color: #fff;
z-index: 10; line-height: 2em; position: fixed; padding-bottom: 1em;
width: 100%; left: 0;}
#contentkol #cookietoestemmingvlak {margin-right: 200px;}
#contentkol2 #cookietoestemmingvlak {margin-right: 12px;}
#cookietoestemmingvlak p {margin: 0.2em auto; padding: 1em 0; max-width: 600px;}
#cookietoestemmingvlak h2 {margin: 1em auto 0.2em;max-width: 600px;}
#cookietoestemmingvlak a, #cookietoestemmingvlak h2 {color: yellow;}
#cookietoestemmingvlak a:hover {background-color: #222;}
#cookietoestemmingvlak a.knop {color: #333; line-height: 1.3em;}
*/
#cookietoestemmingvlak {min-height: 4em; background-color: #333; color: #fff;
line-height: 2em; padding-top: 1em; padding-bottom: 1em; width: 100%; max-height: 1000em; border-bottom: 1px solid #999;}
#cookietoestemmingvlak p {margin: 0.2em auto; padding: 0.5em 0; width: 60%;max-width: 600px;}
#cookietoestemmingvlak h2 {margin: 1em auto 0.2em;max-width: 600px;}
#cookietoestemmingvlak a, #cookietoestemmingvlak h2 {color: yellow;}
#cookietoestemmingvlak a:hover {background-color: transparent;}
#cookietoestemmingvlak input.knop {height: 30px;}
#cookietoestemmingvlak input.ietsGekozen:hover {background-color: #222;}
#cookietoestemmingvlak input.knop {color: #aaa; line-height: 1.3em;}
#cookietoestemmingvlak input.knop.ietsGekozen {color: #333;}
#cookietoestemmingvlak label {border: 1px solid #ccc; background-color: #ccc; color: #000; padding: 5px; cursor: pointer; border-radius: 3px;}
#cookietoestemmingvlak.krimp {max-height: 0 !important; min-height: 0; padding-bottom: 0; overflow: hidden;}
p#CIFeedback {
padding: 0.5em;
background-color: transparent;
transition: background-color 1000ms linear;
}
p#CIFeedback.actief {
background-color: green;
color: #fff;
border-color: yellow;
}
/* bescheiden balkje */
/*
div#cookietoestemmingbalk {
position: fixed;
z-index: 10;
width: 100%;
background-color: #d7d4b9;
border-top: 2px solid #fff;
bottom: 0;
left: 0;
}
div#cookietoestemmingbalk p {
margin: 5px;
}
*/
#kunstindexTerzijde {width: 250px; float:right; margin-top: 1em;}
body.sv1637 #advkol ul, body.over #advkol ul {text-align: left;}
.gallery-outer {
background-color: #bbb;
padding: 5px 25px;
}
.gallery-inner div img {
margin: 0 auto;
}
@media(max-width: 480px) {
.gallery-inner div img {
max-width: calc(100vw - 60px)
}
}
.gallery-inner div {
text-align: center;
}
.gallery-inner div.caption {
padding-top: 5px;
padding-bottom: 5px;
background-color: #222;
color: #eee;
}
img.storebadge {
height: 40px;
}
#donatieopties {
margin: 0; padding: 0; list-style: none;
}
#donatieopties li {
display: inline-block; padding: 15px; text-align: left; width: 110px;
background-color: #fff;
}
#donatieopties input[type=radio] {
display: none;
}
#donatieopties input[type=radio]+label {
background-color: #5990c6;
padding: 8px 20px 8px 13px;
display: inline-block;
position: relative;
color: #fff;
width: 80px;
cursor: pointer;
font-size: 1em;
font-weight: bold;
margin-right: 10px;
text-align: left;
}
#donatieopties input[type=radio]+label:hover {
background-color: #176fc5;
}
#donatieopties input[type=radio]:checked+label {
background: #176fc5 url('data:image/svg+xml;utf8,') no-repeat center right 10px;
}
p#bedelknop {
display: none;
}
p#bedelknop a {
display: inline-block;
width: 80px;
height: 20px;
line-height: 20px;
padding: 5px;
background-color: #5990c6;
color: #fff;
font-size: 1em;
font-weight: bold;
border: 1px solid #fff;
border-radius: 5px;
text-decoration: none;
text-align: center;
}
p#bedelknop a:hover {
background-color: #176fc5;
}
div.intro1657knop {
cursor: pointer;
margin-top: 0;
display: inline-block;
width: 30px;
height: 30px;
background: #004080 url('data:image/svg+xml;utf8,') no-repeat top 7px center;
background-size: 17px;
color: #fff;
border: 1 px solid #004080;
border-radius: 15px;
text-align: center;
font-family: serif;
font-style: italic;
font-size: 25px;
font-weight: bold;
margin-top: 6px;
}
div.intro1657 {
padding: 1em;
background-color: #eeeeee;
margin-top: 1em;
max-width: 30px;
transition: max-width 0.15s ease-in-out;
visibility: hidden;
}
div.intro1657.geopend {
max-width: 100%;
visibility: visible;
}
div.headerbox {
display: flex;
align-items: center;
}
div.intro1657 h3 {
display: none;
margin-top: 0;
}
div.intro1657.geopend h3.actief {
display: inline-block;
}
div.intro1657 div.introcontainer {
max-height: 0;
overflow-y: scroll;
transition: max-height 0.2s ease-in-out;
}
div.intro1657.geopend div.introcontainer {
max-height: 1000px;
}
div.intro1657 div.tabknoppen {
margin: 10px 0;
}
div.intro1657 span.tabknop {
display: inline-block;
width: 75px;
background-color:transparent;
border: 1px solid #ccc;
border-radius: 3px;
text-align: center;
cursor: pointer;
padding: 5px;
color: #004080;
}
div.intro1657 span.tabknop.actief, div.intro1657 span.tabknop:hover {
background-color: #fff;
}
div.intro1657 span.tabknop.actief {
font-weight: bold;
}
div.intro1657 div.tabsectie {
display: none;
background-color: #ffffff;
padding: 5px;
border-radius: 5px;
}
div.intro1657 div.tabsectie.actief {
display: block;
}
div.intro1657 p.bron {
font-style: italic;
font-size: 90%;
}
/* printversie */
@media print {
div#menukol, div#advkol, div#navi, div#banner, a.meerpics, div.verberg {display: none}
div#contentkol {margin: 0; border-width: 0}
}
/* mobieltjes. komma = or */
@media (max-device-width: 600px), (max-width: 600px) {
body {padding: 0px; font-size: 85%;}
#zoekkleuren {display: none;}
div#contentkol, body#grootplaat div#contentkol2 {
margin-left: 0; margin-right: 0; padding: 2em 5px 5px; border-width: 0 0 0 0;
}
div#contentkol p {line-height: 1.5em !important;}
div#advkol {position: static; width: 99%; border-width: 0;}
p.kruimelpad {padding-left: 0px; padding-right: 0; line-height: 2em; z-index: 0; display: block; position: absolute; top: 40px;width: auto; left: 5px;}
div#contentkol p.kruimelpad, div#contentkol p.kruimelpad a {color: green}
div#contentkol2 p.kruimelpad {margin: 0; text-align: left;}
.vorigvolgend a {display: block; padding: 20px; }
.vorigvolgend div {background-color: #fff; border: 1px solid green; -webkit-border-radius: 5px; border-radius: 5px; }
body#grootplaat div#menukol {display: block; text-align: left; top: 37px}
div#menukol {
top: 37px; left: -180px;
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
div#menukol.uitBeeld {left: -180px;}
div#menukol.inBeeld {-webkit-transform: translate(180px,0); -moz-transform: translate(180px,0); -o-transform: translate(180px,0); -ms-transform: translate(180px,0); transform: translate(180px,0); }
ul.hoofdmenu li {min-height: 40px;}
ul.hoofdmenu li a { display: block; min-height: 35px; padding-top: 5px; }
ul.hoofdmenu li form {position: relative; }
ul.hoofdmenu li input.vakje {height: 25px; font-size: 15px;}
ul.hoofdmenu li input[type=image] {padding: 5px; position: absolute; top: 20px; left: 125px; border: 1px solid red; }
#mobielmenuknop {
width: 40px; height: 36px;
background: #ccc url('/pix/ikoon-menu.svg') no-repeat center; background-size: 25px 25px;
position: absolute; top: 0px; left: 0px; z-index: 3;
}
div#banner {
padding: 0 0 0 0; height: 36px; border-width: 0px; vertical-align: middle; background-position: 30px 0;
}
h1.sitetitel, div#banner strong {
position: relative; display: table-cell; vertical-align: middle;
margin: 0 auto; height: 35px; line-height: 17px; padding-left: 45px; z-index: 2; font-size: 15px;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
div.schutbladKol {width: 99%; border-width: 0px; padding-left: 1%;}
div.drijfnaarlinks, div.drijfnaarrechts {display: block;}
div.schutbladKol h2 {display: inline-block;}
div.schutbladKol p:first-of-type {display: inline;}
div.balkblok, div#nweaanwinsten {
width: 98%; margin: 1em 1%; min-height: 40px;
-webkit-box-shadow: none; box-shadow: none;
}
ul#recentErbij li {padding-top: 2px;height: 70px;}
div#contentkol h1.langetitel {width: 96%; margin-top: 1em;}
div#navi {margin-top: 1em;}
div#contentkol p, div#contentkol2 p {padding: 0 2px;}
p.hfdstkinfo {font-style: italic; font-size: smaller;}
div#boeklijst div { word-wrap: break-word;}
div.teBreed {width: 97%;overflow-x: scroll; }
div#advkol p {padding: 10px 0px; margin: 0px 3px; text-align: left;}
#kunstindexTerzijde {width: auto; float:none;}
ul.schilderlijst {margin: 1em 0; padding: 0;}
ul.schilderlijst li {padding: 10px; border: 1px solid #fff;}
ul.schilderlijst li a:before {content: 'ยป ';}
body.specials img {max-width: 300px; height: auto;}
body.specials div#picbox {max-width: 182px;}
body.specials div#picbox img {max-width: 175px; height: auto;}
td#hetplaatjeDiv {min-width: 300px;}
body#grootplaat table.grbldtabel td {display: inline;}
body#grootplaat div#info {width: auto;}
div#bigPic img.mediumplaat {max-width: 99%; height: auto;}
div#bigPic {overflow-x: scroll; overflow-y: scroll; position: relative;}
img#expandknop {position: absolute; bottom: 0; right: 0; width: 40px; height: 40px;}
td.werkenwerk {width: 152px;}
table.werktabel img.werk {max-width: 150px;}
#cookietoestemmingvlak p {margin: 0.2em 0.2em; line-height: 2em; width: 95%; }
form.zoekform label {white-space: nowrap; }
col.concokol1 {width: 130px; }
colgroup.concocolgroup col {width: auto;}
table.concorde {width: 100%;}
table.concorde tr td:first-of-type {width: 130px;}
table.concorde td+td, table.concorde td+td+td+td {width: auto;}
table.concorde td+td+td {width: auto;}
table.concorde td+td+td+td+td {width: auto;}
body.concordantie div#contentkol p + p {line-height: 40px;}
body.concordantie div#contentkol p + p a {padding: 10px 15px; border: 1px solid #fff;}
body.sv1637 div#advkol ul , body.sv1637 div#contentkol ul {
list-style: none; margin: 5px; padding-left: 0;
}
body.sv1637 div#advkol ul li, body.sv1637 div#contentkol ul li {
list-style: none; margin-left: 0; padding-left: 0; border: 1px solid silver;
min-height: 35px; line-height: 25px;
}
body.sv1637 div#advkol ul li a, body.sv1637 div#contentkol ul li a {
display: block; min-height: 25px; padding: 5px; line-height: 25px;
}
body.sv1637 div#contentkol img {max-width: 150px; height: auto;}
div#catlist ul li {
margin: 1em 0;
}
}