/* CSS Document
--------------------------------------------------------------------*/
html, body							{ background: #ebebeb; margin: 0; padding: 0; }
html, body							{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; line-height: 1.8; }


/* Typografie stijlen voor de hele site 
--------------------------------------------------------------------*/
h1, h2, h3, h4, span.h1				{ line-height: 1.4; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; padding: 0; }
p, address, ul, ol, table			{ line-height: 1.8; margin-bottom: 14px; }

h1									{ font-size: 2.0em; color: #000; margin-bottom: 14px; }
h2									{ font-size: 1.7em; color: #000; margin-bottom: 14px; padding-top: 10px; }
h3									{ font-size: 1.4em; color: #000; margin-bottom: 10px; padding-top: 10px; }
h4									{ font-size: 1.15em; color: #000; margin-bottom: 10px; padding-top: 10px; }
span.h1								{ font-size: 2.0em; color: #000; margin-bottom: 14px; padding-top: 30px; display: block; }

a									{ -webkit-transition: all 0.3s ease-in-out; -webkit-transition-property: color, background-color; transition: all 0.3s ease-in-out; transition-property: color, background-color; }
a									{ color: #7c8d10; }
a:hover								{ color: #7c8d10; }


/* Basis vlakverdeling 
--------------------------------------------------------------------*/
#container							{ margin: 40px auto 0 auto; width: 600px; padding: 40px; border: 1px solid #d2d2d2; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
#footer								{ padding-top: 20px; padding-bottom: 10px; border-top: 1px solid #d2d2d2; text-align: center; }
#footer	p							{ margin: 0; padding: 0; }


@media only screen and (max-width: 700px) {
	
	body							{ margin-left: 20px; margin-right: 20px; }
	#container						{ width: auto; padding: 30px; }

} /*/mediaquery*/