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 */
body {-webkit-font-smoothing: antialiased !important;}
/*@font-face {
  font-family: 'Vollkorn-Regular';
  src: url('css/Vollkorn-Regular.eot?#iefix') format('embedded-opentype')
			,url('css/Vollkorn-Regular.otf')  format('opentype')
			,url('css/Vollkorn-Regular.woff') format('woff')
			,url('css/Vollkorn-Regular.ttf')  format('truetype')
/ *			,url('css/Vollkorn-Regular.svg#Vollkorn-Regular') format('svg'); * /
}
@font-face {
  font-family: 'Vollkorn-Bold';
  src: url('css/Vollkorn-Bold.eot?#iefix') format('embedded-opentype')
			,url('css/Vollkorn-Bold.otf')  format('opentype')
			,url('css/Vollkorn-Bold.woff') format('woff')
			,url('css/Vollkorn-Bold.ttf')  format('truetype')
/ *			,url('css/Vollkorn-Bold.svg#Vollkorn-Bold') format('svg'); * /
	font-weight: normal;
	font-style: normal;
}

strong, b {
 font-family: 'Vollkorn-Bold','Vollkorn-Regular', serif, Helvetica;
}*/ 

.tekst, td, body    {color: #000000; font-size: 16px; line-height: 1.3em; font-family: Arial, Verdana, serif, Helvetica; }

.titel, h1          {font-size: 4em; font-weight: bold; margin: 0; padding: 4px 0; line-height: 1em; }

.kop, h2            {font-size: 20px; font-weight: bold; margin: 0; padding: 4px 0; }
.subkop, h3         {font-size: 18px; font-weight: bold; margin: 0; padding: 4px 0; }

.kop,
.subkop, h3 {
	margin: 0 0 4px -0.5%;
	padding: 1% 0.5%;
	width: 101%;
	background-color: #8eb848;
	display: inline-block;
	color: white;
}
.itemkop, th, h4    {font-size: 16px; font-weight: bold; margin: 0; padding: 4px 0; }
.itemkop a, .itemkop a:link, .itemkop a:visited, .itemkop a:active,
th a, th a:link, th a:visited, th a:active,
h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; }
.date h6            {margin: 0; padding: 0;}
.tekstgroot         {font-size: 16px; }
.tekstklein         {font-size: 11px; }
.tekstheelklein     {font-size:  9px; font-family: Verdana, Arial, Helvetica; }
.tekstfoto          {font-size: 10px; font-style: italic }

.rood               {color: #FF0000; }

a,
a:link,
a:visited,
a:active,
a:hover             {color: #000000; 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: #000000; border: 0px transparent; text-decoration: none;}
a.knoop:hover       {color: #c20023; }

p                   {margin: 0; padding: 0; }
.clear              {clear:both}

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;}

a.button,
a.buttonblauw,
a.buttonred {
  background-color: white;
  border-color: #8eb848;
  /* color: #8eb848 !important; */
  padding: 10px 16px;
  /* font-size: 1.15em; */
  min-width: 90px;
  /* float: left; */
  display: block;
  border-radius: 2px;
  background-color: #8eb848;
  /* 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;
  font-weight: bold;

	-moz-transition:    all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition:      all .4s ease-in;
	transition:         all .4s ease-in;
}
a.buttonblauw {
	border-color: rgb(5, 45, 191);
	color: white !important;
}
a.buttonred {
	border-color: rgb(228,48,44);
	color: white !important;
}

a.button:active,
a.button:hover,
a.buttonblauw:active,
a.buttonblauw:hover {
  background-color: #C9E29E;
}
a.buttonred:active,
a.buttonred:hover {
	background-color: #ffcaca;
	color: rgb(228,48,44) !important;
}

a.buttonred {
	background-color: rgb(228,48,44);
	color: white !important;
}