/* CSS Edited by Dieco 11-09-09 */
#projects {
	margin-left:40px;
	display:block;
	width:710px;
	height:100%;
}

#projects #projectContents {
	width:100%;
}
#projects td {
	vertical-align:top;
	text-align:left;
}
#clients {
	display:block;
	width:200px;
	float:left;
}
#clients .title {
	font-size:14px;
}
#clients .title a {
	color:#FFFFFF;
}
.browser {
	display:block;
	position:relative;
	height:480px;
}
.browser .title {
	position:absolute;
	left:0;
	top:0;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	height:20px;
	margin:0;
}
.browse_container {
	position:relative;
	z-index:8;
	display:block;
	width:604px;
	height:404px;
}
.browser .dynamic, .browser .description_container {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:600px;
	height:420px;
}
.dynamic h1.itemname, .description_container h1 {
	position:absolute;
	left:10px;
	top:20px;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	color:#B6EE00;
	height:20px;
	margin:0;
	text-transform:uppercase;
}
.dynamic .shade {
	position:absolute;
	left:0;
	top:40px;
	background-image: url(../images/project_back_2.png);
	width:604px;
	height:404px;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
.dynamic table.viewport {
	display:block;
	position:absolute;
	left:0;
	top:40px;
	width:604px;
	height:404px;
	overflow:hidden;
/* background-color:#000; */
}
table.viewport td {
	display:block;
	overflow:hidden;
	width:604px;
	height:404px;
	border:1px solid #a0a0a0;
	text-align:center !important;
	vertical-align:middle !important;
}
table.viewport td a {
	display:block;
	overflow:hidden;
	width:602px;
	height:402px;
}
.dynamic a img { 
	border:1px dotted grey;
	border:none; /* geen border, images nu op full size, Terry */
}
.dynamic a:hover img {
	border:1px dotted black;
	border:none; /* geen border, images nu op full size, Terry */
}
.description_container .contents {
	display:block;
	position:absolute;
	background-image: url(../images/project_back.png);
	left:0px;
	top:40px;
	width:600px;
	height:400px;
	overflow:hidden;
	/*border:1px solid #fff;*/
	background-color:#FFFFFF;
}
.description_container .contents .padding {
	/* Information button */
	position:absolute;
	color:#000000;
	left:10px;
	top:10px;
	width:580px;
	height:380px;
	text-indent: 1.5em;
}
.description_container .contents .padding p {
	/* Information button */
	text-indent: 1.5em;
}

.browse_nav {
	display:block;
	position:absolute;
	left:0;
	top:450px;
	width:600px;
	z-index:12;
}
.browse_nav a {
	color:#FFFFFF;
	padding:0 10px 0 0;
}
.browse_nav a:hover {
	color:#B6EE00;
	padding:0 10px 0 0;
}
.browse_container .control {
	position:absolute;
	display:block;
	z-index:10;
	width:40px;
}
.browse_container .control a {
	display:block;
	height:440px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
.browse_container .control a img { padding-top:220px; }
.browse_container .control a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
.browse_container .previous {
	left:-40px;

}
.browse_container .next {
	right:-40px;
}