/*
-----------------------------------------------
print stijlen
----------------------------------------------- */


body {
  margin:0;
  padding:0;
  background:#fff;
  font:x-small Verdana,Sans-serif;
  line-height:1.5em;
  text-align:center;
  color:#333;
  }
.container {
  background:#fff;
  width:750px;
  margin:0 auto;
  border:solid #fff;
  border-width:0px;
  text-align:left;
  color:#333;
  position:relative;
  }
#cellofaan {
  background:#fff;
  }

/* =Header
----------------------------------------------- */
#header {
  background-color:#fff;
/*  float:left;*/
  width:100%;
  height:100px;
  margin-top:0em;
  }
#logo {
/*  background:url(/i/logo.gif) no-repeat;*/
  background-color:transparent;
  float:left;
  display:block;
  width:80%;
  border-width:0;
  text-decoration:none;
  }

/* =Nav
----------------------------------------------- */
#nav {
display:none;
 
  }

/* =Structure
----------------------------------------------- */
#content, #c2, #c3 {
  float:left;
  width:750px;
  }
/* Overcome stupid 3px margin bug in IE/Win floats, 
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content, * html #c2, * html #c3 {
    margin-right:-3px;
    }
#c2 {
  padding-bottom:20px;
  }
#maincol {
  float:left;
  width:485px;
  }
#subcol {
  float:right;
  width:244px;
  color:#777;
  }
#xcol {
  display:none;
  color:#666;
  }
#mc2, #sc2, #xc2 {
  padding:0 20px;
  }
div#sc2 {margin-bottom: 0.5em;}
#mc2 {
  padding-right:0;
  }
#maincol, #subcol, #xcol {
  margin-top:-8px;
  }
#subcol, #xcol {
  font-size:85%;
  line-height:1.6em;
  }

/* Structure: = Home
----------------------------------------------- */
.home #latest {
  float:right;
  width:505px;
  padding:0;
  border-bottom:1px solid #ddd;
  color:#444;
  }
#search #latest, #essay #latest, #linksnl #latest, #auteur #latest, #links #latest  {border-bottom:0px solid #ddd;}
.home #l2 {
  padding:31px 20px 0;
  }
.home #maincol, .home #subcol, .home #xcol {
  margin-top:0;
  padding-top:31px;
  background-repeat:no-repeat;
  background-position:1px 19px;
  }

/* Structure: =cellofaan
----------------------------------------------- */
#cellofaan #main, #cellofaan #m2 {
  float:left;
  width:505px;
  }
#cellofaan #maincol {
  float:right;
	width:240px;
  font-size:85%;
  line-height:1.6em;
  }
#cellofaan #mc2 {
float:right;
 padding-left:0;
  padding-right:20px;
  }
#cellofaan #subcol {
  float:right;
  width:224px;
  }
#cellofaan #sc2 {
  padding-left:0;
  }
#cellofaan #xcol {
  display:block;
/*  float:left;
*/  width:244px;
  }

h1, #section {
  background:#fff;
  margin:0;
  padding:20px 0px 8px;
  font:135%/1.4em Georgia,Serif;
  color:#776;
  }
h2, h2 a, h2 a:visited, label {
  color:#685;
  border-width:0;
  }
h2, #cellofaan #maincol h2 {
  margin:1.25em 0 .15em;
  font:175% Georgia,Serif;
  line-height:1.4em;
  }
a:link, a:visited {text-decoration:none}

h2 a:hover {
  color:#974;
  text-decoration:none;
  }
.home #latest h2 a, .home #maincol h2 a {
  color:#358;
  }
.home #latest h2 a:visited, .home #maincol h2 a:visited {
  color:#677;
  }
.home #latest h2 a:hover, .home #maincol h2 a:hover {
  color:#933;
  }
h3 {
  margin:1em 0 .25em;
  font:150%/1.5em Georgia,Serif;
  }
