/* stylesheet voor de voorpagina - index.html */

/* achtergrond */

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

/* algemene html elementen */

h1 {
	color:			Black;
	font-size:		140%;
	font-style:		normal;
	font-weight:	bold;
	line-height:	1.2;
	margin-top:		0.6em;
	margin-bottom:	0.2em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		center;
	}

h2 {
	color:			Black;
	font-size:		120%;
	font-style:		normal;
	font-weight:	bold;
	line-height:	1.2;
	margin-top:		0em;
	margin-bottom:	0em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		center;
	}

h3 {
	color:			Black;
	font-size:		120%;
	font-style:		normal;
	font-weight:	normal;
	line-height:	1.2;
	margin-top:		1.0em;
	margin-bottom:	0.4em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		center;
	}
	
h4 {
	color:			Black;
	font-size:		100%;
	font-style:		normal;
	font-weight:	normal;
	line-height:	1.2;
	margin-top:		0em;
	margin-bottom:	0em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		left;
	}

h5 {
	color:		Black;
	font-size:		120%;
	font-style:		normal;
	font-weight:	bold;
	line-height:	1.2;
	margin-top:		0em;
	margin-bottom:	0em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		right;
	}	
h6 {
	color:			Black;
	font-size:		100%;
	font-style:		normal;
	font-weight:	normal;
	line-height:	1.2;
	margin-top:		0em;
	margin-bottom:	0em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		center;
	}
	

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

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;
	}

p.dringend1 {
	color:			Red;
	font-size:		150%;
	font-style:		normal;
	font-weight:	bold;
	line-height:	1.2;
	margin-top:		0.3em;
	margin-bottom:	0.3em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		center;
	}

p.dringend2 {
	color:			Blue;
	font-size:		150%;
	font-style:		italic;
	font-weight:	bold;
	line-height:	1.2;
	margin-top:		0.3em;
	margin-bottom:	0.3em;
	margin-left:	0px;
	margin-right:	0px;
	text-align:		center;
	}

div.voorpagina_dummy {
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing: 	border-box;
	clear:			right;
	float:			right;
	height:			32.0em;
	margin-top:		0.2em;
	margin-bottom:	0.2em;
	margin-left:	0px;
	margin-right:	0px;
	padding:		0px;
	width:			1px;
	}

div.voorpagina_foto {
	border:			1px solid Silver;
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing: 	border-box;
	clear:			right;
	float:			right;
	margin-top:		0.2em;
	margin-bottom:	0.2em;
	margin-left:	0px;
	margin-right:	0px;
	padding:		5px;
	width:			auto;
	}


@media only screen and (min-width:	350px) {
	div.voorpagina_dummy		{height:	29.0em;}
	}

@media only screen and (min-width:	400px) {
	div.voorpagina_dummy		{height:	14.4em;}
	div.voorpagina_foto {
		margin-left:	10px;
		width:			250px;
		}
	}

@media only screen and (min-width:	450px) {
	div.voorpagina_dummy		{height:	11.4em;}
	}

@media only screen and (min-width:	550px) {
	div.voorpagina_dummy		{height:	6.4em;}
	div.voorpagina_foto			{width:		280px;}
	}

@media only screen and (min-width:	700px) {
	div.voorpagina_dummy		{height:	0.4em;}
	div.voorpagina_foto			{width:		380px;}
	}

div.voorpagina_foto p {
	color:			blue;
	font-style:		italic;
	margin: 		2px 0px 3px 0px;
	text-align:		center;
	}

div.voorpagina_foto p.bron {
	font-size:		70%;
	font-style:		normal;
	}

div.voorpagina_nieuws {
	border:			1px solid Silver;
	box-sizing:		border-box;
	float:			none;
	margin:			1em auto 1em auto;
	padding:		5px 5px 5px 5px;
	width: 			95%;
	}

div.voorpagina_nieuws p, div.voorpagina_nieuws h2 {
	text-align:		left;
	}

div.voorpagina_nieuws p:last-child {
	margin-bottom: 	0px;
	}

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

div.voorpagina_tochten p, div.voorpagina_tochten h3 {
	text-align:		center;
	}

div.voorpagina_tochten p.inschrijfinfo {
	margin-left:	20px;
	text-align:		left;
	}
	
div.voorpagina_tochten p.informatie_flyer {
	margin-left:	20px;
	text-align:		left;
	}
	

@media only screen and (min-width:	600px) {
	div.voorpagina_nieuws {
		margin-left:	10px;
		float:			right;
		width: 			45%;
		}
	div.voorpagina_tochten {
		margin-right:	10px;
		float:			left;
		width: 			50%;
		}
	}

table.voorpagina_afstanden {
	border-style:	none;
	border-collapse: collapse;
	margin-bottom:	0px;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		0px;
	}

table.voorpagina_afstanden td {
	text-align:		left;
	vertical-align:	top;
	}

table.voorpagina_afstanden td:nth-of-type(1){
	font-weight:	bold;
	}


/* algemene links in de tekst */

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

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

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

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

a > img {
	display:	none !important
}