html, body {
	padding: 0;
	margin: 0;
}

body {
	font: 82.5% tahoma, helvetica, sans-serif;
	background: #222;
}

#container {
}

#head {
	background: #fff;
	height: 120px;
}

#adres {
	margin: 0;
	padding: 20px 0 0 20px;
	letter-spacing: 1px;
}

	#adres p {
		margin: 0;
	}

	#adres p.scdb {
		color: #000;
	}	

	#adres p.adres {
		color: #888;
	}

#hoofdnav {
	margin: 20px 20px 20px 10px;
}

#subnav {
	height: 120px;
	background-repeat: no-repeat;
}

	#subnav.int {
		border-top: 6px solid #e2007a;
		background-color: #280815;
	}

	#subnav.fot {
		border-top: 6px solid #00adef;
		background-color: #001A27;
	}

	#subnav div.block, #subnav div.focus {
		float: left;
		width: 160px;
		margin: 0;
		height: 120px;
	}

	#subnav div.focus {
		background-color: #333;
	}

	#subnav div.focus a.active {
		background-color: #333;
		padding: 10px 0 0 20px;
		margin: 0;
		font-size: 1.8em;
		display: -moz-inline-box;
		display: inline-block;
	}

#content {
	clear: both;
	float: left;
	background-color: #333;
	padding-top: 20px;
	margin-bottom: 40px;
}

	#content p {
		color: #fff;
		margin: 0 20px 20px;
	}

	#content p.fotoStrip {
		margin: 0 20px 10px;
	}

	#content p.fotoStripBottom {
		margin: 0 0 5px;
		font-size: 0.1em;
	}

	#content p.foto {
		float: left;
		margin: 0 20px;
		padding-bottom: 20px;
	}

	#content span.foto_L, span.foto_P {
		display: -moz-inline-box;
		display: inline-block !important;
		background-repeat: no-repeat;
		padding: 50px 0;
	}

	#content span.foto_L {
		width: 440px;
		height: 200px;
	}

	#content span.foto_P {
		width: 440px;
		background-position: 160px 0;
		height: 340px;
	}

	#content h1 {
		font-family: tahoma, helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: normal;
		margin: 0 0 3px 20px;
		padding: 0;
		color: #fff;
		display: inline;
	}

	#content img {
		border: 0;
	}

	#content span.fl {
		float: left;
	}

		#content span.fl span {
			display: -moz-inline-box;
			display: inline-block;
			padding-bottom: 5px;
		}

	/* p = positie (helemaal links is p1)
		 l = length (1 blok is 160px) */

	#content.p2 {
		margin-left: 160px;
	}

	#content.p3 {
		margin-left: 320px;
	}

	#content.p5 {
		margin-left: 640px;
	}

	#content.l2 {
		width: 320px;
	}

	#content.l3 {
		width: 480px;
	}

	#content.l4 {
		width: 640px;
	}

	#content.l5 {
		width: 800px;
	}

	#content.l6 {
		width: 960px;
	}

/* hoofdnavigatie links
	 inta = interieurarchitectuur active (dus je zit nu op die afdeling)
	 inti = intarch idle
	 fota = architectuurfotografie active
	 foti = archfoto idle
	 het hoveren is altijd 'gekleurd', maar de link/visited/active alleen als je een .a hebt */

a:link.main, a:visited.main, a:active.main {
	color: #888;
	font-size: 1.8em;
	text-decoration: none;
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-left: 10px;
}

a:link.inta, a:visited.inta, a:active.inta, a:hover.inta, a:hover.inti {
	background-image: url(../img/pijl_m.gif);
	color: #e2007a;
}

a:link.fota, a:visited.fota, a:active.fota, a:hover.fota, a:hover.foti {
	color: #00adef;
	background-image: url(../img/pijl_b.gif);
}

/* subnav links
	 gaan afhankelijk van de class van de bovenliggende div */

#subnav a:link, #subnav a:active, #subnav a:visited {
	padding: 3px 10px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	display: -moz-inline-box;
	display: inline-block;
	width: 140px;
}

#subnav.int a {
	background-color: #e2007a;
}

#subnav.fot a {
	background-color: #00adef;
}

#subnav.int a:hover {
	color: #e2007a;
	background-color: #fff;
}

#subnav.fot a:hover {
	color: #00adef;
	background-color: #fff;
}

/* links bij foto's */

#content a:link.foto, #content a:active.foto, #content a:visited.foto {
	margin: -20px 0 0;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	width: 140px;
	background-color: #333;
}

#content a:hover.foto {
	background-color: #fff;
	color: #333;
}

/* rest vd links */

a:link, a:active, a:visited {
	color: #888;
}

a:hover {
	color: #06f;
}

a:link.big, a:active.big, a:visited.big {
	color: #fff;
	font-size: 3em;
	text-decoration: none;
}

a:hover.big {
	color: #06f;
}

a:link.iaFotoGridNav, a:active.iaFotoGridNav, a:visited.iaFotoGridNav {
	display: -moz-inline-box;
	display: inline-block !important;
	color: #fff;
	text-decoration: none;
	padding: 5px;
	margin: 0;
	text-align: center;
	background-color: #333;
	margin: 0 5px;
}

a:hover.iaFotoGridNav {
	background-color: #fff;
	color: #333;
	text-decoration: none;
}

img.fotoView {
	float: left;
	padding-bottom: 20px;
}

p.fotoViewNav {
	float: right;
}

a:link.fotoViewNav, a:active.fotoViewNav, a:visited.fotoViewNav {
	display: -moz-inline-box;
	display: inline-block !important;
	color: #fff;
	text-decoration: none;
	padding: 3px;
	margin: 0 0 0px;
	text-align: center;
	background-color: #333;
}

a:hover.fotoViewNav {
	background-color: #fff;
	color: #333;
	text-decoration: none;
}

#footer {
	font-size: 0.1em;
	height: 20px;
	clear: both;
}