/* generated by TM's StyleAssistant V1.0.31 */

body
{
background-color: #CCCCCC; /*Theme Change here*/
margin-top: 0px;
font-family: Verdana;
  font-size:9pt; 
  color:#626262;
}

form
{display:inline;}
select
{display:inline;}

table.main {
  /* STATIC CONVERSION 2026-03-xx: added margin: 0 auto and width to replace 
  deprecated align="center" and width attributes on <table> element */
  font-family: Verdana;
  font-size: 10pt;
  background-color: #DDDDDD;
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  border-spacing: 0;
}

table.outside {
  /* STATIC CONVERSION 2026-03-xx: added margin: 0 auto, width, border 
  and border-collapse to replace deprecated align="center", width, border, 
  cellpadding and cellspacing attributes on <table> element; box-sizing: 
  border-box added so border is included in width calculation */
  color: #585858;
  font-size: 9pt;
  background-color: transparent;
  margin: 0 auto;
  width: 100%;
/*  border: 1px solid #660011;*/
  border-collapse: collapse;
  padding: 0;
  border-spacing: 0;
  text-align: center;
  box-sizing: border-box;
}

table.outside td {
  padding: 0;
  margin: 0;
}

table.top
{
  width:804px;
  font-size:9pt;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
}

table.right
{background-color: white;
}

table.bottom
{ 

  border-color:#454545;
  font-size:9pt;
  padding: 0px 0px 0px 0px;
  background-color: white;
  margin: 0px 0px 0px 0px;
  border: 0px;
}

table.app
{display: inline;
margin: 0px 0px 0px 0px;}

table.body
{ 
  color: black;
  font-size:10pt; 
padding: 10px 0px 0px 10px;
  background-color: #EEEEEE; 
  margin: 0px 0px 0px 0px;
}

p
{font-family: Verdana;
  font-size:10pt; }

p.disclaimer
{font-family: Verdana;
  font-size:8pt; }

