img[align="right"],
img[style*="float: right"],
img[style*="float:right"]   { margin: 0 0    10px 10px;  } /* ipv LeftRightMarginFix */
img[align="left"],
img[style*="float: left"],
img[style*="float:left"]   { margin: 0 10px 10px 0; }  /* ipv LeftRightMarginFix */

/* ************************************************************************* web fonts */
/*
@font-face {
  font-family: 'marydalebold';
  src: url('css/marydbol.eot');
  src: url('css/marydbol.eot?#iefix') format('embedded-opentype'),
       url('css/marydbol.woff2') format('woff2'),
       url('css/marydbol.woff') format('woff'),
       url('css/marydbol.ttf') format('truetype'),
       url('css/marydbol.svg#marydalebold') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
body    {color: rgb(51, 51, 51); }

.tekst, td, body            {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-seriff; }
.kop1, .titel, h1, .kop, h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; margin-bottom:4px; margin-top: 0; clear:both; }
.kop2, .subkop, h2,
.kop3, .itemkop, th, h4     {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; margin-bottom:4px; margin-top: 0; }
h5, h6              {margin:0;}
.tekstheelklein     {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.tekstfoto          {font-style: italic; }
.rood, h2.rood      {color: #C1002B; }
.disabled           {color: #DDDDDD; font-style: italic; }

/* ********************************************************************** responsive 0 1 */
@media only screen and (max-width: 20000px){
	.kop1, .titel, h1, .kop, h2         {font-size: 38px; }
	.subkop.rood, h2.rood               {font-size: 28px; }
	.kop2, .subkop, h2                  {font-size: 24px; }
	.kop3, .itemkop, th, h4,.tekstgroot {font-size: 18px; }
	.tekst, td, body                    {font-size: 16px; }
	.tekstklein,h6                      {font-size: 12px; }
	.tekstheelklein                     {font-size:  9px; }
	.tekstfoto                          {font-size: 11px; }
}

/* ********************************************************************** responsive 1 .95 */
@media only screen and (max-width: 1100px){
	.kop1, .titel, h1, .kop, h2         {font-size: 36.1px; }
	.subkop.rood, h2.rood               {font-size: 27.0px; }
	.kop2, .subkop, h2                  {font-size: 22.8px; } /* .9 */
	.kop3, .itemkop, th, h4,.tekstgroot {font-size: 17.1px; }
	.tekst, td, body                    {font-size: 15.2px; }
	.tekstklein,h6                      {font-size: 11.4px; }
	.tekstheelklein                     {font-size:  8.9px; }
	.tekstfoto                          {font-size: 10.5px; }
}

/* ********************************************************************** responsive 1 .9 */
@media only screen and (max-width: 1000px){
	.kop1, .titel, h1, .kop, h2         {font-size: 35.8px; }
	.subkop.rood, h2.rood               {font-size: 26.0px; }
	.kop2, .subkop, h2                  {font-size: 21.6px; } /* .9 */
	.kop3, .itemkop, th, h4,.tekstgroot {font-size: 16.2px; }
	.tekst, td, body                    {font-size: 14.4px; }
	.tekstklein,h6                      {font-size: 11.0px; }
	.tekstheelklein                     {font-size:  8.8px; }
	.tekstfoto                          {font-size: 10.0px; }
}

/* ********************************************************************** responsive 1 .85 */
@media only screen and (max-width: 900px){
	.kop1, .titel, h1, .kop, h2         {font-size: 33.0px; }
	.subkop.rood, h2.rood               {font-size: 25.0px; }
	.kop2, .subkop, h2                  {font-size: 20.5px; } /* .9 */
	.kop3, .itemkop, th, h4,.tekstgroot {font-size: 15.2px; }
	.tekst, td, body                    {font-size: 13.0px; }
	.tekstklein,h6                      {font-size: 11.0px; }
	.tekstheelklein                     {font-size:  8.8px; }
	.tekstfoto                          {font-size: 10.0px; }
}

