body 		{
				font-family: Lato, sans-serif;
	 	 		line-height: 150%;
	 	 		font-size: 100%;
	 	 		margin: 0px;
		 		background-color: #fff;
				}


#allcontent {
						width: 100%
			 			max-width: 1200px;
			     	margin-right: 50px;
			     	margin-left: 50px;
			     	background-color: #fff;
			     	padding-top: 0px;
			     	padding-bottom: 0px;
			     	color: #000;
					}


h1 			{
				font-family: Lato, sans-serif;
				font-size: 160%;
			 	font-weight: 600;
				line-height: 150%;
				letter-spacing: 0.1px;
				text-align: left;
				color: #000;
				padding: 10px 0px 0px 0px;
				}

h2 			{
				font-family: Lato, sans-serif;
				font-size: 120%;
				font-weight: 600;
				line-height: 120%;
				letter-spacing: 0.1px;
				color: #000;
				text-align: left;
				}

h3 			{
				font-family: Lato, sans-serif;
				font-size: 110%;
				font-weight: 400;
				line-height: 110%;
				letter-spacing: 0.1px;
				color: #777;
				text-align: left;
    		}

h4 			{
				font-size: 90%;
				color: #0091A5;
				}

blockquote {
						font-family: Lato, sans-serif;
						font-style: normal;
						color: #626262;
					  background: #f9f9f9;
					  border-left: 5px solid #ccc;
					  margin: 1.5em 20px;
					  padding: 0.5em 10px;
						}


blockquote p {
				  display: inline;
					}

a:link 		{
					text-decoration: none;
			 		color: #3679D1;
					}

a:visited 	{
						text-decoration: none;
	   		 		color: #898989;
						}

a:hover 	{
					text-decoration: none;
	 		 		color: #008CA3;
					}

a:active	{
					text-decoration: none;
	   		 	color: #008CA3;
					}


#header img {
						width: 100%;
						max-width: 1024px;
						display: block;
						margin: 30px auto;
						text-align: center;
						}


#menubalk ul
						{
						max-width: 100%;
						display: block;
						justify-content: center;
						margin: 5px;
						padding: 20px;
						}


#menubalk li
						{
						text-align: center;
						font-family: Lato, sans-serif;
						font-size: 90%;
						line-height: 1.5;
						padding: 5px;
						list-style-type: none;
						color: #FF85AA;
						}

/* flex styles voor grotere schermen*/

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

#menubalk ul{
						display: flex;

						}

#menubalk li{
						padding: 0px 15px 0px 15px;
						}

						}


#homepage	{
					width: 100%;
					max-width: 100%;
					display: block;
					margin: 0px auto;
					text-align: center;
					}


#homepage img	{
							width: 100%;
							max-width: 400px;
							margin: 30px 20px 10px 20px;
							}

#homepage h1	{
							font-family: Lato, sans-serif;
							font-size: 170%;
							font-weight: 400;
							line-height: 130%;
							letter-spacing: 0.2px;
							text-align: center;
							color: #000;
							padding: 10px 0px 0px 0px;
							}

#homepage h2	{
							font-family: Lato, sans-serif;
							font-size: 140%;
							font-weight: 400;
							line-height: 150%;
		 					letter-spacing: 0.2px;
							font-style: italic;
							color: #898989;
							text-align: center;
							}

#homepage p		{
							font-family: Lato, sans-serif;
							font-size: 100%;
							text-align: center;
							color: #000;
							width: 100%;
							max-width: 700px;
							display: block;
							margin: 0px auto;
							text-align: left;
							}


#kernwoorden img	{
									width: 100%;
									max-width: 300px;
									margin: 30px 20px 10px 20px;
									}


#hoofdtekst	{
						width: 100%;
						max-width: 60%;
						margin: 0px auto;
						}

#hoofdtekst p	{
							text-align: left;
							}

#hoofdtekst img	{
								width: 100%;
								max-width: 450px;
								padding: 10px 20px;
								margin: 10px 20px;
								}

#introductie {
							width: 100%;
							max-width: 800px;
							display: block;
							margin: 0px auto;
							text-align: left;
							}

