body	  { background-color: #fff3ea; 
			color: 00000f; 
		  }
.margin_outside { border: 1px #fff3ea;
			margin: 0px 1px 1px 20px;
		  }
.card-holder
          {
			margin: 1em .5em; 
		  } <!--gutter om die kaart vertik/horiz -->
.card     { height: 4em;
			width: 64em;
			padding: 0.5em 2em;
			border-radius: 0.25em;
			display: table-cell;
			vertical-align: top;
			letter-spacing: -2px;
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); 
		  }
h3        {	font-family: Verdana, sans-serif;
			font-size: 2em;
			font-weight: bold;
		  }	
a         { font-family: Verdana, sans-serif;
			font-weight: normal;
			font-style: normal;
			line-height: 2; 
			color: 00000f;	
		  }
a:hover   { background-color: white;
			color: blue;
		  }
table  	  { font-family: Verdana, sans-serif;
			font-size: 1.3em;
			font-weight: 200;
			font-style: normal;
			line-height: 1.3; 
		  }
#table1 table, tr, td, th 
          {
			border: 1;
		  }
table.zero 
          {
            border: 0px;
			vertical-align: top;
          }
td:first-child
          {
            text-align: left;
          }
td:last-child 
          {
            text-align: right;
          }
		  
#col1     {
            float: right;
            margin-right: 10px;
          }
#col2     {
            float: right;
            margin-right: 50px;
          }
#col3     {
            float: right;
            margin-right: 100px;
          }
.right    {
			position: absolute;
			left: 210px;
			width: 300px;
			border: 0px;
			padding: 1px;
		  }
.left	  {
			text-align: right;
			position: absolute;
			left: 1px;
			width: 200px;
			border: 0px;
			padding: 1px;
		  }
p, th  	  { font-family: Verdana, sans-serif;
			font-size: 1.3em;
			font-weight: 200;
			font-style: normal;
			line-height: 1.3; 
		  }
p.ba      { font-family: Carrois Gothic, sans-serif;
			font-size: 1.6em;
			font-weight: 900;
		  }	
p.bb      { font-family: Carrois Gothic, sans-serif;
			font-size: 2.0em;
			font-weight: 700;
		  }	
p.bc      { font-family: Carrois Gothic, sans-serif;
			font-size: 3.0em;
			font-weight: 700;
			text-align:center;
		  }	
p.blocktext 
	      {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
	      }

span.nobr { white-space: nowrap; 
			font-size: 1.6em;
		  }
hr        { style="border: .5px solid palevioletred; 
			margin-right: 6%;"
		  }
hr.middel 
          {
            width: 270px; 
            color: blue; 
            size: 2;
          }

span.fr   {	color: #711dc4;	
		  }
span.en   { color: #127012;	
		  }
span.arr
	      {
            font-size: x-large
	      }
.card:hover
          {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
		  }
.green-dot 
          {
            display: inline-block;
            width: 10px;
            height: 10px;
            background-color: #9EBCA9; /* OLIVE green */
            border-radius: 50%;
          }
.red-dot 
          {
            display: inline-block;
            width: 10px;
            height: 10px;
            background-color: #FFADAD; /* OLIVE green */
            border-radius: 50%;
          }
.container 
          {
			padding: 2px 18px;
		  }