/* ********************************************************************** responsive 1 .8 */
@media only screen and (max-width: 800px){
	.kop1, .titel, h1, .kop, h2         {font-size: 31.9px; }
	.subkop.rood, h2.rood               {font-size: 24.0px; }
	.kop2, .subkop, h2                  {font-size: 19.4px; } /* .8 */
	.kop3, .itemkop, th, h4,.tekstgroot {font-size: 14.0px; }
	.tekst, td, body                    {font-size: 12.4px; }
	.tekstklein,h6                      {font-size:  9.9px; }
	.tekstheelklein                     {font-size:  8.1px; }
	.tekstfoto                          {font-size:  9.0px; }
}
/* ********************************************************************** responsive 2 .7 */
@media only screen and (max-width: 85px){
	.kop1, .titel, h1, .kop, h2         {font-size: 28.1px; }
	.subkop.rood, h2.rood               {font-size: 22.7px; }
	.kop2, .subkop, h2                  {font-size: 17.5px; } /* .7 */
	.kop3, .itemkop, th, h4,.tekstgroot {font-size: 13.0px; }
	.tekst, td, body                    {font-size: 11.2px; }
	.tekstklein                         {font-size:  9.0px; }
	.tekstheelklein                     {font-size:  7.2px; }
	.tekstfoto                          {font-size:  8px; }
}
/* ********************************************************************** responsive 3 .76 */
@media only screen and (max-width: 76px){
	.kop1, .titel, h1, .kop, h2         {font-size: 25.2px; }
	.subkop.rood, h2.rood               {font-size: 20.4px; }
	.kop2, .subkop, h2                  {font-size: 14.4px; } /* .6 */
	.kop3, .itemkop, th, h4,.tekstgroot {font-size: 11.7px; }
	.tekst, td, body                    {font-size: 10.5px; }
	.tekstklein                         {font-size:  9px; }
	.tekstheelklein                     {font-size:  7px; }
	.tekstfoto                          {font-size:  8px; }
}

/* ********************************************************************** responsive 4 .x */
@media only screen and (max-width: 660px){
	.kop1, .titel, h1, .kop, h2         {font-size: 23.4px; }
	.subkop.rood, h2.rood               {font-size: 18px; }
	.kop2, .subkop, h2                  {font-size: 13px; }
}
/* ********************************************************************** responsive 4 .x */
@media only screen and (max-width: 560px){
	.kop1, .titel, h1, .kop, h2         {font-size: 21.6px; }
	.subkop.rood, h2.rood               {font-size: 17.0px; }
	.kop2, .subkop, h2                  {font-size: 12.0px; }
}
/* ********************************************************************** responsive 4 .x */
@media only screen and (max-width: 460px){
	.kop1, .titel, h1, .kop, h2         {font-size: 20px; }
	.subkop.rood, h2.rood               {font-size: 16px; }
	.kop2, .subkop, h2                  {font-size: 11px; }
}

a,
a:link,
a:visited,
a:active,
a:hover             {color: #0000EE; border: 0px transparent; text-decoration: underline;}
a:active,
a:hover             {color: #333399; }

a.knoop,
a.knoop:link,
a.knoop:visited,
a.knoop:active,
a.knoop:hover       {color: #676767; border: 0px transparent; text-decoration: none;}
a.knoop:hover       {color: #c20023; }

a.zwart,
a.zwart:link,
a.zwart:visited,
a.zwart:active,
a.zwart:hover       {color: rgb(51, 51, 51); border: 0px transparent; text-decoration: none;}
a.zwart:hover       {color: #c20023; }

a.highlite  { }
a.highliteC { }
a.highliteZ { }

a.button,
a.buttonred {
  background-color: rgb(91, 173, 15);
  /* border-color: #C1002B; */
  color: white !important;
  padding: 10px 16px;
  /* font-size: 1.15em; */
  min-width: 90px;
  /* float: left; */
  display: block;
  border-radius: 2px;
  /* background-image: url(img/bg-button.png); */
  /* background-repeat: repeat-x; */
  /* background-position: 0 0; */
  text-decoration: none;
  display: inline-block;
  border-style: solid;
  border-width: 2px;
  margin: 3px 0;
  line-height: 1.2em;
  position: relative;
  /* font-weight: 600; */
  text-align: center;
  max-width: 100%;
  /* letter-spacing: -0.03em; */

	-moz-transition:    all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition:      all .4s ease-in;
	transition:         all .4s ease-in;
}
a.button:active,
a.button:hover,
a.buttonred:active,
a.buttonred:hover {
	background-color: #C44242;
	/*color: #C1002B !important;*/
}
a.buttonred {
	background-color: #C1002B;
	color: white !important;
}

.rood a.buttonred {
  border: 2px solid white !important;
}


p                   {margin: 0; padding: 0; }
.clear              {clear:both}
.nowrap             {white-space: nowrap; }

ul                  {background: transparent; margin: 3px 8px 0px 10px; padding: 0px 0px 0px 0px; list-style-type: disc; }
ol                  {background: transparent; margin: 3px 8px 0px 10px; padding: 0px 0px 0px 0px; list-style-type: decimal }
li                  {background: transparent; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}

table.folder                    { border: 2px solid #E4E4E4; }
table.folder td                 { border-right: 2px solid #E4E4E4; }
table.folder tr:nth-child(odd)  { background-color: #E4E4E4; }
table.folder tr:nth-child(even) { background-color: #FFFFFF; }
table.folder tr:first-child     { font-weight: bold; }
table.folder tr:first-child td:first-child {
  background-color: #C1002B;;
  border-left: 2px solid #C1002B;;
  border-top: 2px solid #C1002B;;
  color: white;
}