html, body {
    border:0;
    /*border-top: 20px solid #ddd;*/
    margin:0;
    padding:0;
    color:#fff;
    background:#ddd url(../i/bg_alt.gif) repeat-x;
    text-align:center;
    font:100% Verdana, Arial, Helvetica, sans-serif;
  	height:100%;
	line-height:1.125em; /* 16x1.125=18px */

    }
	
	html.bg_home, body.bg_home {
	background:#ddd url(../i/bg.gif) repeat-x;
	}
	
	html.bg_projects, body.bg_projects {
	background:#ddd url(../i/bg_projects.gif) repeat-x;
	}
	
	img.icon{
	float:left;
	padding:0 3px 3px 0;
	margin-top:-2px;
	}
	
	hr{
	color: #fff;
	background-color: #fff; 
	border: 1px dotted #ccc; 
	border-style: none none dotted; 
	}
	
	.nobreak{
	white-space:nowrap;	
	}
	
	a{
	text-decoration: none;
	color:#999;
	}
	
	a:hover{
	text-decoration: underline;
	color:#333;
	}
	
	a.underline{
	text-decoration: underline;
	}
	
	ul.pdf{
	padding:0;
	margin:0;
	font-size:.625em;
	list-style:none;
	}
	
	ul.pdf li{
	line-height:2.5em;
	background:url(../i/icon_pdf.gif) 0 .8em no-repeat;
	margin:0;
	}
		
	ul.pdf li a{
	color:#777;
	text-decoration:none;
	vertical-align:middle;
	padding-left:2.5em;
	display:block;
	}
	
	ul.pdf li a:hover{
	color:#333;
	text-decoration:underline;
	}
	
	div#main_container{
    position:relative;
    padding:0;
    margin: 0 auto;
    width:770px;
    text-align:left;
    background: #ddd;
    border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	min-height:100%;
	height:auto !important;
  	height:100%;
    }

    div#container {
	position:relative;
    padding:0;
    margin: 0;
    width:100%;
    text-align:left;
    background: #fff;
    border-bottom:1px solid #999;
	min-height:628px;
	height:auto !important;
  	height:628px;
    }


	div#top {
	position:relative;
	background:#fff url(../i/logo_zva.gif) no-repeat 45px 20px;
    height:82px;
    margin:0;
	padding:0;
	border-bottom:1px solid #999;
    }
	
	
	
	div#top #go_home a{
	position:absolute;
	width:110px;
	height:40px;
	top:10px;
	left:20px;
	}
	
	div#menu {
	position:absolute;
	left:0;
	bottom:0;
	background:#777;
    margin:0;
	padding:0 0 0 35px;
	color:#333;
	font-size:.75em;
	width:380px;
    }
	
	#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:19px;
	}
	
	#nav a {
	display: block;
	color:#fff;
	padding-left:1em;
	white-space:nowrap;
	}
	
	#nav a.no_page {
	cursor:default;
	}
	
	#nav a:hover{
	color:#ccc;
	text-decoration:none;
	background-color:#777;
	}
	
	#nav a.no_page:hover{
	color:#fff;
	cursor:default;
	}
	
	
	#nav li a {
	width:8em;
	font-size:.8125em;
	}
	
	#nav li ul li a, #nav li ul li ul li a {
	width:10.25em;
	font-size:.75em;
	}

	#nav li { /* all list items */
	float: left;
	width: 7.5em; /* width needed or else Opera goes nuts */
	}
	
	#nav li ul { /* second-level lists */
	position: absolute;
	background: #777;
	width: 8.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:5px 0;
	border-top:1px solid #999;
	
	}
	
	#nav li ul ul { /* third lists */
	margin: -25px 0 0 8.5em;
	border-top:1px solid #999;
	}
	
	#nav li ul ul ul{ /* fourth-and-above-level lists */
	margin: -25px 0 0 8.5em;
	border-top:1px solid #999;
	width: 11.25em;
	}
	
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
	
	
	
	#nav li:hover, #nav li.sfhover {  
	position: static;  
	} 
	
	#nav ul li:hover, #nav ul li.sfhover {  
	background:#777 url(../i/nav_line.gif) right no-repeat;
	}   
	
	#nav ul li ul li:hover, #nav ul li ul li.sfhover {  
	background:#777 url(../i/nav_line.gif) right no-repeat;
	}   

	#nav li ul li, #nav li ul li ul li {
	width:8.5em;
	}

    div#main_content {
    padding:0;
    color: #333;
    margin: 0;
	height:312px;
	width:770px;
	float:left;
	clear:left;
    }
	
	div#main_content.slideshow {
	background:#ddd;
	}
	
	div#main_content.bureau, div#main_content.nieuws, div#main_content.links {
	height:527px;
	background:#fff;
	}
	
	div#main_content.nieuws .datum{
	color:#999;
	font-style:italic;
	margin:0;
	padding:0;
	
	}
	
	div#main_content.projects {
	height:410px;
	background:#ddd;
	}
	
	div#main_content.projects_entry {
	height:410px;
	background:#fff;
	}
	
	div#main_content.publicaties {
	height:545px;
	background:#fff;
	}

	
	div#main_col_left{
	float:left;
	width:325px;
	height:467px;
	background:#fff;
	padding:45px 45px 15px 45px;
	margin:0;
	}
	
	div#main_content.nieuws div#main_col_left{
	overflow:auto;	
	}
	
	div#main_content.projects_entry div#main_col_left{
	height:360px;
	padding:35px 45px 15px 45px;
	margin:0;
	overflow:auto;
	}
	
	div#main_content.publicaties div#main_col_left, div#main_content.links div#main_col_left{
	height:477px;
	padding:35px 45px 15px 45px;
	margin:0;
	overflow:auto;
	}
	
	div#main_content.projects_entry div#main_col_left h1, div#main_content.publicaties div#main_col_left h1, div#main_content.links div#main_col_left h1{
	font-size:.625em;
	color:#777;
	letter-spacing:normal;
	margin:0;
	padding:2em 0 0 0;
	clear:both;
	
	}
	
	
	div#main_content.projects_entry div#main_col_left p, div#main_content.publicaties div#main_col_left p{
	padding:.75em 0 0 0;
	margin:0;
	}
	
	div#main_content.projects_entry div#main_col_left p.crumb_path, div#main_content.publicaties div#main_col_left p.crumb_path, div#main_content.links div#main_col_left p.crumb_path{
	color:#999;
	text-transform:uppercase;
	margin-top:0;
	padding-top:0;
	font:normal normal .65em/1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	
	div#main_content.projects_entry div#main_col_left ul, div#main_content.publicaties div#main_col_left ul{
	padding: 1.25em 0 .7em 0;
	margin: 0;
	list-style: none;
	line-height:.625em;
	font-size:.625em;
	float:left;
	}
	
	div#main_content.projects_entry div#main_col_left ul li{
	margin:0;
	padding:0;
	line-height:1.125em;
	}
	

	div#main_content.projects_entry div#main_col_left ul.pdf li, div#main_content.publicaties div#main_col_left ul.pdf li{
	padding:1em 0 .5em 2.5em;
	font-size:.9em;
	line-height:1.125em;
	margin:0;
	}
	
	div#main_content.publicaties div#main_col_left ul li{
	padding:0;
	font-size:.9em;
	margin:0;
	line-height:2em;
	}
	
		
	div#main_content.projects_entry div#main_col_left ul.right, div#main_content.publicaties div#main_col_left ul.right{
	padding: .7em 0 .7em 3em;
	}
	
	div#main_content.projects_entry div#main_col_left ul li a, div#main_content.publicaties div#main_col_left ul li a{
	margin:0;
	padding:0;
	color:#777;
	}
	
	div#main_content.projects_entry div#main_col_left ul a.current, div#main_content.publicaties div#main_col_left ul a.current{
	color:#000;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	
	div#main_content.projects_entry div#main_col_left p, div#main_content.publicaties div#main_col_left p{
	line-height: 1.35em;
	}
	
	div#main_col_left p{
	color:#999;
	padding:.7em 0;
	font-size:0.5625em;
	line-height:1.5em;
	margin:0;
	}
	
	div#main_col_left p.head, div#main_col_left a.head{
	color:#333;
	line-height:1.5em;
	}
	
	
	
	div#main_col_left h1{
	  font:normal bold 1em/1em Verdana, Arial, Helvetica, sans-serif;
	  letter-spacing:.2em;
	  color:#777;
	  margin:0;
	}
	
	div#main_col_left h2{
	  font:italic bold 1.5em/1.5em Verdana, Arial, Helvetica, sans-serif;
	  color:#777;
	  margin:0;
	  padding:.7em 0;
	}
	div#main_col_left h3{
	  font:normal bold .625em/.625em Verdana, Arial, Helvetica, sans-serif;
	  color:#aaa;
	  margin:0;
	  padding:1em 0;
	}
	
	div#main_col_left ul{
	list-style:none;
	font-size:.5625em;
	margin:0;
	padding:0;
	color:#999;
	line-height:1.25em;
	}
	
	div#main_col_left ul li, div#main_col_left ul li ul li {
	margin:0;
	padding:0;
	}
	
	div#main_col_left ul li{
	padding-top:.5em;
	}
	
	div#main_col_left ul ul{
	font-size:1em;
	padding:.225em 0 0 3em;
	margin:0;
	}
	
	
	
	div#main_col_right{
	float:left;
	width:355px;
	height:100%;
	}
	
	div#main_content.projects_entry div#main_col_right, div#main_content.publicaties div#main_col_right{
	float:left;
	width:355px;
	height:362px;
	border-top:16px solid #777;
	border-bottom:16px solid #777;
	background:#fff;
	}
	
	div#main_content.publicaties div#main_col_right.publicaties{
	text-align:center;	
	background:#ddd;
	}
	
	
	div#main_content.projects_entry div#main_col_right img, div#main_content.publicaties div#main_col_right.publicaties img{
	border:0;
	margin:0;
	padding:0;
	background:#fff;
	}
	
	
	
	div#main_col_right img{
	margin:0;
	padding:0;
	border-top:16px solid #777;
	border-bottom:16px solid #777
	}
	
	div#main_col_right #map{
	
	border-top:16px solid #777;
	border-bottom:16px solid #777;
	
	}
	
	div#main_col_right #crumb_path{
	font:normal bold 1.875em/1.375em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:40px;
	color:#ddd;
	text-transform:uppercase;
	}
	
	div#main_col_right #crumb_path a{
	color:#ddd;
	}
	
	div#main_col_right #crumb_path a:hover{
	color:#ddd;
	}
	
	div#main_col_right #crumb_path .current{
	color:#777;
	}
	

	
	div#swf object, div#swf img{
	border:0;
	margin:0;
	padding:0;
	display:block;
	}

	
	div#sub_content {
    position:relative;
    padding:0px 22px;
    color: #999;
    margin: 0;
	float:left;
	width:726px;
	background:#fff;
	border-top:1px solid #999;
	height:214px;
	}
	
	/*border-top op nul omdat die border in de swf is opgenomen*/
	
	div#sub_content.projects {
	position:relative;
	padding:0;
	background:#fff;
    margin: 0;
	height:116px;
	width:770px;
	float:left;
	clear:left;
	border:none;
	}
	
	div#sub_content.projects div#col_left {
	float:left;
	width:325px;
	height:100%;
	padding:0 45px;
	margin:0;
	}
	
	div#sub_content.projects div#col_left h1{
	font-size:.625em;
	color:#777;
	margin:0;
	padding:3em 0 0 0;
	}
	
	div#sub_content.projects div#col_left p a{
	text-decoration:underline;
	font-style:italic;
	font-size:1.1875em;
	color:#000;
	}
	
	div#sub_content.projects div#col_left p a:hover{
	text-decoration:none;
	}
	
	div#sub_content.projects div#col_right {
	float:left;
	width:322px;
	height:100%;
	margin:0;
	padding:0 0 0 33px;
	}
	
	
	/*START projectinfo*/
	
	div#sub_content.projects div#col_right h1{
	font:normal bold .75em/1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	text-transform:uppercase;
	}
	
	div#sub_content.projects div#col_right h2{
	font:normal normal .65em/1.05em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	margin:0;
	padding: .4em 0 0 0;
	text-transform:uppercase;
	}
	
	div#sub_content.projects div#col_right p{
	padding:.8em 0 0 0;
	font-size:.5625em;
	color:#777;
	}
	
	/*END projectinfo*/
	
	div#col_left{
	position:relative;
	float:left;
	width:198px;
	margin:0;
	padding:16px 22px;
	
	}
	
	div#col_center{
	position:relative;
	float:left;
	width:198px;
	margin:0;
	padding:16px 22px;
	}
	
	
	div#col_right{
	position:relative;
	float:left;
	width:198px;
	margin:0;
	padding:16px 22px;
	}
	
	div#col_left h1, div#col_center h1, div#col_right h1{
	color:#333;
	font-size:0.5625em;
	line-height:1.5em;
	margin:0;
	}
	
	div#col_left p, div#col_center p, div#col_right p{
	color:#999;
	padding:0;
	font-size:0.5625em;
	line-height:1.5em;
	margin:0;
	}

    div#clear{
    clear:both;
	margin:0;
	padding:0;
    }

	div#footer{
	position:absolute;
	height:18px;
	width:100%;
	padding:0;
	margin:0;
	background:#777;
	bottom:0;
	
	}
	
	
	div#footer p{
    font-size: 0.625em;
    color: #fff;
    text-align:center;
	vertical-align:middle;
    height:100%;
    margin:0;
	line-height:1.75em;
    }