@font-face {
  font-family:'Fira Sans';
  font-weight:400;
  font-style: normal;
  src: local('Fira Sans Regular'),
       local('Fira-Sans-regular'),
       url('https://static.supporters.nl/fonts/FiraSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family:'Fira Sans Bold';
  font-weight:400;
  font-style: normal;
  src: local('Fira Sans Bold'),
       local('Fira-Sans-bold'),
       url('https://static.supporters.nl/fonts/FiraSans-Bold.ttf') format('truetype');
}
@media screen {
 body {
  margin:0;
  border:0;
  padding:0;
  font-family:'Fira Sans',Arial,Helvetica,sans-serif,Verdana;
  font-size:14px;
  font-style:normal;
  color:#4A4A4A;
  background-color:#FFFFFF;
  height:100%;
 }
 #pagina1,#pagina2 {
  background-color:#000000;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  opacity:0.5;
  z-index:100;
  display:none;
 }
 h1,h2,h3,h4,h5,h6 {
  font-weight:bold;
  font-style:normal;
 }
 h1,h2,h3,h4,h6 {
  line-height:28px;
 }
 h5 {
  line-height:1em;
  margin-top:0 !important;
 }
 h3,h5 {
  color:#D0021B;
 }
 .afbeeldingtekst {
  font-weight:normal !important;
  color:#DDDDDD;
 }
 h1,h2,h1 a,h2 a,h4,h4 a {
  color:#4A4A4A !important;
 }
 section p,section li {
  line-height:20px;
 }
 section p,section h1,section h2,section h3,section h4,section h6 {
  margin:0 0 1em 0 !important;
  padding:0 !important;
 }
 section h3 {
  margin:0 !important;
  padding:0 !important;
 }
 section hr {
  width:100%;
  size:2px;
  padding:0;
  margin:0 0 14px 0;
  display:block;
  position:relative;
  height:0;
  border-top-style:solid;
  border-bottom-style:none;
  border-right-style:none;
  border-left-style:none;
  border-top-width:2px;
  border-top-color:#E6E6E6;
 }
 #middelcontainer {
  margin-top:2em;
 }
 a,a:link,a:visited {
  color:#D0021B;
  text-decoration:none;
  cursor:pointer;
 }
 input[type=submit],section input[type=reset] {
  cursor:pointer;
 }
 section a:hover,section a:active {
  text-decoration:underline;
 }
