@media screen {
body {margin:85px 40px; color:#1175ba; background:#fff url(img/bg.gif); background-position:right; background-repeat:repeat-y}
div.head {position:absolute; top:0; left:0; height:150px; width:100%; background:#e1f4fd url(../img/bg.gif)}
div.text {max-width:550px; margin:0px auto}
div.kader {border:3px ridge; background:url(img/bg-td.gif) repeat-y; padding:10px 20px}
div.box {background:#f0f8ff; margin:18px 0px; padding: 8px 14px 14px 24px}
div.foto {font-size:80%; color:#aaa; float:right; margin:0px -50px 0px 6px; text-align:center; padding:6px}

div.menu {position:absolute; top:3px; left:3px; right:3px; text-align:center}
div.menu img {width:50px; opacity:0.2}
div.menu img:hover {opacity:1}
div.menu a {padding:6px 8px; border:none}

h1 {font-size:240%; text-shadow: 0.1em 0.1em 0.2em #aaa}
h2 {font-size:200%; text-shadow: 0.1em 0.1em 0.2em #aaa}
h3 {font-size:180%; /* border-top:2px #e1f4fd dashed */}
h4 {font-size:150%; /* border-top:2px #e1f4fd dotted */}
h5 {font-size:120%}
h6 {font-size:100%}
h1+h2 {margin-top:0px}
h1+h3 {margin-top:0px; border-top:none}
h1+h5 {margin-top:0px}
h3+h1 {margin-top:0px}
h5+h1 {margin-top:8px}
h6+h1 {margin-top:0px}
h5,h6 {margin-top:8px}
h1,h2,h3,h4,h5,h6 {margin-bottom:2px; font-family: "Futura Std Medium", Futura, "Century Gothic", Gothic, Serif; letter-spacing: 1px}
div.box h4 {margin:4px 0px}

p,li,th,td {font-family: "Trebuchet MS"; color:#448; line-height:150%}
p {margin:0px}
p.bijschrift {font:normal 80% Arial; text-align:center}
p.rechts {text-align:right; font-style:italic; margin-top:10px}
p.citaat {margin-left:26px; text-indent:0px; font-family: Georgia, serif}
p.terzijde {margin-left:26px; font-size:90%; text-indent:0px}
p.noot {font-size:90%}
p+p {text-indent:26px}
/* p:first-letter {text-decoration:underline} */
sup {font:bold 60% Arial}
i.hebreeuws, em.hebreeuws,
i.grieks, em.grieks {font-family:Georgia, Cambria}

ul,ol {margin:0px 0px 2px 24px; padding-left:0px}
ol.meer {margin-left:30px}
ol.alpha {list-style-type:lower-alpha}
ol li ol {margin:0px 0px 2px 24px; padding-left:0px; list-style-type:lower-alpha}
li {margin:0px; list-style-position:outside}
blockquote {color:#448; line-height:150%; margin:6px 0px 6px 26px; font-family: Georgia, serif}

table {border:3px ridge #eee; border-collapse:collapse; margin-top:10px; background:url(img/bg-td.gif) repeat-y}
td,th {border:1px solid #ddf; vertical-align:top; padding:2px 5px; font-family:"Trebuchet MS"}
th {background:#ddd; text-align:left; color:#008}
td {background:#fff url(img/bg-td.gif) repeat-y}
table.foto {width:100%; border:none; background-color:transparent}
table.foto td {border:none; padding:0px}
table.foto td p {font:normal 80% Arial,sans-serif; color:#888; margin-left:4px; text-align:left}

cite {font:bold 8pt Arial; background:#f00; color:#fff; padding:0px 3px}

a {color: #1175ba; font-weight:bold} /* #169} */
a {text-decoration:none; border-bottom:1px dotted #00adee; padding:0px}
a:active {color:#f00}
a:hover {color:#f00; border-bottom:1px solid #f00; text-shadow: 0.1em 0.1em 0.2em #888}

img {border:none}
img.rechts {float:right; margin:6px -50px 2px 8px; clear:both}
img.links {float:left; margin:6px 8px 2px -50px}
img.foto {margin:0px}
img.rechts, img.links, img.foto, div.box
	{-moz-box-shadow: 5px 5px 15px #888; -webkit-box-shadow: 5px 5px 15px #888; box-shadow: 5px 5px 15px #888;
	 -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px}
img.boek
	{-moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px}
.no_break {white-space:nowrap}
.opmerking {border:2px ridge; background:url(img/bg-td.gif) repeat-y; padding:10px}
.overzicht {border:2px ridge; background:url(img/bg-td.gif) repeat-y; padding:4px}

select {font:bold 110% "Trebuchet MS"; line-height:120%}

img.logo_bg {position:fixed; bottom:0px; right:0px; z-index:-1}
}

@media print {
body {margin:60px 40px 60px 60px}
* {color:black; font-family:Garamond, serif}
div.kader {border:1px ridge; background:url(img/bg-td.gif) repeat-y; padding:10px 20px}

h4 {font-size:larger}
h5,h6 {font-size:large; margin-top:8px}
h1,h2,h3,h4,h5,h6 {margin-bottom:2px}
h1+h2 {margin-top:0px}
h1+h3 {margin-top:0px}
h1+h5 {margin-top:0px}
h3+h1 {margin-top:0px}
h5+h1 {margin-top:0px}
h6+h1 {margin-top:0px}

p {font-size:110%; margin:0px}
p.bijschrift {font:normal 80% Arial; text-align:center}
p.rechts {text-align:right; font-style:italic}
p.citaat {margin-left:26px; font-style: italic}
p.terzijde {margin-left:26px; font-size:90%}

ul,ol {margin:1px 0px 5px 24px; padding-left:0px}
li {font-size:110%; margin:0px; list-style-position:outside}
li.bovenmarge {margin-top:12px}
div.rechts {float:right; margin-left:6px; text-align:center; font:bold 8pt Arial}
table,th,td {border:1px solid; border-collapse:collapse}
table {margin-top:10px}
th,td {vertical-align:top; padding:6px}
th {text-align:left}
sup {font:normal 50% Arial}
img {margin:0px; border:none}
img.rechts {float:right; margin:6px 0px 8px 8px; clear:both}
img.links {float:left; margin-left:0px; margin-right:8px}
.no_break {white-space:nowrap}
.screen, .menu, .overzicht {display:none}
a {text-decoration:none; color:black; border-bottom:1px #ddd solid}
}