/* stylesheet voor de gehele site */


/* ruimte waarin inhoud komt te staan */

div.hoofdruimte {
	min-width:		300px;
	max-width:		850px;
	border-style:	none;
	box-sizing:		border-box;
	display:		block;
	margin:			0px auto;
	padding:		0px 4px;
	resize:			none;
	}

div.teller {
	width:			16px;
	height:			16px;
	resize:			none;
	}

/* de ruimte voor de menu-s */

div.leegmenu00 {
	height:			105px;
	border-style:	none;
	box-sizing:		border-box;
	margin:			0px;
	padding:		0px;
	overflow:		hidden;
	resize:			none;
	width:			100%;
	}

div.hoofdmenu00 {
	height:			105px;
	background-image: url("../Afbeelding/BG_menu.jpg");
	border-style:	none;
	box-sizing:		border-box;
	display:		block;
	margin:			0px;
	padding:		0px;
	overflow:		hidden;
	resize:			none;
	width:			100%;

	position: 		fixed;
	top:	 		0px;
	left:			0px;
	z-index:		20;
	}

div.leegmenu03 {
	height:			105px;
	border-style:	none;
	box-sizing:		border-box;
	margin:			0px;
	padding:		0px;
	overflow:		hidden;
	resize:			none;
	width:			100%;
	}

div.submenu03 {
	height:			auto;
	border-style:	none;
	box-sizing:		border-box;
	display:		block;
	margin:			0px;
	padding:		0px;
	overflow:		hidden;
	resize:			none;
	width:			100%;
}

	/* constructie om een link op een pagina onder het menu zetten */
.anker::before {
	content:		"";
	display:		block;
	height:			105px; 
	margin:			-105px 0 0 0;
	}

@media only screen and (min-width: 850px) and (min-height: 600px){

	div.leegmenu03 {
		height:			185px;
		}

	div.submenu03 {
		height:			35px;

		position: 		fixed;
		top:	 		105px;
		left:			0px;
		z-index:		10;
		}

	.anker::before {
		height:			185px; 
		margin:			-185px 0 0 0;
		}

	}


/* algemene html elementen */
/* eerst font-size in px tbv oude browsers, gevolgd door rem */
/* door html - body voor font-size is 1rem gelijk aan 10px   */

html {
	font-size: 		62.5%;
	margin:			0px;
	padding:		0px;
	}

	/* background-attachment: fixed;  geeft vreemde strepen in achtergrond op Android tablet*/
body {
	border-style:	none;
	box-sizing:		border-box;
	color:			Black;
	font-family:	verdana, arial, helvetica, sans-serif;
	margin:			0px;
	padding:		0px;
	width:			100%;
	}

	/* anders zet IE9 een border om een link met een plaatje*/
a > img, a > span > img {
    border-style:	none;
	}

	/* vanwege bug in Chrome: Issue 320754, Issue 319623, Issue 296380 */
body > div {
	font-size:		14px;	 	font-size: 	1.4rem;
	}

em {
	font-style:		italic;
	}

	/* constructie om een smalle tekstkolom te voorkomen */
p:before {
  content:			"";
  display:			block;
  overflow:			hidden;
  width:			125px;
}

strong {
	font-weight:	bold;
	}

/* algemene mogelijke kleine style elementen */

.blauw {
	color:			Blue	!important;
	}

.boven0 {
	margin-top:		0em		!important;
	}

.boven1 {
	margin-top:		0.2em	!important;
	}

.boven2 {
	margin-top:		0.4em	!important;
	}

.boven3 {
	margin-top:		0.6em	!important;
	}

.boven4{
	margin-top:		0.8em	!important;
	}
	
.boven5 {
	margin-top:		1.0em	!important;
	}

.dikte1 {
	font-weight:	normal	!important;
	}

.dikte2 {
	font-weight:	bold	!important;
	}

.groen {
	color:			Green	!important;
	}

.links0 {
	margin-left:	0em		!important;
	}

.links1 {
	margin-left:	0.2em	!important;
	}

.links2 {
	margin-left:	0.4em	!important;
	}

.links3{
	margin-left:	0.6em	!important;
	}

.links4 {
	margin-left:	0.8em	!important;
	}

.links5 {
	margin-left:	1.0em	!important;
	}

.maxbreed {
		clear:		both	!important;
	}

.onder0 {
	margin-bottom:	0em		!important;
	}

.onder1 {
	margin-bottom:	0.2em	!important;
	}

.onder2 {
	margin-bottom:	0.4em	!important;
	}

.onder3 {
	margin-bottom:	0.6em	!important;
	}