.zwarteknop {
  background-color:#000000 !important;
  color:#FFFFFF !important;
 }
 ul {
  padding:0 0 0 16px;
 }
 ul li {
  list-style:none;
 }
 ul li:before {
  color:#D0021B;
  content:"○";
  position:relative; 
  left:-8px;
  margin-left:-8px;
 }
 section ul li a {
  color:#000000 !important;
 }
 nav ul li:before,footer ul li:before {
  display:none;
 }
 #inlogform,.verborgen {
  display:none;
 }
 #inloglinks,#inloglinks a {
  font-weight:bold;
  font-size:14px;
  color:#FFFFFF;
 }
 #inloglinks a:hover {
  color:#D0021B !important;
 }
 .breed {
  width:100%;
 }
 .standtabel,.tabel {
  display:table;
  width:100%;
 }
 .standtabel {
  line-height:29px;
 }
 .tabel {
  line-height:20px;
 }
 .smaltabel {
  display:table;
  line-height:29px;
 }
 .standregel,.standeigenregel,.smalregel,.nieuwsregel {
  display:table-row;
 }
 .nieuwscel {
  margin-bottom:17px;
 }
 .standeigenregel {
  background-color:#EEEBE4;
 }
 .standlogo img {
  margin-bottom:-2px;
  min-width:15px;
 }
 .wedstrijdicoon {
  display:table-cell;
  width:24px;
  min-width:24px;
  max-width:24px;
  height:24px;
  margin:0 0 4px 0;
 }
 .standhoeveelste,.standgeheel,.standlogo,.standclub,.standclub,.standgespeeld,.standwinst,.standgelijk,.standverlies,.standpunten,.standdoel,.standsaldo,.standoverige1,.standoverige2,.smalcel,.smalverdwijn {
  display:table-cell;
  white-space:nowrap;
 }
 .nieuwscel,.wedstrijdcel {
  display:table-cell;
  white-space:normal !important;
 }
 .wedstrijdcel {
  padding:0 0 0 1em !important;
  margin:0 0 4px 0 !important;
 }
 .voor1 {
  width:99%;
 }
 .voor2 {
  width:49%;
 }
 .voor3 {
  width:32%;
 }
 .voor4 {
  width:24%;
 }
 .voor5 {
  width:19%;
 }
 .standhoeveelste,.standgeheel,.standlogo,.standclub,.standclub,.standgespeeld,.standwinst,.standgelijk,.standverlies,.standpunten,.standdoel,.standsaldo,.standoverige1,.smalcel,.smalverdwijn {
  padding-right:1em;
 }
 .rechts,.standgespeeld,.standwinst,.standgelijk,.standverlies,.standpunten {
  text-align:right;
 }
 .cel {
  float:left;
  width:10%;
 }
 .kleinecel {
  float:left;
  width:25%;
 }
 .middelcel {
  float:left;
  width:25%;
 }
 .standhoeveelste,.padlinks {
  padding-left:1em;
 }
 .standhoeveelste,.datumrood {
  color:#D0021B;
 }
 .standclub,.standclub a,.zwart,.zwart a {
  color:#000000 !important;
 }
 .standhoeveelste,.standclub,.standgespeeld,.standpunten,.datumrood {
  font-weight:bold;
 }
 .center {
  text-align:center !important;
 }
 #opdelen {
  position:relative;
  margin:0;
  width:100%;
  min-width:100%;
  border:0;
  padding:0;
 }
 .headlinecontainer {
  position:relative;
  min-width:100%;
  width:100%;
  margin-bottom:20px;
 }
 .headlinethumb,.headlinetitel,.headlinereacties,.headlinereactievervolg {
  float:left;
 }
 .headlinereacties a {
  color:#FFFFFF;
  font-size:12px;
  font-weight:600;
 }
 .headlinethumb {
  width:126px;
 }
 .headlinereacties {
  height:28px;
  padding-top:3px;
  background-image:url("https://static.supporters.nl/images/aantal-reacties.png");
  background-repeat:no-repeat;
 }
 .headlinesocial {
  float:right;
  padding-left:12px;
 }
 #opdelen:after,.headlinecontainer:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
 }
 .deeleen {
  float:left;
 }
 .deeltwee {
  float:right;
 }
 section img {
  max-width:100%;
 }
 .schalen {
  height:auto;
 }
 .knopmetruimte {
  margin:5px 0 5px 0;
 }
 .spotlight1 a,.spotlight2 a,.spotlight3 a {
  color:#FFFFFF !important;
 }
 .spotlight1,.spotlight2,.spotlight3 {
  width:100%;
  height:170px;
  margin:0 0 14px 0;
  color:#FFFFFF;
  background-position:center;
  background-repeat:no-repeat;
 }
 .midden {
  position:relative;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:24px;
  font-style:bold;
  text-align:center;
  line-height:1.3em;
 }
 .middel {
  vertical-align:middle;
 }
 .verbergen {
  display:none;
 }
 .reactiecontainer,.reactiehoofd,.reactieslot,.karakteristieken {
  position:relative;
  min-width:100%;
  width:100%;
 }
 .reactieinspringen1,.reactieinspringen2,.reactieinspringen3,.reactieinspringen4,.reactieonderdeel6,.reactieonderdeel7,.reactieonderdeel8,.reactieonderdeel9,.reactieonderdeel10 {
  float:left;
 }
 .reactieinspringen1 {
  width:10%;
 }
 .reactieinspringen2 {
  width:20%;
 }
 .reactieinspringen3 {
  width:30%;
 }
 .reactieinspringen4 {
  width:40%;
 }
 .reactieonderdeel6 {
  width:60%;
 }
 .reactieonderdeel7 {
  width:70%;
 }
 .reactieonderdeel8 {
  width:80%;
 }
 .reactieonderdeel9 {
  width:90%;
 }
 .reactieonderdeel10 {
  width:100%;
 }
 .reactiecontainer:after,.reactiehoofd:after,.reactieslot:after,.karakteristieken:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
 }
 .reactieloginnaam {
  float:left;
  font-weight:bold;
  padding-bottom:0.75em;
 }
 .reactieinfo {
  float:left;
  color:#999999;
  padding:0 0 0.75em 1em;
 }
 .reactiestemmen,.reactiemeer,.grijs {
  color:#999999 !important;
 }
 .reactiestemmen {
  float:left;
  padding:0.75em 0 0.75em 0;
 }
 .reactiemeer {
  float:right;
  padding:0.75em 0 0.75em 1em;
 }
 textarea {
  width:100%;
 }
 .icoon {
  float:left;
  width:24px;
  margin-right:1em;
 }
 .karaktertekst {
  float:left;
  width:auto;
  padding-top:4px;
 }
 .ruimteonder {
  margin:0 0 1em 0 !important;
 }
 .rood {
  color:#D0021B !important;
 }
 .rechtsnaarlinks {
  unicode-bidi:bidi-override;
  direction:rtl;
 }
 .onleesbaar:before {
  content:attr(data-website) "\0040" attr(data-user);
 }
}
