BODY
{
	font-family: 'ArcherBookPro', Arial, Futura, Verdana;
	color: #FFF;
	background-color: #000;
	font-weight: normal;
	font-size:12pt;
	text-shadow: black 0.3em 0.3em 0.2em;
/* 	background-image: url(projectback.jpg); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center center; */
}

IMG
{
	border:0;
}

A
{
	text-decoration: none;
	color: #FFF;	
}
A:hover
{
	text-decoration: underline;	
}

#splashback
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	background-image: url(splash/first-page.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
#headsplash
{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0.75em;
	z-index: 3;
	font-size: 3em;
	color: rgba(255,255,255,1);
/* 	text-shadow: black 0.1ex 0.1ex 0.2ex; */
}

#menusplash
{
	position: absolute;
	bottom:2em;
	left:2em;
	z-index:10;
	font-size:18pt;
}

#whoback
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	background-image: url(who/lijntje.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

#mainMenu
{
	position: absolute;
	top:5%;
	left:5%;
	z-index:25;
}
#mainMenu a
{
	text-decoration: none;
	color: #FFF;
	font-size:12pt;
/* 	margin-left:1em; */
	margin-right:1em;
}
#mainMenu a.mainitemSelected
{
	font-size:18pt;
	font-weight:bold;
}





#head
{
	position: absolute;
	/* 	width: 100%; */
	/* 	text-align: center; */
	left: 5%;
	bottom: 1%;
	z-index: 3;
	font-size: 18pt;
	color: rgba(255,255,255,1);
	text-shadow: black 2px 2px 5px;
	font-weight: normal;
}

#head a
{
	font-weight: normal;
}

#wie
{
	padding:0.5em;
	text-align: justify;
	position: absolute;
	z-index: 2;
	font-size: 13pt;
	width: 30%;
	left: 5%;
	top: 15%;
/* 	bottom: 10%; */
	background-image: url(who/grey.png);
}
#projectlist
{
	z-index:2;
	position:absolute;
	left:6%;
	top:15%;
	font-size:10pt;
}

#projectlist a
{
	position:relative;
	text-decoration:none;
	color: #FFF;
}
#projectlist a:hover
{
	text-decoration: underline;
/* 	font-weight: bold; */
}

#projectIndexBackground
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

#numbers
{
	position:absolute;
	width:640px;
	z-index:30;
	left:10%;
	bottom:10%;
}


#numbers a.fotolink
{
	float:left;
	text-align:center;
	color: #FFF;
	text-decoration: none;
	width:2em;
}

#numbers a.fotolink:hover
{
	color: #FFF;
	background-color: #222;
}

#numbers a.fotolink:active
{
	color: #000;
	background-color: #FFF;
}


#numbers a.selected
{
	float:left;
	text-align:center;
	width:2em;
	color: #000;
	background-color: #FFF;
	text-decoration: none;
}

#projecttitle
{
	position: absolute;
	text-decoration: none;
	color: #FFF;
	font-size: 12pt;
	top: 10%;
	left: 5%;
	z-index: 35;
	font-weight:bold;
/* 	font-style: italic; */
}
#projecttitle a
{
/* 	float:right; */
	font-style:normal;
	font-size:10pt;
	font-weight:normal;
}

#contactform
{
	position:absolute;
	left:10%;
	top:15%;
	right:10%;
	bottom:10%;
	border:0;
/* 	text-align:right; */
}
.vcard
{
	float:right;
	text-align:center;
	border:0;
	font-size:9pt;
}

#content
{
	position:absolute;
	left:10%;
	top:10%;
}
#contactform td
{
	vertical-align:top;
}
#info
{
	position: absolute;
	visibility: hidden;
/* 	position:absolute; */
	left:5em;
	top:5em;
/* 	top: 10%; */
/* 	left: 10%; */
	width: 45em;
	height: 480px;
	padding: 3em;
	z-index: 25;
	text-align: left;
	background-image: url(dark.png);
}
.infotext
{
	position:relative;
	width:200px;
	text-align:justify;
}
/* .text */
/* { */
/* 	width:100%; */
/* 	height:40%; */
/* } */

.mailform
{
/* 	float: right; */
	/* { */
	/* 	border-color: #FFF; */
	/* 	border-width: 1px 0 0 0; */
	/* 	border-style: dotted; */
/* 	background-color: gray; */
}
.contact
{
	font-size:12pt;
	text-align:left;
	border:0;
/* 	width:640px; */
/* 	height:480px; */
}