.onder4 {
	margin-bottom:	0.8em	!important;
	}

.onder5 {
	margin-bottom:	1.0em	!important;
	}

.rechts0 {
	margin-right:	0em		!important;
	}

.rechts1 {
	margin-right:	0.2em	!important;
	}

.rechts2 {
	margin-right:	0.4em	!important;
	}

.rechts3{
	margin-right:	0.6em	!important;
	}

.rechts4 {
	margin-right:	0.8em	!important;
	}

.rechts5 {
	margin-right:	1.0em	!important;
	}

.regel0 {
	line-height:	1.0		!important;
	}

.regel1 {
	line-height:	1.2		!important;
	}

.regel2 {
	line-height:	1.4		!important;
	}

.regel3 {
	line-height:	1.6		!important;
	}

.regel4 {
	line-height:	1.8		!important;
	}

.regel5 {
	line-height:	2.0		!important;
	}

.rood {
	color:			Red		!important;
	}
.crimson {
	color:			crimson	!important;
	}
.groen {
	color:			green	!important;
	}
.geel {
	color:			Yellow	!important;
	}
	
.kastanjebruin {
	color:			Maroon	!important;
	}	
	
.rose {
	color:			pink	!important;
	}	

.tbreed {
	text-align:		justify	!important;
	}

.tgroter1 {
	font-size:		120%	!important;
	}

.tgroter2 {
	font-size:		140%	!important;
	}

.tgroter3 {
	font-size:		160%	!important;
	}

.tgroter4 {
	font-size:		180%	!important;
	}

.tgroter5 {
	font-size:		200%	!important;
	}

.tkleiner1 {
	font-size:		90%		!important;
	}

.tkleiner2 {
	font-size:		80%		!important;
	}

.tkleiner3 {
	font-size:		70%		!important;
	}

.tkleiner4 {
	font-size:		60%		!important;
	}

.tkleiner5 {
	font-size:		50%		!important;
	}

.tlinks {
	text-align:		left	!important;
	}

.tmidden {
	text-align:		center	!important;
	}

.trechts {
	text-align:		right	!important;
	}

.tschuin {
	font-style:		italic	!important;
	}

.verbergen1 {
	visibility:		hidden	!important;
	}

.verbergen2 {
	display:		none	!important;
	}


/* algemene opmaak van plaatjes */

.divbreed {
	border-style:	none;
	box-sizing:		border-box;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	width:			100%;
	}

.divlinks {
	border-style:	none;
	box-sizing:		border-box;
	float:			left;
	margin:			0px 10px 0px  0px;
	padding:		0px 0px 0px 0px;
	}

.divmidden {
	border-style:	none;
	box-sizing:		border-box;
	margin:			0px auto 0px auto;
	padding:		0px 0px 0px 0px;
	}

.divrechts {
	border-style:	none;
	box-sizing:		border-box;
	float:			right;
	margin:			0px  0px 0px 10px;
	padding:		0px 0px 0px 0px;
	}

.breed {
      width:		100%;
	}
	
.Sponsor {
      width:		50%;
      text-align:	center;
	}	

.kader {
	border:			1px solid Silver;
	padding:		5px;
	}

.kaderblauw {
	border:			1px solid Blue;
	padding:		5px;
	}

.kadergroen {
	border:			1px solid Green;
	padding:		5px;
	}

.kaderrood {
	border:			1px solid Red;
	padding:		5px;
	}
	
.kaderlichtblauw {
	border:			3px Groove lightsteelblue;
	border-radius:	10px;
	padding:		5px;
	}
	
.kaderrood {
	border:			2px ridge red;
	border-radius:	10px;
	padding:		5px;
	}
	
	

/* algemene opmaak van tekst    */
/* basis staat bij html en body */


/* stylesheet voor de diverse menu's */


/* hoofdmenu */

table.menu1 {
	border-style:		none;
	border-collapse:	separate;
	border-spacing:		5px 2px;
	box-sizing:			border-box;
	margin:				0 -5px;
	width:				101%;
	width:				calc(100% + 10px);
	} 

table.menu1 td>span, table.menu1 a>span {
	display:			inline-block;
	}

table.menu1 td {
	background-color:	#eeeeee;
	border:				solid 1px Silver;
	border-radius:		6px;
	box-sizing:			border-box;
	color:				Black;
	font-size:			70%;
	font-style:			normal;
	font-weight:		bold;
	line-height:		100%;
	padding:			2px 1px;
	text-align:			center;
	text-decoration:	none;
	vertical-align: 	bottom;
	width:				20%;
	}

