@font-face {
  	font-family: 'TheSerifSemiBoldPlain';
    src: url('../fonts/TheSerifSemiBoldPlain/theserif_semibold_plain-webfont.woff2') format('woff2'),
         url('../fonts/TheSerifSemiBoldPlain/theserif_semibold_plain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
 	font-family: 'MYRIADPROREGULAR';
	src: url('../fonts/myriadpro/MYRIADPROREGULAR.eot');
	src: local('MYRIADPROREGULAR'), 
			 url('../fonts/myriadpro/MYRIADPROREGULAR.woff') format('woff'), 
			 url('../fonts/myriadpro/MYRIADPROREGULAR.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html,body {
	height: 100%;
	width: 100%;
	margin: 0px;
}
table {
	background-color: #FFF;
}
td{	
	font-size: 11pt;
}
td.top {
	height: 110px;
	text-align: center;
	padding: 60px 20px 20px 20px;
}
	td.top div.logo {
		max-width: 1000px;
		margin: auto;
		text-align: right;
	}
td.info {
 	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
	height: auto;
}
	div.landing {
	 	position: relative;
		max-width: 1000px;
		margin: auto;
 		text-align: justify;
	 	font-family: MYRIADPROREGULAR;
	 	line-height: 14pt;
	 	font-size: 12pt;
	}
		div.landing h1 {
		 	color: #8264A9;
		 	margin-top: 30px;
		 	font-size: 16pt;
		}
		div.landing p {
		 	margin-top: 30px;
		 	margin-bottom: 30px;
		}
td.bottom {
	height: 200px;
	text-align: center;
	padding: 20px 20px 20px 20px;
	background-color: #8264A9;
}
	div.bottom {		
	 	position: relative;
		max-width: 1000px;
		margin: auto;
 		text-align: left;
	 	font-family: MYRIADPROREGULAR;
	 	line-height: 16pt;
	 	font-size: 13pt;
	 	color: #fff;
	}
		div.bottom a{
			color: #fff;
			text-decoration: none;
		}
		div.bottom p {
		 	margin-top: 30px;
		 	margin-bottom: 30px;
		 	line-height: 20pt;
		}
		div.bottom p.copyright {
			font-size: 10pt;		
		 	line-height: 14pt;	
		}
		div.bottom p.copyright a{
			color: #fff;
			text-decoration: none;
		}
@media screen and (max-width: 1100px) {
 	div.landing {
 	 	width: 100%;
 	}
	div.landing img {
 	 	width: 100%;
 	}
 	div.kaart_2 {
		margin-left: 7px;
	}
}
@media screen and (max-width: 680px) {
 	td.top {
 	 	padding-top: 40px;
 	}
 	td.top div.logo {
		text-align: center;
		margin: auto;
	}
	div.logo img {
 	 	width: 60%;
 	}
}