body{
	background: #d2d8e8;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
h1{
	font-size: 12px;
}
h2{
	font-size: 12px;
	position: relative;
}

a{
	color: #000000;
	text-decoration: none;
}

#container{
	width: 984px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: auto;
	background: #ffffff;
}

	#header{
		position: relative;
		margin-top: 10px;
		height: 156px;
		background: #000000;
		border: 1px dotted #000000;
	}
		h1{
			position: absolute;
			right: 180px;
			top: 5px;
			font-variant:inherit;
			font-family: "Agency FB";
			font-size: 38px;
		}
	
	#menu{
		background: #0041a5;
		margin-top: 2px;
		margin-bottom: 2px;
		height: 21px;
	}
		#menu ul{
			list-style: none;
			width: auto;
			margin: 0px;
			padding: 0px;
		}
		#menu ul li{
			float: left;
			}
	
		#menu  ul li a{
			font-size: 14px;
			text-decoration: none;
			color:#ffffff;
			padding: 4px;
		}
	
	#webcams{
		width: auto;
		height: 160px;
		text-align: center;
	}
	
	
	.kop{
		height: 20px;
		position: relative;
		background: url('../images/kop.gif') repeat-x;
		color: #FFFFFF;
		font-size: 12px;
		padding: 3px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	
	#left{
		float: left;
		width: 160px;
		background: #90b3dd;
	}
	
		#left ul{
			list-style: none;
			width: auto;
			margin: 0px;
			padding: 5px;
		}
		#left ul li{
		border-bottom: 1px dotted #FFFFFF;
			}
	
		#left  ul li a{
			display: block;
			font-size: 16px;
			text-decoration: none;
			color:#000000;
		}
	#content{
		float: left;
		position: relative;
		width: 824px;
		min-height: 200px;
	}	
		#content .block{
			width: 400px;
			position: relative;
			margin: 5px;
			border: 1px dotted #000000;
			float: left;
		}
		#content .blockno{
			width: 400px;
			position: relative;
			margin: 5px;
			float: left;
		}
		
		#content .full{
			width: 812px;
			position: relative;
			margin: 5px;
			margin-bottom: 20px;
			border: 1px dotted #000000;
			float: left;
		}

		#content .fullno{
			width: 822px;
			position: relative;
			margin: 2px;
			float: left;
		}
		
		#content .description{
			width: 822px;
			font-size:12px;
			position: relative;
			margin: 2px;
			float: left;
		}
	
	.clear{
		clear: both;
		height: 1px;
		font-size: 1px;
		overflow: hidden;
	}
	
	#footer{
		height: 20px;
		border-top: 1px solid #999999;
	}
	
	
	
<!-- containers -->

	/* webcam containers */
.webcamCnt{
	position: relative;
	width: 109px;
	height: 114px;
	margin-right: 12px;
	margin-bottom: 0px;
	float: left;
	border: 1px solid #000;
	text-align: center;
	font-size: 10px;
}
.webcamCnt a{
	color: #FFFFFF;
}

.webcamCnt img{
	border-top: 1px solid #000;
}
	
.chatBtn{
	position: relative;
	width: 107px;
	top: -3px;
	height: 18px;
	background-color: #0041a5;
	border: 1px solid #000000; 
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}
	
.perfContainer{
	position: relative;
	width: 95px;
	height: auto;
	float: left;
	margin-right:  6px;
	margin-bottom: 6px;
	border-top: 1px solid #000;
}
	
.perfContainer img{
	border: 1px solid #ccc;
	position: relative;

}
/* webcam containers */	

/* trailer block */
.thumbs{
	width: 822px;
	height: 600px;
	text-align: center;
	position: relative;
	margin: 2px;
	float: left;
}

	.thumbContainer{
		position: relative;
		width: 200px;
		height: 150px;
		padding: 1px;
		float: left;
		margin: 1px;
	}

/* einde thumb block */

/* trailer block */
.trailerContainer{
	position: relative;
	width: 200px;
	height: 350px;
	padding: 1px;
	float: left;
	margin: 1px;
}
	
	.trailerContainer .kop{
		height: 25px;
		width: 196px;
		position: relative;
		background: url('../images/kop.gif') repeat-x;
		color: #FFFFFF;
		font-size: 10px;
		padding: 3px;
		margin-top: 0px;
		margin-bottom: 5px;
	}

.trailerTitleContainer{
	position: relative;
	width: 200px;
	font-size: 12px;
	height: 20px;
	float: left;
	background: #000099;
}
.trailerThumbContainer{
	position: relative;
	width: 200px;
	padding-bottom: 5px;
	height: 150px;
	float: left;
}

.trailerContainer img{
	border: 1px solid #000;
}

.trailerInfoContainer{
	position: relative;
	width: 200px;
	font-size: 10px;
	height: auto;
	float: left;
}

.trailerSubmitContainer{
	position: absolute;
	width: 200px;
	right: 0px;
	border: 1px dotted #000000;
	bottom: 10px;
	float: left;
	font-size: 12px;
}
