/* Algemeen */

* {
        margin-top: 0;
		padding: 0;

    }
	
a {
	color: #000000;
	text-decoration:none;
}
a:visited {
	color: #000000;
	text-decoration:none;
}
a:active {
	color: #000000;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:none;
}

body {
	background-position: center center;
}

.background {
	background-repeat:no-repeat;
	background-size:cover;
	margin: auto;
	background-position:center top;
	 background-attachment: fixed;
}
#backgroundx {
	background-image: url("background5.jpg");
	background-position: center top;
}
#background1 {
	background-image: url("background1.jpg");
	background-position: center bottom;
}
#background2 {
	background-image: url("background2.jpg");
	background-position: 90% 60%;
}
#background3 {
	background-image: url("background3.jpg");
	background-position: center center;
}
#background4 {
	background-image: url("background4.jpg");
	background-position: 20% center;
}
#background5 {
	background-image: url("background5.jpg");
	background-position: center top;
}
#background6 {
	background-image: url("background6.jpg");
	background-position: 90% center;
}
#background7 {
	background-image: url("background7.jpg");
	background-position: center center;
}
#background8 {
	background-image: url("background8.jpg");
	background-position: 60% bottom;
}
#background9 {
	background-image: url("background9.jpg");
	background-position: 30% center;
}
#background10 {
	background-image: url("background10.jpg");
	background-position: center center;
}
#background11 {
	background-image: url("background11.jpg");
	background-position: center center;
}
#background12 {
	background-image: url("background12.jpg");
	background-position: center center;
}
#background13 {
	background-image: url("background13.jpg");
	background-position: 65% center;
}
#background14 {
	background-image: url("background14.jpg");
	background-position: center 80%;
}
#background15 {
	background-image: url("background15.jpg");
	background-position: 90% 80%;
}
#background16 {
	background-image: url("background16.jpg");
	background-position: center 1%;
}
#background17 {
	background-image: url("background17.jpg");
	background-position: center center;
}
#background18 {
	background-image: url("background18.jpg");
	background-position: 75% center;
}
#background19 {
	background-image: url("background19.jpg");
	background-position: center bottom;
}
#background20 {
	background-image: url("background20.jpg");
	background-position: 20% 70%;
}