@media only screen and (min-width: 470px){

	table.menu1 td {
		font-size:		85%;
		}

	}

table.menu1 td.menutekst {
	background-color:	transparent;
	border-style:		none;
	border-radius:		0px;
	font-weight:		normal;
	padding:			0px;
	}

table.menu1 td a:link, table.menu1 td a:visited {
	color:				Black;
	display:			block;
	text-decoration:	none;
	width:				99%;
	}


table.menu1 td a:hover, table.menu1 td a:active {
	color:				Red;
	display:			block;
	text-decoration:	none;
	width:				99%;
	}

table.menu1 span.menulogo {
	width:			40px;
	}

@media only screen and (min-width: 470px){

	table.menu1 span.menulogo {
		width:			55px;
		}

	}

table.menu1 img.menukop {
	height:			67px;
	}

@media only screen and (min-width: 680px){

	table.menu1 img.menukop {
		height:			78px;
		}

	}

/* submenu (de eerste twee en de laatste twee zijn gelijk van inhoud) */

table.menu2 {
	border-style:		none;
	border-collapse:	separate;
	border-spacing:		5px 5px;
	box-sizing:			border-box;
	margin:				0 -5px;
	width:				101%;
	width:				calc(100% + 10px);
	} 

	/* constructie om 1 regel uit te lijnen over complete regel */
table.menu2 td>span, table.menu2 a>span {
	width:				100%; 
	display:			inline-block;
	}

table.menu2 td {
	background-color:	LightGray;
	border:				solid 1px Silver;
	border-radius:		6px;
	box-sizing:			border-box;
	color:				Gray;
	font-size: 			70%;
	font-style:			normal;
	font-weight:		normal;
	line-height:		100%;
	padding:			2px 2px;
	text-align:			justify;
	text-decoration:	none;
	vertical-align: 	top;
	}
	
	table.menu1 td.menutekst2 {
	background-color:	LightGray;
	border:				solid 1px Silver;
	border-radius:		6px;
	box-sizing:			border-box;
	color:				Black;
	font-size: 			70%;
	font-style:			normal;
	font-weight:		bold;
	line-height:		100%;
	padding:			2px 2px;
	text-align:			justify;
	text-decoration:	none;
	vertical-align: 	top;
	text-align:			center;
	}

@media only screen and (min-width: 470px){

	table.menu2 td {
		font-size:		80%;
		}

	}

table.menu2 td.menutekst {
	background-color:	transparent;
	border-style:		none;
	border-radius:		0px;
	color:				Red;
	font-size:			100%;
	padding:			0px;
	text-align:			center;
	}

table.menu2 td a:link, table.menu2 td a:visited  {
	color:				Black;
	display:			block;
	text-decoration:	none;
	width:				99%;
	}

table.menu2 td a:hover, table.menu2 td a:active  {
	color:				Red;
	display:			block;
	text-decoration:	none;
	width:				99%;
	}
.disclaimer {
	display:			none;
}
	
	
	
	/* FORMAT ALG INFO */
	/* stylesheet voor de Algemene Informatie vanaf zomer 2016 */

/* achtergrond */

.bg_alg_info {
	background-image: url("../Afbeelding/BG_voorpagina.jpg");
	}


/* html elementen */

hr.alg_scheiding1 {
	border-style:	none;
	box-sizing:		border-box;
	clear:			both;
	background-color: Gray;
	color:			Gray;
	height:			1px;
	margin-top:		0.2em;
	margin-bottom:	0.5em;
	margin-left:	0em;
	margin-right:	0em;
	width: 			100%;
	}

hr.alg_scheiding2{
	border-style:	none;
	box-sizing:		border-box;
	clear:			both;
	background-color: Gray;
	color:			Gray;
	height:			5px;
	margin-top:		0.2em;
	margin-bottom:	0.5em;
	margin-left:	0em;
	margin-right:	0em;
	width: 			100%;
	}

h1 {
	color:			MediumBlue;
	font-size:		200%;
	font-style:		normal;
	font-weight:	bold;
	line-height:	1.2;
	margin-top:		0.4em;
	margin-bottom:	0.8em;
	margin-left:	20px;
	margin-right:	20px;
	text-align:		center;
	}

h2 {
	color:			darkgreen;
	font-size:		150%;
	font-style:		normal;
	font-weight:	bold;
	line-height:	1.2;
	margin-top:		0.2em;
	margin-bottom:	0.4em;
	margin-left:	20px;
	margin-right:	20px;
	text-align:		left;
	}

