#loader {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1000;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.slidePageInFromLeft {
  -webkit-animation: slidePageInFromLeft .8s cubic-bezier(.01,1,.22,.99) 1 0.25s normal forwards;
  -o-animation: slidePageInFromLeft .8s cubic-bezier(.01,1,.22,.99) 1 0.25s normal forwards;
  animation: slidePageInFromLeft .8s cubic-bezier(.01,1,.22,.99) 1 0.25s normal forwards
}

.openpage {
  -webkit-animation: rotatePageInFromRight 1s cubic-bezier(.66,.04,.36,1.03) 1 normal forwards;
  -o-animation: rotatePageInFromRight 1s cubic-bezier(.66,.04,.36,1.03) 1 normal forwards;
  animation: rotatePageInFromRight 1s cubic-bezier(.66,.04,.36,1.03) 1 normal forwards
}

.slidePageBackLeft {
  opacity: 1;
  left: 0;
  -webkit-animation: slidePageBackLeft .8s ease-out 1 normal forwards;
  -o-animation: slidePageBackLeft .8s ease-out 1 normal forwards;
  animation: slidePageBackLeft .8s ease-out 1 normal forwards
}

.slidePageLeft {
  opacity: 1;
  -webkit-transform: rotateY(0) translateZ(0);
  -ms-transform: rotateY(0) translateZ(0);
  -o-transform: rotateY(0) translateZ(0);
  transform: rotateY(0) translateZ(0);
  -webkit-animation: slidePageLeft .8s ease-out 1 normal forwards;
  -o-animation: slidePageLeft .8s ease-out 1 normal forwards;
  animation: slidePageLeft .8s ease-out 1 normal forwards
}

.fadeOutback {
  -webkit-animation: fadeOutBack 0.3s ease-out 1 normal forwards;
  -o-animation: fadeOutBack 0.3s ease-out 1 normal forwards;
  animation: fadeOutBack 0.3s ease-out 1 normal forwards
}

.fadeInForward-1,
.fadeInForward-2,
.fadeInForward-3 {
  /* opacity: 0;*/
  /* WB NIET NODIG VOOR WERKING -webkit-transform: translateZ(-5em) scale(0.75);
  -ms-transform: translateZ(-5em) scale(0.75);
  -o-transform: translateZ(-5em) scale(0.75);
  transform: translateZ(-5em) scale(0.75);
  -webkit-animation: fadeInForward .5s cubic-bezier(.03,.93,.43,.77) .4s normal forwards;
  -o-animation: fadeInForward .5s cubic-bezier(.03,.93,.43,.77) .4s normal forwards;
  animation: fadeInForward .5s cubic-bezier(.03,.93,.43,.77) .4s normal forwards */
}



@keyframes fadeInForward {
  0% {
    -webkit-transform: translateZ(-5em) scale(0);
    -ms-transform: translateZ(-5em) scale(0);
    -o-transform: translateZ(-5em) scale(0);
    transform: translateZ(-5em) scale(0);
    opacity: 0
  }

  100% {
    -webkit-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    -o-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    opacity: 1
  }
}

/* weggehaald, niet nodig in chrome, maar dan werken de pagina's niet meer in Firefox */
@keyframes rotatePageInFromRight {
  0% {
    -webkit-transform: rotateY(-90deg) translateZ(5em);
    -ms-transform: rotateY(-90deg) translateZ(5em);
    -o-transform: rotateY(-90deg) translateZ(5em);
    transform: rotateY(-90deg) translateZ(5em);
    opacity: 0
  }

  30% {
    opacity: 1
  }

  100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);
    opacity: 1
  }
}
/* weggwhaald */

@keyframes slidePageLeft {
  0% {
    left: 0;
    -webkit-transform: rotateY(0deg) translateZ(0);
    -ms-transform: rotateY(0deg) translateZ(0);
    -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);
    opacity: 1
  }

  70% {
    opacity: 1
  }

  100% {
    opacity: 0;
    left: -150%;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg)
  }
}

@keyframes slidePageInFromLeft {
  0% {
    opacity: 0
  }

  30% {
    opacity: 1
  }

  100% {
    opacity: 1;
    left: 0
  }
}

@keyframes slidePageBackLeft {
  0% {
    opacity: 1;
    left: 0;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95)
  }

  10% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
  }

  70% {
    opacity: 1
  }

  100% {
    opacity: 0;
    left: -150%
  }
}
.ntto-wrapper {
   /* padding: 2em .5em; */
   /* max-width: 1254px;
   margin: 0 auto*/
  width: 100%;
  height: 100%;
  -webkit-perspective: 3300px;
  -ms-perspective: 3300px;
  -o-perspective: 3300px;
  perspective: 3300px;
  position: relative;
  margin-left: 2px;
}

.dashboardnoani{
	margin: 0 auto;
	width: 100%;
        text-align: -webkit-center;
        text-align: -moz-center;
    text-algin: -ms-cen
}

.headerlogo{
    max-width:1200px;
}

div[id^='veld_nodig_']{
    display:none;
    color: red;
    font-size:16px;
    margin-top:4px;
}

.div_success{
    font-size:14px;
    text-align: justify;
    background: #E2F1C6;
    border: 2px solid;
    border-color: #4E6B1A;
    border-radius: 5px;
    padding:5px;
    margin-top:5px;
    color:#4E6B1A;
}

#div_error{
    font-size:12px;
    text-align: justify;
    background: #FACFCF;
    border: 1px solid;
    border-color: #E00000;
    border-radius: 5px;
    padding:5px;
    color:#E00000;
}

.trs_button {
        padding:3px 8px;
        display: inline;
        font:bold 1em Arial; color:#ffffff;
        text-shadow: 0px 1px 1px #000000;
        filter: dropshadow(color=#000000, offx=0, offy=1);

        background: rgb(106,155,203); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(106,155,203,1) 0%, rgba(61,125,188,1) 49%, rgba(47,115,182,1) 50%, rgba(31,105,177,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,155,203,1)), color-stop(49%,rgba(61,125,188,1)), color-stop(50%,rgba(47,115,182,1)), color-stop(100%,rgba(31,105,177,1))); /* Come,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(106,155,203,1) 0%,rgba(61,125,188,1) 49%,rgba(47,115,182,1) 50%,rgba(31,105,177,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(106,155,203,1) 0%,rgba(61,125,188,1) 49%,rgba(47,115,182,1) 50%,rgba(31,105,177,1) 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, rgba(106,155,203,1) 0%,rgba(61,125,188,1) 49%,rgba(47,115,182,1) 50%,rgba(31,105,177,1) 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9bcb', endColorstr='#1f69b1',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, rgba(106,155,203,1) 0%,rgba(61,125,188,1) 49%,rgba(47,115,182,1) 50%,rgba(31,105,177,1) 100%); /* W3C */

        border:2px solid #cccccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.trs_button:hover{
    cursor: pointer;
}


.image-basket img {
  display: block; /* Verwijdert eventuele standaard witruimte onder de afbeelding */
  width: 100%; /* Optioneel: zorgt ervoor dat de afbeelding de breedte van de container vult */
  height: auto; /* Behoudt de verhouding van de afbeelding */
}

.basket-number {
    position: absolute;
    top: 28%; /* Centreert verticaal */
    left: 75%; /* Centreert horizontaal */
    transform: translate(-50%, -50%); /* Nauwkeurige centrering van het cijfer */
    color: #FFF; /* Kleur van het cijfer */
    font-size: 14px; /* Grootte van het cijfer */
    font-weight: bold; /* Maakt het cijfer dikgedrukt */
    width: 25px;
    height: 25px;
    background-color: #ff6826;
    border-radius: 25px;
}