h3 a, h3 a:visited {
  color:#358;
  border-width:0;
  }
h3 a:hover {
  color:#933;
  text-decoration:none;
  }

table.data h3 {margin-top:0;}
h4 {
  margin:0.5em 0 .25em;
  font:125% Georgia,Serif;
  color:#575;
  }

/* =Log
----------------------------------------------- */
.entry {
  margin:0 0 1em;
  border: 1px solid #fff;
  clear:left;
  }
.entry h3,
.home #c-smx #maincol h2,
.home #c-smx #latest h2,
.home #cellofaan #maincol h2,
.home #cellofaan #latest h2 {
  margin:0em 0 .2em;
  font:175%/1.3em Georgia,Serif;
  line-height:1.3em;
  color:#245;
  }
.entry h3 {font-size: 150%;}
.home h2,
.home #c-smx #maincol h2,
.home #c-smx #latest h2,
.home #cellofaan #maincol h2,
.home #cellofaan #latest h2 {
  margin-top:0;
  padding-top:.5em;
  }

.home #c-smx #latest h2 {
  margin-top:0;
  padding-top:.6em;
  }
.posted, .posted-top {
  color:#998;
  }
.log .posted, .search .posted, .log .posted-top, #latest .posted {
  font-size:85%;
  line-height:1.6em;
  }
p.posted, .log dd.posted, .search dd.posted {
  margin-top:.5em;
  border-top:1px dotted #ccd;
  padding-top:4px;
  }
.posted strong {
  color:#887;
  font-weight:normal;
  }
p.extended {
  background:url("/i/bulext.gif") no-repeat 0 50%;
  margin:0 0 20px;
  padding:0 0 0 14px;
/*  float: right;
*/  }
p.extended a, p.extended a:visited {color:#777;}
p.extended a:hover {color:#323232;}
.reviewer {font-weight:bold;text-transform:uppercase;font-size:80%;}


/* MISC: =Tables
----------------------------------------------- */
table {
  font-size:100%;
  color:#333;
  }
table.data {
  margin:0.5em 0 1.5em;
  font-size:85%;
  line-height:1.6em;
  }
div#datalimit h3 {padding:0 0 .3em .3em;}
div#datalimit {font-size:85%;
  line-height:1.6em;
/*padding-right:0.5em;*/
}
.data th, .data td {
  padding:2px 5px 3px;
/*  border-top:1px dotted #ccc;*/
  vertical-align:top;
  }
.data td {
  text-align:right;
  }
.data th, .data .row-header th em {
  font-style:italic;
  font-weight:normal;
  }
.data .row-header th {
  text-align:right;
  font-style:normal;
  font-weight:bold;
  }
.data th.txt, .data td.txt {
  text-align:left;
  }
.data .alt th, .data .alt td {
  background:#eeeee4;
  border-color:#ccc;
  }

/* =Search & Results
----------------------------------------------- */
.search h2 em {
  color:#444;
  }
.search h3 {
  margin:1em 0 .5em;
  background:#eeeee4;
  padding:5px 10px;
  border:1px solid #ddc;
  font:125%/1.4em Georgia,Serif;
  }
dl.results {
  margin:0 11px 1.25em 11px;
  }
.results dt a  {
  font:125%/1.4em Georgia,Serif;
  border-width:0;
  }
.results dd {
  margin-bottom:0;
  }
.results dd.posted {
  margin-bottom:1.75em;
  }

/* =Books
----------------------------------------------- */
ul.ref dl {margin:.5em 0;}
ul.ref p {
  margin:.25em 0;
  font-size:85%;
  line-height:1.5em;
  }
ul.ref ul {margin:.5em 0;}

dl.books {
/*  float:left;
*/  width:100%;
  }
dl.books dt {
  margin-top:0;
  padding:0;
  clear:left;
  }
dl.books dd {
  margin-left:122px;
  font-size:100%;
  }
dl.books cite {
  display:block;
  font-weight:normal;
  }
dl.books cite em {
  display:block;
  padding-bottom:2px;
  font-weight:bold;
  font-style:normal;
  }
dl.books dd div {color:#666;}
dl.books dd div em {font-style:normal;}
dl.books dd.bookend {
  clear:left;
  height:0;
  margin:0 0 5px;
  padding-top:5px;
  border-bottom:1px dotted #ccc;
  font-size:1%;
  }
dl.books dt img {
/*  float:left;
*/  display:block;
  margin:3px 12px 5px 0;
  border:1px solid #ccc;
  padding:4px;
  }
#c-smx dl.books, #c-smx dl.books dt img {
  float:none;
  }
dl.books dd {
  margin-left:0;
  border-bottom:1px dotted #ccc;
  padding-bottom:5px;
  margin-bottom:10px;
  }

/* MISC: =Lists
----------------------------------------------- */
ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:none;
  }
