html {
  background: rgb(130,125,220);
  padding: 0 3em 3em;
  border: 3px rgb(235,240,245) inset;
  }

body {
  max-width:960px;
  background: rgb(250,250,250) /* url(../afbeeldingen/zegel-grijs.jpg) top left repeat */;
  padding: 0 /* 1.5em 3.5em */;
  border: 2px rgb(235,240,245) outset;
  border-top: 0;
  margin: 0 auto;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: .8em;
  color: rgb(60,70,90);
  }
  
#kop, #inhoud, #voet, #reclame {
  padding: 0;
  border:2px rgb(250,250,250) groove;
  margin: 0 auto .25em;
  background: rgb(240,240,240);
  }
  
#kop {
  display:table-cell;
  width:990px;
  height:260px;
  overflow:hidden;
  padding:0 3.25em 2.6em 0;
  background: rgb(225,215,230) url('../afbeeldingen/titelafbeelding.png') center no-repeat;
  text-align:right;
  vertical-align:bottom;
  }

#kop h1 {
  display:inline;
  max-width:340px;
  background: transparent;
  font-size: 3.6em;
  font-weight: bold;
  color: rgb(225,220,255);
  }

#voet {
  clear:left;
  padding: .5em 0 6em 0;
  font-size: .9em;
  font-variant:small-caps;
  text-align: center;
  }

#voet table {
  margin:0 auto;
  border:0;
  padding:0;
  text-align:center;
  }

#voet th, #voet td {
  list-style:none;
  display:inline;
  width:7em;
  text-align:center;
  }

#voet th {
  padding-right:.3em;
  white-space:nowrap;
  }

#voet a {
  width:100%;
  height:100;
  }

#voet th:before, #voet th:after,
#voet td:before, #voet td:after {
  content: "|";
  }

div#spacer {
  display: block;
  width: 5.5em;
  height: 12em;
  padding: 0;
  border: 0;
  margin:0 0 0 1.3em;
  background: transparent;
  float: right;
  }

#menu {
  display: block;
  position: absolute;
  top: 261px;
  right: 4.5em;
  padding: 0;
  border: 0;
  margin: 0;
  background:transparent;
  }

#menu ul {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  }

#menu ul li {
  list-style: none;
  width: 7.5em;
  height: 1.6em;
  padding: 0;
  padding-top: .4em;
  margin: 0;
  text-align:center;
  line-height: 1.6em;
  color:rgb(140,110,220);
  background-color:transparent;
  }

#menu a, #menu a:link, #menu a:visited, #menu a:active, #menu a:focus, #menu a:hover {
  display: block;
  width: 100%;
  height:1.6em;
  border: 2px rgb(235,240,245) outset;
  font-weight: bold;
  letter-spacing: .1em;
  text-decoration: none;
  text-align: center;
  background: rgb(60,70,160);
  color: rgb(240,240,240);
  }

#menu a.feed,#menu a.feed:link, #menu a.feed:visited, #menu a.feed:active, #menu a.feed:focus, #menu a.feed:hover {
  display:block;
  position:absolute;
  left:12px;
  width:16px;
  height:16px;
  margin:0;
  margin-top:-1.4em;
  border:0;
  padding:0;
  padding-bottom:1px;
  background:url('../afbeeldingen/feed.png') center center no-repeat;
  text-decoration:none;
  }

#menu a.feed:active, #menu a.feed:focus, #menu a.feed:hover {
  background:url('../afbeeldingen/feed.licht.png') center center;
  }

#menu ul li ul {
  display:none; }

#menu ul li:hover ul {
  display:block;
  position:absolute;
  margin-top:-1em;
  margin-left:-6.5em;
  background-color:transparent;
  }

*[lang] {
  font-style:italic;
  }

html[lang] {
  font-style:normal;
  }

#menu ul li a:active {
  background: rgb(180,170,255);
  color: rgb(255,255,255);
  }

#menu ul li a:focus, #menu ul li a:hover {
  background: rgb(130,115,220);
  color: rgb(245,245,245);  
  }

div#inhoud {
  padding:2em 5em 4em 10em;
  }

#inleiding {
  font-weight: bold;  
  }

div#margeboven, div#margerechts, div#margeonder, div#margelinks {
  display: block;
  position: fixed;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent no-repeat;
  }

div#margeboven {
  }