/* De tekstbubble voor de gewijzigde websites */
.evchangedweb {
	position: relative;
	display: table-cell;
	width: 80%;
	height: 34px;
	padding: 1px;
	background: lightgrey;
	color: #030100;
	vertical-align: middle;
    text-align: left;
}

.evchangedweb1 {
    position: relative;
	display: table-cell;
	width: 20%;
	vertical-align: middle;
    text-align: left;
	height: 34px;
    margin-left: 3px;
	background: #ff6826;
    color:white;
}

.evchangedweb:after {
	content: "";
	position: absolute;
	top: 8px; /* bepaald de verticale positie van de driehoek van de bubble */
	left: -8px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent lightgrey;
	display: block;
	width: 0;
	z-index: 1;
}

.evchangedweb p {
	text-align: left;
	font-size: small;
    height: 32px;
}

.evtable{
	display: table;
	font-size: small;
	color: #ff6826;
	padding: 1px;
	vertical-align: middle ;
    width:100%;
    /*height:57px;     */
}

.evkol1 {
	height: 47px; /* bepaald de verticale hoogte van de datum van het evenement */
	width: 50px;
    padding-top:13px;
}

img.ev-header{
	width:100%;
	margin: 0px;
	padding: 0px;
 }


.cwtable{
	display: table;
	font-size: small;
	color: #ff6826;
	padding: 1px;
	vertical-align: middle ;
    width:100%;
    height:20px;
}

.pp_img_article{
    margin-top:5px;
    max-width: 100%;
}

.nieuws_datum_header{
    margin-top:3px;
    text-align:left;
    padding:3px;
    width:100%;
    border: 1px solid #ff6826;
    border-radius: 5px;
}



p.pp_header
{
	font-weight: bold;
    text-align: left;
    margin-left:5px;
}
p.pp_inhoud
{
    text-align: left;
    margin-left:5px;
}
p.pp_alineaheader
{
	font-weight: bold;
    text-align: left;
    margin-left:5px;
}

/* programma op de kalender */

.ntto_tabel {
    width: 96.5%;
    border-collapse: collapse;
    white-space: nowrap;
    overflow-x: scroll;
}

.ntto_tabel tr:nth-child(even){background-color: #E9F7FC;}

.ntto_tabel td, .ntto_tabel th {
    font-size: 12px;
    border: 1px solid #80c4E9; /* opacity 0.5 ntto logo kleur */
    padding: 6px 3px 6px 3px;
    //width:100%;
}

.ntto_tabel th {
    font-size: 12px;
    text-align: left;
    background-color: #80c4E9;    /* opacity 0.5 ntto logo kleur */
    color: #ffffff;
}

.ntto_tabel tr.alt td {
    color: #000000;
    background-color: #E5F3FB;   /* opacity 0.1 ntto logo kleur */
}

.ntto_tabel tr.jaar_header {
    color: #FFF;
    font-weight: bold;
    background-color: #008ad3; /* ntto logo kleur */
}

.tr-top{
    vertical-align: top;
}


h4 {
  margin-top: 25px;
}

.nieuwstegel_titel{
    font-size: 15px;
    font-weight: bold;
}

.nieuwstegel_tekst{
    font-size: 14px;
}

h1.nieuwskop{
    text-align: left;
    font-size:14px !important;
}

p.nieuwsovz{
    text-align: left;
    font-size:12px !important;
}
.nieuwstegel{
    height: 355px;
}

.kal-event{
    width: 200px;
}

.inlog-menu{
    width: 301px !important;
}

.bck-nieuws{
    background-color: #f4f4f2;
    padding-right: 5px;
}
.row {
  /* margin-bottom: 20px; */
  max-width:1200px;
}

[class*="col-"] {
  padding-top: 2px;
  /* padding-bottom: 10px; */
  padding-left: 2px;
  padding-right: 5px;
  /*background-color: #eee;
  background-color: rgba(86,61,124,.15); 
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);*/
  /* margin: 10px; */
}
.kalklasTitel{
    padding-top: 121px;
}
.fullwidthBar{
    width: 1220px;
}
.col-uitslagen{
  padding-top: 10px;
  padding-bottom: 10px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #96c6e8;
    margin: 1em 0;
    padding: 0;
}

.ntto-col{
    /* background-color: #008dd0; */
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
    padding: 10px;
    height: 65px;
}

.ntto-col-laag{
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
    padding-left:10px;
    padding-top:2px;
    padding-bottom:2px;
    height: 30px;
}


.kalender-col{
    padding-top: 10px;
}
.kalender-col1{
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
    padding: 0px;
    height: 50px;
    /* background-color: #008dd0; -- blauwe kleur */
    background-color: #ff6826;
    color: white;
    width: 100%;
    border-radius: 5px;
    margin-bottom:4px;
}
.ntto-col-blauw{
    height:45px;
    padding-left:20px;
    padding-right:20px;
    padding-top:7px;
    padding-bottom:7px;
    background-color: #008dd0 !important;
}

.kalenderrow{
	height: 63px;
}

.zoekresultaten{
    background-color: #008dd0;
    color: white;
    padding-bottom: 5px;
    padding-top: 5px;	
}

.ntto-container{
    max-width: 1200px;
    padding-left: 0px;
    padding-top: 3px;
}
/* .col-md-3 {
width: 23%;
}
.col-md-8 {
width: 72.66666667%;
}
.col-md-6 {
width: 48%;
}
*/
img.nieuwsplaatje {
    height: 150px !important;
    max-width: 250px;
    padding-left: 10px;
}

.h1, h1 {
/* font-size: 18px; */
font-size: 30px;
margin-top: 2px;
margin-bottom: 2px;
font-weight: bold;
}
.h2, h2 {
    font-size: 26px;
    font-weight: bold;
    margin-top: 4px;
    margin-left: 10px;
    text-align: left;
}
.paginaTitel{
	color: #008ad3;
    padding-bottom: 10px;
}
.kiesJaar{
    padding-top: 11px;
}
.imgMaps{
    margin-top:5px;
    width: 50px;
    height: 50px;
}
.kalMaps{
    text-align: right;
    margin-right: 10px;
}
.ntto-zoek{
	vertical-align: middle;
}
.ntto-zoekButton{
	background-color: #008dd0;
	color: white;
}
.ntto-leeg{
	background-color: white;
	border-color: white;
}
.input-append .btn.dropdown-toggle {
    float: none;
}
.ntto-uit-btn{
	background-color: #008dd0;
	color: white;
	height: 52px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px;
}
.ntto-uit1-btn{
	background-color: #d84303;
	color: white;
	height: 52px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px;
}

  .tile {
  float: left;
  margin: 0 auto 1%;
  color: #f6f6f6;
  font-size: 1.3em;
  text-align: center;
  height: 9em;
  font-weight: 300;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  color: #333;
  position: relative;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out
}

.tile2 {
  float: left;
  margin: 0 auto 2%;
  color: white;
  font-size: 1.3em;
  text-align: center;
  height: 8em;
  font-weight: 300;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background-color: #f4f4f4;
  color: #333;
  position: relative;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  height: 133px;
}
.tile2x {
  float: left;
  margin: 0 auto 2%;
  color: white;
  font-size: 1.3em;
  text-align: center;
  height: 8,1em;
  width: 630px;
  font-weight: 300;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background-color: #f4f4f4;
  color: #333;
  position: relative;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out
}

.tile-2xbig {
  height: 18.15em;
  width: 100%;
}

.tile-ev {
  height: 100%;
  width: 100%;
}

.tile-fs{
  width: 100%;
  top: 5px;
}

.tile-t{
  width: 100%;
  top: 3px;
}

.tile-2xbigT {
  height: 16.15em;
  width: 100%;
  padding-top: 0.3em;
  text-align: left;
  font-size: small;
}

.tile-2xbigFs {
  height: 16.15em;
  width: 100%;
  padding-top: 0.1em;
  text-align: left;
  font-size: small;
}

.tile-2xbighalfwide {
  height: 16.15em;
  width: 51%
}

.tile-2xbighalfwideGN {
  height: 16.15em;
  width: 50%;
  padding-right: 0.3em;
  text-align: left;
  font-size: small;
}

.tile-2xbighalfwideN {
  height: 16.15em;
  width: 50%;
  padding-left: 0.3em;
  text-align: left;
  font-size: small;
}

.tile-big {
  width: 100%
}

.tile img {
  width: 100%;
  height: 70%;
}


.tile50 img {
  width: 100%;
  height: 40%
}

.tile-caption {
  position: absolute;
  z-index: 1;
  background-color: #000000;
  color: #ffffff;
  font-size: 0.6em;
  font-weight: 600;
  padding: 1em;
  opacity: 0.6;
  text-align: left

}


  .bubble {
    position: absolute;
    width: 250px;
    height: 100px;
    padding: 0px;
    background: #66665e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

  .bubble:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 110px;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #66665e transparent;
    display: block;
    width: 0;
    z-index: 1;
}

  .bubble-top {
    position: absolute;
    left: 0;
	bottom: 0;
	right: 0;
	height: 15%;
    background: #66665E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	opacity: 0.8;
	color: #ffffff;
	text-align: left;
	padding: 1;
	font-size: 0.6em;
	font-weight: 600;

}

  .bubble-top:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 110px;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #000000 transparent;
    display: block;
    width: 0;
	opacity: 0.8;
	color: #ffffff;
	text-align: left;
	padding: 1;
	font-size: 0.6em;
	font-weight: 600;
    z-index: 1;
}

