@font-face {
	    font-family	: 'pt-sans-narrow';
	    src		: url('https://www.flatcoat-syrah.nl/fonts/pt-sans-narrow-v12-latin-regular.eot');
	    src		: url('https://www.flatcoat-syrah.nl/fonts/pt-sans-narrow-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
			  url('https://www.flatcoat-syrah.nl/fonts/pt-sans-narrow-v12-latin-regular.svg#pt-sans-narrow-v12-latin-regular') format('svg'),
			  url('https://www.flatcoat-syrah.nl/fonts/pt-sans-narrow-v12-latin-regular.woff') format('woff'),
			  url('https://www.flatcoat-syrah.nl/fonts/pt-sans-narrow-v12-latin-regular.ttf') format('truetype');
	font-weight	: normal;
	font-style	: normal;
	}


	::-webkit-scrollbar-track
	{
		border-radius	: 0px;
		background-color: #FCFBFD;
	}
	
	::-webkit-scrollbar
	{
		width			: 10px;
		background-color: #E81F1F;
	}
	
	::-webkit-scrollbar-thumb
	{
		border-radius	: 0px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #3C6389;
	}

  * {
	  box-sizing		: border-box;
	}
	
	body, td {
	    overflow		: normal;
		background-color: transparent;
		padding			: 0px;
		font-family		: pt-sans-narrow, open-sans, arial, serif;
		font-size		: 17px;
		line-height		: 167%;
	}	    

	li {
		list-style		: square outside;
		margin-left		: -25px;
	}
	
	label {
		padding			: 12px 12px 12px 0;
		display			: inline-block;
	}

	input, textarea {
	    height			: 40px;
		margin-top		: 40px;
		margin-right	: 5px;
	    padding			: 8px;
	    padding-left	: 10px;
	    border			: 1px solid #BAC2C7;
		background-color: #FBFBFB;
		outline			: none;
		font-family		: pt-sans-narrow, open-sans, arial, serif;
		font-size		: 17px;
		color			: #888888;
		line-height		: 167%;
		text-align		: left;
		vertical-align	: middle;
		border-radius	: 7px;
		box-shadow		: 2px 2px 5px #E0E0E0 inset;
		resize			: vertical;
		width			: 100%;
	}

	textarea {
		padding			: 20px;
		padding-top		: 15px;
		height			: 160px;
		overflow		: auto;
		resize			: none;
	}

	input:focus, textarea:focus, input:hover, textarea:hover {
		background-color: #F9F9F9;
	}
	
	input.Knop {
		background-color: #3C6389;
		border			: solid 0px #3C6389;
		color			: #FFFFFF;
		font-family		: pt-sans-narrow, open-sans, arial, serif;
		font-weight		: normal;
		text-align		: center;
		border-radius	: 7px;
		box-shadow		: 2px 2px 5px #AAAAAA;
		margin-right	: 5px;
	}
	
	input.Knop:hover {
		background-color: #666666;
		border			: solid 1px #888888;
		cursor			: pointer;
		box-shadow		: 2px 2px 5px #999999;
	}

	.LeftCol {
		float			: left;
		width			: 48%;
	}
	
	.RightCol {
		float			: right;
		width			: 48%;
	}
	
	/* Responsive layout - when the iframe-screenwidth is less than 500px wide, make the two columns stack on top of each other instead of next to each other */
	
	@media screen and (max-width: 500px) {
		.LeftCol, .RightCol, input {
			width: 100%;
			float: left;
		}
		textarea {
			height			: 300px;
			resize			: none;
			overflow		: auto;
		}
	}

	/* Clear floats after the columns */
	.Rij:after {
		content			: "";
		display			: table;
		clear			: both;
		width			: 100%;
	}
	

	A:link {
		text-decoration	: none;
		color			: #3C6389;
	}
	A:visited {
		text-decoration	: none;
		color			: #3C6389;
	}
	A:hover {
		text-decoration	: underline;
		color			: #9775A4;
	}