/* 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: Georgia, 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:60px; font-family: Georgia;
				color:#d95c3e; line-height: 1.2em; font-weight:bold;}

h2			{ font-size:60px; font-family: Georgia;
				color:#d95c3e; line-height: 1.2em; font-weight:bold;}

h3			{ font-size:25px; font-family: Georgia;
				color:#d95c3e; line-height: 1.2em; font-weight:bold;}

p			{ font-size:20px; font-family: georgia; color:#283255; line-height: 1.3em;}

h4			{ font-size:25px; font-family: georgia; color:#283255; line-height: 1.3em;}

h5			{ font-size:20px; font-family: georgia; color:#283255; line-height: 1.3em; font-weight:bold;}

h6			{ font-size:40px; font-family: georgia; color:#283255; line-height: 1.3em;}

p i		{ font-size:20px; font-family: georgia; color:#283255; line-height: 1.3em; font-style: italic;}



body			{background-color:#b0d7f5;
overflow-x: hidden; position-x: absolute;
background-image: url(http://www.andrevanderlinden.nl/ajaan/img/achtergrond1.jpg);
background-size: 100%;
background-repeat: repeat-y;
background-position: left top;
 background-attachment: fixed;
} 

#tijdlogo			{width:40%; height: auto; margin: auto; }
#starttijd 			{width: 90%; max-width:980px; height:auto ; margin: auto; padding: 2%; text-align:left; margin-top: -50px;}

#navachtergrond		{width:100%; height: 120px; position:fixed; top: 0px;}

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

#navindex		{width:100%; height: 80px; background-color:#b0d7f5;}

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

#knoppen ul li 		{display:inline;  }
#knoppen ul li a	{font-size:40px; font-weight:bold; margin: 0 3%; text-decoration: none; border-bottom: 0px solid #b0d7f5;  text-shadow: 2px 2px #b0d7f5;}
#knoppen ul li a:link	{color:#283255; }

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

#knoppen ul li a:hover	{color:#bd251a;  text-shadow: 0px 2px #283255;}

#logo 			{float:right; width:40%; padding-right:5%;}	

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




#intro			{width:100%; height: auto; }

#tussenlaag		{width:100%; height: auto; margin-top: 120px; box-shadow: 4px 4px 5px grey;}
#tussenlaag2		{width:100%; height: auto;}

#tussenlaag3		{width:100%; height: auto; margin-top: 40px; box-shadow: 4px 4px 5px grey;}

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

#index 			{width: 90%; max-width:980px; height:auto ; margin: auto; padding: 2%; text-align:center; }

#index p		{ font-size:25px; font-style:italic;}

#index img		{width: 56%; }
#indexfoto		{width: 100%; }
#indexfoto img		{width: 36%; }

#algemeenachtergrond	{width:100%; height: auto; }

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

.filmpje		{width: 90%; max-width:980px; height:auto ; margin: auto; border:10px solid white; box-shadow: 4px 4px 5px grey;  }

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


#algemeen h1, h2, h3    {text-align:center;}

#index a 		{font-size:30px; font-family: Georgia; 
				color:#283255; line-height: 1.2em; font-weight:bold; padding: 1%; text-decoration: none; border: 1px solid #bd251a;}
#index a:link	{color:#283255; }

#index a:visited	{color:#283255;  }
#index a:focus	{color:#283255; }

#index a:hover	{border: 5px solid #bd251a; }


#fotoblokje1 		{width: 90%; max-width:980px; height:auto ; margin: auto; padding: 2%; text-align:left; margin-top: 10px;}



#fotoblokje1 h1, h2, h3    {text-align:center;}

#fotoblokje1 img		{width: 100%; max-width:980px; height:auto ; margin: auto; border:10px solid white; box-shadow: 4px 4px 5px grey; margin-bottom: 20px;}

#fotoblokje 		{width: 90%; max-width:980px; height:auto ; margin: auto; padding: 2%; text-align:left; margin-top: 95px;}



#fotoblokje h1, h2, h3    {text-align:center;}

#fotoblokje img		{width: 100%; max-width:980px; height:auto ; margin: auto; border:10px solid white; box-shadow: 4px 4px 5px grey; margin-bottom: 20px;}


#overzicht		{width:1300px; height:auto ; margin: auto; text-align:center; margin-top: 40px;}

.blokje			{width: 280px; height: 230px; background-color:white; float:left; margin: 10px; border:10px solid white; box-shadow: 4px 4px 5px grey;}

.blokje	img		{width: 280px; height: 183.3px; margin-bottom: 10px;}

.blokje:hover 		{box-shadow: 8px 8px 10px grey;}

#start 			{width: 90%; max-width:980px; height:auto ; margin: auto; padding: 2%; text-align:left; margin-top: 60px;}
#startlinks		{width: 45%;  height:auto ; margin: auto;padding: 2%;  float:left;}

#startrechts		{width: 45%;  height:auto ; margin: auto;padding: 2%;  float:left; text-indent:20px; }


#starttekst		{clear: both; width: 90%; max-width:980px; height:auto ; margin: auto; padding: 2%; text-align:left; margin-top: 60px; text-indent:20px;}

#starttekst h1, h2, h3    {text-align:center;}

#starttekst img		{width: 60%; max-width:980px; height:auto ; margin: auto; border:10px solid white; box-shadow: 4px 4px 5px grey; margin-bottom: 20px;}

#verkoop 		{width: 90%; max-width:980px; height:auto ; margin: auto; padding: 2%; text-align:center; }
#links			{width: 45%; max-width:450px; height:auto ; margin: auto;padding: 2%;  float:left;}
#rechts			{width: 45%; max-width:450px; height:auto ; margin: auto;padding: 2%;  float:left; }

#rechts	a 		{font-weight:bold; margin: 0 1%; text-decoration: none; border-bottom: 5px solid #b0d7f5;}
#rechts   a:link	{color:#283255; }

#rechts   a:visited{color:#5590ce;  }
#rechts   a:focus	{color:#5590ce; }

#rechts   a:hover	{border-bottom-color:#bd251a;}


#roos			{width:100%; max-width:200px; margin: auto; clear:both; }

#roos 	img		{width:100%; height: auto; margin: auto; margin-top:10px;}

@media screen and (max-width: 1300px) {
#overzicht		{width:975px;margin-top: 50px;}
#knoppen ul li a	{font-size:34px;}
}




@media screen and (max-width: 975px) {
#overzicht		{width:650px; margin-top:  20px;}
#knoppen ul li a	{font-size:25px; margin: 1%;}
#navachtergrond		{width:100%; height: 80px;}
#tussenlaag		{width:100%; height: auto; margin-top:  90px;}
#rechts         	{clear:both; width: 90%; max-width:950px}
#links			{width: 90%; max-width:450px; height:auto ; margin: auto; margin: 2% 10%;  float:left;}

#startrechts		{width: 90%;}
#startlinks		{width: 90%;}

}

@media screen and (max-width: 650px) {
#algemeenachtergrond	{margin-top: 240px; clear: both;}
#overzicht		{width:325px;margin-top: 40px;}
#knoppen ul li a	{font-size:30px; margin: 1%;}
#knoppen 		{clear:both;  width:90%; height: auto; padding: 2% 0 0 1%; text-align: center;}
#fotoblokje 		{margin-top: 290px;}
#logo 			{float:center; width:90%; }
#navachtergrond		{width:100%; height: 250px;}
#tussenlaag		{width:0%; height: 0px margin-top: 40px;}
h1			{font-size:40px;}
#start 			{margin-top: 20px;}
#startlinks		{width: 90%;}

#startrechts		{clear:both; width: 90%;}
h6			{ font-size:25px; 
}