/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Tahoma, Verdana, sans-serif
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




h1			{ font-size:30px; font-family: Tahoma, Verdana;
				color:#1261bd; line-height: 1.2em;}

h2			{font-size:60px; font-weight:bold; font-family: Tahoma, Verdana; color:#db083d; line-height: 1.3em;}

h3			{font-size:2vw; font-family: Tahoma, Verdana; font-weight:bold; line-height: 1.4em;
				color:#ae1012; text-shadow: 1px 1px 5px white; padding: 20px 0 10px 0;}

p			{ font-size:25px; font-family: Tahoma, Verdana; color:black; line-height: 1.3em;}



body			{background-color:white; overflow-x: hidden; position-x: absolute;} 

#navachtergrond		{width:100%; height: 71px; background-color: white; position:fixed; top: 0px;}

#nav			{width: 90%; max-width:980px; height:auto ; margin: auto;}

#knoppen 		{float:right;  width:60%; height: auto; padding: 2% 0 0 4%; text-align: left;}

#knoppen ul li 		{display:inline;  }
#knoppen ul li a	{font-size:40px; margin: 0 3%; text-decoration: none; border-bottom: 5px solid white;}
#knoppen ul li a:link	{color:#1261bd; }

#knoppen ul li a:visited{color:#1261bd;  }
#knoppen ul li a:focus	{color:#1261bd; }

#knoppen ul li a:hover	{border-bottom-color:#db083d;}

#logo 			{float:right; width:30%;}	

.responsive {
    width: 100%;
    height: auto;}



#intro		{width:100%; height:900; background: url("https://www.andrevanderlinden.nl/img/header-andre2.jpg"); background-size: cover; margin-top:71px;}

#introtekst		{clear: both; width: 90%; max-width:980px; height: auto; margin: auto; text-align: right; padding: 1% 2% 1% 0; }

#algemeen 		{width: 90%; max-width:980px; height:auto ; margin: auto;padding: 2%;}

#algemeen h2, p		{margin: 1%;}

#schapen		{width:100%; height: auto; overflow-x: hidden; }


#schapentekst h2	{font-size:50px; color:white; line-height: 1.2em;}


#fotos		{width: 90%; max-width:980px; height:auto ; margin: auto;padding: 2%;}

#fotos h2, p		{margin: 1%;}

#fotoalbum {width:97%; height:auto; }

#fotoalbum img {
    display: block;
    margin-left: auto;
    margin-right: auto; border:0px solid #f4f3f3; box-shadow: 8px 8px 7px grey;}

#collage 	{clear:both; background: url("https://www.andrevanderlinden.nl/img/header-andre.jpg"); background-size: cover;  height:600px; background-attachment: fixed;}

#collage img {visibility:hidden;}

#slottekst		{width: 90%; max-width:980px; height:auto ; margin: auto;padding: 2%;}

#slottekst h2, p		{margin: 1%;}

#slottekst h2			{color:#1261bd;}

#aanbieding img	{width: 90%; max-width:980px; display: block;
    margin-left: auto;
    margin-right: auto;}

#footerachtergrond	{width:100%; height: 300px; background-color:#db083d;}

#footer		{width: 100%; max-width:980px; margin:auto; padding: 20px 0;}

#footerlinks	{float: left; width:500px; height: 300px; padding-left:50px;}

#footerkerk	{float: left; margin: 30px 0;}
#footerkerk img	{width: 124; height: auto; }

#footerlogo img	{float: left; width: 316px; height: auto; margin: 30px 0 15px 10px;}


#footertekst	{ float:left; width: 400px; text-align: center; margin:10px 0 0 0;}
#footertekst p	 {color:white; font-size:23px; margin-bottom: 20px;}

#footertekst a 	{text-decoration: none;}

#footertekst	 a:link		{color:white;  }
#footertekst	 a:visited	{color:white ; }
#footertekst	 a:focus		{color:white; }
#footertekst	 a:hover		{color:#1261bd; }

#footertekst img	{width:38px; height: 38px;
    margin-left: auto;
    margin-right: auto;}

#footertekst	 h1		{font-size:25px; color:white; line-height: 1.8em;}

#mariaheide		{float: left; width:300px; margin:40px 10px; background-color: #1261bd; padding: 1% 0 1% 1%; border: solid 5px white; border-radius: 10px;}

#mariaheide h1		{font-size:50px; font-weight: bold; color:white; line-height: 1.0em;}




@media screen and (max-width: 1030px) {

h1	{text-shadow: 1px 1px 5px white; font-weight:bold;}

h2			{font-size:45px}

#knoppen ul li a	{font-size:4vw; margin: 0 1%;}

#intro		{width:100%; height:700; background: url("https://www.andrevanderlinden.nl/img/header-andre2-midden.jpg"); background-size: cover; margin-top:71px;}

#collage	{height:auto;}	

#collage img {visibility:visible;}

#footerachtergrond	{width:100%; height: 800px; background-color:#db083d;}

#footer		{width: 100%; max-width:900px; margin:auto; padding: 20px 0;}

#footerlinks	{float: left; width:98%; height: 300px; margin-top:30px;}

#footerkerk	{float: left; margin: 1% 0; width: 30%; height: auto;}

#footerkerk img	{width: 99%; height: auto;}

#footerlogo	{float: left; width:50%; height: auto; margin: 6% 0 6% 6%;}

#footerlogo img	{width:99%; height: auto;}


#footertekst	{ width: 100%; margin: auto; text-align: center; margin:100px 0 0 0;}

#footertekst p	 {color:white; font-size:30px;}

#aanbieding img	{width: 70%; display: block;
    margin-left: auto;
    margin-right: auto;}

}

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

#navachtergrond		{width:100%; height: auto;  position:static; }


#nav			{width: 98%;  height: auto; }

#knoppen 		{float:left;  width:98%; height: auto; margin-bottom:3%;}

#knoppen ul li 		{display:inline;  }
#knoppen ul li a	{font-size:8vw; margin: 0 1%;}

#logo 			{width:98%; float:left;  margin-left: auto;
    margin-right: auto;}

#logo 	img {width:98%; display: block;
    margin-left: auto;
    margin-right: auto;}

#intro		{clear: left; width:100%; height: auto; background: url("https://www.andrevanderlinden.nl/img/header-andre2-klein.jpg"); background-size: cover; margin-top:0; }


h1	{text-shadow: 1px 1px 5px white; font-weight:bold; font-size:20px;}

h2			{font-size:30px;}


p			{ font-size:20px;}

#footerachtergrond	{width:100%; height: 600px; background-color:#db083d;}

#footer		{width: 100%; max-width:600px; margin:auto; padding: 10px 0 0;}

#footerlinks	{float: left; width:98%; height: 300px; margin-top:30px;}

#footerkerk	{float: left; margin: 1% 0; width: 30%; height: auto;}

#footerkerk img	{width: 99%; height: auto;}

#footerlogo	{float: left; width:50%; height: auto; margin: 6% 0 1% 2%;}

#footerlogo img	{width:99%; height: auto;}


#footertekst	{ width: 100%; margin: auto; text-align: center;}

#footertekst p	 {color:white; font-size:20px;}

#aanbieding img	{width: 70%; display: block;
    margin-left: auto;
    margin-right: auto;}


}