/* -- shoutbox
div#margerechts {
  top: 18em;
  right:2em;
  width:120px;
  height:300px;
  padding:3em;
  font-size:.8em;
  background-color:white;
  border: 1px solid red;
  text-align:left;
  }


div#margerechts {
  content: "";
  } */

div#margeonder {
  bottom: 0;
  left: 50%;
  width: 1000px;
  height: 124px;
  margin: 0 auto 0 -500px;
  background: url('../afbeeldingen/lotus-guirlande.klein.png') bottom;
  }

div#margelinks {
  bottom: 0;
  left: 0;
  width: 157px;
  height: 420px;
  background: url('../afbeeldingen/boeddha.png') bottom;
  }

#twitter_update_list a:after, a.www:after {
  content: url(../afbeeldingen/www.png);
  }

abbr[title], .def {
  border-bottom: 1px dotted rgb(160,120,180);
  }

abbr[title], .def:hover {
  cursor: help;
  }

abbr[title]:after, .def:after {
  content: "[?]";
  }

a.pdf:after {
  content: "[pdf]";
  }

a.jpg:after {
  content: "[jpg]";
  }

a.doc:after {
  content: "[doc]";
  }

a.xls:after {
  content: "[xls]";
  }

a.pdf:after, a.jpg:after, a.doc:after, a.xls:after {
  font-variant: small-caps;
  }

abbr[title]:after, .def:after, a.pdf:after, a.jpg:after, a.doc:after, a.xls:after {
  font-size: .8em;
  font-style: normal;
  font-weight: bold;
  color: rgb(140,110,220);
  padding: 0 .25em;
  vertical-align: top;
  }

p.def {
  display:inline;
  }

div#vid_container {
  margin-bottom:4em;
  }

div#vid_container object {
  width: 660px;
  height: 405px;
  padding-bottom:2.4em;
  border-bottom:ridge 2px rgb(190,210,240);
  }
  
div#vid_container embed {
  width: 660px;
  height: 405px;
  }

div#vid_container h3 {
  margin-top:2em;
  }

a.voor_meer, #twitter-link {
  display:block;
  text-align:right;
  font-style:italic;
  font-size:.9em;
  }

div#twitter_div {
  display:block;
  margin:2em auto;
  padding:1.6em 2.4em;
  font-size:.9em;
  }

#twitter_update_list {
  font-style:italic;
  }

#twitter_div ol {
  list-style-type:lower-roman;
  font-style:italic;
  }

div.bijschrift {
  font-size:.9em;
  font-style:italic;
  font-weight:bold;
  text-align:right;
  padding-left:2em;
  padding-right:4.3em;
  }

.datum, .naam, .titel {
  white-space:nowrap;
  }
  
.contact:after {
  content: url(../afbeeldingen/mail-me.png);
  }

.blog-entry {
  display: block;
  margin: 1em auto;
  padding: 1.6em 2em;
  }

.blog-entry p.inleiding {
  font-weight:normal;
  font-style:italic;
  }

#bloginfo {
  margin-top:3em;
  font-size:.9em;
  font-variant:small-caps;
  border-top: 2px groove rgb(190,210,240);
  }

#bloginfo tr, #bloginfo th, #bloginfo td {
  display:inline;
  }

#bloginfo th {
  text-align:right;
  font-weight:bold;
  }

#bloginfo td {
  text-align:left;
  font-weight:normal;
  }
  
#bloginfo th:before,
#bloginfo td:before, table#bloginfo td:after {
  content: "|";
  }

.blog-entry, div#twitter_div, div#archief {
  clear both;
  border: groove 2px rgb(190,210,240);
  }

div#archief {
  padding-left:2.1em;
  }

div#archief h2 {
  font-size:1.25em;
  margin-bottom:.2em;
  padding-bottom:0;
  }

div#archief h3 {
  font-size: 1em;
  font-style:italic;
  padding-bottom:0;
  margin-bottom:0
  }

div#archief ol {
  padding-top:0;
  margin-top:0;
  font-size:.9em;
  }

table.kalender {
  display: block;
  empty-cells:hide;
  float:left;
  clear:left;
  font-size:.6em;
  width:16.4em;
  margin:-2em 4em 1em 0;
  border:outset 2px rgb(190,210,240);
  }

div#archief table.kalender {
  border:none;
  display:inline;
  float:none;
  clear:none;
  margin:0 .8em 0 0;
  }

table.kalender th, table.kalender td {
  border: inset 2px rgb(190,210,240);
  text-align:center;
  vertical-align:center;
  }
 