p, ol, ul {
	color:			Black;
	font-style:		normal;
	font-weight:	normal;
	line-height:	1.2;
	margin-top:		0em;
	margin-bottom:	1em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		justify;
	}

li {
	margin-bottom:	0.2em;
	}

p.bijgewerkt {
	color:			DarkGray;
	font-style:		normal;
	font-weight:	normal;
	line-height:	1.2;
	margin-top:		0em;
	margin-bottom:	1em;
	margin-left:	10px;
	margin-right:	10px;
	text-align:		center;
	}

ol.alg_regels li {
	margin-bottom:	0.6em;
	}

table.alg_aantal {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	1.0em;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		0.4em;
	max-width:		380px;
	width:			100%;
	}

table.alg_aantal td {
	color:			Blue;
	padding:		6px 4px;
	text-align:		left;
	vertical-align:	top;
	}

table.alg_aantal td:nth-of-type(2), table.alg_aantal td:nth-of-type(5){
	text-align:		right;
	}

table.alg_aantal2 {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	0.4em;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		0.4em;
	}

table.alg_aantal2 td, table.alg_aantal2 th {
	color:			Blue;
	padding:		6px 8px;
	text-align:		center;
	vertical-align:	top;
	}

table.alg_aantal2 td:nth-of-type(1) {
	text-align:		left;
	}

table.alg_contact {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	2.0em;
	margin-left:	0;
	margin-right:	auto;
	margin-top:		0.4em;
	width:			100%;
	}

table.alg_contact td {
	padding:		6px 4px;
	text-align:		left;
	vertical-align:	top;
	}

table.alg_contact td:first-child {
	width:			150px;
	}

table.alg_datums {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	1.0em;
	margin-left:	0;
	margin-right:	auto;
	margin-top:		1.0em;
	max-width:		650px;
	width:			100%;
	}

table.alg_datums td {
	padding:		6px 4px;
	text-align:		left;
	vertical-align:	top;
	}

table.alg_datums td:first-child {
	width:			90px;
	}

table.alg_flyer {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	2.0em;
	margin-left:	0;
	margin-right:	auto;
	margin-top:		0.4em;
	}

table.alg_flyer td {
	padding:		6px 6px;
	text-align:		left;
	vertical-align:	top;
	}

@media only screen and (min-width: 500px){

	table.alg_flyer td:first-child {
		width:			245px;
		}

	}

table.alg_flyer td:nth-of-type(1){
	font-weight:	bold;
	padding-left:	0;
	}

table.alg_flyer td:nth-of-type(2){
	padding-right:	0;
	}

table.alg_jarig {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	2.0em;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		0.4em;
	max-width:		500px;
	}

table.alg_jarig th {
	padding:		8px 4px;
	text-align:		left;
	vertical-align:	top;
	}

table.alg_jarig td {
	padding:		2px 4px;
	text-align:		left;
	vertical-align:	top;
	}

table.alg_jarig td:nth-of-type(1){
	text-align:		right;
	}

table.alg_knor {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	1.0em;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		0.4em;
	}

table.alg_knor td {
	color:			Blue;
	padding:		6px 6px;
	text-align:		left;
	vertical-align:	top;
	}

table.alg_knor td:nth-of-type(2){
	text-align:		right;
	}

table.alg_nwlid {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	2.0em;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		0.4em;
	max-width:		500px;
	}

table.alg_nwlid th {
	padding:		8px 4px;
	text-align:		left;
	vertical-align:	top;
	}

table.alg_nwlid td {
	padding:		2px 4px;
	text-align:		left;
	vertical-align:	top;
	}

/* algemene links in de tekst */

a:link {
	color:			Blue;
	text-decoration: underline;
	}

a:visited {
	color:			Black;
	text-decoration: underline;
	}

a:hover	{
	color:			Red;
	text-decoration: underline;
	}

a:active {
	color:			IndianRed;
	text-decoration: underline;
	}

a.alg_link {
	font-weight:	bold;
	text-decoration: none;
	}

a.alg_link span {
	text-decoration: underline;
	}

a.alg_link img {
	margin-bottom:	0.4em;
	}

/* link pagina, aantal naast elkaar is afhankelijk van  de breedte van het scherm) */

div.alg_div1 {
	border-style:	none;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			left;
	margin:			0px;
	padding:		10px;
	text-align:		center;
	width:			70%;
	}

div.alg_div2 {
	border-style:	none;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			right;
	margin:			0px;
	padding:		10px;
	text-align:		center;
	width:			30%;
	}

div.alg_div3 {
	border-style:	none;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			left;
	margin:			0px;
	padding:		10px;
	text-align:		center;
	width:			50%;
	}

