/* CSS Document */

body{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:url(images/header_filler.jpg);
background-repeat:repeat-x;
background-color:#f6f9fc;
}

img {
border: none;
}

.left {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}

div#main_container{
margin: 0 auto 0 auto;
padding:0 px;
width: 980px;
text-align: left;

}
a, a:visited{
	color: #001b4a;
}
a:hover {
	color: #8b8d8e;
}

div#header{
	width: 100%;
	height: 73px;
	margin-top:12px;

}

div#navigatie{

float: left;
width: 13%;
height: 440px;
margin:10px 25px 0px 0px;
border-right: 2px solid #8b8d8e;

}

		#navigatie a, a:visited{
		color: 001b4a;
		text-decoration: none;
		font-weight: bold;
		font-family: candara, arial;
		}

		#navigatie a:hover{
		color: 8b8d8e;
		text-decoration: none;
		font-weight: bold;
		font-family: candara, arial;
		}

div#navhorizontal{
margin:0px 0px 0px 0px;
padding:0px 0px 0px -120px;
width: 80%;
height: 25px;
font-family: "candara";
font-size: 100%;
}

		#navhorizontal ul{
		list-style:none;
		}
		#navhorizontal li{
		width: 150px;
		border-right: 2px solid #8b8d8e;
	
		display:inline;
		padding-right:10px;
		}


		#navhorizontal a, a:visited{
		color: 001b4a;
		text-decoration: none;
		font-weight: bold;
		font-family: candara, arial;
		}

		#navhorizontal a:hover{
		color: 8b8d8e;
		text-decoration: none;
		font-weight: bold;
		font-family: candara, arial;
		}

div#content{

float: left;
width: 70%;
padding: 10px;
font-family:arial;
}

	#archbox1 {
	width: 827px;
	height: 53px;
	background: url(images/archbox.png);
	text-align: center;
	}
	
			#archbox1 .archtext {
			width: 800px; 
			margin: auto;
			padding-top: 15px;
			font-size: 18px;
			font-family: Arial, verdana;
			color: #001b4a;
			}
			
			#archbox1 .archtext h2 {
			font-family: Arial, verdana;
			margin: 0px;
			padding: 0px;
			color: #001b4a;
			font-size: 18px;
			font-weight: normal;
			}
			
	#archbox2 {
	width: 206px;
	height: 229px;
	background: url(images/archbox2.png);
	text-align: center;
	}

	#archbox3 {
	width: 206px;
	height: 229px;
	background: url(images/archbox2.png);
	text-align: center;
	}
	
	#archbox4 {
	width: 206px;
	height: 229px;
	background: url(images/archbox2.png);
	text-align: center;
	}
	
	#archbox5 {
	width: 206px;
	height: 229px;
	background: url(images/archbox2.png);
	text-align: center;
	}
			
			#archbox2 .archtext {
			width: 170px; 
			margin: auto;
			padding-top: 25px;
			}
			#archbox3 .archtext {
			width: 170px; 
			margin: auto;
			padding-top: 25px;
			}
			#archbox4 .archtext {
			width: 170px; 
			margin: auto;
			padding-top: 25px;
			}
			#archbox5 .archtext {
			width: 170px; 
			margin: auto;
			padding-top: 25px;
			}
			
				#archbox2 .archtext h2 {
				font-family: Arial, verdana;
				margin: 0px;
				padding: 0px;
				font-size: 18px;
				font-weight: normal;
				color: green;
				}
				
				#archbox3 .archtext h2 {
				font-family: Arial, verdana;
				margin: 0px;
				padding: 0px;
				font-size: 18px;
				font-weight: normal;
				color: red;
				}
				
				#archbox4 .archtext h2 {
				font-family: Arial, verdana;
				margin: 0px;
				padding: 0px;
				font-size: 18px;
				font-weight: normal;
				color: #fcb84d;
				}
				
				#archbox5 .archtext h2 {
				font-family: Arial, verdana;
				margin: 0px;
				padding: 0px;
				font-size: 18px;
				font-weight: normal;
				}
				
			#archbox2 ul {
			list-style-position: inside;
			margin-left: -20px;
			text-align: left;
			font-size: 14px;
			}
			#archbox3 ul {
			list-style-position: inside;
			margin-left: -20px;
			text-align: left;
			font-size: 14px;
			}
			#archbox4 ul {
			list-style-position: inside;
			margin-left: -20px;
			text-align: left;
			font-size: 14px;
			}
			#archbox5 ul {
			list-style-position: inside;
			margin-left: -20px;
			text-align: left;
			font-size: 14px;
			}			
div#competence{
width: 201px;
height: 223px;
background:url(images/backgroundbox.gif);
}

div#modules{
width: 184px;
height: 210px;
background:url(images/modulesbox.gif);
}

div#projects{
width: 156px;
height: 369px;
background:url(images/projectsbox.gif);
}

h1{
font-family: "Candara"; color: #001b4a;
font-weight: bold;
font-size: 200%;
} 

 h2{
font-family: "Candara"; color: #001b4a;
font-size: 125%;
margin-bottom:0px;
} 
 h3{
font-family: "Candara"; 
color: #001b4a;
font-size: 110%;
padding: 0px 0px 0px 0px
} 
 h4{
font-family: "Candara"; 
font-size: 100%;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
} 
p.image{
	float: right;
	clear: left;
	padding: 0px 10px 10px 5px;
	margin: 10px -15px 0 0px;
	font-size: 60%;
	font-family: arial;
	color: #001b4a;
	text-align: center;
}

