* {
	margin: 0;
	padding: 0;
}
a img, input, textarea {
	border: 0;
}

body {
	background: #012847;
}

#wrap {
	margin: auto;
	width: 930px;
}

#header-overlay {
	background: url("images/header-overlay.png");
	width: 55px;
	height: 20px;
	position: absolute;
	margin: 51px 0px 0px 122px;
}
#menu-overlay {
	position: absolute;
	width: 138px;
	height: 20px;
	margin: 51px 0px 0px 763px;
	background: url("images/menu-overlay.png");
}
#menu {
	float: right;
	list-style: none;
	padding: 33px 106px 0px 0px;
}
	#menu li {
		float: left;
		padding-left: 3px;
	}
		#menu a {
			display: inline-block;
			display: -moz-inline-box;
			height: 38px;
			background: url("images/menu-right.gif") no-repeat right top;
			padding: 0px 7px 0px 0px;
			text-decoration: none;
		}
		#menu a:hover span {
			text-decoration: underline;
			color: #ffffff;
		}
			#menu span {
				display: inline-block;
				display: -moz-inline-box;
				height: 27px;
				background: url("images/menu-left.gif") no-repeat left top;
				padding: 12px 15px 0px 22px;
				font: bold 14px Tahoma;
				color: #ffffff;
			}
			/*FireFox 2*/
			#menu a, x:-moz-any-link {
				height: 37px;
			}
			/*FireFox 3*/
			#menu a, x:-moz-any-link, x:default {
				height: 38px;
			}
			#menu span, x:-moz-any-link, x:default {
				display: inline-block;
			}

#logo {
	height: 177px;
	background: url("images/header-bg.jpg");
	text-indent: -9999px;
	clear: both;
}
#intro {
	background: url("images/intro-bg.gif");
	height: 112px;
}
	#intro h2 {
		position: absolute;
		font: 24px "Times new Roman";
		color: #fdd455;
		margin: 12px 0px 0px 40px;
	}
	#intro p {
		position: absolute;
		margin: 47px 0px 0px 40px;
		font: 12px Verdana;
		color: #fefefe;
		width: 433px;
	}
	.s-inp {
		border: 1px solid #656564;
		padding: 3px 5px 5px 5px;
		height: 19px;
		width: 172px;
		font: 16px Verdana;
		color: #000000;
		position: absolute;
		margin: 43px 0px 0px 600px;
	}
	.s-sbmt {
		position: absolute;
		margin: 42px 0px 0px 792px;
		background: url("images/search-bg.gif");
		width: 107px;
		height: 31px;
		font-weight: bold;
	}
