html, body {
    color: #330000;
	background: #ffffff;
	background-image: url(../images/achtergrond.jpg);
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif; 
	margin-top: 0;
	margin-left: 0;
	margin-right: 0; 
	font-size: 110%;
}

em.woord {
	text-align: left;
	line-height: inherit;
	font-weight: lighter;
	font-style: normal;
	font-variant: normal;
	font-size: 160%;
}



/*   originele weblog linkkleuren: */
 /*     color: #660000; */

div.top {
	margin: 0px;
	padding: 0px;
	height: 20px;
}


.tekstvlak a:link {
    color: #a80000;
    text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	}

.tekstvlak a:visited {
    color: #990000;
    text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	}

.tekstvlak a:hover {
    text-decoration: none;
    color: #FF6600;
	border-bottom: 1px solid #7A8DA6;
	background-color: #EBF1FC;
	}


.menu a:link {
    color: #a80000;
    text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	display:block;
	font-size: 75%;
}

.menu a:visited {
    color: #990000;
    text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	display:block;
	font-size: 75%;
}

.menu a:hover {
    text-decoration: none;
    color: #FF6600;
	border-bottom: 1px solid #707070;
	background-color: #EBF1FC;
	display:block;
	font-size: 75%;
}

.menu li[aria-current=page] a {
	color: black;
	font-weight: bold;
}

.ketting a:link {
    color: #a80000;
    text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	display:block;
	font-size: 75%;
}

.ketting a:visited {
    color: #990000;
    text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	display:block;
	font-size: 75%;
}
	
.ketting a:hover {
    text-decoration: none;
    color: #FF6600;
	border-bottom: 1px solid #707070;
	background-color: #EBF1FC;
	display:block;
	font-size: 75%;
	}

 ul.linksboven {
	background-image: url(../images/hoekLB.jpg);
	background-repeat: no-repeat;
	margin: 25px 14px 0px 14px;
	padding: 0px;
	background-color: #F0F0F0;
	height: 20px;
	}
	
ul.linksonder {
	background-image: url(../images/hoekLO.jpg);
	background-repeat: no-repeat;
	margin: 0px 14px 20px 14px;
	padding: 0px;
	background-color: #F0F0F0;
	height: 20px;
	}
	
ul.menu {
	line-height: 100%;
	margin: 0px 14px 0px 14px;
	padding: 0px 0px 30px 70px;
	background-color: #F0F0F0;
	background-image: url(../images/tilendescheurrand.jpg);
	background-repeat: repeat-y;
	}
	
ul.ketting {
	line-height: 100%;
	margin: 0px 14px 0px 14px;
	padding: 0px 0px 30px 70px;
	background-color: #F0F0F0;
	background-image: url(../images/kettingtile.gif);
	background-repeat: repeat-y;
	}

ul.kettingbegin {
	background-image: url(../images/schakel.gif);	
	background-repeat: no-repeat;
	margin: 25px 14px 0px 14px;
	padding: 0px;
	background-color: #F0F0F0;
	border-top: 2px solid #F0F0F0;
	height: 19px;
	}
	
ul.kettingeind {
	background-image: url(../images/schakel.gif);
	background-repeat: no-repeat;
	margin: 0px 14px 20px 14px;
	padding: 0px;
	background-color: #F0F0F0;
	border-bottom: 2px solid #F0F0F0;
	height: 19px;
	}

ul.niks {
   	text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image:none ;
	border-bottom: none;
}


 
li {
	list-style-image: url(../images/knoopjemini.gif);	
	}
	
li.ketting {
	list-style-image: url(../images/kraal.gif);
	}
	
	
div.ketting {
	background-image: url(../images/kettingtile.gif);
	background-repeat: repeat-y;
}



li.niks {
	list-style-image: none;
	list-style-type: none;
	font-weight: bold;
}

p {
    text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image: url(../images/speldjetrans.gif);
	background-repeat: no-repeat;
}

p.datum {
	font-size: 70%;
    text-align: right;
	font-variant:small-caps;
	text-transform: uppercase;
    line-height: inherit;
/*    font-weight: lighter; */
	letter-spacing:3px;
    margin: 0px;
	padding: 0px;
	background-image:none ;
	border-bottom: none;
}

p.lijn {
   text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image:none ;
	border-bottom: 1px solid #7A8DA6;
}

p.geenlijn {
    text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image: url(../images/speldjetrans.gif);
	background-repeat: no-repeat;
	border-bottom: none;
}

p.niks {
   text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image:none ;
	border-bottom: none;
}

p.center {
	display: flex;
	justify-content: center;
}

p.space-top {
	margin-top: 1rem;
}

p.poetry {
	font-size: 85%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif; 
   text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image:none ;
	border-bottom: none;
}

p.berichtc {
	font-size: 85%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif; 
   text-align: center;
    line-height: 150%;
    font-weight: bold;
    margin: 0px 0px 0px 0%;
	padding: 10px 10px 10px 10px;
	background-image:none ;
	border-bottom: none;
}

p.berichtl {
	font-size: 70%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif; 
   text-align: left;
    line-height: 120%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 10px 10px 10px 10px;
	background-image:none ;
	border-bottom: none;
}

p.berichtr {
	font-size: 70%;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Geneva, Arial, Helvetica, sans-serif; 
   text-align: right;
    line-height: 120%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 10px 10px 10px 10px;
	background-image:none ;
	border-bottom: none;
}