.bg-opgawe
          {
            background: -webkit-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -o-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -moz-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: linear-gradient(90deg, #d8c9ab 96%, #d5d4ff 40%);
		  }
.bg-jacques 
          {
            color: #fff;
			background: -webkit-linear-gradient(-70deg, #fa7c30 80%, rgba(0, 0, 0, 0) 30%), url('https://www.jacquesduplessis.com/gedigte/jq_gedigte.png');
			background: -o-linear-gradient(-70deg, #fa7c30 80%, rgba(0, 0, 0, 0) 30%), url('https://www.jacquesduplessis.com/gedigte/jq_gedigte.png');
			background: -moz-linear-gradient(-70deg, #fa7c30 80%, rgba(0, 0, 0, 0) 30%), url('https://www.jacquesduplessis.com/gedigte/jq_gedigte.png');
			background: linear-gradient(-70deg, #fa7c30 80%, rgba(0, 0, 0, 0) 30%), url('https://www.jacquesduplessis.com/gedigte/jq_gedigte.png');
		n   background-size: cover;
			background-position: 1% 48%;
			text-align: right;
		  }
.bg-opbeurend
          {
            background: -webkit-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -o-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -moz-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: linear-gradient(90deg, #f1dd50 96%, #d5d4ff 40%);
		  }
.bg-pyn   
          {
			background: -webkit-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -o-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -moz-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: linear-gradient(90deg, #fcc27d 96%, #d5d4ff 40%);
		  }
.bg-liefde 
          {
			background: -webkit-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -o-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -moz-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: linear-gradient(90deg, #fd95cc 96%, #d5d4ff 40%);
		  }
.bg-waarneem
          {
			background: -webkit-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -o-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -moz-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: linear-gradient(90deg, #fca27d 96%, #d5d4ff 40%);
		  }
.bg-mag   
          {
        	background: -webkit-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -o-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: -moz-linear-gradient(80deg, #ff6464 40%, #5ac8fa 40%);
			background: linear-gradient(90deg, #dad870 96%, #d5d4ff 40%);
		  }
.b        
          {
			font-weight: bold; 
		  }
.i        {
        	font-style: oblique; 
		  }
.e100
          {
			position: absolute; left: 120px; 
		  }
a.home    
          {
			background-color: #C773AB;
			color: #fffff5; 
			text-decoration: none; 
			display: inline-block; 
			padding: 0px 22px; 
			font-family: Verdana, Geneva, sans-serif; 
			font-weight: 300; 
			font-size: 2.5em; 
		  }
.round
          {
 			border-radius: 100%; 
		  }
p.a 	  { font-family: Helvetica, sans-serif;
			font-size: 15px; 
			font-weight: lighter;
			font-style: Normal; 
			font-variant: Small Caps;
			Line-height: 0.6; 
		  }
p.abottom
     	  {
			font-family: Helvetica, sans-serif;
			font-size: 15px; 
			font-weight: lighter;
			font-style: Normal; 
			font-variant: Small Caps;
			Line-height: 0.6; 
			display: inline-block;
			vertical-align: bottom;
		  }
p.c 	  
          {
        	font-family: Helvetica, sans-serif;
			font-size: 12px; 
			font-weight: lighter;
			font-style: Normal; 
			font-variant: Small Caps;
			text-align: right;
			Line-height: 0.6; 
		  }
.date
          {
        	font-family: Verdana, Geneva, sans-serif; 
			font-weight: .20; 
			font-size: 0.4em; 
		  }
header	  {
        	color:#6a4ba7; 
			background: #D8C9AB; 
		  }
footer
          {
        	color:#A52A2A; 
		  }
footer.end
          {
			position:relative;
			width:100%;
			bottom:0;
			padding: 1rem;
			background-color:#b1a0db;
			line-height:23px;
			letter-spacing:3px;
			font-family:Helvetica,Arial,Sans-Serif;
			font-weight:700;
			font-size:22px;
			text-transform:uppercase;
			text-align: center
		  }
.button
          {
        	background-color: #8c0000; 
            border: none; color: black; 
			padding: 10px 20px; 
			text-align: center; 
			text-decoration: none; 
			display: inline-block; 
			margin: 4px 2px; 
			cursor: pointer; 
			border-radius: 16px; 
		  }
.emphasis 
          { 
            font-style: italic;
		  }
input[type=button], input[type=submit] 
          {
			background-color: #6a4ba7;
			border: none;
			color: #fff;
			padding: 15px 30px;
			text-decoration: none;
			margin: 4px 2px;
			cursor: pointer;
          }
audio     {
            filter: sepia(80%) saturate(70%) grayscale(0) contrast(99%) invert(12%) drop-shadow(3px 3px 6px tan);
            width: 250px;
            height: 25px;
          }