@charset "utf-8";
/* CSS Document */


body {
	font-size: 100%;
	background-color: #FFF;
	text-align: center;
	}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}

h1,h2,h3,h4,h5,h6,p,address,blockquote,div,ul,li {
	margin: 0;
	padding: 0;
	}

p, ul {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: normal;
	text-align: left;	 
 	}
 
h1 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #cc071e;
 	}
 
img{
	border:0;
	}
 
a:link, 
a:visited,
a:active {
	color: #cc071e;
	text-decoration: none;
	}

a:hover {
	color: #cc071e;
	font-weight: bold;
	text-decoration: none;
	}

#navigatie a:link, 
#navigatie a:visited,
#navigatie a:active {
	color: #cc071e;
	text-decoration: none;
	}

#navigatie a:hover {
	color: #cc071e;
	font-weight: bold;
	text-decoration: none;
	}

#back a:link, 
#back a:visited,
#back a:active {
	color: #fff;
	text-decoration: none;
	}

#back a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

#distance {
	float: left;
	height: 50%;
	width: 1px;
	margin-bottom: -335px;
	}

#wrapper {
	height: 768px;
	width: 1024px;
	margin: 0 auto;
	position: relative;
	clear: left;
	background-color:#FFF;
	text-align:left;
	}

#logo {
	height: 70px;
	width: 86px;
	margin-top:5px;
	margin-left:0px;
	position:absolute;
	background-color:#FFF;
	}
	
/*	------- navigatie --------- */
	
#navigatie {
	height: 77px;
	width: 84px;
	margin-top:10px;
	margin-left:854px;
	position:absolute;
	border: 1px solid #cc071e;
	background-color:#FFF;
	}
	
#home, #downloads {
	height: 19px;
	width: 78px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cc071e;
	font-family: Arial, Helvetica, sans-serif;
	color: #cc071e;
	font-size: 12px;
	padding-top: 6px;
	}

#contact {
	height: 19px;
	width: 78px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #cc071e;
	font-size: 12px;
	padding-top: 6px;
	}

#back {
	height: 34px;
	width: 54px;
	margin-top:24px;
	margin-left:764px;
	padding-top:20px;
	padding-left: 30px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	background-image: url(../_images/pijl3.jpg);
	background-repeat: no-repeat;
	}	

/* ------- main content --------- */

/* --------vervolgpag Mercury ----------- */
	
#kader-links {
	height: 590px;
	width: 738px;
	margin-top:75px;
	margin-left:0px;
	position:absolute;
	border: 1px solid #cc071e;
	background-color:#FFF;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	text-align: left;
	}
	
#titel {
	height: 30px;
	width: 738px;
	margin-top:20px;
	margin-left:0px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	color: #cc071e;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
#kader-links-2 {
	height: 590px;
	width: 738px;
	margin-top:75px;
	margin-left:0px;
	position:absolute;
	border: 1px solid #cc071e;
	background-color:#fff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	text-align:left;
	}
	
	
#binnen-kader {
	height: 570px;
	width: 718px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	text-align: center;
	text-align:left;
	background-color: #ooo;
	overflow: scroll;
	overflow-x: hidden;
 	}	
	
#tekst-bartoli-1 {
	height: 202px;
	width: 252px;
	margin-top:70px;
	margin-left:397px;
	position:absolute;
	line-height:18px;
	z-index: 10;
	}
	
#tekst-bartoli-2 {
	height: 256px;
	width: 300px;
	margin-top:894px;
	margin-left:337px;
	position:absolute;
	line-height:18px;
	z-index: 10;
	}

#tekst-bartoli-3 {
	height: 207px;
	width: 282px;
	margin-top:1170px;
	margin-left:381px;
	position:absolute;
	line-height:18px;
	z-index: 10;
	}

#tekst-bartoli-4 {
	height: 216px;
	width: 298px;
	margin-top:2054px;
	margin-left:25px;
	position:absolute;
	line-height:18px;
	z-index: 10;
	}

#tekst-bartoli-1 p, #tekst-bartoli-2 p, #tekst-bartoli-3 p, #tekst-bartoli-4 p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	}
	
/* -------------kader rechts ---------*/	

#kader-rechts {
	height: 530px;
	width: 185px;
	margin-top:135px;
	margin-left:753px;
	position:absolute;
	border: 1px solid #cc071e;
	background-color:#FFF;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	}
	
.foto-1kolom{
	height: 124px;
	width: 160px;
	margin-top: 10px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #cc071e;
	background-image: url(../_images/downloads-foto.jpg);
	background-repeat: no-repeat;
	}

.tekst-1kolom {
	height: 370px;
	width: 160px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	line-height:18px;
	}

#kader-rechts-2 {
	height: 530px;
	width: 185px;
	margin-top:135px;
	margin-left:753px;
	position:absolute;
	border: 1px solid #cc071e;
	background-color:#FFF;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	}

#foto-2kolom{
	height: 145px;
	width: 160px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid FFF;
	Z-index: 10;
	}

#foto-3kolom{
	height: 145px;
	width: 160px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FFF;
	position: absolute;
	top: 154px;
	right: 10px;
	bottom: 10px;
	Z-index: 10;
	}

#foto-4kolom{
	height: 145px;
	width: 160px;
	margin-top: 10px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 308px;
	right: 10px;
	bottom: 10px;
	Z-index: 10;
	}

.tekst-2kolom {
	height: 370px;
	width: 160px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	}

#read-more {
	height: 14px;
	width: 60px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #cc071e;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-variant: normal;
	text-align: center;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

#read-more a:link, 
#read-more a:visited,
#read-more a:active {
	color: #fff;
	text-decoration: none;
	}

#read-more a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

#back-tekst {
	height: 14px;
	width: 60px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #cc071e;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-variant: normal;
	text-align: center;
	position: absolute;
	top: 506px;
	right: 10px;
	}

#back-tekst a:link, 
#back-tekst a:visited,
#back-tekst a:active {
	color: #fff;
	text-decoration: none;
	}

#back-tekst a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}