p.kleiner {
	font-size: 85%;
    text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image: url(../images/speldjetrans.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #7A8DA6;
}

p.petit {
	font-size: 70%;
    text-align: left;
    line-height: 130%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image:none ;
	border-bottom: none;
}


p.paragraaf {
	font-size: 75%;
   text-align: left;
    line-height: 180%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image:none ;
	border-bottom: none;
}

p.toplink {
	font-size: 75%;
   text-align: right;
    line-height: 180%;
/*    font-weight: lighter; */
    margin: 0px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	background-image:none ;
	border-bottom: none;
}

blockquote {
   text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    font-style:  italic;
    margin: 10px 5px 10px 25px;
	padding: 10px 10px 15px 25px;
	background-image:none ;
	border-bottom: none;
	background-color: #F6F6F6;
}

p.intd {
   text-align: left;
    line-height: 150%;
/*    font-weight: lighter; */
    margin: 20px 37px 20px 37px;
	padding: 0px;
	background-image:none ;
	border-bottom: none;
}

h1 {font-size: 160%;
    text-align: left;
    line-height: 150%;
    font-weight: bold;
    margin: 20px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
}
h1.backlink {
	float: right;
	font-style: italic;
	font-size: 130%;
}

h2 {font-size: 160%;
    text-align: left;
    line-height: 150%;
    font-weight: bold;
    margin: 20px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
 /*   	border-top: 1px solid #7A8DA6; */
}

div.tekstvlak h2 a:link, div.tekstvlak h2 a:visited {
	color: black;
}

h3 {font-size: 140%;
    text-align: left;
    line-height: 150%;
    font-weight: bold;
    margin: 20px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
	border-top: 1px solid #61a0bc;
}

h4 {font-size: 120%;
   	text-align: left;
    line-height: 150%;
    font-weight: normal;
    margin: 20px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
}

h5 {font-size: 100%;
   	text-align: center;
    line-height: 150%;
    font-weight: bold;
    margin: 20px 0px 0px 0%;
	padding: 0px;
}

h6 {font-size: 90%;
    text-align: left;
    line-height: 150%;
    font-weight: bold;
      margin: 20px 0px 0px 0%;
	padding: 0px 0px 10px 25px;
}

img {
	border: none;
}

img.hor {
	background-image: url(../images/negatief-alleen-horiz.jpg);
	background-repeat: no-repeat;
	padding: 37px 11px 38px 14px;
}

img.ver {
	background-image: url(../images/negatief-alleen-vertic.jpg);
	background-repeat: no-repeat;
	padding: 11px 38px 14px 37px;
}

.hor {
	background-image: url(../images/negatief-alleen-horiz.jpg);
	background-repeat: no-repeat;
	padding: 37px 11px 38px 14px;
}

.ver {
	background-image: url(../images/negatief-alleen-vertic.jpg);
	background-repeat: no-repeat;
	padding: 11px 38px 14px 37px;
}

td.onderschrift {
    color: #945573;
    text-align: left;
	padding: 2px 20px 2px 25px;
	font-size: 9px;
}

img.werk {
		padding: 15px;
}

#portretten {
	background-image: url(../images2/portret_bgrnd.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 80px 5px 20px 5px;
	width: 800px;
	color: FFFFFF;
	font-size: 70%;
}


#nonfiguratief {
	background-image: url(../images2/nonfiguratief_bgrnd.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 80px 5px 20px 5px;
	width: 800px;
	color: FFFFFF;
	font-size: 70%;
}

#figuratief {
	background-image: url(../images2/figuratief_bgrnd.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 80px 5px 20px 5px;
	width: 800px;
	color: FFFFFF;
	font-size: 70%;
}

p.caption {
	color: #945573;
	font-size: 10px;
	background: none;
	border: none;
	padding: 0;
}

table {
	margin-bottom: 10px;
	max-width: 920px;
}

ul.babbelpraat {
	margin-top: 3em;
}

p.reacties {
	background: none;
	border: none;
}
div.article {
	clear: both;
	border-bottom: 1px solid #7A8DA6;
}

/* Comments */
div.comments {
	font-size: smaller;
}

div.comments p {
	margin: 0;
	background: none;
	border: none;
}
div.comments ol {
	margin: 0;
	padding: 0;
}
div.comments a {
	text-decoration: underline;
	cursor: pointer;
	color: #444;
}

div.comments ol li {
	margin: 0;
	padding: 4px 7px;
	margin: 7px 0 0 28px;
	list-style: none;
}

div.comments ol li a.name {
	float: left;
	font-weight: bold;
	padding-left: 27px;
	height: 17px;
}
div.comments ol li p.name {
	float: left;
	color: #666;
	font-weight: bold;
}
div.comments ol li p.date {
	float: right;
	color: #777;
}
div.comments ol li p.comment {
	clear: both;
	padding: 4px 0 8px 0;
}
div.comments ol li a.more {
	display: block;
	margin-top: 5px;
	font-weight: bold;
}

div.comments form p {
	width: 600px;
}
div.comments form p {
	clear: both;
	margin-bottom: 8px;
}
div.comments form p.mesg {
	margin: 10px 0 0 0;
}
div.comments form label {
	width: 120px;
	display: block;
	float: left;
	clear: both;
	margin: 10px 0 0 28px;
}

div.comments form input {
	float: left;
	width: 370px;
	margin-top: 10px;
}

div.comments form textarea {
	width: 490px;
	height: 100px;
	margin: 10px 0 0 28px;
}

div.comments form input[type=submit] {
	margin-left: 370px;
	width: 120px;
}

.g-recaptcha {
	clear: both;
	margin-left: 28px;
	border-top: 20px solid transparent;
}

/* new 2024 */

.images {
	display: grid;
	grid-template-columns: repeat(3, 150px);
	grid-auto-rows: 150px;
	align-content: center;
	justify-content: center;
	gap: 5px;
	padding: 0;
	list-style: none;
}

.images li {
	position: relative;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.images .landscape {
	position: absolute;
	left: -25px;
}

.images .portrait {
	position: absolute;
	top: -25px;
}