@font-face {
 font-family: Metaplus;
 src: url("MEPBR___.eot") /* EOT file for IE */
}
@font-face {
 font-family: Metaplus;
 src: url("MEPBR___.ttf") /* TTF file for CSS3 browsers */
}

html, body
{
	height:100%; /* needed for container min-height */
	font-family: Verdana, Arial, Helvetica, SunSans-Regular;
	background-color: #fff;
	color: #406380; /*donkergrijsblauw*/
	font-size: 12px;
	margin: 0px;
	overflow-x:hidden;
}
/*extra logo tbv linkedin etc. */
.logo img {
	left: 0;
	top: 0;
	display: none;
}

.bgIntro { 
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image:url(../img/bgIntro.gif);
	background-color: #002e55;
	background-repeat: no-repeat;
	background-position: left top;
}
.delete {
	position: absolute;
	bottom: 0;
	right: 0px;
	background-color: #002e55;
	width: 100%;
	height: 42px;
	z-index:2;
	text-align:right;
}
.menuIntro {
	position: absolute;
	z-index: 2;	
}
.menuIntro li {
	width: 240px;
	list-style:none;
	background-image:url(../img/pijl.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left: 25px;
	margin-top: px;
}
.menuIntro a {
	font-family: Metaplus;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color:#002e55; /*donkerblauw*/
	text-decoration: none;
}
.menuIntro a:hover {
	color: #ced558; /*lichtgroen*/
	text-decoration: none;		
}


.menuIntro #een {
	position: absolute;
	left: 390px;
	top: 59px;
}
.menuIntro #twee {
	position: absolute;
	left: 482px;
	top: 144px;
}
.menuIntro #drie {
	position: absolute;
	left: 804px;
	top: 229px;
}
.menuIntro #vier {
	position: absolute;
	left: 580px;
	top: 355px;
}
.menuIntro #vijf {
	position: absolute;
	left: 429px;
	top: 313px;
}
.menuIntro #zes {
	position: absolute;
	left: 439px;
	top: 482px;
}
.menuIntro #zeven {
	position: absolute;
	left: 804px;
	top: 440px;
}