@charset "utf-8";
/* CSS Document */

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

body {
	background-image:url(../images/background.jpg);
	background-attachment:fixed;
	height:100%;
	font-family: Helvetica CE, Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
/* Dit gedeelte om te centreren */
	text-align: center;
}

.container
{
	width: 856px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/* Tot hier, om te centreren */

h1 {
	font-size: 45px;
	color: #FFF;
	padding-top: 15px;
}
	.oggetti {
		color: #00aeef;
		font-weight: 700;
	}

.header {
	width: 856px;
	height: 87px;
	margin-top: 18px;
	margin-bottom: 13px;
}

	.logo {
		float: left;
		margin-left: 80px;
		margin-right: 15px;
		border: 0px solid #000;
	}

	.logo_text {
		float: left;	
		margin-right: 15px;
		margin-top: 25px;
		border: 0px solid #000;
	}

.navigatie {
	background-image:url(../images/nav_achtergrond.png);
	background-repeat:no-repeat;
	width: 856px;
	height: 40px;
}
	
	ul.nav {
		list-style: none;
		display: inline;
	}
	
	ul.nav li {
		background-image:url(../images/buttons/nav_button.png);
		width: 105px;
		height: 19px;
		display: inline-block;
		text-align:center;
		font-size: 13px;
		font-weight: bold;
		margin-left: 25px;
		margin-right: 5px;
		margin-top: 8px;
		padding-top: 3px;
	}	
		ul.nav li.last {
			margin-left: 30px;
		}
	
	A:link {text-decoration: none; color: #fff;}
	A:visited {text-decoration: none; color: #fff;}
	A:active {text-decoration: none; color: #fff;}
	A:hover {text-decoration: none; color: #00aeef;}
	A.active {text-decoration: none; color: #00aeef;}

A.meer:link {text-decoration: none; color: #00aeef;}
A.meer:visited {text-decoration: none; color: #fff;}
A.meer:active {text-decoration: none; color: #fff;}
A.meer:hover {text-decoration: none; color: #fff;}
A.meer.active {text-decoration: none; color: #00aeef;}

.uitgelicht {
	background-image:url(../images/uitgelicht_achtergrond.png);
	width: 785px;
	height: 310px;
	margin-left: auto;
	margin-right: auto;
}
	.uitgelicht a {
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.uitgelicht .slideshow {
		float: right;
		margin-top: 17px;
		margin-right: 17px;
		width: 322px;
		height: 277px;
		border: 0px solid #FFF;
	}

.uitgelicht_extra {
	background-image:url(../images/zwart_achtervlak.png);
	background-position:bottom;
	width: 824px;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 80px;
	text-align:center;
}

	.uitgelicht_extra img {
		margin-left: 5px;
		margin-right: 5px;
		border: 0px solid #000;
	}

.page-banner-background {
	background-color:#000;
	width: 824px;
	height: auto;	
	padding-top: 55px;
	padding-bottom:50px;
	margin-left: auto;
	margin-right: auto;
}

.page-banner {
	background-image:url(../images/page_title_banner_background.png);
	width: 778px;
	height: 154px;
	margin-left: auto;
	margin-right: auto;
}

	.page-banner img {
		float: left;
		margin-top: 10px;
		margin-left: 15px;
		margin-right: 40px;
		width: 230px;
		height: 135px;
		border: 0px solid #fff;
	}
	
	.page-banner h2 {
		padding-top: 29px;
		font-size: 35px;
		color: #FFF;
	}
	
	.page-banner h2.uitgelicht_title {
		padding-top: 29px;
		font-size: 75px;
		color: #FFF;
	}

.contact-links {
	background-image:url(../images/page_title_banner_background.png);
	width: 778px;
	height: 154px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

	.contact-links h2 {
		padding-top: 35px;
		font-size: 65px;
		color: #FFF;
	}

.page-content {
	background-image:url(../images/zwart_achtervlak.png);
	width: 824px;
	height: 390px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}

	.page-content .home {
		background-image:url(../images/buttons/nav_button_home.png);
		width: 105px;
		height: 19px;
		display: inline-block;
		text-align:center;
		font-size: 13px;
		font-weight: bold;
		margin-left: 23px;
		margin-right: 5px;
		margin-top: 8px;
		margin-bottom: 10px;
		padding-top: 3px;
	}

	.page-content .project_nav_left{
		float:right;
		background-image:url(../images/project_nav_button_right.png);
		height: 22px;
		width: 6px;
		margin-top: 8px;
		margin-right: 23px;
	}
	.page-content .project_nav_middle{
		float:right;
		background-image:url(../images/project_nav_button_middle.png);
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
		height: 19px;
		padding-top: 3px;
		color:#FFF;
		margin-top: 8px;
		padding-left: 8px;
		min-width: 300px;
	}
	.page-content .project_nav_right{
		float:right;
		background-image:url(../images/project_nav_button_left.png);
		height: 22px;
		width: 6px;
		margin-top: 8px;
	}
	
	.page-content .project_nav_middle a{
		margin-left: 3px;
		margin-right: 3px;
	}
	
	.page-content .info {
		background-image:url(../images/page_content_background.png);
		width: 778px;
		height: 308px;
		margin-left: auto;
		margin-right: auto;
	}

	.page-content .info table {		
		padding: 35px;
	}
	
		.expand-switch {
			cursor: pointer;
			color: #00aeef;
		}

		.page-content .info img {
			float:left;
			width: 319px;
			height: 275px;
			margin-top: 19px;
			margin-left: 17px;
			margin-right: 20px;
			border: 0px solid #fff;
		}

		.page-content .info a.special {
			display:none;
		}
		
		.page-content .info h3 {
			padding-top: 35px;
			padding-bottom: 10px;
			font-size: 35px;
			color: #FFF;		
		}
		
		.page-content .info p {
			text-align:left;
			margin-right: 20px;
			padding-bottom: 2px;
			font-size: 14px;
			color: #FFF;
		}

		.page-content .info p.contact {
			text-align:center;
			margin-right: 20px;
			padding-bottom: 20px;
			font-size: 14px;
			color: #FFF;
		}
		
			.page-content .info p.contact A:link {text-decoration: none; color: #00aeef;}
			.page-content .info p.contact A:hover {text-decoration: none; color: #FFF;}
			
		.page-content .info .contact-table {
			color: #FFF;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 25px;
			border: 1px solid #FFF;
			border-collapse:collapse;
		}
		.page-content .info .contact-person {
			border: 1px solid #FFF;
			padding: 25px;
		}
		.page-content .info .contact-address {
			border: 0px solid #FFF;
			padding: 25px;
		}
		
		.page-content .info ul{
			padding-top: 110px;
			color:#FFF;
			text-align:center;
			list-style:none;
		}
	
.footer {
	margin-top: 10px;
	color:#FFF;
	font-weight: bold;
	text-align:center;
}

	.footer img {
		vertical-align:middle;
	}

.expand {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index:2;
}

	.expand .tekst {
		border: 1px solid #333;
		background-color:#000;
		width: 500px;
		height: 560px;
		padding: 20px;
		margin-top: 140px;
		margin-left: auto;
		margin-right: auto;	
		color: #FFF;
		text-align:left;
		overflow:auto;
	}

	.expand .tekst h1 {
		padding-top: 29px;
		margin-bottom: 20px;
		font-size: 35px;
		color: #FFF;
	}

	.expand .tekst p {
		margin-bottom: 10px;
		color: #FFF;
		font-weight:100;
	}