body,
html { 
	background-color: silver;
	color:white;
	height:98%; 
}

body {
	height:100%;
}

#loader
{
	position: absolute;	
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-Index: 100;
	background-color:#662323;
	text-align:center;
	padding-top:20%;
}

#wrapper
{
	width:100%; 
	height:99%;
	font-family:"verdana";
	background-color: #005555;
	border:0px solid #2B002B;
}

#main 
{
	width:99.55%; 
	height:99.1%; 
	font-family:"verdana";
	background: url("../images/back.png");
	border:0px solid #2B002B;
}

#contact
{
	position:absolute;
	top:18%;
	left: 3%;
	width:0%;
	height:0%;
	cursor:pointer;
}

#contactImage
{
	width:0%;
	height:0%;
}

#draaiSilver
{
	position:absolute;
	top:42%;
	left: 54%;
	width:0%;
	height:0%;
	cursor:pointer;
	z-index:1;
}

#draaiSilverImage
{
	position:absolute;
	width:0px;
	height:0px;
}

#draaiSilverImage2
{
	position:absolute;
	width:0px;
	height:0px;
}

#supernova
{
	position:absolute;
	height:0px;
	width: 0px;
	z-index:1;
}

#supernovaImage
{
	position:absolute;
	height:0px;
	width: 0px;
}

#tunnel
{
	position:absolute;
	border: 0px;
	padding: 0px;
	margin: 0px;
	left : 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:2;
}
#tunnel2
{
	position:absolute;
	border: 0px;
	padding: 0px;
	margin: 0px;
	left : 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:1;
}
#header
{
	position:absolute;
	top: 10%;
	left: 90%;
	width:5%; 
	height:5%;
	z-index:10;
} 



#info
{
	position:absolute;
	top: 8%;
	left: 8%;
	width:35%; 
	height:75%; 
	color:#2B002B;
	font-size:16px;
	text-align:left;
} 

#infoSurround
{
	position:absolute;
	border-top:0px solid #2B002B;
	border-left:0px solid #2B002B;
	border-right:0px solid #2B002B;
	border-bottom:0px solid #2B002B;
	top: 36.98%;
	left: 33.46%;
	width:45%; 
	height:38%; 
	color:#2B002B;
	text-align:left;
	z-index:10;
} 

#architectuur
{
	position:absolute;
	top: 8%;
	left: 8%;
	width:35%; 
	height:75%; 
	color:#2B002B;
	font-size:16px;
	text-align:left;
} 

#architectuurSurround
{
	position:absolute;
	border-top:0px solid #2B002B;
	border-left:0px solid #2B002B;
	border-right:0px solid #2B002B;
	border-bottom:0px solid #2B002B;
	top: 36.98%;
	left: 33.46%;
	width:45%; 
	height:38%; 
	color:#2B002B;
	text-align:left;
	z-index:10;
} 

#webDevelopment
{
	position:absolute;
	top: 8%;
	left: 8%;
	width:45%; 
	height:75%; 
	color:#2B002B;
	font-size:16px;
	text-align:left;
} 

#webDevelopmentSurround
{
	position:absolute;
	border-top:0px solid #2B002B;
	border-left:0px solid #2B002B;
	border-right:0px solid #2B002B;
	border-bottom:0px solid #2B002B;
	top: 36.98%;
	left: 33.46%;
	width:45%; 
	height:38%; 
	color:#2B002B;
	text-align:left;
	z-index:10;
} 

#projectManagement
{
	position:absolute;
	top: 8%;
	left: 8%;
	width:45%; 
	height:75%; 
	color:#2B002B;
	font-size:16px;
	text-align:left;
} 

#projectManagementSurround
{
	position:absolute;
	border-top:0px solid #2B002B;
	border-left:0px solid #2B002B;
	border-right:0px solid #2B002B;
	border-bottom:0px solid #2B002B;
	top: 36.98%;
	left: 33.46%;
	width:45%; 
	height:38%; 
	color:#2B002B;
	text-align:left;
	z-index:10;
} 

#pagerinfo
{
	position:absolute;
	width:100%;
	text-align:center;
	top:100%;
	color:silver;
}

#radioPagerinfo
{
	color: silver;
	top:100%;
}

#pagerarchitectuur
{
	position:absolute;
	width:100%;
	text-align:center;
	top:100%;
	color:silver;
}

#radioPagerarchitectuur
{
	color: silver;
	top:100%;
}

#pagerwebDevelopment
{
	position:absolute;
	width:100%;
	text-align:center;
	top:100%;
	color:silver;
}

#pagerprojectManagement
{
	position:absolute;
	width:100%;
	text-align:center;
	top:100%;
	color:silver;
}

#radiopagerwebDevelopment
{
	color: silver;
	top:100%;
}

#radioPagerProjectManagement
{
	color: silver;
	top:100%;
}

#dia1info
{
	width:20%;
	height:65%;
	position:absolute;
	text-align:left;
	top:18%;
	left:50%;
	font-size:10px;
	color:#2B002B;
	text-align:center;
}

#dia2info
{
	width:15%;
	height:50%;
	position:absolute;
	text-align:left;
	font-size:30px;
	left:80%;
	top:20%;
	color:#2B002B;
	text-align:center;
}

#dia1architectuur
{
	width:20%;
	height:65%;
	position:absolute;
	text-align:left;
	top:18%;
	left:50%;
	font-size:10px;
	color:#2B002B;
	text-align:center;
}

#dia2architectuur
{
	width:15%;
	height:50%;
	position:absolute;
	text-align:left;
	font-size:8px;
	left:80%;
	top:20%;
	color:#2B002B;
	text-align:center;
}

#dia1webDevelopment
{
	width:20%;
	height:65%;
	position:absolute;
	text-align:left;
	top:20%;
	left:55%;
	font-size:8px;
	color:#2B002B;
	text-align:center;
}

#dia2webDevelopment
{
	width:15%;
	height:50%;
	position:absolute;
	text-align:left;
	font-size:5px;
	left:80%;
	top:25%;
	color:#2B002B;
	text-align:center;
}

#dia1projectManagement
{
	width:20%;
	height:65%;
	position:absolute;
	text-align:left;
	top:15%;
	left:55%;
	font-size:8px;
	color:#2B002B;
	text-align:center;
}

#dia2projectManagement
{
	width:15%;
	height:50%;
	position:absolute;
	text-align:left;
	font-size:5px;
	left:80%;
	top:20%;
	color:#2B002B;
	text-align:center;
}

#menuItem0
{     
	position:absolute;
	top: 48.7%;
	left: 9.19%;
}

#menuItem1
{
	position:absolute;
	top: 80.2%;
	left: 16.54%;
}

#menuItem2
{
	position:absolute;
	top: 80.2%;
	left: 72.43%;
}

#menuItem3
{
	position:absolute;
	top: 48.7%;
	left: 79.78%;
}

#menuItem4
{
	position:absolute;
	top: 17.19%;
	left: 44.85%;
}

#hoofdletter
{
	font-size:40px;
}