*{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:none;
}

#black{
height:168px;
width:100%;
position:fixed;
top:0px;
left:0px;
background-color:#000000;
}

#hidden_images{
display:none;
}

html{
width:100%;
height:100%;
background-color:#000000;
background-repeat:no-repeat;
background-position:center 172px;
}

body{
float:left;
width:100%;
min-height:100%;
background:url('/images/layout/bg_body.png') repeat;
color:#808080;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{

text-decoration:none;
}

a:hover{
text-decoration:underline;
}

p{
margin:0px 0px 0px 0px;
}

.clr{
clear:both;
}

#top{
z-index:1000;
position:fixed;
width:954px;
margin:0px auto;
background:#000000 url('/images/bg_top.gif') repeat-x 0px 10px;
}

#main{
width:954px;
margin:0px auto 0px auto;
padding:168px 0px 0px 0px;
}

#menu{
position:static;
float:right;
list-style-type:none;
height:90px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:13px;
}

#menu li{
float:left;
width:111px;
background:url('/images/bg_menu1.gif') repeat-x;
margin:0px 6px 0px 0px;
padding:15px 0px 0px 0px;
}

#menu li:hover, #menu li.sel{
background:url('/images/bg_menu.gif') repeat-x;
}

#menu li a{
color:#FFFFFF;
text-decoration:none;
}

#menu li a:hover{
text-decoration:underline;
}


#menu li ul li{
display:block;
clear:both;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:none;
}

#menu li ul li a{
color:#9C9D9F;
}

#content{
float:left;
width:100%;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
}

#content.portal{
padding:0px 0px 32px 0px;
}
	
	a.logo{
	float:left;
	margin:20px 0px 0px 27px;
	}
	
	a.logo img{
	border:none;
	}
	
	#topmenu{
		float:right;
		height:25px;
		margin:20px 85px 0px 0px;
		list-style-type:none;
	}
	
	#topmenu li{
	float:left;
	padding:0px 5px 0px 5px;
	}
	
	#topmenu li a{
	color:#b2b2b2;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:25px;
	}
	
	#left{
	float:left;
	width:726px;
	margin:18px 14px 0px 14px;
	}
	
	#header_image{
	width:726px;
	height:252px;
	background-position:0px 31px;
	background-repeat:no-repeat;
	}
	
	#header_image .project{
	float:left;
	width:180px;
	height:221px;
	border-right:2px solid #FFFFFF;
	}
	
	#header_image .project.last{
	border-right:none;
	}
	
	#header_image .project h1{
	color:#000000;
	font-size:22px;
	font-weight:normal;
	margin:10px 0px 0px 10px;
	}
	#header_image .project h2{
	color:#000000;
	font-size:16px;
	font-weight:normal;
	margin:0px 0px 20px 10px;
	}
	#header_image .project p{
	color:#FFFFFF;
	padding:0px 10px 0px 10px;
	}
	
	#nav{
	width:716px;
	height:23px;
	padding:8px 0px 0px 10px;
	background:url('/images/breadcrum.jpg') no-repeat;
	}
	
	#nav a{
	line-height:14px;
	padding:0px 5px 0px 5px;
	color:#808080;
	}
	
	#nav a.first{
	font-size:12px;
	font-weight:bold;
	}
	
	#portal{
	width:100%;
	height:308px;
	list-style-type:none;
	background:url('/images/portal.jpg') no-repeat;
	margin:0px 0px 16px 0px;
	}
	
	#portal li{
	cursor:pointer;
	position:relative;
	float:left;
	height:308px;
	width:180px;
	border-right:2px solid #FFFFFF;
	}
	
	#portal li.last{
	border-right:none;
	}
	
	#portal li a{
	display:block;
	height:25px;
	padding:6px 0px 0px 10px;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	}
	
	#portal li div{
	display:none;
	height:266px;
	width:162px;
	background:url('/images/trans_portal.png') repeat;
	padding:0px 9px 0px 9px;
	}
	
	#portal li div img{
	margin:10px 0px 10px 0px;
	}
	
	#portal li div.color{
	height:11px;
	width:180px;
	background:none;
	padding:0px 0px 0px 0px;
	}
	
	#portal li:hover div{
	display:block;
	}
	
	#page_content{
	float:left;
	min-height:250px;
	background:url('/images/page_content.gif') repeat-y;
	}
	
		#submenu{
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 10px 0px;
		list-style-type:none;
		width:181px;
		}
		
		#submenu li{
		padding:5px 0px 5px 20px;
		border-bottom:1px solid #FFFFFF;
		}
		
		#submenu li a{
		color:#808080;
		font-size:13px;
		}
		
		#submenu li a:hover{
		text-decoration:none;
		}
		
		#submenu li ul{
		list-style-type:none;	
		}
		
		#submenu li ul li a, #submenu li.sel ul li a{
		color:#808080;
		}
		
		#submenu li ul li a:hover{
		text-decoration:none;
		}
		
		#page_text{
		float:left;
		width:492px;
		padding:18px 19px 0px 34px;
		}
		
			#page_text.project{
			width:545px;
			padding:1px 0px 0px 0px;
			margin:0px 0px 10px 0px;
			}
		
			#page_text.project div{
			float:left;
			width:180px;
			height:221px;
			border-right:2px solid #FFFFFF;
			}
			
			#page_text.project div.first{
			margin:0px 0px 0px 1px;
			}
	
			#page_text.project div.last,#page_text.project div.last div {
			border-right:none;
			}
			
			#page_text.project div div.header{
			height:53px;
			width:156px;
			padding:8px 10px 0px 14px;
			margin:0px 0px 10px 0px;
			
			color:#FFFFFF;
			}
			
			#page_text.project div div.header span{
			display:block;
			color:#000000;
			font-size:13px;
			font-weight:bold;
			}
			
			#page_text.project div h3{
			color:#000000;
			font-size:14px;
			font-weight:bold;
			margin:0px 0px 15px 10px; 
			}
			
			#page_text.project div p{
			padding:0px 15px 0px 15px;
			}
			
			a.play{
			float:left;
			display:block;
			height:36px;
			background:url('/images/play.jpg') no-repeat;
			padding:4px 0px 0px 45px;
			color:#808080;
			margin:50px 0px 0px 0px;
			}
			
			a.play strong{
			display:block;
			color:#000000;
			}
			
	
	.box_big{
	float:left;
	width:355px;
	margin:0px 0px 0px 0px;
	background:url('/images/header_portal.gif') no-repeat;
	border-bottom:4px solid #f2f2f2;
	}
	
	.box_big.last{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
	.box_big h3{
	font-size:12px;
	height:24px;
	color:#b2b2b2;
	display:block;
	padding:8px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	}
	
	.box_big div{
	display:block;
	padding:14px 9px 9px 9px;
	}
	
	.box_big div span{
	display:block;	
	font-weight:normal;
	color:#000000;
	float:left;
	margin:0px 5px 0px 0px;
	}
	
	.box_big div a {
		width:180px;
	}

#right{
float:left;
width:186px;
margin:18px 0px 0px 0px;
}