@font-face {
    font-family: 'old_londonregular';
    src: url('oldlondon-webfont.woff2') format('woff2'),
         url('oldlondon-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  div.nr1 {
    font-size: 5vw;
	background-color: #FFDD25;    
  }
  div.bedankt{
    font-size: 4vw;
    }
  div.header {
    font-size: 20vw;
  }
  div.editie {
    font-size: 8vw;
  }
  div.betalenpannenkoek {
   font-size: 12vw;
  }
  div.nuinschrijven {
   font-size: 5vw;
   }
   .tableprognose {
	width: 95%;
}
   .tablestand {
	width: 95%;
}
	.tablewedstrijden {
	width: 95%;
}
	.tablearchief {
	width: 95%;
}
	.tablebonusvragen {
	width: 95%;
	}
	.uitlegtotokolom {
	width: 50%;
	}

}	

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  div.nr1 {
    font-size: 4vw;
	background-color: #FFDD25;    
  }
    div.bedankt{
    font-size: 3vw;
    }
  div.header {
    font-size: 17vw;
  }
  div.editie {
    font-size: 7vw;
  }
  div.betalenpannenkoek {
   font-size: 10vw;
  }
  div.nuinschrijven {
   font-size: 4vw;
   }
   .tableprognose {
	width: 90%;
}
   .tablestand {
	width: 90%;
}
	.tablewedstrijden {
	width: 90%;
}
	.tablearchief {
	width: 90%;
}
	.tablebonusvragen {
	width: 90%;
	}
	.uitlegtotokolom {
	width: 46%;
	}
		
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  div.nr1 {
    font-size: 3vw;
	background-color: #FFDD25;    
  }
    div.bedankt{
    font-size: 2vw;
    }
  div.header {
    font-size: 13vw;
  }
  div.editie {
    font-size: 5vw;
  }
  div.betalenpannenkoek {
   font-size: 8vw;
  }
  div.nuinschrijven {
   font-size: 3vw;
   }
   .tableprognose {
	width: 85%;
}
   .tablestand {
	width: 85%;
}
	.tablewedstrijden {
	width: 85%;
}
	.tablearchief {
	width: 85%;
}
	.tablebonusvragen {
	width: 85%;
	}
	.uitlegtotokolom {
	width: 42%;
	}
		
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  div.nr1 {
    font-size: 2vw;
		background-color: #FFDD25;    
  }
    div.bedankt{
    font-size: 2vw;
    }
  div.header {
    font-size: 11vw;
  }
  div.editie {
    font-size: 4vw;
  }
  div.betalenpannenkoek {
   font-size: 6vw;
  }
  div.nuinschrijven {
   font-size: 2vw;
   }
   .tableprognose {
	width: 80%;
}
   .tablestand {
	width: 80%;
}
	.tablewedstrijden {
	width: 80%;
}
	.tablearchief {
	width: 80%;
}
	.tablebonusvragen {
	width: 80%;
	}
	.uitlegtotokolom {
	width: 38%;
	}

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  div.nr1 {
    font-size: 1.5vw;
	background-color: #FFDD25;    
  }
    div.bedankt{
    font-size: 1.5vw;
    }
  div.header {
    font-size: 7.5vw;
  }
  div.editie {
    font-size: 3vw;
  }
  div.betalenpannenkoek {
   font-size: 4.5vw;
  }
  div.nuinschrijven {
   font-size: 2vw;
   }
   .tableprognose {
	width: 75%;
}
   .tablestand {
	width: 75%;
}
	.tablewedstrijden {
	width: 75%;
}
	.tablearchief {
	width: 75%;
}
	.tablebonusvragen {
	width: 75%;
	}
	.uitlegtotokolom {
	width: 34%;
	}
		
}

/* Extra EXTRA large devices (large laptops and desktops, 1600px and up) */
@media only screen and (min-width: 1600px) {
  div.nr1 {
    font-size: 1vw;
	background-color: #FFDD25;    
  }
    div.bedankt{
    font-size: 1vw;
    }
  div.header {
    font-size: 6vw;
  }
  div.editie {
    font-size: 2.4vw;
  }
  div.betalenpannenkoek {
   font-size: 3vw;
  }
  div.nuinschrijven {
   font-size: 1vw;
   }
   .tableprognose {
	width: 75%;
}
   .tablestand {
	width: 75%;
}
	.tablewedstrijden {
	width: 75%;
}
	.tablearchief {
	width: 75%;
}
	.tablebonusvragen {
	width: 75%;
	}
	.uitlegtotokolom {
	width: 30%;
	}
		
}



.nr1 {
	max-width:600px;
    opacity: 0.85;
	margin: auto;
	color: black;
  	text-align: center;
	font-family: 'Open Sans', sans-serif;
	box-shadow: 22px 0 15px -4px rgba(0, 0, 0, 0.9), -22px 0 15px -4px rgba(0, 0, 0, 0.9);
	}

.header {
	background-color: black;  
	color: white;
	font-family: 'old_londonregular', arial;
	display: block;

}	

a.header:link, a.header:visited, a.header:hover, a.header:active {
	color: white;
}

.editie {
	background-color: black;    
	color: white;
	font-family: 'old_londonregular', arial;
	display: block;
	padding-bottom: 20px;



}

a.editie:link, a.editie:visited, a.editie:hover, a.editie:active {
	color: white;
}

.nuinschrijven {
	background-color: red;  
	font-weight: bold;
	color: white;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: black;
}	

a.nuinschrijven:link, a.nuinschrijven:visited, a.nuinschrijven:hover, a.nuinschrijven:active {
	color: white;
}

.prognose {
    max-width:800px;
	color: black;
	text-align: center;
	border-top-style: solid;
	border-color: black;
	border-width: thin;

}