#introductie p	{
								width: 100%;
								max-width: 800px;
								display: block;
								margin: 0px auto;
								text-align: left;
								}

#introductie img	{
									width: 100%;
									max-width: 450px;
									float: right;
									margin: 20px;
									}

#introductie a img	{
										max-width: 150px;
										display: block;
										margin: 0px auto;
										text-align: center;
										}									

#introbeeld img		{
									width: 100%;
									max-width: 500px;
									padding: 10px 20px;
									display: block;
									margin: 0px auto;
									text-align: center;
									}


#illustraties		{
							 	max-width: 100%;
								}

#illustraties img	{
									width: 100%;
									max-width: 363px;
									}


#portfolioillu 			{
										width: 100%;
										max-width: 800px;
										display: block;
										margin: 0px auto;
										text-align: left;
										}


#portfolioillu img		{
											width: 100%;
											max-width: 500px;
											margin: 25px 5px;
											text-align: center;
										 	}

#portfolioillu p img	{
											width: 100%;
											max-width: 250px;
											margin: 10px 30px;
											}

#portfolioillu a img	{
											max-width: 150px;
											display: block;
											margin: 0px auto;
											text-align: center;
											}


#werkproces					{
										width: 100%;
										max-width: 800px;
										display: block;
										margin: 0px auto;
										text-align: left;
										}

#werkproces img				{
											width: 100%;
											max-width: 500px;
											display: block;
											margin: 0px auto;
											text-align: center;
											}

#werkproces p 			{
										width: 100%;
										max-width: 100%;
										display: block;
										margin: 0px auto;
										text-align: left;
										}

#werkproces p img	{
									width: 100%;
									max-width: 250px;
									margin: 10px 30px;
									}

#werkproces a img	{
									max-width: 150px;
									display: block;
									margin: 0px auto;
									text-align: center;
									}

#teksten img				{
										width: 100%;
										max-width: 700px;
										display: block;
										margin: 0px auto;
										text-align: center;
										}

#teksten					{
									width: 100%;
									max-width: 800px;
									display: block;
									margin: 0px auto;
									text-align: left;
									}

#teksten p 			{
								width: 100%;
								max-width: 100%;
								display: block;
								margin: 0px auto;
								text-align: left;
								}

#teksten p img	{
								width: 100%;
								max-width: 250px;
								margin: 10px 30px;
								}

#ontwerpen			{
								width: 100%;
								max-width: 800px;
								display: block;
								margin: 0px auto;
								text-align: left;
									}

#ontwerpen img		{
									width: 100%;
									max-width: 600px;
									display: block;
									margin: 0px auto;
									text-align: center;
										}

#ontwerpen p 			{
									width: 100%;
									max-width: 100%;
									display: block;
									margin: 0px auto;
									text-align: left;
									}

#ontwerpen p img	{
									width: 100%;
									max-width: 250px;
									margin: 10px 30px;
									}

#ontwerpen a img	{
									max-width: 150px;
									display: block;
									margin: 0px auto;
									text-align: center;
									}

img.floatleft			{
									float: left;
									margin: 20px;
									}

img.floatright			{
										float: right;
										margin: 20px;
										}

#contactpagina			{
										width: 100%;
										max-width: 800px;
										display: block;
										margin: 0px auto;
										text-align: left;
										}

#contactpagina ul		{

										}

#contactpagina li		{
										margin-left: 2em;
										padding: 0.1em;
										}

#contactpagina img 		{
											width: 100%;
											max-width: 300px;
											margin: 0px auto;
											text-align: center;
											}

#contactpagina h2 	{
										text-align: left;
										}


#footer			{
						width: 100%;
						max-width: 1600px;
						font-size: 90%;
			     	color: #000;
			     	padding: 20px;
			     	margin: 0px auto;
			     	text-align: center;
			     	clear: both;
			     	}

#footer img		{
							width: 100%;
							max-width: 2em;
							}

#naarboven		{
							width: 100%;
							max-width: 150px;
							display: block;
							padding: 0px;
							margin: 0px auto;
							}

#footer	a:hover	{
								text-decoration: none;
	   		 				color: #FF85AA;
								}