#right .box{
background:url('/images/news_header.gif') no-repeat;
width:166px;
padding:0px 10px 10px 10px;
}

#right .box img{
margin:0px 0px 0px -10px;
}

#right .box  h3{
font-size:12px;
height:22px;
color:#b2b2b2;
display:block;
padding:8px 0px 0px 15px;
margin:0px 0px 0px 0px;
}

#right .box h4{
color:#b2b2b2;
font-size:13px;
margin:10px 0px 0px 0px;
}

#right .box .date{
margin:5px 0px 0px 0px;
font-size:11px;
color:#b2b2b2;
}

#right .box h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#000000;
margin:0px 0px 5px 0px;
}

#right .box a{
color:#b2b2b2;
text-decoration:none;
}

#right .box a:hover{
text-decoration:underline;
}

/* stijlen */
#page_text h1{
font-size:14px;
margin:0px 0px 20px 0px;
}

#page_text h2{
font-size:15px;
margin:0px 0px 0px 0px;
}

#page_text  p{
margin:0px 0px 15px 0px;
}

#page_text .title{
font-size:20px;
margin:0px 0px 20px 0px;
}

#page_text .subtitle{
font-size:14px;
margin:0px 0px 0px 0px;
}

#page_text .default{
color:#808080;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0px 15px 0px;
}

#page_text .nospace{
margin:0px 0px 0px 0px;
}

#page_text .small{
color:#808080;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0px 15px 0px;
}

#page_text .box{
	float:left;
	width:356px;
	margin:0px 14px 0px 0px;
	background:url('/images/header_portal.gif') no-repeat;
	border-bottom:4px solid #f2f2f2;
}

#page_text .box_header{
	font-size:14px;
	height:27px;
	color:#b2b2b2;
	display:block;
	padding:5px 0px 0px 15px;
	margin:0px 0px 0px 0px;
}

#page_text .blocktitle_light{
display:block;
border-top:1px solid #3C3C3C;
border-bottom:1px solid #3C3C3C;
color:#b2b2b2;
font-weight:bold;
font-size:11px;
padding:0px 0px 0px 10px;
}

#page_text .blocktitle_dark{
width:440px;
height:18px;
display:block;
border-top:1px solid #3C3C3C;
border-bottom:1px solid #3C3C3C;
background-color:#000000;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
padding:2px 0px 0px 10px;
}

.hr{
height:4px;
line-height:4px;
font-size:0px;
background-color:#f2f2f2;
width:100%;
margin:5px 0px 5px 0px;
}

.ln{
height:1px;
line-height:1px;
font-size:0px;
background-color:#f2f2f2;
width:100%;
margin:2px 0px 2px 0px;
}