p.inleiding
{margin-left:52px;
padding-top: 10px;
  font-size:12pt;
  text-align: left;
color:#660011;}

p.colofon
{margin-left:60px;
padding-top: 10px;
  font-size:10pt;
  text-align: left;
color:#660011;}
  
p.navigation
{font-family: Verdana;
color:#808080;
  font-size:10pt;
margin: 0px 0px 0px 0px;
}

p.tips
{font-family: Verdana;
color:#808080;
  font-size:8pt;
margin: 0px 0px 0px 0px;
}

p.inleiding
{
width:650px;
text-align:justify;
font-size:10pt;
}

span.date
{margin: 10px 10px 10px 10px;
display:block;}

p.customize
{margin-bottom: 0px;
margin-top: 0px;
font-size: 10px;
letter-spacing: 1;
}

blockquote
{font-family: Verdana;
  font-size:10pt;}

td
{font-size:9pt;
}
  
div
{font-size:9pt;
}
  
div.menu
{
  color: #CCCCCC;
  font-size:9pt;
  margin: 0px 0px 0px 0px;
  padding-bottom: 0px;
  background-color: #CCCCCC;
  text-align:center;
}

div.sectie
{
font-size:12pt;
  text-align:center;
}

div.colofon
{
font-size:13pt;
  text-align:center;
  color:#660011;
}

div.disclaimer
{
font-size:8pt;
  color:#660011;
  width:600px;
  vertical-align:middle;
  text-align:justify;
  border: 1px solid #660011;
 margin: 10px 10px 10px 10px;
 padding: 10px 10px 10px 10px;
}

div.stop
{text-align:right;
vertical-align:middle;
margin-top: 7px;
margin-right: 7px;
}

div.subsectie
{
font-size:10pt;
  text-align:center;
}

div.navigationright
{
float:right;
border: thin solid gray;
display:inline;
width: 200px;
}

div.navigationright2
{
padding: 0px 10px 0px 10px;
float:right;
border: thin solid gray;
display:inline;
width: 250px;
}

div.layer
{
border: thin solid gray;
padding: 5px 0px 0px 0px;
height:350px;
width:700px;
text-align: left;
background-color:#CCCCCC;
}

div.navigationleft
{
float:left;
border: thin solid gray;
display:inline;
padding: 2px 10px 0px 10px;
height:95px;
text-align: left;
}

/* STATIC CONVERSION 2026-03-14: span.signed added alongside div.signed to 
support inline rendering when emph[@rend='signed'] appears inside p; see 
emph template in ads.xsl */

div.signed, span.signed {
  display: block;
  text-align: left;
}

div.empty
{padding-left:5px;
}

div.navigationleftzin
{
float:left;
border: thin solid gray;
display:inline;
padding: 5px 10px 0px 10px;
height:40px;
text-align: left;
}

div.inside
{padding: 0px 10px 0px 10px;
text-align:justify;
}

div.inleiding
{padding: 0px 10px 0px 10px;
background-image: url('../images/elsschot.jpg');
background-position:center;
background-repeat: no-repeat;
height:435px;
width:780px;
}

/* STATIC CONVERSION 2026-03-15: deleted outer <center> element
and added container div with margin: 0 auto; 
width corrected to 804px to match outer table
border moved here from table.outside where box-sizing 
interacts unreliably with table layout */
div.container {
  margin: 0 auto;
  width: 804px;
  border-left: 1px solid #660011;
  border-right: 1px solid #660011;
  border-bottom: 1px solid #660011;
  box-sizing: border-box;
}

table.outside {
  /* STATIC CONVERSION 2026-03-xx: added margin: 0 auto, width and border-collapse 
  to replace deprecated align="center", width, border, cellpadding and cellspacing 
  attributes on <table> element; border moved to div.container */
  color: #585858;
  font-size: 9pt;
  background-color: white;
  margin: 0 auto;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #660011;
  padding: 0;
  border-spacing: 0;
  text-align: center;
}

div.header {
  padding: 0px 0px 0px 0px;
  text-align: justify;
  background-color: #DDDDDD;
/*  border-left: 1px solid #660011;
  border-right: 1px solid #660011; */
  /*height:100px;*/
  /* STATIC CONVERSION 2026-03-xx: clearfix added to prevent header collapse caused by floated .vakskelinks and .vakskerechts children */
  overflow: hidden;
}

div.vakske
{height:33px;
border-top: 1px solid #660011;}

div.vakskeleeg
{height:33px;
border-bottom: 1px solid #660011;}

div.vakskelinks
{
width:400px;
float:left;

}

div.vakskerechts
{
width:400px;
float:right;
}

/* STATIC CONVERSION 2026-03-14: div.variant/div.variant2 replaced with 
span.variant/span.variant2; ul/li replaced with span.variant-item; 
display:block on span.variant preserves original box layout; 
span.variant-item styled as pseudo-list item with CSS bullet 
and hanging indent */

span.variant,
span.variant2 {
  display: block;
  float: left;
  position: absolute;
  padding-bottom: 5px;
  padding-right: 2px;
  padding-left: 10px;
  left: 0px;
  border: 1px solid #660011;
  background-color: #dddddd;
  width: 200px;
}

span.variant2 {
  margin-top: 40px;
}

span.variant-item {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

span.variant-item::before {
  content: "• ";
}

h1
{font-size: 18px;
color: #4D1E29;
text-align:center;
margin: 0px 0px 0px 0px;
}

h2
{font-size: 14px;
color: #706F6F;
text-align:center;
margin: 0px 0px 0px 0px;
}

h3
{font-size: 14px;
color: red;
}

h4
{font-size: 14px;
color: red;
display: inline;
}

h5
{font-size: 14px;
color: #660011;
font-family: Verdana;
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
padding-top: 10px;
  text-align:center;
}

h6
{font-size: 16px;
color:white;
margin: 0px 0px 0px 0px;
font-style: italic;
}

h7
{font-size: 16px;
color:white;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.diaryentry
      {font-family: Geneva, Arial, Helvetica, sans-serif;
       background-color: silver;
       border: thin dotted white;
}

div.search
{background-color: white;
padding: 10px 10px 10px 10px;}

div.poem
{margin: 10px 10px 10px 10px;}

span.french
{
background-color: #AEAEAE;
}

a
{color:black;
text-decoration: none;
}

a.current
{color:green;
text-decoration: none;
}

a.language
{color:white;}

a.texts
{color:#808080;
margin-left: 10px;}

a.texts2
{color:black;}

a.pb
{color:#660011;}

a.top
{color:#660011;}

a.home
{color:#660011;}

a.tips
{color:#808080;}

a.survey
{color:#808080;
font-size: 14px;
}

a.layer:hover {
  color:#660099;
  background:#ececec;
  text-decoration:underline;
  font-weight:bold;
}

a.variant:hover {
  text-decoration:underline;
}

span.trans
{
background-color: yellow;
Color: blue;
font-weight: bold;
}

span.rdg
{
background-color: #CCCCCC;
font-weight: bold;
}

span.rdgdoclin
{
background-color: #CCCCCC;
color:black;
display:inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

em.rdgdoclin2
{
background-color: #717070;
display:inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

span.apparatus
{margin: 0px 0px 0px 0px;
font-size: 13px;
}

ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
line-height:13px;
}

/*li.variant:before{
content: "" url(arrow.gif);}*/

span.emph
{
background-color:#CCCCCC;
font-size:8pt;
color:#660000;
border:1px solid #660000;
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
}

span.eg
{
font-family: courier;	
}

span.eglevel1
{
margin-left:10px;
font-family: courier;	
}

span.eglevel2
{
margin-left:20px;
font-family: courier;	
}

blockquote{
margin: 0px 60px 10px 60px;
}

/* STATIC CONVERSION 2026-03-12: 
Replace JS-driven "kies 2 versies" form with plain html alternative
*/
.kies-lijst {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
  }

  .kies-lijst li a {
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid #999;
    background: #f0f0f0;
    text-decoration: none;
    color: #333;
    font-size: 12px;
  }

  .kies-lijst li a:hover {
    background: #ddd;
  }

/* STATIC CONVERSION 2026-03-12: note popup styles, mimicking overlib appearance */

.note-popup {
  display: inline;
  position: relative;
}

.note-trigger {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../images/note.gif') no-repeat center center;
  background-size: contain;
  cursor: pointer;
  vertical-align: middle;
}

.note-content {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 270px;
  top: 20px;
  left: 0;
  background-color: #AEAEAE;
  padding: 1px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}

.note-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px;
  background-color: #AEAEAE;
}

.note-caption {
  font-weight: bold;
  color: black;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}

.note-close {
  color: black;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  text-decoration: none;
}

.note-close:hover {
  text-decoration: underline;
}

.note-body {
  display: block;
  background-color: white;
  color: #000000;
  padding: 4px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}

.note-inline {
  font-size: 0.9em;
  color: #666;
  font-style: italic;
}

/* STATIC CONVERSION 2026-03-12: replace <font color="#660011"> for pb markers */
.pb-marker {
  color: #660011;
}

/* STATIC CONVERSION 2026-03-12: quicklink popup styles */



.quicklink-popup {
  display: inline-block;
  position: relative;
}

.quicklink-popup .note-trigger {
  display: none;
}

.quicklink-inline {
  display: none !important;
  position: fixed !important;
  top: 100px !important;
  left: 100px !important;
  width: 270px !important;
  z-index: 9999 !important;
  background-color: #AEAEAE !important;
  padding: 1px !important;
  font-family: Verdana, Arial, Helvetica !important;
  font-size: 11px !important;
}

.quicklink-content {
  display: block;
}

.quicklink-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px;
  background-color: #AEAEAE;
}

.quicklink-caption {
  font-weight: bold;
  color: black;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}

.quicklink-body {
  display: block;
  background-color: white;
  color: #000000;
  padding: 4px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  line-height: 1.8;
}

.quicklink-body ul {
  margin: 0;
  padding: 0 0 0 12px;
}

.quicklink-body li {
  margin: 2px 0;
}

/* STATIC CONVERSION 2026-03-13: wz_dragdrop.js dependency eliminated. 
Draggable popup implemented as position:fixed div (not <dialog>) 
for HTML4 transitional doctype compatibility. Shown on page load; 
closed via sluit link; dragged via vanilla JS pointer events. */

#topo-dialog {
  position: fixed;
  top: 280px;
  left: 400px;
  width: 670px;
  padding: 0;
  border: 2px solid #888;
  border-radius: 4px;
  box-shadow: 4px 4px 12px rgba(0,0,0,0.4);
  cursor: default;
  z-index: 9999;
}
.topo-titlebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px;
  background: #ccc;
  cursor: move;
  user-select: none;
}

/* STATIC CONVERSION 2026-03-13: <font> replaced with <span> */ 
.red   { color: red; }
.green { color: green; }
.blue  { color: blue; }

/* STATIC CONVERSION 2026-03-13: <del> replaced with <span class="del"> 
in cases of <del> within <del> */ 
span.del {
  text-decoration: line-through;
}