ul li {
  background:url("/i/bullet.gif") no-repeat 0 .5em;
  margin:0 0 2px;
  padding:0 0 0 14px;
  }
ul#vert-aut li {
  padding-right:20px;
  }

ul.items li {
  background:none;
  margin:0 0 2px;
  padding:0 0 0 10px;
  }

.entry ul {
  margin-left:10px;
  margin-right:10px;
  }
dl dl {
  margin:1em 20px;
  }
dt {
  clear:left;
  font-weight:bold;
  }
#maincol li em {
  font-style:normal;
  font-weight:normal;
  font-size:85%;
  line-height:1.6em;
  color:#777;
  }
dd {
  margin:0 0 1em;
  padding:0;
  }
.teaser dd {
  margin-bottom:.75em;
  }
.links dt {
  font:125%/1.4em Georgia,Serif;
  }
.links dd {
  font-size:85%;
  line-height:1.6em;
  }
dd ul {
  margin:0;
  padding:0;
  }
dd li {
  width:100%;
  padding:0;
  margin:0;
  text-indent:0;
  }

/* =Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
  }
p.sub, p.end, p.more, p.copy {
  color:#777;
  }
p.copy {font-size:85%; line-height:1.6em;}
#maincol .sub,
  #c-sm #maincol p.note, #c-ms #maincol p.note, #c-m #maincol p.note,
  #c-sm #maincol p.more, #c-ms #maincol p.more, #c-m #maincol p.more {
  font-size:85%;
  line-height:1.6em;
  }
#c-smx .sub {
  font-size:100%;
  line-height:1.6em;
  }
#c-smx #xcol .sub {
  color:#666;
  }
.note {
  color:#933 !important;
  }
p.intro {
  padding-bottom:.75em;
  border-bottom:1px dotted #ccc;
  }
p.end {
  margin-top:1.5em;
  padding-top:15px;
  font-size:85%;
  line-height:1.6em;
  }
p.update, div.update {
  margin-top:1em;
  border-top:1px dotted #ccc;
  padding-top:1em;
  }
.update strong {
  color:#222;
  }

p.more {
  margin-bottom:1.5em;
  }
p.codeblock, pre.codeblock, div.codeblock {
  background:#eeeee4;
  padding:10px;
  font:115%/1.5em Monaco,Monospace;
  }
p.codeblock code, pre.codeblock code, div.codeblock code {
  font-size:100%;
  }
blockquote {
  margin:1em 0 1em 2px;
  padding:0 1em;
  border-left:2px solid #ccc;
  }
blockquote p {
  margin:0 0 .75em;
  font-style:italic;
  color:#666;
  }
blockquote p em {
  font-style:normal;
  }
address {
  margin:0 0 .75em;
  font-style:normal;
  font-family:Monaco,"Courier New",Courier,Monospace;
  line-height:1.6em;
  }
address strong {
  font-weight:normal;
  color:#222;
  }
hr {
  display:none;
  }
code {
  font-size:115%;
  font-family:Monaco,"Courier New",Courier,Monospace;
  color:#464;
  }
code.keys {
  background:#ffd;
  padding:2px;
  }
dfn {
  font-style:italic;
  }
del, .strike {
  text-decoration:line-through;
  color:#999;
  }
.arrow {
  font-weight:bold;
  font-family:Verdana,Sans-serif;
  color:#c93;
  white-space:nowrap;
  }
.ghost {
  color:#ddd;
  }
#xcol .arrow {
  color:#a83;
  }
.clear, .reset {
  clear:both;
  }
p.focus {
  text-align:center;
  }
.focus img {
  display:block;
  margin:0 auto;
  }
.imgleft, .left, img.left {
/*  float:left;
*/  margin:4px 15px 4px 0;
  }