.prognosenext {
	background-color: white;
	font-weight: bold;
	border-bottom-style: solid;
	border-width: thin;
	padding-top: 20px;
	padding-bottom: 20px;
}

.prognosetable {
	padding-top: 20px;
	padding-bottom: 20px;
}

.tp1 {
	color: black;
	text-align: left;
}

.tp2 {
	color: black;
	text-align: left;
}

.tp3 {
	color: black;
	text-align: center;
}

.tp4 {
	color: black;
	text-align: center;
}



.stand {
    max-width:800px;
	color: black;
	text-align: center;
}

.standbijgewerkt {
	font-weight: bold;
	background-color: white;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: thin;
	padding-top: 20px;
	padding-bottom: 20px;

}

.standtable {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ts1 {
	color: black;
	text-align: right;
}

.ts2 {
	color: black;
	text-align: left;
}

.ts3 {
	color: black;
	text-align: center;
}

.ts4 {
	color: black;
	text-align: center;
}

.ts5 {
	color: black;
	text-align: center;
}


.button {
	padding: 20px;
	font-weight: bold;
	background-color: white;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;
}

.buttonlink {
	padding: 20px;
	font-weight: bold;
	background-color: white;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;
}


a.button:visited {
	color:black;
}
a.buttonlink:hover {
	color:white;
}

.buttonlink:hover {
	background-color: green;
	color:white;

}

.nac {
	background-color: black;	
	padding-top: 20px;
	padding-bottom: 10px;
}

.naclogo {
	width: 250px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.eredivisie {
	width: 20px;
	height: auto;

}


.poweredby {
	padding: 20px;
	background-color: black;
	border-top-style: solid;
	border-color: white;
	color:white;
	border-width: thin;
 	font-family: 'Caveat', cursive;
	font-weight: lighter;

}




/* inschrijven */

.inschrijven {
	text-align: left;
	padding: 5px;


}

#form {
		width: 100%;

}

.inschrijventable1 {
	width: 95%;
}

input[type=submit] {
    background: url(button.png);
    width: 100px; /* width of image */
    height: 40px; /* height of image */
    border: 0;
   	font-family: Calibri;
	font-size:medium;
    color: white;
}


label {
	  display: inline-block;
}

.deadline {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;

}

/* bedankt */

.bedankt {
	max-width:600px;
	background-color: white;    
    opacity: 0.65;
	margin: auto;
	color: black;
  	text-align: center;
	font-family: 'Open Sans', sans-serif;

}

.betalenpannenkoek {
	font-weight: bold;
}

a.betaallink:link, a.betaallink:visited, a.betaallink:hover, a.betaallink:active {
	font-size: large;
	color:red;
		font-weight: bold;

}


/* wedstrijden */

.wedstrijden {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;


}

.tablewedstrijden {
	text-align: left;

}

/* archief */

.archief {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;

}

.tablearchief {
	text-align: left;

}


/* prijzen */

.prijzen {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;

}

/* resultaat */

.bonusvragen {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;

}


.tablebonusvragen {
	text-align: left;

}

/* nacpraat */


.nacpraat {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;


}

.iframe {
	width: 95%;
	height: 1000px;
}

.bredabier {
	width: 250px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#derat {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;
}

#b-siderats {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;
}

#nacnl {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;
}
#bndestem {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;
}
#vi {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: solid;
	border-color: black;
	color:black;
	border-width: thin;
}

.oranjepool {
	background-color: orange;  
	font-weight: bold;
	color: black;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}	

a.oranjepool:link, a.oranjepool:visited, a.oranjepool:hover, a.oranjepool:active {
	color: white;
}


.feedEkList{list-style:none inside none;background-color:#FFDD25; padding:4px 6px; }
.feedEkList li{padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{color:#000000 !important; text-decoration:none }
.itemDate{font-size:11px;color:#000000;} 



.rath {
	background-color: black;
display: flex;	
	border-top-style: solid;
	border-color: black;
	border-width: thin;
}

.rathlogo {
	width: 100%;
	height: 100%;
}

.rathje {
	width: 17px; 
	height: auto;
}