/* ################################################### ALGEMEEN ###################################################  */
* {
	margin: 0;
	padding: 0;
}

body {
	width: 738px;
	background: #fff url('images/background.jpg') repeat-x top left;
	margin: 20px auto;
}

a img {
	border: 0;
}

.clear {
	clear: both;
}

/* ################################################### CONTENT ###################################################  */
#top {
	width: 738px;
}

#logo {
	width: 209px;
	height: 68px;
	float: left;
	margin: 10px 0 0 0;
}

#menu {
	width: 200px;
	height: 110px;
	float: right;
}

	#menu ul {
		list-style-type: none;
		text-align: right;
	}
	
	#menu li {
		display: block;
		*float: left;
		height: 18px;
		_height: 11px;
		_margin: 0 0 7px 0;
		overflow: hidden;
	}

		#menu a.home:link, #menu a.home:active, #menu a.home:visited {
			display: block;
			width: 33px;
			height: 11px;
			background: url('images/menu_home.jpg') no-repeat top left;
			float: right;
		}
		
		#menu a.home:hover {
			background: url('images/menu_home.jpg') no-repeat bottom left;
		}
		
		#menu a.screenshots:link, #menu a.screenshots:active, #menu a.screenshots:visited {
			display: block;
			width: 70px;
			height: 11px;
			background: url('images/menu_screenshots.jpg') no-repeat top left;
			float: right;
		}
		
		#menu a.screenshots:hover {
			background: url('images/menu_screenshots.jpg') no-repeat bottom left;
		}
		
		#menu a.download:link, #menu a.download:active, #menu a.download:visited {
			display: block;
			width: 56px;
			height: 11px;
			background: url('images/menu_download.jpg') no-repeat top left;
			float: right;
		}
		
		#menu a.download:hover {
			background: url('images/menu_download.jpg') no-repeat bottom left;
		}
		
		#menu a.plugins:link, #menu a.plugins:active, #menu a.plugins:visited {
			display: block;
			width: 42px;
			height: 13px;
			background: url('images/menu_plugins.jpg') no-repeat top left;
			float: right;
		}
		
		#menu a.plugins:hover {
			background: url('images/menu_plugins.jpg') no-repeat bottom left;
		}
		
		#menu a.over:link, #menu a.over:active, #menu a.over:visited {
			display: block;
			width: 26px;
			height: 11px;
			background: url('images/menu_over.jpg') no-repeat top left;
			float: right;
		}
		
		#menu a.over:hover {
			background: url('images/menu_over.jpg') no-repeat bottom left;
		}

#content {
	width: 748px;
	clear: both;
	margin: 0 0 30px 0;
}

	#content_left {
		width: 160px;
		float: left;
		text-align: center;
		letter-spacing: 3px;
	}
	
		#content_left_ad {
			padding: 5px 0 0 0;
		}
	
	#content_right {
		display: inline;
		width: 565px;
		float: left;
		margin: 0 0 0 12px;
	}
		
		#content_right h1 {
			font: 22px Century Gothic;
			color: #10b0ec;
			margin: 0 0 4px 0;
		}
		
			#content_right h1.reacties {
				margin: 0 0 15px 0;
			}
		
		#content_right h2 {
			font: bold 13px Century Gothic;
			color: #666;
			margin: 0 0 4px 0;
		}
		

		#content_right p {
			font: 12px/17px Trebuchet MS;
			color: #898989;
			margin: 0 0 40px 0;
		}
		
			#content_right p strong.index {
				color: #43c8fa;
			}
		
		#content_right .screenshots {
			width: 565px;
			height: 127px;
			margin: 0 0 7px 0;
		}
		
			#content_right .screenshots .screenshot {
				display: inline;
				width: 163px;
				height: 127px;
				float: left;
				margin: 0 0 0 25px;
			}
		
		#content_right a:link, #content_right a:active, #content_right a:visited {
			font: 11px Arial;
			color: #00c0ff;
		}
		
		#content_right #content_right a.rfloatlink:link, #content_right a.rfloatlink:active, #content_right a.rfloatlink:visited {
			float: right;
		}
		#content_right a:hover {
			text-decoration: none;
		}
		
		.content_right_reacte_urls {
			font: 11px Arial;
		}

		.content_right_reactie {
			width: 534px;
			min-height: 140px;
			background: url('images/content_right_reactie.jpg') no-repeat top left;
			padding: 10px 20px 0 20px;
			margin: 0 0 27px 0;
		}
		
			.content_right_reactie h3 {
				width: 185px;
				font: bold 18px Arial;
				color: #0192bc;
				float: left;
			}
			
			.content_right_reactie p {
				width: 494px;
				float: left;
				clear: left;
				font: 12px Arial !important;
				color: #82ced7 !important;
			}
			
			.content_right_reactie p.date {
				width: 200px !important;
				font: 11px Arial !important;
				color: #b1e0f8 !important;
				float: left;
				padding: 7px 0 0 0;
				margin: 0 0 5px 0 !important;
				clear: none;
			}
		.table_downloads {
			width: 500px;		
			font: 12px/17px Trebuchet MS;
			color: #898989;
			margin: 0 0 40px 0;
		}
			.table_downloads thead {
				background-color: #898989;
				color: #FFF;
			}
			.table_downloads .kleur1 td {
				background-color: #FFF;
			}
			.table_downloads .kleur2 td {
				background-color: #dfe7ef;
			}
				.table_downloads tr td.versie {
					width: 123px;
				}
				.table_downloads tr td.platforms {
					width: 220px;
				}
				.table_downloads tr td.downloaded {
					width: 60px;
				}
				.table_downloads tr td.dlink {
					width: 62px;
					text-align: center;
				}
				.table_downloads td {
					padding: 5px;
				}
	
#footer {
	width: 738px;
	background: url('images/footer.jpg') repeat-x top left;
	text-align: right;
	font: 10px Arial;
	color: #64d3ff;
	clear: both;
	padding: 10px 0 0 0;
}

	#footer strong {
		font: 10px Arial;
		color: #2ac3fe;
	}
	
	#footer a:link, #footer a:active, #footer:visited {
		color: #64d3ff;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}