@font-face	{
		font-family: 'Josefin Slab';
		font-style: normal;
		font-weight: 400;
		src: url(josefinslab-regular.woff2) format('woff2');
		}

@font-face	{
		font-family: 'Josefin Slab';
		font-style: normal;
		font-weight: 600;
		src: url(josefinslab-semibold.woff2) format('woff2');
		}

@font-face	{
		font-family: 'Josefin Slab';
		font-style: normal;
		font-weight: 700;
		src: url(josefinslab-bold.woff2) format('woff2');
		}

html		{
		height: 100%;
		width: 100%;
		}

body		{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		padding: 0;
		background-color: rgb(232,224,216);
		}

div.wrap	{
		position: absolute;
		top: 1rem;
		bottom: 1rem;
		left: 1rem;
		right: 1rem;
		}

header		{
		margin-top: 1rem;
		}

nav		{
		display: block;
		margin-top: 2.5rem;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		border: 1px solid rgb(16,32,64);
		overflow: auto;
		}

main 		{
		background-color: rgb(248,240,232);
		display: block;
		margin-top: -1px;
		margin-bottom: 1rem;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		border: 1px solid rgb(16,32,64);
		overflow: auto;
		}

article		{
		overflow: auto;
		margin: 0;
		}

section		{
		overflow: auto
		margin: 0;
		}
		
h1		{
		font-family: 'Josefin Slab', serif;
		font-weight: 700;
		font-size: 3.18rem;
		color: rgb(16,32,64);
		margin: 2px;
		padding: 2px;
		}

h2		{
		font-family: 'Josefin Slab', serif;
		font-weight: 700;
		font-size: 2.5rem;
		color: rgb(16,32,64);
		margin: 1rem;
		padding: 2px;
		}

h3		{
		font-family: 'Josefin Slab', serif;
		font-weight: 700;
		font-size: 1.25rem;
		color: rgb(16,32,64);
		margin: 2px;
		padding: 2px;
		}

h4		{
		font-family: 'Josefin Slab', serif;
		font-weight: 700;
		font-size: 1.25rem;
		color: rgb(16,32,64);
		margin: 1rem;
		padding: 2px;
		}

p		{
		font-family: 'Josefin Slab', serif;
		font-weight: 400;
		font-size: 1.25rem;
		color: rgb(16,32,64);
		margin: 1rem;
		padding: 2px;
		}

a		{
		font-family: 'Josefin Slab', serif;
		font-weight: 400;
		font-size: 1.25rem;
		color: rgb(16,32,64);
		}		

a.nav		{
		font-family: 'Josefin Slab', serif;
		font-weight: 600;
		font-size: 1.5rem;
		color: rgb(16,32,64);
		text-decoration: none;
		display: block;
		}

span		{
		color: rgb(224,32,32);
		}

table.nav	{
		width: 100%;
		border-collapse: collapse;
		}

table.portfolio	{
		width: 100%;
		margin: 0;
		border-collapse: separate;
		border-spacing: 1rem 0;
		}

td		{
		border: none;
		text-align: center;
		overflow: hidden;
		margin: 0;
		padding: 0;
		}

td.active	{
		background-color: rgb(248,240,232);
		}

td:hover	{
		background-color: rgb(248,240,232);
		}

img.index	{
		display: block;
		width: 40%;
		height: auto;
		margin: 1rem;
		position: relative;
		float: right;		
		border: 1px solid rgb(16,32,64);
		}

img.werkwijze	{
		display: block;
		width: 40%;
		height: auto;
		margin: 1rem;
		position: relative;
		float: right;		
		border: 1px solid rgb(16,32,64);
		}

img.portfolio	{
		width: 100%;
		height: auto;
		display: block;
		}

div.map		{
		display: block;
		border: 1px solid rgb(16,32,64);
		margin: 1rem;
		position: relative;
		float: right;
		width: calc(50% - 1rem - 2px);
		height: 0;
		padding: 0;
		padding-bottom: calc(50% - 1rem - 2px);
		}

iframe		{
		padding: 0;
		margin: 0;
		border: 0;
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		}