div.alg_div4 {
	border-style:	none;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			right;
	margin:			0px;
	padding:		10px;
	text-align:		center;
	width:			50%;
	}

div.alg_div6 {
	border-style:	none;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			left;
	margin:			0px;
	padding:		10px;
	text-align:		center;
	width:			50%;
	}

hr.alg_verberg02{	display:	block;	}
hr.alg_verberg04{	display:	block;	}
hr.alg_verberg06{	display:	block;	}

@media only screen and (min-width: 350px){

	div.alg_div6 {		width:		25%;	}

	hr.alg_verberg02{	display:	none;	}
	hr.alg_verberg04{	display:	block;	}
	hr.alg_verberg06{	display:	none;	}
	
	}

@media only screen and (min-width: 600px){

	div.alg_div1 {		width:		60%;	}
	div.alg_div2 {		width:		20%;	}
	div.alg_div3 {		width:		40%;	}
	div.alg_div4 {		width:		40%;	}
	div.alg_div6 {		width:		16.6%;	}

	hr.alg_verberg02{	display:	none;	}
	hr.alg_verberg04{	display:	none;	}
	hr.alg_verberg06{	display:	block;	}
	
	}

/* schuivende div (afhankelijk van de breedte van het scherm) */

div.verschuif50links, div.verschuif50rechts {
	border-style:	none;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	margin:			0px auto 0px auto;
	padding:		0px 0px 0px 0px;
	width:			100%;
	}


@media only screen and (min-width: 425px){

	div.verschuif50links, div.verschuif50rechts {
		width:			400px;
		}

	}

@media only screen and (min-width: 840px){

	div.verschuif50links {
		float:			left;
		margin:			0px 10px 0px  0px;
		}

	div.verschuif50rechts {
		float:			right;
		margin:			0px  0px 0px 10px;
		}

	}


/* plaatjes in de tekst */

div.alg_div100 {
	border:			thin Grey solid;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	margin:			0px 0px 5px 0px;
	padding:		5px 5px 5px 5px;
	width:			auto;
	}

div.alg_div50links {
	border:			thin Grey solid;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			left;
	margin:			0px 0px 5px 0px;
	padding:		5px 5px 5px 5px;
	width:			auto;
	}

div.alg_div33links {
	border:			thin Grey solid;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			left;
	margin:			0px 0px 5px 0px;
	padding:		5px 5px 5px 5px;
	width:			auto;
	}

div.alg_div25links {
	border:			thin Grey solid;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			left;
	margin:			0px 10px 5px 0px;
	padding:		5px 5px 5px 5px;
	width:			50%;
	}

div.alg_div50rechts {
	border:			thin Grey solid;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			right;
	margin:			0px 0px 5px 0px;
	padding:		5px 5px 5px 5px;
	width:			auto;
	}

div.alg_div33rechts {
	border:			thin Grey solid;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			right;
	margin:			0px 0px 5px 0px;
	padding:		5px 5px 5px 5px;
	width:			auto;
	}

div.alg_div25rechts {
	border:			thin Grey solid;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
	float:			right;
	margin:			0px 0px 5px 10px;
	padding:		5px 5px 5px 5px;
	width:			50%;
	}

div.alg_divtekst p {
	color:			DimGrey;
	font-style:		normal;
	font-weight:	normal;
	line-height:	1.2;
	margin: 		2px 5px 3px 5px;
	text-align:		center;
	}

@media only screen and (min-width:	400px) {
	div.alg_div33links, div.alg_div33rechts	{width:		240px;}
	div.alg_div25links, div.alg_div25rechts	{width:		200px;}
	div.alg_div33links	{	margin-right:	10px;	}
	div.alg_div33rechts	{	margin-left:	10px;	}
	}

@media only screen and (min-width:	450px) {
	div.alg_div50links, div.alg_div50rechts	{width:		290px;}
	div.alg_div50links	{	margin-right:	10px;	}
	div.alg_div50rechts	{	margin-left:	10px;	}
	}

@media only screen and (min-width:	550px) {
	div.alg_div50links, div.alg_div50rechts	{width:		350px;}
	div.alg_div33links, div.alg_div33rechts	{width:		260px;}
	div.alg_div25links, div.alg_div25rechts	{width:		210px;}
	}

@media only screen and (min-width:	700px) {
	div.alg_div50links, div.alg_div50rechts	{width:		410px;}
	div.alg_div33links, div.alg_div33rechts	{width:		280px;}
	div.alg_div25links, div.alg_div25rechts	{width:		220px;}
	}