.tekst, td, body    {color: #616161; font-size: 16px; font-family: Arial, "Times New Roman", Georgia, Serif; }

.titel, h1          {font-size: 30px; font-weight: bold; color: #00205A; margin: 0 0 5px 0; padding: 8px 0; font-family: 'roboto_slabbold', "Times New Roman", Georgia, Serif;}
.titel, h1 {
	text-shadow: 1px  0px 0 #00205A;  
}
.afmitech h1.first {
	text-transform: uppercase;
}

.kop, h2            {font-size: 22px; font-weight: bold; color: #00205A; margin:0; }
.subkop, h3         {font-size: 18px; font-weight: bold; color: #00205A; margin:0; }
.itemkop, th, h4    {font-size: 16px; font-weight: bold; color: #00205A; margin: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: #00205A; border: 0px transparent; text-decoration: underline;}
a:active,
a:hover             {color: #333399; }

/*
a img {
  filter: none;
  -webkit-filter: grayscale(0);
	-webkit-transition:all .8s ease;
	-moz-transition:   all .8s ease;
	-ms-transition:    all .8s ease;
	-o-transition:     all .8s ease;
	transition:        all .8s ease;   
}

a img:hover {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */

}
*/

a.knoop,
a.knoop:link,
a.knoop:visited,
a.knoop:active,
a.knoop:hover       {color: #616161; 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;}

.fa_info {
	position: absolute;
	white-space: nowrap;
	color: white;
	background-color: #00ADEE;
	height: 88%;
	top: 6%;
	right: 50%;
	padding: 0;
	overflow: hidden;
/*	width: 0px; */
	border-radius: 35px 0 0 35px;
	letter-spacing: -50px;
	-webkit-transition:all .8s ease;
	-moz-transition:   all .8s ease;
	-ms-transition:    all .8s ease;
	-o-transition:     all .8s ease;
	transition:        all .8s ease;   
}
.fa_hover .fa-stack-2x {
	color:#00ADEE;
	text-shadow: -1px 0 1px white, 0 1px 1px white, 1px 0 1px white, 0 -1px 1px white;
	transition: all .3s ease-in-out; 
}
.fa_hover:hover .fa-stack-2x { color: #6D6E70; }
.fa_hover:hover .fa_info     { letter-spacing: 0px; padding: 0 55% 0 25%; /*width: auto; */}
.fa_hxxover .fa_info     { padding: 0 55% 0 25%;letter-spacing: normal;}
@media only screen and (max-width: 1100px) { .fa-3x { font-size: 2.5em !important; } }
@media only screen and (max-width:  800px) { .fa-3x { font-size: 2.0em !important; } }
@media only screen and (max-width:  700px) { .fa-3x { font-size: 1.8em !important; } }
@media only screen and (max-width:  600px) { .fa-3x { font-size: 1.5em !important; } }