.imgright, .right, img.right {
/*  float:right;
*/  margin:4px 0 4px 15px;
  }
img.imgleft, img.imgright {
  padding:4px;
  border:1px solid #ddc;
  }
.left em, .right em {
  margin-top:.15em;
  display:block;
  font-size:85%;
  font-style:normal;
  color:#777;
  }
.inset, .inset2 {
/*  float:left;
*/  width:35%;
  margin:1em 15px 1em 0;
  padding:.85em 0;
  border:dotted #ccc;
  border-width:1px 0;
  font-size:85%;
  line-height:1.85em;
  color:#777;
  }
.inset2 {
/*  float:right;
*/  margin:1em 0 1em 15px;
  }
img.block {
  display:block;
  margin:.5em 0;
  }
#log img.block, #search img.block {
  margin:1em 0;
  }


/* =Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding-top:0;
  border-bottom:1px solid #fff;
  font-size:85%;
  }
#footer p {
  background-color:#fff;
  background-repeat:repeat-x;
  background-position:0 -4px;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #ccc;
  color:#777;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#666;
  border-color:#444;
  }
#footer a:hover {
  color:#933;
  border-color:#b55;
  }

/* =Toevoegingen
----------------------------------------------- */

.klein {font-size:80%;}
#xc2 .klein {border-top:1px solid #ccc;}    
img.half, #books img {width:30%;border: 1px solid #ccb;padding:3px;
/*	float:left;
*/	margin-right:0.5em;
	margin-top:0.5em;}
#l2 img.half {width:18%;}
img.half1 {width:90%;border:1px solid #ccb;padding:0px;
	margin-right:0.5em;
	margin-top:0.5em;}
#books img {width:20%;border: 1px solid #ccb;padding:2px;
display:block;
	margin-right:0.5em;
	margin-top:0.5em;}
