* {		margin: 0;
    	padding: 0;
    	box-sizing: border-box;}
@font-face {
    	font-family: "LatoLight";
    	src: url("Lato-Light.eot");
    	src: url("Lato-Light.eot?#iefix") format("embedded-opentype"),
         	 url("Lato-Light.woff") format("woff"),
         	 url("Lato-Light.ttf") format("truetype"); 
         
    	font-style: normal;
    	font-weight: normal;
    	text-rendering: optimizeLegibility;}
@font-face {
		font-family: 'Lato';
    	src: url('Lato-BoldItalic.eot');
    	src: url('Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
         	 url('Lato-BoldItalic.woff') format('woff'),
         	 url('Lato-BoldItalic.ttf') format('truetype'); 
    	font-style: italic;
    	font-weight: bold;
    	text-rendering: optimizeLegibility;}
@font-face {
    font-family: 'Lato';
    	src: url('Lato-Bold.eot');
    	src: url('Lato-Bold.eot?#iefix') format('embedded-opentype'),
         	 url('Lato-Bold.woff') format('woff'),
         	 url('Lato-Bold.ttf') format('truetype'); 
    	font-style: normal;
    	font-weight: bold;
    	text-rendering: optimizeLegibility;}
@font-face {
    	font-family: 'Lato';
    	src: url('Lato-Italic.eot');
    	src: url('Lato-Italic.eot?#iefix') format('embedded-opentype'),
         	 url('Lato-Italic.woff') format('woff'),
         	 url('Lato-Italic.ttf') format('truetype'); 
    	font-style: italic;
    	font-weight: normal;
    	text-rendering: optimizeLegibility;}    
body {	height: 100%;
		margin-left: 5cm;
		width: 800px;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover; 
    	font-family:"LatoLight";
    	font-size: 16px;}
h1 {	margin: 0 0 8px 0;
		font-size: 28px;
    	font-family:"LatoLight";
    	font-weight: bold;}
h2 {	margin: 16px 0 8px 0;
		font-size: 24px;
    	font-family:"LatoLight";
    	font-weight: bold;}
h3 {	margin: 16px 0 8px 0;
		font-size: 22px;
    	font-family:"LatoLight";
    	font-weight: bold;}
h5 {	margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 16px;
        font-style: italic;
        font-weight: bold;}
hr {	width: 20cm;
		margin-left: auto;
        margin-right: auto;
        clear: both;}
.lijn	{width: 5cm;
		text-align: left;
		border-top: 1px solid black;}
p	{	text-indent: 2em;
	    text-align: justify;
	    font-family:"LatoLight";
		margin-top: 0.75em; 
    	margin-bottom: 0.75em;}
.dagblad {
    	-webkit-column-count: 2;
    	-moz-column-count: 2;
    	column-count: 2;
    	column-rule: 1px solid black;
    	-webkit-column-gap: 40px;
    	-moz-column-gap: 40px;
    	column-gap: 40px; }
.col	{
		margin-top: .25em;
    	margin-bottom: .25em;
		margin-left: 2em;
		text-align: left;
		text-indent: -1.5em; }
.ordes {font-family: 'Italianno';
		font-weight:400;
		font-size: 20px;
		text-align: justify; }
.rome { font-family: Engravers MT, Times ;
		font-size: 14;
		font-weight: heavy; }
pre {	text-indent: 0em;
  		display:block;
  		font:normal 12px/24px Arial,Monospace !important;
  		color:#262626;
  		background-color:#e0e0e0;
  		background-image:-webkit-repeating-linear-gradient(top, #e0e0e0 0px, #e0e0e0 24px, #f8f8f8 24px, #f8f8f8 48px);
  		background-image:-moz-repeating-linear-gradient(top, #e0e0e0 0px, #e0e0e0 24px, #f8f8f8 24px, #f8f8f8 48px);
  		background-image:-ms-repeating-linear-gradient(top, #e0e0e0 0px, #e0e0e0 24px, #f8f8f8 24px, #f8f8f8 48px);
  		background-image:-o-repeating-linear-gradient(top, #e0e0e0 0px, #e0e0e0 24px, #f8f8f8 24px, #f8f8f8 48px);
  		background-image:repeating-linear-gradient(top, #e0e0e0 0px, #e0e0e0 24px, #f8f8f8 24px, #f8f8f8 48px);
  		padding:0em 1em;
  		white-space: pre-wrap;
  		word-wrap: break-word;}
.site {
    	color: blue; 
    	text-decoration: underline;}
table {	width: 580px;
    	margin-left: 0cm;
		border: 0 ;
    	margin-right: 0cm;
    	border-collapse: separate;
		border-spacing: 0px; 5px;
    	font-family:"LatoLight";
    	font-size: 14px;
		text-align: justify;}
sup { 	font-family: inherit;
		font-size: 8px;}
sub { 	font-family: inherit;
		font-size: 8px;}
.breed {width: 100%; }
.breed2{width: 100%;
		font-size: 12px;}
td	{	vertical-align: top;}
g {		display: inline-block;
    	padding-right: 120px;
    	border-bottom: 1px solid #000000;
    	color: blue;
    	font-size: 12px;
    	margin-bottom: 10px;
    	font-style: normal; }
.nota {	position: absolute;
    	padding: 2px;
	    max-width: 145px;
	    text-align: justify;
		font-style: italic;
		font-size: 10px;}
.eindnota 
		{
		font-weight: bold;
		text-indent:0;
		font-size:smaller}
div.links {
		float:left;
		width:150px;
		margin:0;
		padding:1em; }
div.tekst {
		margin-left:150px;
		padding:1em; }
.pagenum { 	
		position: absolute;
        left: 22cm;
        font-size: smaller;
        color: maroon;
        text-align: right;
        text-indent: 0em;}
.pagelink  		
	{ 	position: absolute;
        left: 1cm;
        font-size: smaller;
        text-align: right;
        text-indent: 0em;}
select {
		border: 0 !important;  
		-webkit-appearance: none;  
		-moz-appearance: none; 
		background: #f9f9f9;
		text-indent: 0.01px; 
		text-overflow: ""; 
		color: #333;
		border-radius: 2px;
		padding: 5px;
		box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
		font-family: "LatoLight";}
.select:hover {
    	background-color: #ddd;        
    	background-image: linear-gradient(top, #fafafa, #ddd);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', 
    	EndColorStr='#dddddd'); }
.select:active {
    	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    	position: relative;
    	top: 1px;}
div.beeld {
    	display: block;
    	margin-left: auto;
    	margin-right: auto }
div.beeld p {
  		text-align: justify;
  		font-weight: bold;
  		font-size: smaller;
  		text-indent: 0;}
div.beeld1 {
    	display: block}
div.beeld1 p {
  		text-align: justify;
  		font-weight: bold;
  		font-size: smaller;
  		text-indent: 0;
  		margin-left: 3cm;
    	margin-right: 2.2cm}
.textoverimage { 
   		position: relative; 
   		width: 100%; /* for IE 6 */ }
.text { 
   		position: absolute; 
   		text-align: justify;
   		text-indent: 0em;
   		bottom: 0; }
.button {	
		color: grey;
    	border: none
    	border-radius: 10px;
   		padding: 5px 10px;
  		font-family: "LatoLight";
  		font-weight: 300;
  		font-size: 14px;
  		line-height: 14px;
    	margin: 6px auto;
    	display: inline-block;
    	text-decoration: none;
    	display: inline-block;
    	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    	-webkit-transition: background-color .5s linear;
    	-moz-transition: background-color .5s linear;
    	-ms-transition: background-color .5s linear;
		-o-transition: background-color .5s linear;
		transition: background-color .5s linear;}
.button:hover, .button:active {
		color:#000;
  		font-weight: bold;}
y   {	display: inline-block;
		font-size: 14;
		font-style: italic;
		border-top: 1px solid #000000;}
iframe {border:none;}
haakje{	vertical-align: middle;
		font-size: 38;
		font-weight: lighter; }
.fractie {		
		display: inline-block;
    	vertical-align: middle; 
    	margin: 0 0.2em 0.4ex;
    	text-align: center;}
.fractie > span {
    	display: block;
    	padding-top: 0.15em; }
.fractie span.fdn {
		border-top: thin solid black;}
.fractie span.bar {
		display: none;}
wortel{	vertical-align: middle;
		font-size: 49; }
supln { display: inline-block;
		text-align: -5px;
		border-top: solid black 1px;}
tt {	font-size: 14;
		font-weight: lighter; }
bg {	letter-spacing: -3px }