p.whitepaperdescription {
margin: 5px;
color: #6F6F6F;
font-style: italic;
font-size: 75%;
}
	
p.normal{
font-family: arial;
font-size: 75%;
color: #001b4a;
margin: 5px 0px 5px 0px;
padding: 7px 7px 7px 0px;
} 

p.empty{
text-align: justify;
font-family: arial;
color: #001b4a;
font-size: 75%;
margin: 25px 15px 15px 0px;
padding: 7px 7px 7px 7px;
} 

blockquote{
border-left: 1px solid #8b8d8e;
border-bottom: 1px solid #8b8d8e;
background: #e2e8ee;
margin: 15px 0px 15px 15px;
padding: 5px -370px 0px 0px;
}
p.continue{
font-family: arial;
font-size: 75%;
text-align: right;
color:#8b8d8e;
}

p.previous{
font-family: arial;
font-size: 75%;
text-align: left;
color:#8b8d8e;
}
p.table{
	font-family: arial;
	font-size: 75%;
	background: url(images/block.gif) no-repeat;
}

p.bold{
font-family: arial;
font-size: 75%;
font-weight: bold;
}


p.intro{
font-family: arial;
font-size: 90%;
font-weight: bold;
color: #001b4a;
margin-bottom: -10px;
}

p.spacing{
padding: 0px 20px 0px 0px;
}

p.header{
margin-right: 90px;
	margin-top: 4px;
	font-family: candara;
	font-size: 150%;
	font-style:italic;
	color: #8b8d8e;
	padding-right: 20px;
	text-align: right;
}
p.grey{
	font-family: candara;
	font-size: 175%;
	color: #8b8d8e;
}
p.navy{
align: center;
	margin-top: 9px;
	font-family: candara;
	font-size: 175%;
	font-style:italic;
	color: #8b8d8e;
	padding-right: 20px;
	text-align: right;
}
p.small{
font-family: arial;
font-size: 62%
}

p.smaller{
font-family: arial;
font-size: 56%
}
#boxnormal ul{
font-family: arial;
margin: 0px 0px 0px -11px;
padding: 0px 0px 0px 0px;
}   
#boxnormal li{
font-family: arial;
font-size: 75%;
color: #001b4a;
margin: 0px 0px 0px -15px;
padding: 0px 0px 10px 0px;
}  
 
#ulul ul{
text-decoration:none;
	margin: 0px 0px 5px 10px;
	padding: 0px;
	font-family: arial;
	font-color:#001b4a;
	border:none;

	}
#ulul ul ul{
	text-decoration:none;
	font-family: arial;
	color: #001b4a;
	border:none;

}	
	
#ulul li{
	text-decoration:none;
	margin: -15px 0px 5px -20px;
	padding: 5px 0px 5px 0px;
	font-family: arial;
	font-size:80%;
	color:#001b4a;

} 

#ulul li li{
	text-decoration:none;
	margin: 0px 0 0px 15px;
	padding: 4px 0 0px 0px;
	font-family: arial;
	font-size:100%;
	font-color:#001b4a;

	
} 

#home ul{
	text-decoration:none;
	padding: 0px 5px 5px 0px;
	font-family: arial;
	font-color:#001b4a;

	
	border:none;
}

#home li{
	text-decoration:none;
	margin: 5px 0 5px -15px;
	padding: 5px 0px 10px 0px;
	font-family: arial;
	font-weight:bold;
	font-size:80%;
	font-color:#001b4a;

	
} 


#product ul{
	margin: -15px 5px 5px 10px;
	padding: 0px;
	font-family: arial;
	font-color:#001b4a;
	border:none;
}

#product li{
	margin: -15px 0 5px 5px;
	padding: 5px 0 5px 0px;
	font-family: arial;
	font-size:80%;
	font-color:#001b4a;
} 
#box ul{
	margin: 40px 5px 5px 5px;
	padding: 15px 0px 35px 40px;
	font-family: arial;
	width:200px;
	border:none;
	
}

#box li{
	margin: 0 0 0 10px;
	padding: 15px 0 0 20px;
	font-family: arial;
	font-size:100%;
	font-weight:bold;
	list-style:none;
	background: url(images/bullet.gif) no-repeat 0;
	background-position:18pt left;
} 

div#footer{
	clear: both;

	float: left;
	width: 100%;
	margin-left: 5px;
	background-position: top;
	text-align: center;
	font-color: #001b4a; 
	font-weight: bold;
	padding-top: 10px;
}

#content .box { 
float: left;
margin: 5px;
width: 250px;
background-color:#E3E9F1;
border-bottom: 2px solid #8b8d8e;
border-right: 2px solid #8b8d8e;

} 

#content .box-top { 
		float: left; 
		height: 24px; 
	
				} 
		 		 
		#content .box-middle { 
			} 
		
				#content .box-txt-container {
					display: block;
					margin: 0px 4px 0px 0px;
								}
				
					#content .box-txt-container h3 {
						margin: 0px 5px 0px 5px;
						text-align: left;
						font-weight: bold;
						font-family: candara, arial, verdana;
					}
		
		#content .box-bottom { 		    
		float: left; 
		height: 26px;     
		margin-bottom: 10px; 
		}	

#sitemap {
}

		#sitemap a, a:visited{
		color: 001b4a;
		text-decoration: none;
		font-weight: normal;
		font-family: candara, arial;
		}

		#sitemap a:hover{
		color: 8b8d8e;
		text-decoration: none;
		font-weight: normal;
		font-family: candara, arial;
		}

		#sitemap ul{
		list-style:none;
		}
		#sitemap li{
		display:block;
		padding-right:10px;
		}