#sc2 img {border: 1px solid #ccb;}
a.imglink img {text-decoration:none; border:0;}
#books ul li {margin-bottom:3em;background:none;}
.sample {background:#F2F2F2;padding:1em;}
.red {color:red;}
.white {color:white;}
.floatbr p, .float p {font-size:80%;line-height:1.4em;}

/* =Boeken blok
----------------------------------------------- */
.boek {
text-align : left;
/*float : left;
*/width : 105px;
min-height: 250px;
border : 0px solid #ccc;
margin : 0.2em 0 0 0.3em;
background:#F2F2F2;
}
.boek a {
text-align: left;
text-decoration: none;
font-weight: normal;
font-size: 70%;
line-height:1em;
margin: 0;
color:#666;
overflow:hidden;
}
.boek a:link, .boek a:visited {
font-weight : normal;
}
.boek a:hover, .boek a:active {
font-weight : normal;
}
#blok1 img  {display : inline;}

div.blok a {
text-align : left;
/*float : left;
*/width : 105px;
min-height: 250px;
border : 0px solid #ccc;
margin : 0.2em;
padding:0 3px;
background:#F2F2F2;
overflow:hidden;
text-decoration: none;
font-weight: normal;
font-size: 80%;
line-height:1em;
color:#666;
}
div.blok img.half1 {width:90%;border:1px solid #ccb;padding:0px;
	margin:0.3em;}
div.blok a:link, div.blok a:visited {
font-weight : normal;
}
div.blok a:hover, div.blok a:active {
font-weight : normal;
background:#D9D9D9;
}
div.blok img  {display : inline;}

/* =Boeken lijst
----------------------------------------------- */
div.list {margin-bottom:3em;background:none;}
div.list img {width:20%;border: 1px solid #ccb;padding:2px;
/*	float:left;
*/	margin-right:0.5em;
	margin-top:0.5em;}
div.list a {
text-align : left;
float : left;
width : 205px;
min-height: 80px;
border : 0px solid #ccc;
margin : 0.2em;
padding:0 3px;
background:/*#F2F2F2*/ #fff;
overflow:hidden;
text-decoration: none;
font-weight: normal;
font-size: 80%;
line-height:1.2em;
color:#666;
}
div.list a:link, div.list a:visited {
font-weight : normal;
}
div.list a:hover, div.list a:active {
font-weight : normal;
background: #F2F2F2; /*#D9D9D9*/
}
div.list img  {display : inline;}

/* =Forms
----------------------------------------------- */
input, textarea, select, a.vertdb  {
	font:12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	background:#fff;
	color:#000;
	border:#ccb solid 1px;
}
optgroup {font-variant:normal; font-style:normal;border-bottom:1px dashed #ccc;}
optgroup option {font:12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;}
input.button {
	color:#fff;
	background:#006;
	cursor:pointer;
}
#aut_form select {width:200px;}

input.button1 {
   color:#000;
 font:12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   border:1px solid #ccb;
 cursor:pointer;
}
input.btnhov{
   color:#fff;
   background:#999;
   border-color:#333;
}

form#invl select {width:200px;}
form#invr select {width:240px;}
.zoekvenster form input.button1 {margin:0.3em 0 0;}
div.zoekvenster, div.zoekvenster h4, div.zoekvenster form input {visibility:hidden;}


div.sections {background:#DAE2D5;width:90%;padding:0.2em 1.2em 1em;margin:26px 0 0.4em;-moz-border-radius: 8px;}
div.sections li a {color:#358;}
div.sections li a:hover {color:#933;}
div.sections h2 {color:#406480;border-bottom:2px solid #fff;margin:0 0 0.2em;font-size:170%;}

input.radio {border:0 !important;}

form.datdefine select {width:220px;}

ul.items li a, ul.items li a:link, li.items a:visited {color:#68a;}
ul.items li a:hover, li.items a:active {color:#000;}

table.data tr, #datalimit .links, #datalimit .rechts, 
#feedback {background:#e4e4e4;}
#feedback {padding:1em;}
#feedback label {color: #245;}
table.data tr.hoofd {background:#fff;}
#datalimit .rechts {padding: 5px 0 5px;min-height:100px;}
#datalimit .links {padding: 5px 0 5px;min-height:100px;}
div.teller {border:1px solid #f2f2f2;width:100%;display: block;padding:0 .5em;}

.content-nav {text-align:center;}

a.vertdb  {color:#000; padding:0.1em 0.7em;}
a.vertdb:hover  {background:#999;color:#fff;
border-color:#333;
}
select.vertdbsel {margin:3px 0 6px 0;}
#datalimit select.vertdbsel {width:160px;margin-left:10px;}
#datalimit .rechts input, #datalimit .rechts a {margin-left:10px;}

.sresults div {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}


p.columnist {text-indent:1em;border-left:2px solid #DAE2D5;}

abbr {font-variant:small-caps;}

li.archive {border-top:1px dotted #ccc;margin:1em 2.5em 0 0;}
li.archive a:link, li.archive a:visited {color: #007;}
li.archive a:hover, li.archive a:active {color: #933;}

ul.lijst li {margin-right:1em;}