table.kalender td a {
  display:block;
  width:100%;
  height:100%;
  font-weight:bold;
  background-color:rgb(190,210,240);
  }

table.kalender td.event {
  font-weight:bold;
  color:white;
  background-color:rgb(60,70,90)
  }

table.kalender td.feestdag {
  font-weight:bold;
  color:white;
  background-color:rgb(150,60,170);
  font-style:italic;
  }

li.feestdag {
  color:rgb(150,60,170);
  font-style:italic;
  }

div#kalenders {
  padding-top:0;
  margin-top:-2.2em;
  }

div#kalenders h3, div#kalenders h4 {
  width:100%;
  clear:both;
  margin-bottom:.2em;
  padding-top:2em;
  padding-bottom:0;
  padding-left:12.6em;
  }

blockquote {
  font-style:italic;
  margin-bottom:.4em;
  padding-bottom:0;
  }
 
blockquote:before, blockquote:after {
  display:block;
  height:.6em;
  font-size:1.7em;
  font-weight:bold;
  font-style:normal;
  color:rgb(150,180,210);
  content: '"';
  }

blockquote:before {
  float: left;
  margin-top:-.2em;
  margin-left:-.5em;
  padding-right:.2em;
  }
 
blockquote:after {
  float:right;
  margin-top:-1.2em;
  margin-right:-.5em;
  padding-left:.2em;
  }

blockquote.update:before, blockquote.update:after {
  content: "";
  }

blockquote.update {
  font-size:.9em;
  margin-left:1em;
  border-left: double rgb(150,180,210) 1px;
  padding-left:1em;
  }
 
blockquote.update div {
  font-weight:bold;
  text-decoration: underline;
  }
 
div.bron {
  width:20em;
  margin:0 0 1em auto;
  border-top:2px groove rgb(190,210,240);
  font-size:.9em;
  font-weight:bold;
  color:rgb(150,180,210);
  }

div.bijschrift {
  font-size:.9em;
  font-style:italic;
  font-weight:bold;
  text-align:right;
  padding-left:2em;
  padding-right:4.3em;
  }

table#soetra {
  border-spacing:0;
  border-collapse:collapse;
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-left:1px solid black;
  margin-bottom:1.4em;
  }

table#soetra th {
  vertical-align:bottom;
  border-right:1px solid black;
  border-bottom:1px solid black;
  }

table#soetra td {
  vertical-align:top;
  border-right:1px solid black;
  }

ul#foto-collage, div.afbeelding {
  margin:2em -2em 1em;
  border:0;
  padding:0;
  text-align:center;
  vertical-align:center;
  }

ul#foto-collage li, div.afbeelding {
  display:inline-block;
  vertical-align:middle;
  list-style-type:none;
  margin:.4em;
  border:2px groove silver;
  padding:.5em;
  background-color:white;
  background-position:center center;
  background-repeat:no-repeat;
  }

div.rechts {
  display:block;
  float:right;
  }

div.links {
  display:block;
  float:left;
  }

div.midden {
  display:block;
  margin-right:auto;
  margin-left:auto;
  }

ul#foto-collage li a {
  display:block;
  margin:0;
  border:0;
  padding:0;
  width:100%;
  height:100%;
  text-decoration: none;
  }

ul#foto-collage:after {
  display:block;
  clear:both;
  margin:1em 2em;
  border:0;
  padding:0;
  font-style:italic;
  font-size:.9em;
  font-weight:bold;
  content:"NB: De beelden linken naar originele bestanden van de foto's. Deze bestanden zijn ieder meerdere MB's groot." ;
  }

div.haiku {
  padding:3em 6em;
  }
  
div.haiku h2, div.haiku div {
  font-size:1.3em;
  font-style:italic;
  line-height:1.5em;
  text-transform:lowercase;
  }

form#hatsu_donaties {
  float: right;
  margin: 0.2em 0 1em 2em;
  border: 0;
  paddig: 0;
  }

form#hatsu_donaties:hover:after {
  display: block;
  position:absolute;
  margin:0;
  margin-left:-5.4em;
  border:2px ridge rgb(190,210,240);
  padding:1.1em 2em 2em;
  width: 12em;
  height: 10em;
  background: rgb(210,210,255);
  color:navy;
  content: "With your donation through Paypal you can easily and safely support my year long residency at a Zen monastery. I'm truely greatful _/|\\_ Score: 26 Days donated !";
  line-height:1.5em;
  }