/* NAVIGATION */
#navigation {
	float:left;
	margin:15px 0 0 15px;
	padding:0;
	display:inline;
	list-style:none;
	}
	#navigation li {
		float:left;
		margin:0;
		padding:0 5px;
		display:inline;
		}
		.nav {
			font-weight:bold;
			font-size:1.2em;
			text-decoration:none;
			text-transform:uppercase;
			color:#999;
			}
		a.nav:hover,
		.selected {color:#222;}

/* QUICKMENU */
form#quickmenu {
	float:right;
	margin:15px 15px 0 0;
	display:inline;
	}

/* PROJECTS */
#content {
	position:absolute;
	bottom:50px;
	right:0;
	width:100%;
	}
	.projectThumb {
		float:left;
		margin:10px;
		cursor:pointer;
		width:300px;
		}
		.projectThumb img {
			float:left;
			padding:8px;
			background:url('../gfx/basic/crapyBlack.jpg') top left no-repeat;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			width:50px;
			height:50px;
			}
		.projectThumb .name {
			margin-top:10px;
			display:block;
			}
			.name span {
				color:#fff;
				padding:2px 5px;
				background:url('../gfx/basic/crapyBlack.jpg') top left no-repeat;
				}
		.projectThumb .tags {
			display:block;
			}
			.projectThumb .tags span {
				float:left;
				width:25px;
				height:25px;
				display:inline;
				background-color:#eef7f9;
				background-position:center center;
				background-repeat:no-repeat;
				text-indent:-9999em;
				}
				.projectThumb .tags .school {background-image:url('../gfx/icons/school.jpg');}
				.projectThumb .tags .Installatie {background-image:url('../gfx/icons/installatie.jpg');}
				.projectThumb .tags .digitaal {background-image:url('../gfx/icons/digitaal.jpg');}
				.projectThumb .tags .analoog {background-image:url('../gfx/icons/analoog.jpg');}
				.projectThumb .tags .foto {background-image:url('../gfx/icons/foto.jpg');}
				.projectThumb .tags .dried {background-image:url('../gfx/icons/3d.jpg');}
				.projectThumb .tags .schilderij {background-image:url('../gfx/icons/schilderij.jpg');}
				.projectThumb .tags .vrij {background-image:url('../gfx/icons/vrij.jpg');}
	
/* DESCRIPTION */
#description {
	float:right;
	width:300px;
	margin-right:50px;
	margin-bottom:20px;
	display:inline;
	}
	#description * {
		margin:0;
		}
	#descText {
		float:left;
		}
	#thumbnails {
		float:left;
		clear:left;
		width:100%;
		}
		#thumbnails a {
			float:left;
			padding:10px;
			background:#fff;
			}
			#thumbnails img {
				float:left;
				border:1px solid #ccc;
				width:20px;
				height:20px;
				}
	.minimizer {
		float:left;
		padding:10px;
		display:inline;
		text-align:center;
		background:#fff;
		font-size:0.7em;
		color:#666;
		cursor:pointer;
	}
	#imgPreview {
		background:url('../gfx/basic/crapyBlack.jpg') top left no-repeat;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		padding:8px;
		z-index:999;
		border:none;
	}

/* OVER MIJ */
.column {
	float:left;
	width:250px;
	padding:25px;
	display:inline;
	}
	#container .column h1 {
		float:none;
		clear:none;
		text-indent:-9999em;
		width:240px;
		height:81px;
		background:#fff url('../gfx/basic/roaldjoosen.jpg') left top repeat-y;
		display:block;
		}
	.profielImg {
		overflow:hidden;
		display:block;
		width:260px;
		height:313px;
		background:url('../gfx/basic/roald.jpg') top left no-repeat;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		}

/* CONTACT */
#contact span {
	position:absolute;
	top:50%;
	left:50%;
	}
	#contact a {
		position:relative;
		top:53px;
		left:195px;
		padding:10px 15px;
		color:#fff;
		background:#171111 url('../gfx/basic/crapyBlack.jpg') left top no-repeat;
		cursor:pointer;
		font-size:12px;
		text-transform:uppercase;
		text-decoration:none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

/*SUPERSIZE*/
.load {
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:100px;
	margin:-50px 0px 0px -50px;
	background:#fff url('../gfx/basic/loading.gif') center center no-repeat;
	display:none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
#supersize { 
	width:100%;
	height:100%;
	display:block;
	}
#supersize {
	width:100%;
	height:100%;
	}
#supersize img, 
#supersize a {
		height:100%;
		width:100%;
		display:none;
	}
	#supersize .activeslide, 
	#supersize .activeslide img {
		display:inline;
		}
		
/*CLICKMAP*/
.dot {
	position:absolute;
	width:5px;
	height:5px;
	background:#0FF;
	z-index:9999;
	}