#google-ad {
	height: 120px;
	background: #febf52;
}
#content {
	background: #faf1d3;
	padding: 56px 0px 20px 0px;
	overflow: hidden;
	width: 100%;
}
	#category {
		position: absolute;
		margin: -39px 0px 0px 770px;
		background: #ffffff;
	}
	#location {
		margin: -48px 0px 20px 21px;
		width: 250px;
		height: 55px;
		background: url("images/location-bg.gif");
		padding: 4px 0px 0px 20px;
	}
		#location h4 {
			font: 24px Tahoma;
			color: #2c0106;
		}
		#location h5 {
			font: 14px Tahoma;
			color: #2c0106;
		}
			#location span {
				width: 120px;
				display: block;
				float: left;
			}
	.game {
		width: 202px;
		float: left;
		margin: 0px 0px 20px 23px;
		padding: 1px 1px 9px 1px;
	}
		.game h3 {
			width: 204px;
			height: 25px;
			font: bold 13px Tahoma;
			color: #ffffff;
			text-align: center;
			padding: 6px 0px 0px 0px;
			margin: -1px 0px 0px -1px;
		}
		.game-list {
			list-style: none;
			clear: left;
			margin: 13px 0px 0px 0px;
		}
			.game-list li {
				height: 20px;
				display: block;
				background: url("images/arrow.gif") no-repeat 14px 7px;
				padding: 0px 0px 0px 30px;
			}
			.game-list li a {
				padding: 1px 0px 0px 0px;
				font: 12px Tahoma;
				text-decoration: none;
			}
			.game-list li a:hover {
				text-decoration: underline;
			}
			.game img {
				margin: 12px 15px;
				float: left;
			}
			.g-btn {
				background: url("images/g-btn.gif");
				width: 74px;
				height: 18px;
				float: left;
				font: 10px Tahoma;
				color: #000000;
				text-align: center;
				text-decoration: none;
				padding: 4px 0px 0px 0px;
				margin: 26px 0px 0px 0px;
			}
			.g-btn:last-child:hover {
				text-decoration: underline;
			}
			.game p {
				font: 12px Tahoma;
				color: #3f2300;
				margin: 11px;
			}
			.game div b {
				font: bold 12px Tahoma;
				color: #3f2300;
			}
		.game .g-hot {
			text-decoration: none;
			font: bold 12px Tahoma;
			color: #001d2b;
			float: left;
			text-align: center;
			padding: 10px 0px 9px 10px;
			width: 86px;
		}
			.g-hot img {
				display: block;
				padding: 0px 0px 2px 0px;
				float: none !important;
				margin: 0 !important;
			}
		.gvdw img {
			margin: 11px !important;
			float: none !important;
		}
		.gvdw p {
			background: #fdead2;
			padding: 10px 11px 11px 11px;
			font: 12px Tahoma !important;
			color: #3f2300 !important;
			margin: 0px !important;
		}
		.gvdw .g-btn {
			margin: 9px 0px 9px 115px !important;
		}
		.g-ad a {
			background: none !important;
			margin: 0px !important;
			float: none !important;
		}
			.g-ad a img {
				margin: 24px 38px 25px 38px;
			}
	.big {
		height: 100%;
	}
	.g-small-wrap {

	}
		.g-small-wrap div {
			float: none;
		}
	
	.cat img {
		margin: 5px 11px 11px 11px;
	}
	.cat div {
		background: #fee3e6;
		height: 23px;
		padding: 2px 0px 0px 12px;
	}

	/* styles for the star rater */ 
	.star-rating {
		list-style:none;
		margin:0px 0px 0px 100px;
		padding:0px;
		width:80px;
		height:17px;
		position:absolute;
		overflow:hidden;
		background: url(images/stars.png) top left repeat-x;
	}
	.star-rating li {
		padding:0px;
		margin:0px;
		width:16px;
		height:17px;
		/*\*/
		float:left;
		/* */
	}
	.star-rating li a {
		display:block;
		width:16px;
		height:17px;
		line-height:17px;
		text-decoration:none;
		text-indent:-9000px;
		z-index:20;
		position:absolute;
		padding:0px;
		overflow:hidden;
	}
	.star-rating li a:hover {
		background:url(images/stars.png) left bottom;
		z-index:2;
		left:0px;
		border:none;
	}
	.star-rating a.one-star {
		left:0px;
	}
	.star-rating a.one-star:hover {
		width:16px;
	}
	.star-rating a.two-stars {
		left:16px;
	}
	.star-rating a.two-stars:hover {
		width:32px;
	}
	.star-rating a.three-stars {
		left:32px;
	}
	.star-rating a.three-stars:hover {
		width:48px;
	}
	.star-rating a.four-stars {
		left:48px;
	}
	.star-rating a.four-stars:hover {
		width:64px;
	}
	.star-rating a.five-stars {
		left:64px;
	}
	.star-rating a.five-stars:hover {
		width:80px;
	}
	.star-rating li.current-rating {
		background:url(images/stars.png) left center;
		position:absolute;
		height:17px;
		display:block;
		text-indent:-9000px;
		z-index: 1;
		float: none !important;
		
		/*display: none; /* Geen huidige rating? OK! */
	}
	a:active {
		outline: none;
	}
	
	/* START Colored styles */		
	.g-blue {
		background: url("images/g-blue-bg.gif") no-repeat bottom left;
	}
		.g-blue h3 {
			background: url("images/g-blue-h3.gif");
		}
		.g-blue .game-list {
			background: url("images/g-blue-ul.gif") repeat;
		}
		.g-blue .game-list li a {
			color: #001d2b;
		}
	.g-red {
		background: url("images/g-red-bg.gif") no-repeat bottom left;
	}
		.g-red h3 {
			background: url("images/g-red-h3.gif");
		}
		.g-red .game-list {
			background: url("images/g-red-ul.gif") repeat;
		}
		.g-red .game-list li a {
			color: #2c0106;
		}
	.g-orange {
		background: url("images/g-orange-bg.gif") no-repeat bottom left;
	}
		.g-orange h3 {
			background: url("images/g-orange-h3.gif");
		}
		.g-orange .game-list {
			background: url("images/g-orange-ul.gif") repeat;
		}
		.g-orange .game-list li a {
			color: #3f2300;
		}
	/* END Colored styles */

	#game-wrapper {
		width: 548px;
		background: #cccccc;
		margin: 0px auto 30px auto;
	}
	#game-extra {
		margin: 0px 0px 80px 0px;
		padding: 0px 0px 0px 25px;
	}
	#game-extra a {
		font: bold 12px Tahoma;
		color: #583001;
		display: block;
		float: left;
		text-decoration: none;
		padding: 5px 27px 0px 0px;
	}
	#game-extra a:hover {
		text-decoration: underline;
	}
		#game-extra a img {
			float: left;
			margin: -5px 7px 0px 0px;
		}
	#game-extra ul {
		position: absolute;
		margin: 5px 0px 0px 800px !important;
	}
	#game-extra ul a {
		display: block;
		line-height: 17px;
		padding: 0;
		text-decoration: none;
	}
	.inline-ad {
		padding: 13px 35px;
		margin: 0px 0px 20px 0px;
		background: #f8eabb;
		display: block;
		clear: both;
	}
	.g-info p {
		padding: 6px 12px;
		margin: 0 !important;
		font: 12px Tahoma;
		color: #000000;
		line-height: 20px;
		display: block;
	}
	.g-info a {
		margin: 9px auto 0px auto;
		width: 127px;
		display: block;
	}
	.bigbox {
		width: 425px;
		height: 322px;
		float: left;
		margin: 0px 0px 20px 23px;
		padding: 1px 1px 9px 1px;
	}
		.bigbox h3 {
			width: 427px;
			height: 25px;
			font: bold 13px Tahoma;
			color: #ffffff;
			text-align: center;
			padding: 6px 0px 0px 0px;
			margin: -1px 0px 0px -1px;
		}

	.b-orange {
		background: url("images/b-orange-bg.gif") bottom left;
	}
		.b-orange h3 {
			background: url("images/b-orange-h3.gif");
		}
	.bigbox p {
		padding: 3px 6px;
		font: 11px Tahoma;
		color: #3f2300;
		line-height: 20px;
	}
	.bigbox p a {
		font: 11px Tahoma;
		color: #3f2300;
		text-decoration: none;
	}
	.bigbox p a:hover {
		text-decoration: underline;
	}
	.bigbox span {
		padding: 2px 6px;
		font: 12px Tahoma;
		color: #3f2300;
		background: #fdead2;
		display: block;
	}
		.bigbox span em {
			width: 208px;
			float: left;
			margin: 0px 0px 0px 6px;
		}
	.bigbox form {
		padding: 15px 0px 8px 18px;
		background: #fdead2;
	}
		.f-txt {
			display: block;
			font: 14px Tahoma;
			color: #3f2300;
			font-style: italic;
			text-decoration: underline;
			width: 370px;
			height: 60px;
			padding: 6px 10px;
			overflow: auto;
		}
		.bigbox form em {
			display: block;
			text-align: right;
			background: #fffbf6;
			font: 11px Tahoma;
			color: #3f2300;
			font-style: italic;
			padding: 0px 10px 6px 0px;
			width: 380px;
		}
		.f-inp {
			padding: 3px;
			margin: 6px 6px 0px 0px;
			font: 12px Tahoma;
			color: #3f2300;
			font-style: italic;
			width: 184.5px;
		}
		.f-sbmt {
			background: url("images/g-btn.gif");
			width: 74px;
			height: 22px;
			font: 10px Tahoma;
			color: #000000;
			text-align: center;
		}
		.f-cap {
			font: bold 12px Tahoma !important;
			color: #3f2300 !important;
			margin: 0px 81px 0px 0px !important;
			padding: 0px !important;
			width: 40px;
			display: inline !important;
		}
	form.v2 .f-txt {
		height: 56px;
	}
	form.v2 em {
		margin-bottom: 10px;
	}
	
	.nav p{
		padding: 3px 6px;
		font: 11px Tahoma;
		color: #3f2300;
		line-height: 20px;
	}
	.nav p a {
		font: 11px Tahoma;
		color: #3f2300;
		text-decoration: none;
	}
	.nav p a:hover {
		text-decoration: underline;
	}
	


#footer {
	background: #faf1d3 url("images/footer-bg.gif") no-repeat;
	height: 56px;
	padding: 24px 36px 0px 36px;
	margin: 0px 0px 60px 0px;
}
	#footer p, #footer a {
		font: 11px Verdana;
		color: #dadada;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer .f-left {
		float: left;
	}
	#footer .f-right {
		float: right;
	}
#uu {
text-decoration:underline;
}