.bubble-top1 {
    position: absolute;
    left: 0;
	bottom: 0;
	right: 0;
	height: 16%;
	padding-left : 10px;
    background: -webkit-linear-gradient(90deg, #E8E8E5 5%, #080808 100%);
    background: -moz-linear-gradient(90deg, #E8E8E5 5%, #080808 100%);
    background: -ms-linear-gradient(90deg, #E8E8E5 5%, #080808 100%);
    background: linear-gradient(180deg, #080808 5%, #E8E8E5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#080808', endColorstr='#E8E8E5');
    -webkit-box-shadow: 2px 2px 10px 0px #616161;
    -moz-box-shadow: 2px 2px 10px 0px #616161;
    box-shadow: 2px 2px 10px 0px #616161;
	opacity: 0.9;
	color: #ffffff;
	text-align: left;
	padding: 1;
	font-size: 16px;
	font-weight: bold;

}

.bubble-bottom-tekst{
    opacity:1;
    color: #ffffff;
	text-align: left;
	padding: 1;
	font-size: 16px;
	font-weight: bold;
}


  .bubble-top1:after {
    content: "";
    position: absolute;
    top: -14px;
    left: 110px;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #080808 transparent;
    display: block;
    width: 0;
	opacity: 0.8;
	color: #ffffff;
	text-align: left;
	padding: 1;
	font-size: 0.7em;
	font-weight: 600;
    z-index: 1;
}


.bubble-bottom {
    position: absolute;
    left: 0;
	bottom: 0;
	right: 0;
	height: 23%;
	padding-left : 3px;
    background: white;
    -webkit-box-shadow: 2px 2px 10px 0px #050505;
    -moz-box-shadow: 2px 2px 10px 0px #050505;
    box-shadow: 2px 2px 10px 0px #050505;
    opacity: 0.7;
}

.bubble-bottom-tekst{
    color:#000;
    opacity:1;
    text-align: left;
	padding: 1;
	font-size: 12px;
	font-weight: bold;
}


  .bubble-bottom:after {
    content: "";
    position: absolute;
    top: -14px;
    left: 110px;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
	opacity: 0.7;
	color: #ffffff;
	text-align: left;
	padding: 1;
	font-size: 0.7em;
	font-weight: 600;
    z-index: 1;
}



  .bubble-top-small {
    position: absolute;
    left: 0;
	bottom: 0;
	right: 0;
	height: 25%;
	padding-left : 10px;
    background: -webkit-linear-gradient(90deg, #E8E8E5 5%, #080808 100%);
    background: -moz-linear-gradient(90deg, #E8E8E5 5%, #080808 100%);
    background: -ms-linear-gradient(90deg, #E8E8E5 5%, #080808 100%);
    background: linear-gradient(180deg, #080808 5%, #E8E8E5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#080808', endColorstr='#E8E8E5');
    -webkit-box-shadow: 2px 2px 10px 0px #616161;
    -moz-box-shadow: 2px 2px 10px 0px #616161;
    box-shadow: 2px 2px 10px 0px #616161;
	opacity: 0.8;
	color: #ffffff;
	text-align: left;
	padding: 1;
	font-size: 0.6em;
	font-weight: 600;

}

  .bubble-top-small:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 20px; /* positie van de driehoek van de caption vanaf links */
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #080808 transparent;
    display: block;
    width: 0;
    opacity: 0.9;
    color: #ffffff;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 1;
}
  .bubble-top-small:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 19px; /* positie van de driehoek van de caption vanaf links */
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: white transparent;
    display: block;
    width: 0;
    opacity: 0.9;
    color: #ffffff;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 1;
}

  .bubble-right {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 120px;
    height: 200px;
    padding-left : 10px;
    /* background: #F5F5E9; */
    background: white;
    -webkit-box-shadow: 2px 2px 10px 0px #050505;
    -moz-box-shadow: 2px 2px 10px 0px #050505;
    box-shadow: 2px 2px 10px 0px #050505;
    opacity: 0.7;
    color: #000000;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
}

  .bubble-right:after {
    content: "";
    position: absolute;
    top: 55px;
    left: 120px;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent white;
    display: block;
    width: 0;
    opacity: 1;
    color: #000000;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 1;
}

  .bubble-right:before {
    content: "";
    position: absolute;
    top: 55px;
    left: 120px;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent black;
    display: block;
    width: 0;
    opacity: 0.9;
    color: black;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 1;
}

/* De tekstbubble voor de evenementen */
.evbubble {
	position: relative;
	display: table-cell;
	width: 255px; /* bepaald de breedte van het vlak van de evenement naam */
	height: 49px;
	padding: 1px;
	background: #2BCEFA;
	color: #030100;
	vertical-align: middle;
        text-align: left;
}

.evbubble:after {
	content: "";
	position: absolute;
	top: 13px; /* bepaald de verticale positie van de driehoek van de bubble */
	left: -8px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #2BCEFA;
	display: block;
	width: 0;
	z-index: 1;
}

.evbubble p {
	text-align: middle;
	font-size: small;
}

.caption-bottom {
  left: 0;
  bottom: 0;
  right: 0;
  height: 15%;
}

.caption-bottom-small {
  left: 0;
  bottom: 0;
  right: 0;
  height: 30%;
}

.caption-left {
  left: -100%;
  top: 0;
  bottom: 0;
  width: 40%;
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  transition: left .3s linear

}

.caption-left-fixed {
  left: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  transition: left .3s linear

}

.caption-top-fixed {
  top: 0;
  width: 100%;
  caption-side: top;
  opacity: 1;
  background-color: blue;
  color: white;
  font-family: 'Open Sans', sans-serif;
  /* font-family: 'Lato', sans-serif; */
  font-weight: 300;
  font-size: 12px;
}

.tile:hover .caption-left {
  left: 0
}


.tile-small {
  width: 49%;
  margin-right: 2%
}

.tile-small1 {
  width: 100%;
  margin-right: 2%;
  height:100px;
}

.tile-small_tv {
  width: 100%;
  margin-right: 2%;
  height:250px;
}

.tile-small.last {
  margin-right: 0
}

.tile div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  padding: 0 1em;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.tile div p {
  display: table-cell;
  vertical-align: middle
}

.tile2 div p {
  display: table-cell;
  vertical-align: middle
}
/*styling the individual tiles*/

.tile-1 {
  /* background-color: #56D9C9; */
  background-color: #ff6826;

  color: white
}

.tile-2 {
  background-color: #455962;
  color: white;
}

.tile-2:hover {
  background-color: white;
  color: #455962
}

.tile-zm {
   background-color: #008dd0;
   color: white;
 }

.tile-zm:hover {
  background-color: #008dd0;
  color: white;
}

.tile-3 {
  background-color: #ddd;
  color: #455962
}

.tile-3:hover {
  background-color: white;
  color: #455962
}

.tile-4 {
  /* background-color: #56D9C9; */
  background-color: #f4f4f2;

  color: white
}

.tile-5 {
  background-color: #FCC120;
  color: white
}

.tile-5:hover {
  background-color: #fff;
  color: #FCC120
}

.tile-6 {
  background-color: #3EC7F3;
  color: white
}

.tile-7,
.tile-8 {
  background-color: transparent;
}

.tile-10 {
  background-color: #ffffff;
  color: white
}

.tile-10:hover {
  background-color: white;
  color: #F0514A
}

.tile-10 div {
  text-align: left
}

.tile-3 p {
  font-size: 4em;
  margin-top: .5em
}

.tile-5 p,
.tile-6 p {
  font-size: 2em
}

.tile-5 p span,
.tile-6 p span {
  font-size: 1.3em;
  margin-right: .7em;
  position: relative;
  top: .15em
}

.tile-6 p span {
  margin-right: 1em
}


/* slide text inside tile to the right*/

.slideTextRight div:first-child {
  left: -100%
}

.slideTextRight:hover div {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ul_fs {
    text-align: left;
    list-style: none;
    list-style-image:url("../images/li_fs.png");
    margin-left:-10px;
}

.ul_t {
    text-align: left;
    list-style: none;
    list-style-image:url("../images/li_t.png");
    margin-left:-10px;
}

.ul_gn {
    text-align: left;
    list-style: none;
    list-style-image:url("../images/li_gn.png");
    margin-left:-10px;
}

.ul_alg {
    text-align: left;
    list-style: none;
    list-style-image:url("../images/li_alg.png");
    margin-left:-10px;
}



a.nieuwslinkFront{
	color:#337ab7;
}

a.nieuwslinkFront:visited{
	color: #337ab7;
}

/* slide text inside tile to the left */

.slideTextLeft div:nth-child(2) {
  left: 100%
}

.slideTextLeft:hover div {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

/* slide text inside tile up */

.slideTextUp div:nth-child(2) {
  top: 100%
}

.slideTextUp:hover div {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

p.zoekv{
	margin-left: 20px;
	width:80%;
}

p.zoekknop{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.voorgrond{
	z-index: 999;
}

.uitslagen_table_nieuws{
    font-size:11px;
    border-collapse: collapse;
    width: 100%;
    overflow-x:auto;
    margin-top:10px;
}

.uitslagen_table_nieuws tr:nth-child(even){background-color: #ececec;}

.uitslagen_table_nieuws th{
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #96c6e8;
    vertical-align: top;
    color:fff;
    font-weight: bold;
}

.uitslagen_table_nieuws td{
   padding-top: 4px;
   padding-bottom: 4px;
}

.tr_competitie{
    border-bottom: 1px solid #96c6e8;
    color:#252CB1;
    font-weight: bolder;
}

.tr_niet_competitie {
    color:#525252;
    border-bottom: 1px solid #96c6e8;
    font-style: italic;
    font-weight: bolder;
}

.uitslagheader{
	background-color: #e95515;
	color: white;
    font-weight: bold;
}

.uitslagcol{
	/* background-color: #008dd0; */
    background-color: #ff6826;
	color: white;
	height: 50px;
	
}
.nieuwscol{
	background-color: #008dd0;
	color: white;
	height: 100px;
	padding: 7px;
	font-size: 1.3rem;
	box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
}
.standcol{
	background-color: #008dd0;
	color: white;
	/* height: 50px; */
	
}
td.toon{
	background-color: #0372c3;
	cursor: pointer;
	height: 50px;
}
td.toonu{
	/* background-color: #0372c3; */
    background-color: #ee5c1c;
	cursor: pointer;
	height: 50px;
}
.kal-programma{
	/*background-color: #ee5c1c;
	cursor: pointer; */
    margin-left:25px
}
td.weblink{
	/*background-color: #117cd8;
	color: white;     */
    margin-left:17px
}
.kal-deelnemers{
	/* background-color: #008dd0; -- blauwe kleur */
        background-color: #f3753e;
	color: white;
        height: 44px;
}
.kal-weblink{
	/* background-color: #008dd0; -- blauwe kleur */
    /*background-color: #c04e1d;
    background-color: #dc4707;
	color: white; */
    margin-left:25px;
}
.kal-facebook_link{
	/* background-color: #008dd0; -- blauwe kleur */
    background-color: #c04e1d;
	color: white;
    padding-right: 7px;
    height: 49px;
}


td.weblinku{
	/*background-color: #117cd8;*/
        background-color: #e95515;
	color: white;
        width:20%;
}
td {
	padding-left: 10px;
	/* font-family: arial; */
}
a.nieuws:link{
    color: white;
}
a.nieuws:link{
    color: white;
}
a.nieuws:visited{
    color: white;
}

b, strong {
  font-weight: 800;
}
td.geenComp{
	font-style: italic;
}
.comp{
	/*font-family: arial; */
}
.input-group-addon{
	z-index: 10;
}
.fotorijkleur{
	background-color: #fff4ef;
}
.standenrijkleur{
	background-color: #b1b1b0;
}

img.profielfoto {
    display: block;
    margin: 0 auto;
    clear: right;
    width: 500px;
}
.col-md-8{
	/* margin-left: -15px; */   
}

.col-md-12{
	/* margin-left: -15px;*/
}
.col_even{
    background-color: #c7c7c6;
    color: white;
    opacity: 0.9;
    padding-left: 0px;
}
.col_oneven{
    background-color: #aeaeae;
    color: white;
    opacity: 0.9;
    padding-left: 0px;
}
.col-header{
    color: #008dd0;
    font-family: Open Sans;
    opacity: 0.9;
}
.weblink:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 58.5%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #008dd0;
    display: block;
    width: 0;
    opacity: 1;
    color: #008dd0;
    text-align: left;
    padding: 1;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.weblink:before {
    content: "";
    position: absolute;
    top: 19px;
    left: 60.5%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #008dd0;
    display: block;
    width: 0;
    opacity: 1;
    color: #008dd0;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.weblinku:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 52.2%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #ff6826;
    display: block;
    width: 0;
    opacity: 1;
    color: #117cd8;
    text-align: left;
    padding: 1;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.weblinku:before {
    content: "";
    position: absolute;
    top: 19px;
    left: 52.4%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent white;
    display: block;
    width: 0;
    opacity: 1;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.kal-facebook_link:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 84.5%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #dc4707;
    display: block;
    width: 0;
    opacity: 1;
    color: #117cd8;
    text-align: left;
    padding: 1;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.kal-facebook_link:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 84.5%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent white;
    display: block;
    width: 0;
    opacity: 1;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.toon:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 78%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #e95515;
    display: block;
    width: 0;
    opacity: 1;
    color: #e95515;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.toon:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 78.1%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent white;
    display: block;
    width: 0;
    opacity: 1;
    color: #e95515;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.toonu:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 73.2%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #e95515;
    display: block;
    width: 0;
    opacity: 1;
    /* color: #0372c3; */
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.toonu:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 73.5%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent white;
    display: block;
    width: 0;
    opacity: 1;
    color: #e95515;
    text-align: left;
    padding: 1px;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.kal-deelnemers:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 47.4%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent white;
    border-right-color: white;
    border-right-style: solid;
    display: block;
    width: 0;
	opacity: 1;
	color: #008dd0;
	text-align: left;
	padding: 1;
	font-size: 0.6em;
	font-weight: 600;
    z-index: 3;
}
.kal-deelnemers:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 47.3%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #ff6826;
    border-right-color: white;
    border-right-style: solid;
    display: block;
    width: 0;
	opacity: 1;
	color: #008dd0;
	text-align: left;
	padding: 1;
	font-size: 0.6em;
	font-weight: 600;
    z-index: 3;
}
p.deelnemers{
    margin-left: 20px !important;
}
.kal-toon:after {
    content: "";
    position: absolute;
    top: 26px;
    left: 64%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #e95515;
    display: block;
    width: 0;
	opacity: 1;
	color: #117cd8;
	text-align: left;
	padding: 1;
	font-size: 0.6em;
	font-weight: 600;
    z-index: 3;
}
.kal-weblink:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 78.6%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #ee5c1c;
    display: block;
    width: 0;
    opacity: 1;
    color: #ffffff;
    text-align: left;
    padding: 1;
    font-size: 0.6em;
    font-weight: 600;
    z-index: 3;
}
.kal-weblink:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 78.7%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent white;
    display: block;
    width: 0;
	opacity: 1;
	color: #c04e1d;
	text-align: left;
	padding: 1;
	font-size: 0.6em;
	font-weight: 600;
    background: url('images/diamond.png');
    z-index: 3;
}
.kal-programma:after {
    /*content: "";
    position: absolute;
    top: 11px;
    left: 59.1%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent #f3753e;
    display: block;
    width: 0;
    opacity: 1;
    color: #008DD3;
    text-align: left;
    padding: 1;
    font-size: 1em;
    font-weight: 600;
    z-index: 3;*/
}
.kal-programma:before {
    /*content: "";
    position: absolute;
    top: 11px;
    left: 59.4%;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent white;
    display: block;
    width: 0;
    opacity: 1;
    color: #117cd8;
    text-align: left;
    padding: 1;
    font-size: 1em;
    font-weight: 600;*/

    content: url('images/diamond.png');
    z-index: 3;
}
.kal-rijkleur{
    margin-top: 10px;
    margin-left: 4px;
    margin-right: 15px;
    background-color: #acacab;
}
.kalenderbg{
    background-color: #ffaf69;
}
.kalender-row{
    margin-left: -10px;
}
th.oneven{
    padding-left: 10px;
    height: 50px;
    vertical-align: bottom;
    background: -webkit-linear-gradient(90deg, #CCCCCA 5%, #9E9E9D 100%);
    background: -moz-linear-gradient(90deg, #CCCCCA 5%, #9E9E9D 100%);
    background: -ms-linear-gradient(90deg, #CCCCCA 5%, #9E9E9D 100%);
    background: linear-gradient(180deg, #9E9E9D 5%, #CCCCCA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9E9E9D', endColorstr='#CCCCCA');
}
th.even{
    padding-left: 10px;
    height: 50px;
    vertical-align: bottom;
    background: -webkit-linear-gradient(90deg, #EBEBE4 5%, #A7A7A6 100%);
    background: -moz-linear-gradient(90deg, #EBEBE4 5%, #A7A7A6 100%);
    background: -ms-linear-gradient(90deg, #EBEBE4 5%, #A7A7A6 100%);
    background: linear-gradient(180deg, #A7A7A6 5%, #EBEBE4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7A7A6', endColorstr='#EBEBE4');
}
th.GN{
	color: #dc1224;
}
th.N{
	color: #27bee9;
}
th.T{
	color: #4dab49;
}
th.FS{
	color: #287ab0;
}
td.rijevencoleven{
	background-color: #c7c7c6;
	width: 225px;
	padding-left: 10px;
        color: white;
}
td.rijevencoloneven{
	background-color: #b9b9b8;
	width: 225px;
	padding-left: 10px;
        color: white;
}
td.rijonevencoleven{
	background-color: #babab9;
	width: 225px;
	padding-left: 10px;
        color: white;
}
td.rijonevencoloneven{
	background-color: #aeaeae;
	width: 225px;
	padding-left: 10px;
        color: white;
}
th.kal_sectie{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
td.nieuws{
	padding-left: 0px;
}
img.kal_sectie{
    width: 150px;
    transform: scaleY(-1);
    float: right;
}

img.kal_sectie_normal{
    max-width: 100%;
    float: right;
}

td.bottom_even{
    background: -webkit-linear-gradient(90deg, #9E9E9D 5%, #CCCCCA 100%);
    background: -moz-linear-gradient(90deg, #9E9E9D 5%, #CCCCCA 100%);
    background: -ms-linear-gradient(90deg, #9E9E9D 5%, #CCCCCA 100%);
    background: linear-gradient(180deg, #CCCCCA 5%, #9E9E9D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9E9E9D', endColorstr='#CCCCCA');
}
td.bottom_oneven{
	background: -webkit-linear-gradient(90deg, #A7A7A6 5%, #EBEBE4 100%);
    background: -moz-linear-gradient(90deg, #A7A7A6 5%, #EBEBE4 100%);
    background: -ms-linear-gradient(90deg, #A7A7A6 5%, #EBEBE4 100%);
    background: linear-gradient(180deg, #EBEBE4 5%, #A7A7A6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7A7A6', endColorstr='#EBEBE4');
}

.kalender{
	padding-bottom: 0px;
}
.sleepwagen{
	color:	#fa7136;
}
.thumbnail{
	height: 350px;
}
.bottomaligned {
    position:absolute;
	bottom:0;  
	margin-bottom:34px; 
	margin-left: 10px;
	left: 0;
}
.nieuwsthumbs{
	box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;	
}

a.nieuwslink{
	color:black;
}
a.nieuwslink:visited{
color: black;
}
.kalsectie{
	padding-right: 3px !important;
	padding-top: 12px;
	padding-bottom: 0px;
        padding-right: 8px;
}
.kalklasse{
	padding-right: 3px !important;
	padding-top: 0px;
	padding-bottom: 0px;
        padding-right: 8px;
}
.GrandNational{
	background-color: #dc1224;
	color: white;
        height: 45px;
}
.National{
	background-color: #16bded;
	color: white;
        height: 45px;
}
.FarmStocks{
	background-color: #006aaf;
	color: white;
        height: 45px;
}
.Trucks{
    background-color: #40a83c;
    color: white;
    height: 45px;
}
.menulink{
    height:40px;
}
#table {display: table;}
#kalender_table {
    display: table;
    width: 98%;
    height:50px;
}
.rij{display: table-row;}

img.tag {
    margin-left:3px;
    width: 20px;
    height: 16px;
    vertical-align: middle;
}

.cell_divider_wed{
    font-size: 20px;
    font-weight: bold;
    display: table-cell;
    width:1%;
    vertical-align: top;
    padding-top: 3px;
    padding-left:0px;
    padding-right:0px;
    text-align: left;
}

.cell_naam_wed{
    font-size: 15px;
    font-weight: bold;
    display: table-cell;
    width:30%;
    vertical-align: top;
    padding-top: 3px;
    padding-left:0px;
    text-align: left;
}

.cell_datum_wed{
    font-size: 15px;
    font-weight: bold;
    display: table-cell;
    width:16%;
    vertical-align: top;
    padding-top: 9px;
    text-align: left;
}

.cell_aanvang_wed{
    font-size: 15px;
    font-weight: bold;
    display: table-cell;
    width:10%;
    vertical-align: top;
    padding-top: 9px;
    text-align: left;
}

.cell_klassen_wed{
    font-size: 15px;
    font-weight: bold;
    display: table-cell;
    width:17%;
    vertical-align: top;
    padding-top: 9px;
    text-align: left;
}

.cell_linkjes_wed{
    font-size: 15px;
    font-weight: bold;
    display: table-cell;
    width:12%;
    vertical-align: top;
    padding-top: 6px;
    text-align:left;
    padding-left:5px;
}


.cursorDeel{
    cursor: pointer;
}
#deelnemerstitel{
    font-weight: bold;
    font-size: 22px;
}
.uitslagregel{
    width : 100%;
}
.tekstWit{
    color: white;
}
.afgemeld{
    text-decoration: line-through;
}
.breedNaam{
    width: 30%;
}
.compBold{
    font-weight: bold;
}
td.td_nwsbrf{
    width: 100px !important;
}
.subtitel{
    font-size: 12px;
}
input.nieuwsbrief{
    background-color: #030100;    
}
.sponsoren{
    left: 1024px;
    top:30px;
}
img.sponsoring{
    margin-top: -140px;
    margin-left: 1000px;
}
.s1-fixed{
    position: relative;
}
.navbar-static-top{
    z-index: 100;
}

body {
    font-family: Proxima Nova, 'Open Sans', sans-serif;
}

.navbar-inverse {
    background-color: #008dd0;
    /* background-color: rgba(255,255,255,0); */
    border-color: rgba(255,255,255,0);
    max-width: 1220px;
}

nav ul {
    background: #008dd0	; 
    background: linear-gradient(top, #008dd0 100%, #98d1ec 0%);  
    background: -moz-linear-gradient(top, #008dd0	 100%, #98d1ec 100%); 
    background: -webkit-linear-gradient(top, #008dd0 100%,#98d1ec 100%); 
    /* box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
    padding: 0 20px;
    /* border-radius: 10px;  */
    list-style: none;
    position: relative; 
    /* font-weight: bold; */
}

.deelnemerregel1{
    width : 50%;
}
.deelnemerregel2{
    width : 25%;
}
.deelnemerregel3{
    width : 25%;
    background-color: #0372c3;
    height: 50px;
    margin-right:10px;
}

.page-content{
  overflow: scroll;
  max-height:100%;
  font-size:.6em;
  padding:.6em;
  text-align:left;
  z-index: 900;
  -webkit-transform:translateZ(0);

}

.page-content::-webkit-scrollbar {
    -webkit-appearance: none;
}

.page-content::-webkit-scrollbar:vertical {
    width: 11px;
}

.page-content::-webkit-scrollbar:horizontal {
    height: 11px;
}

.page-content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.page-content::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

/*default colors just in case you don't define these colors on the tiles*/
.s-page, .r-page, .u-page{
  background-color: white;
  color:black;
}
.page-title {
  margin: .25em 0;
  font-weight: 100;
  font-size: 3em;
  text-align:center;
}

.pp_page-title {
  font-size: 24px;
  font-style: bold;
}

.close-button {
  font-size: 1.5em;
  width: 1em;
  height: 1em;
  position: absolute;
  top: .75em;
  right: .75em;
  cursor: pointer;
  line-height: .8em;
  text-align: center
}

.r-page {
  width: 750px;
  height: 90%;
  text-align: center;
  font-size: 2em;
  font-weight: 300;
  position: absolute;
  right: 0;
  top: 80px;
  left:100px;
  bottom:0;
  opacity: 0;
  z-index: 999;
  padding:10px;
  border: 1px inset black;
  border-style: inset;
  box-shadow: 10px 10px 5px #888888;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateY(-90deg) translateZ(5em);
  -ms-transform: rotateY(-90deg) translateZ(5em);
  -o-transform: rotateY(-90deg) translateZ(5em);
  transform: rotateY(-90deg) translateZ(5em)
}

.u-page {
  width: 750px;
  height: 600px;
  text-align: center;
  font-size: 2em;
  font-weight: 300;
  position: absolute;
  right: 0;
  top: 180px;
  left:100px;
  bottom:0;
  opacity: 0;
  color: white;
  z-index: 999;
  padding:10px;
  border: 1px inset black;
  border-style: inset;
  box-shadow: 10px 10px 5px #888888;
  background-color: white;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateY(-90deg) translateZ(5em);
  -ms-transform: rotateY(-90deg) translateZ(5em);
  -o-transform: rotateY(-90deg) translateZ(5em);
  transform: rotateY(-90deg) translateZ(5em)
}

.s-page {
  color: white;
  z-index: 10;
  text-align: center;
  font-size: 2em;
  font-weight: 300;
}
.page-content{
  overflow: scroll;
  max-height:100%;
  font-size:.6em;
  padding:.6em;
  text-align:left;
  z-index: 900;
  -webkit-transform:translateZ(0);

}

.page-content::-webkit-scrollbar {
    -webkit-appearance: none;
}

.page-content::-webkit-scrollbar:vertical {
    width: 11px;
}

.page-content::-webkit-scrollbar:horizontal {
    height: 11px;
}

.page-content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.page-content::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}


/* onderstaande styling geeft de kleur (streep) voor de sectienaam in het menu */
li[data-type="grandnational"]{
    background-repeat:no-repeat;
    background-image:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjgyZjdhY2MtZjBiMC00ZjJhLTkzYmQtMmM1OGI5NjQ3YzlhIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRBRUJCMzdBN0M1MjExRTQ4Nzc1QkE0OTQwQTIxMTEwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRBRUJCMzc5N0M1MjExRTQ4Nzc1QkE0OTQwQTIxMTEwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQyMmExNDYtMzYyZS00NWVhLWI5NWEtMzZlOTFmZmRiZDRmIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4MmY3YWNjLWYwYjAtNGYyYS05M2JkLTJjNThiOTY0N2M5YSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADIABgMBEQACEQEDEQH/xABNAAEBAAAAAAAAAAAAAAAAAAAACAEBAQEAAAAAAAAAAAAAAAAAAAcJEAEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCH0jaTgAAAAAP/2Q==); 
}

li[data-type="national"]{
    background-repeat:no-repeat;
    background-image:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjgyZjdhY2MtZjBiMC00ZjJhLTkzYmQtMmM1OGI5NjQ3YzlhIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRBRUJCMzdFN0M1MjExRTQ4Nzc1QkE0OTQwQTIxMTEwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRBRUJCMzdEN0M1MjExRTQ4Nzc1QkE0OTQwQTIxMTEwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQyMmExNDYtMzYyZS00NWVhLWI5NWEtMzZlOTFmZmRiZDRmIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4MmY3YWNjLWYwYjAtNGYyYS05M2JkLTJjNThiOTY0N2M5YSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADIABgMBEQACEQEDEQH/xABNAAEBAAAAAAAAAAAAAAAAAAAABQEBAQEAAAAAAAAAAAAAAAAAAAgJEAEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwC6ptn8AAAAAA//2Q==); 
}

li[data-type="farmstock"]{
    background-repeat:no-repeat;
    background-image:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjgyZjdhY2MtZjBiMC00ZjJhLTkzYmQtMmM1OGI5NjQ3YzlhIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVFMkZFMzRGN0M1MjExRTQ4Nzc1QkE0OTQwQTIxMTEwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVFMkZFMzRFN0M1MjExRTQ4Nzc1QkE0OTQwQTIxMTEwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQyMmExNDYtMzYyZS00NWVhLWI5NWEtMzZlOTFmZmRiZDRmIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4MmY3YWNjLWYwYjAtNGYyYS05M2JkLTJjNThiOTY0N2M5YSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADIABgMBEQACEQEDEQH/xABMAAEBAAAAAAAAAAAAAAAAAAAACAEBAQAAAAAAAAAAAAAAAAAAAAgQAQAAAAAAAAAAAAAAAAAAAAARAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AJIUmmcAAAAAB//Z); 
}

li[data-type="trucks"]{
    background-repeat:no-repeat;
    background-image:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjgyZjdhY2MtZjBiMC00ZjJhLTkzYmQtMmM1OGI5NjQ3YzlhIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVFMkZFMzUzN0M1MjExRTQ4Nzc1QkE0OTQwQTIxMTEwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVFMkZFMzUyN0M1MjExRTQ4Nzc1QkE0OTQwQTIxMTEwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQyMmExNDYtMzYyZS00NWVhLWI5NWEtMzZlOTFmZmRiZDRmIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4MmY3YWNjLWYwYjAtNGYyYS05M2JkLTJjNThiOTY0N2M5YSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADIABgMBEQACEQEDEQH/xABMAAEBAAAAAAAAAAAAAAAAAAAABQEBAQAAAAAAAAAAAAAAAAAAAAcQAQAAAAAAAAAAAAAAAAAAAAARAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AI6JoAAAAAAA/9k=);
}

li[data-type="vereniging"]{
    background-repeat:no-repeat;
    background-image: url('data:image/png;base64,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')
}

/* onderstaande styling is voor de inlog knop in het menu*/
.navbar-right {
  margin-right: 0px;
  background-color: #cc531e;
}

.navbar-right-col>li>a {
    /* background-color: #e95515 !important; */
    background-color: #44B3E8 !important;
    /* width:320px; */
    width: 300px;
    margin-right: -20px;
    margin-top: -4px;
    height: 53px;
    padding-left: 15px;
}

.navbar-inverse .navbar-nav>li>a {
    color: white;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background: #008dd0	; 
    background: linear-gradient(top, #008dd0	 0%, #98d1ec 100%);  
    background: -moz-linear-gradient(top, #008dd0	 0%, #98d1ec 100%); 
    background: -webkit-linear-gradient(top, #008dd0	 0%,#98d1ec 100%); 
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #5f6976;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	/*color: #fff; */
}

nav ul ul {
    z-index: 999;
    background: #5f6976;
    border-radius: 0px;
    padding: 50;
    position: absolute;
    top: 100%;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    /* background: #5f6975; */
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #5f6975; 
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.marginBottom-0 {margin-bottom:0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#FF4500;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#FF4500;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: #505050;
border-color: #337ab7;
color: #fff;
}

.navbar-static-top .navbar-collapse {
padding-right: 0;
/* padding-left: 30px; */
padding-top: 5px;
}

p {
 margin: 0 0 0px; 
}

.centreren{
    text-align: center;
}

.updatesites{
    font-size: small;
    text-align: left;
}

@media (max-width: 767px){
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #FCF9F9;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px;
    }
    .page-content{
    font-size:0.5em;
  }
}

@media (min-width: 768px) { /*large */
	#logo-1 { display: block; }
	#logo-2 { display: none; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* iPAD landscape STYLES GO HERE */
    .ntto-wrapper{
        padding: 10px;
    }
    .ntto-container{
        width: 1200px;
        padding-right: 10px;
    }
    .navbar{
        width: 1200px;
    }
    .navbar-static-top .navbar-collapse {
        width: 1200px;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* iPad portrait STYLES GO HERE */ 
    .ntto-wrapper{
        //padding: 10px;
    }
    .ntto-container{
        width: 767px;
        padding-right: 10px;
    }


    .scrolling-wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding-right:10px;
        -webkit-overflow-scrolling: touch;
    }
    .navbar{
        width: 767px;
    }
    .navbar-static-top .navbar-collapse {
        width: 767px;
    }


    .tile{
        width: 767px;
        height: 500px; 
    }
    .tile-2xbig {
        height: 500px;
        width: 100%;
    }
    #logo-1 { display: none !important; }
    #logo-2 { display: block !important; }
    .navbar-static-top .navbar-collapse{
        width: 974px;
    }
    .bubble-right {
        height: 500px;
    }
    .tile_header_lu{
        text-align: left;
        background-color: #FF7700;
        margin: 0px;
    }
    .figure_2xbig{
        text-align: left;
    }
    .figure_big{
        text-align: left;
    }
    .img_2xbig{
        width: 100% !important;
    }
    .img_big{
        width: 100% !important;
    }
    img.ev-header {
        width: auto;
    }
    .tile_header{
        text-align: left;
    }
    .tile_header_ev{
        background-color: #FF7700;
    }
    .menu_trs{
        //width: 90px;
        //margin-right: 0px;
    }
}
@media (max-width: 813px) {
    .bubble-right{
		margin-left: 0px;
    }
	.bck-nieuws {
		padding-left: 10px;
	}
	p.nieuws {
    margin-left: 3px;
	}
	.navbar {
    margin-left: -6px;
	}
}
@media (max-width: 767px) {

    .col-uitslagen{
        padding-top: 2px;
        padding-bottom: 2px;
    }
   .scrolling-wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding-right:10px;
        -webkit-overflow-scrolling: touch;
    }

    .weblinku:after {
        left: 54.0%;
    }
    .weblinku:before {
        left: 54.3%;
    }
    .toonu:after {
        left: 76.0%;
    }
    .toonu:before {
        left: 76.3%;
    }
    .toon:after {
        left: 77%;
    }
    .pull-right{
        float: none;
    }

    .u-page{
            height: 500px;
    }
    #logo-1 { display: none !important; }
    #logo-2 { display: block !important; }
    .r-page{ 
      font-size: small;
      width: 93%;
      height: 90%;
      text-align: center;
      font-weight: 300;
      position: absolute;
      right: 0;
      top: 120px;
      left:20px;
    }
    .u-page{ 
      font-size: small;
      width: 93%;
      height: 90%;
      text-align: center;
      font-weight: 300;
      position: absolute;
      right: 0;
      top: 120px;
      left:20px;
    }
    .kal-facebook_link{
        height: 42px;
    }

    .pp_img_article{
            max-width: 100%;
            height: auto;
            width: auto\9; /* ie8 */
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
            color: #fff;
    }

    .h2, h2 {
        font-size:12px;
        margin-top:2px;
    }

    .h1, h1 {
            font-size: 12px;
    }
    
    .evbubble {
            width: 425px; /* bepaald de breedte van het vlak van de evenement naam, was 304px */
    }

    .evtable {
        width: 500px; /* bepaald de breedte van het vlak van het hele evenement */
        height: 54px;
    }
    .cwtable {
            width: 100%; /* bepaald de breedte van het vlak van het hele gewijzigd website ding */
            height: 30px;
    }
    .tile-2xbig {
    height: 15.15em;
    }
    
    .fbbubble {
            width: 425px; /* bepaald de breedte van het vlak van de facebook post omschrijving, was 304px */
    }
    
    .fbtable {
            width: 500px; /* bepaald de breedte van het vlak van het hele facebook blok */
            height: 54px;
    }

    .tile2x{ max-width: 100%;}

    #tabel-col1 { 
            width: 180px; 
            padding-right: 10px;
    }

    #tabel-col1 a {
            font-size: 12px;
    }

    #tabel-col2 { 
            width: 180px; 
    }

    #tabel-col2 a {
            font-size: 12px;
    }

    #nieuws a {
            font-size: 10px;
    }

    a.nieuwstrechts { 
    padding-left: 0px;
    }

    .ntto-wrapper{
            padding-left: 4px;
    }
    .ntto-col{
        font-size: 10px;
        height:40px;
    }
    .col_even{
            font-size: 9px;
    }
    .col_oneven{
            font-size: 9px;
    }
    .col-header{
            font-size: 9px;
    }
    .kalender-col1 {
        height: 43px;
        font-size: 10px;
    }

    .kalklasTitel {
        padding-top: 1px;
    }
    .kiesJaar {
        padding-top: 11px;
        width: 97%;
    }
    .fullwidthBar {
        width: 96%;
    }
    p.deelnemers {
        margin-left: 1px !important;
    }

    .cell_divider_wed{
        font-size: 20px;
        font-weight: bold;
        display: table-cell;
        width:1%;
        vertical-align: top;
        padding-top: 3px;
        padding-left:0px;
        padding-right:0px;
        text-align: left;
    }


    .cell_naam_wed{
        font-size: 13px;
        font-weight: bold;
        display: table-cell;
        width:45%;
        vertical-align: top;
        padding-top: 2px;
        padding-left:0px;
        text-align: left;
    }

    .cell_datum_wed{
        font-size: 13px;
        font-weight: bold;
        display: table-cell;
        width:13%;
        vertical-align: top;
        padding-top: 1px;
        text-align: left;
    }

    .cell_klassen_wed{
        font-size: 13px;
        font-weight: bold;
        display: table-cell;
        width:22%;
        vertical-align: top;
        padding-top: 8px;
        text-align: left;
    }

    .cell_linkjes_wed{
        font-size: 13px;
        font-weight: bold;
        display: table-cell;
        width:17%;
        vertical-align: top;
        padding-top: 5px;
        text-align:left;
        padding-left:1px;
    }


    img.tag {
        margin-right:1px;
        width: 15px;
        height: 11px;
        vertical-align: middle;
    }
    .kal-deelnemers{
      height: 41px;
    }
    .kal-deelnemers:after{
       top: 14px !important;
       left: 44.5% !important;
       border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-deelnemers:before{
       top: 14px !important;
       left: 44.6% !important;
       border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-programma:after{
       top: 14px;
       left: 60.1%;
       border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-programma:before{
       top: 14px;
       left: 60.0%;
       border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-weblink:after{
       top: 14px;
       left: 74.2%;
       border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-weblink:before{
       top: 14px;
       left: 74.4%;
       border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-facebook_link:after{
        top: 14px;
        left: 85.1%;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-facebook_link:before{
        top: 13px;
        left: 85.1%;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .centreren{
        text-align: center;
    }
    .iconlinkmob{
        width:18px;
    }

    .tekstWit{
        font-size: 9px;
    }
    img.kal_sectie {
        width: 88px;
    }
    th.GN {
        font-size: 10px;
    }
    th.N {
        font-size: 10px;
    }
    th.FS {
        font-size: 10px;
    }
    th.T {
        font-size: 10px;
    }
    td {
        font-size: 10px;
    }
    .uitslagcol {
        width: 105%;
    }
    .standenrijkleur {
        width: 105%;
    }
    #standen{
        width: 104%;
    } 
    #standen th {
        font-size: 9px;
    }
    img.imgLU {
    width: 100%;
    margin: 0px;
    padding: 0px;
    }
    img.imgTwitter {
    width: 100%;
    margin: 0px;
    padding: 0px;
    }
    body{
    max-width: 100%;
    overflow-x: hidden;
    }
    .fbsmall{
    font-size: 12px !important;
    }
    #kal_deelnemers th {
        font-size: 10px;
    }
}
@media (max-width: 375px) {
    .scrolling-wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding-right:10px;
        -webkit-overflow-scrolling: touch;
    }
    /* iphone 6,7 en Galaxy */
    .kalender-col1 {
        height: 43px;
        font-size: 9px;

    }
    #kal_deelnemers th {
        font-size: 9px !important;
    }
    .tabtext {
        font-size: 9px;
    }
    #kal_programma th {
        font-size: 9px;
    }
    td {
        font-size: 9px !important;
    }
    img.tag {
        width: 15px;
        margin-right:2px;
        /* height: 15px; */
        vertical-align: middle;
    }
    .kal-deelnemers{
        height: 41px;
    }
    .kal-deelnemers:after{
        top: 14px !important;
        left: 40.2% !important;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-deelnemers:before{
        top: 14px !important;
        left: 40.4% !important;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-programma:after{
        top: 14px;
        left: 61.4%;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-programma:before{
        top: 14px;
        left: 61.7%;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-weblink:after{
        top: 14px;
        left: 75.1%;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-weblink:before{
        top: 14px;
        left: 75.2%;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-facebook_link:after{
        top: 14px;
        left: 85.1%;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }
    .kal-facebook_link:before{
        top: 14px;
        left: 85.2%;
        border-width: 10px 0 10px 10px;
        visibility: hidden;
    }



    .kalklasTitel {
        padding-top: 1px;
    }
    .kiesJaar {
        padding-top: 11px;
        width: 97%;
    }
    .fullwidthBar {
        width: 96%;
    }
}
@media (max-width: 330px) {
    .scrolling-wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        padding-right:10px;
        -webkit-overflow-scrolling: touch;
    }
    .weblinku:after {
        left: 55.0%;
    }
    .weblinku:before {
        left: 55.5%;
    }
    /*iphone 5 e.d. b*/
    .kal-event {
        font-size: 7px;
    }

    .kal-datum {
        font-size: 7px;
    }

    .kal-tijd {
        font-size: 7px;
    }

    .kal-deelnemers {
        font-size: 7px;
    }

    .kal-programma {
        font-size: 7px;
    }

    .kal-weblink {
        font-size: 7px;
    }

    .weblinku {
        width: 19% !important;
    }

    .uitslagkolom1 {
        width: 44% !important;
    }

    .tile-2xbig {
        height: 13.15em;
    }

    .fbtable {
        height: 45px;
    }

    .fbsmall {
        font-size: 11px !important;
    }

    .bubble-right {
        font-size: 0.5em;
    }

    .bubble-top1 {
        font-size: 0.6em;
    }

    .cwtable {
        font-size: 0.8em;
    }

    .evchangedweb p {
        font-size: 0.9em;
    }

    .tile-small1 {
        font-size: 0.9em;
    }

    .evbubble p {
        font-size: 0.9em;
    }

    .evkol1 p {
        font-size: 0.9em;
    }

}