/*
@font-face {
	font-family: 'Tex';
	src: url('fonts/Tex.eot?#iefix')    format('embedded-opentype'),
		 url('fonts/Tex.woff')		    format('woff'), 
		 url('fonts/Tex.ttf')		    format('truetype'),
		 url('fonts/Tex.svg#EzraSILSR') format('svg');
	}
*/
@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:700px; 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.uit  {background:#f0f8ff; margin:28px 0px; padding: 8px; text-align:center; font:normal 100% "Trebuchet MS"; color:#88b}
div.logo {position:fixed; top:4px; left:20px; z-index:1}
div.balk {position:fixed; left:0px; top:0px; width:15px; height:100%}
div.hebr {float: right; direction: rtl}
div#menu {position:absolute; top:3px; left:3px; right:3px; text-align:center; float:left}
div#menu img {max-width:50px; opacity:0.2}
div#menu img:hover {opacity:1}
div#menu a {padding:4px; border:none}
div.linkerhelft {width:48%; float:left}
div.rechterhelft {width:48%; float:right}

h1,h2,h3,h4,h5,h6 {margin-bottom:0.5em; font-family: "Futura Std Medium", Futura, "Century Gothic", Gothic, Serif; letter-spacing: 1px}
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, h1+h3, h1+h4, h1+h5, h1+h6 {margin-top:0px}
h2+h1, h3+h1, h4+h1, h5+h1, h6+h1 {margin-top:0px}
h5 {margin-top:1.8em}
h6 {margin-top:1.5em}
div.box h4 {margin:4px 0px}

p,li,th,td {font-family: "Trebuchet MS"; color:#448; line-height:150%}
p {margin:0px}
p+p {text-indent:26px}
p.rechts {text-align:right; font-style:italic; margin-top:10px}
p.citaat {margin-left:26px; text-indent:0px; font-family: Georgia, serif}
p.noot {font-size:80%; text-indent:0px; margin-bottom:0.5em}
p.inleiding {color:#1175ba; font-weight:bold}
sup {font:bold 60% Arial}
i.hebreeuws, em.hebreeuws, i.hebr, em.hebr,
i.grieks, em.grieks {font-family:Georgia, Cambria}

ul,ol {margin:0px 0px 2px 26px; 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}
li.noot {font-size:80%; text-indent:0px; margin-bottom:0.5em}

cite {font:bold 8pt Arial; background:#f00; color:#fff; padding:0px 3px}
address {margin-left:26px; font-style:normal}
blockquote {color:#448; line-height:150%; margin:6px 0px 6px 26px; font-family: Georgia, serif}

span.hebr {direction: rtl; color:black; font-size:120%}
span[title] {border-bottom: 1px dotted #444}

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

.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}

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:#f0f8ff url(img/bg-th.png); text-align:left; color:#008}
tr {background:#f8fbff}
tr.donker {background:#e8ebee}
tr:hover {background:#ffd}
table.foto {width:100%; border:none; background-color:transparent}
table.foto tr {background:transparent}
table.foto td {background:transparent; border:none; padding:0px}
table.foto td p {font:normal 80% Arial,sans-serif; color:#888; margin-left:4px; text-align:left}
table.transparent {border:none; background: transparent}
table.transparent tr {border:none; background: transparent}
table.transparent td {border:none; background: transparent}
table.hebreeuws  th {font-size: 150%}

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.logo_bg {position:fixed; bottom:0px; right:0px; z-index:-1; max-width:80%}
div.rechts {font-size:80%; text-align:center; color:#aaa; float:right; margin:0px -60px 0px 6px}
div.links  {font-size:80%; text-align:center; color:#aaa; float: left; margin:0px 6px 0px -60px}
img.hebr {float:right; margin-top:-12px}
img.rechts {float:right; margin:2px -60px 2px 8px; clear:both}
img.links {float:left; margin:2px 8px 2px -60px}
img.center {max-width:100%; margin: 2px auto}
img.foto {margin:0px}

img.rechts, img.links, img.foto, div.box, div.uit
	{   -moz-box-shadow: 3px 3px 15px 0px #aaa;
	 -webkit-box-shadow: 3px 3px 15px 0px #aaa;
	         box-shadow: 3px 3px 15px 0px #aaa;
	    -moz-border-radius:20px;
      -khtml-border-radius:20px;
	 -webkit-border-radius:20px;
			 border-radius:20px;}
img.draai /* css3generator.com/ */
	{  -moz-transform: scale(1) rotate(3deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(3deg) translate(0px, 0px) skew(0deg, 0deg);
	     -o-transform: scale(1) rotate(3deg) translate(0px, 0px) skew(0deg, 0deg);
	    -ms-transform: scale(1) rotate(3deg) translate(0px, 0px) skew(0deg, 0deg);
	        transform: scale(1) rotate(3deg) translate(0px, 0px) skew(0deg, 0deg);}
img.boek
	{   -moz-border-radius: 0px;
	  -khtml-border-radius: 0px;
	 -webkit-border-radius: 0px;
			 border-radius: 0px}

div.tabel {
	display: table;
}

div.rond {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	border: 8px solid #009bea;
	background: #0b51a5;
	color: #fff;
	opacity: 1;
	transition: all 1s;
	z-index: 1;}

div.rond:hover {
	z-index: 2;}

div.rond h1 {
	text-shadow: none;}

div.rond p {
	color: white;}

div.rond img {
	margin-top: 6px;
	width: 50px;}

img.rond:hover {
	opacity: 1;
	box-shadow: 5px 5px 0 #ccc;
	z-index: 0.2;}

.rond {
	-webkit-border-radius:50%;
	 -khtml-border-radius:50%;
	   -moz-border-radius:50%;
	    -ms-border-radius:50%;
			border-radius:50%;}

.rand {
	border: 8px solid #009bea;}

.vaag {
	opacity: 0.6;}

th, span.th {
background: #ddeeff; /* Old browsers || bijwerken kan bij: www.colorzilla.com/gradient-editor/ */
background: -moz-linear-gradient(top,  #f3f7fb 0%, #d0e7f6 49%, #bbdef5 53%, #e7f4fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f7fb), color-stop(49%,#d0e7f6), color-stop(53%,#bbdef5), color-stop(100%,#e7f4fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f7fb 0%,#d0e7f6 49%,#bbdef5 53%,#e7f4fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f7fb 0%,#d0e7f6 49%,#bbdef5 53%,#e7f4fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f7fb 0%,#d0e7f6 49%,#bbdef5 53%,#e7f4fd 100%); /* IE10+ */
background: linear-gradient(top,  #f3f7fb 0%,#d0e7f6 49%,#bbdef5 53%,#e7f4fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fb', endColorstr='#e7f4fd',GradientType=0 ); /* IE6-9 */
	}

}

@media print {
@page {margin:60px}
*	{color:black}
body	{margin:36px}
div.head	{background:yellow}
div.text	{background:#fff; width:680px}
div.kader {border:2px ridge; padding:4px}
div.box	 {border:2px ridge; margin:18px 0px; padding: 8px; overflow:hidden}
div.logo	{display:none}
div.balk	{display:none}
div#menu	{display:none}

h1 {font-size:160%}
h2 {font-size:140%}
h3 {font-size:120%}
h4 {font-size:100%}
h5 {font-size:100%; font-style:italic;}
h6 {font-size:100%; font-style:italic; font-weight:normal}
h1+h2, h1+h3, h1+h4, h1+h5, h1+h6 {margin-top:0px}
h2+h1, h3+h1, h4+h1, h5+h1, h6+h1 {margin-top:0px}
h5,h6 {margin-top:8px}
h5.printnomargintop {margin-top: -40px; font-size: 1.6em}
h1,h2,h3,h4,h5,h6 {margin-bottom:2px; font-family: "Futura Std Medium", Futura, "Century Gothic", Gothic, Serif}
div.box h4 {margin:4px 0px}

p,li,th,td {font-family: Garamond, serif; line-height:125%}
p {margin:0px}
p+p {text-indent:26px}
p.rechts {text-align:right; font-style:italic; margin-top:10px}
p.citaat {margin-left:26px; font-style:italic}
p.noot {font-size:80%; text-indent:0px; margin-bottom:0.5em}
sup {font:bold 60% Arial}

ul,ol {margin:1px 0px 2px 26px; padding-left:0px}
li {margin:0px; list-style-position:outside}

address {margin-left:26px; font-style:normal}
blockquote {margin:8px 8px 8px 26px; font-style: italic}

table,th,td {border:1px solid; border-collapse:collapse}
table {margin-top:10px}
th,td {vertical-align:top; padding:6px}
th {text-align:left}
table.foto {width:100%; border:none; background-color:transparent}
table.foto td {background:transparent; border:none; padding:0px}
table.foto td p {font:normal 80% Arial,sans-serif; color:#888; margin-left:4px; text-align:left}

div.rechts {font-size:80%; text-align:center; color:#aaa; float:right; margin:4px 0px 0px 8px}
div.links  {font-size:80%; text-align:center; color:#aaa; float: left; margin:4px 8px 0px 0px}
img {margin:0px; border:none}
img.hebr {float:right; height:24px}
img.rechts {float:right; margin:4px 0px 8px 8px; clear:both}
img.links  {float:left;  margin:4px 8px 8px 0px; clear:both}
img.logo_bg {display:none}
img.foto {margin:0px}

img.rechts, img.links, img.center, img.foto
	{-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}
.screen, .menu, .overzicht {display:none}
a {text-decoration:none; color:black; border-bottom:1px #ddd solid}

}