/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font: 11px Verdana, Arial; color: #303030; }
input, select, textarea { font: 11px Verdana, Arial; color: #8c806e; }
body { background: #dbf1ff url('../images/bodyBg.jpg') left top repeat-x; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }
.dark { font-weight: bold; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; overflow: hidden; width: 100%; background: url('../images/wrapper.jpg') center top no-repeat; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1023px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1023px; height: 165px; background: url('../images/headerBg.jpg') no-repeat center top; }
	#headerCntr h1 { position: absolute; top: 3px; left: -25px; }
	#headerCntr h1 a { display: block; width: 322px; height: 263px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 105px; right: 24px; width: 560px; height: 31px; background: url('../images/menuBg.jpg') left top repeat-x; }
		#menuCntr .left { background: url('../images/menuBgLeft.jpg') left top no-repeat; }
		#menuCntr .right { height: 31px; overflow: hidden; background: url('../images/menuBgRight.jpg') right top no-repeat; }
		#menuCntr div.menu ul { padding: 2px 10px; list-style: none; }
		#menuCntr div.menu ul li { padding: 0px 8px; display: inline; float: right; height: 27px; line-height: 27px; }
		#menuCntr div.menu ul li a { display: block; height: 27px; float: left; }
		#menuCntr div.menu ul li:hover, #menuCntr div.menu ul li.selected { background: #424242; }
		#menuCntr div.ballon ul { list-style: none; }
		#menuCntr div.ballon li { padding-top: 5px; position: absolute; top: -60px; clear: both; width: 164px; height: 52px; font: 12px Verdana; color: #fff; text-align: center; background: url('../images/ballon.png') no-repeat; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { width: 1023px; background: url('../images/containerBg.jpg') left top repeat-y; }
	#contentCntr #top { background: url('../images/containerTop.jpg') left top no-repeat; }
	#contentCntr #bottom { padding: 9px 50px 50px 50px; position: relative; width: 973px; background: url('../images/containerBottom.jpg') left bottom no-repeat; }

		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 90px; float: left; width: 185px; }
		
			/* ### INFO BOX ### */
			.infoBox { padding: 9px 0px 9px 35px; height: 101px; }
			.infoBox h3 { padding-bottom: 10px; font-family: 'Century Gothic'; font-size: 15px; color: #1a1a1a;}
			.infoBox h3 span { color: #f57e00; font-weight: bold; }
			.infoBox .left { padding-right: 25px; width: 300px; float: left; border-right: 1px solid #7e7e7e; }
			.infoBox .right { padding-left: 40px; width: 285px; float: left; }
			.infoBox .text { padding: 3px 10px 0px 10px; margin-left: 10px; width: 150px; height: 65px; color: #fff; float: left; background: url('../images/InfoTextBox.jpg') left top no-repeat; }
			.infoBox img { padding: 4px; float: left; background: url('../images/infoBorder.png') no-repeat; }
			
			/* ### ZOEKEN BOX ### */
			.zoekenBox { width: 185px; margin-bottom: 8px; background: url('../images/zoekenBg.jpg') left top repeat-y; }
			.zoekenBox .top { background: url('../images/zoekenTop.jpg') left top no-repeat; }
			.zoekenBox .bottom { padding: 4px 0; width: 185px; background: url('../images/zoekenBottom.jpg') left bottom no-repeat; }
			.zoekenBox h3 { text-indent: -9999px; margin: 5px 0px 5px 5px; background: url('../images/categorieHeading.png') left bottom no-repeat; }
			.zoekenBox form { padding: 0px 0px 10px 10px; width: 175px; overflow: hidden; }
			.zoekenBox form fieldset { border: none; }
			.zoekenBox form input.textBox { padding: 5px 5px 0px 7px; width: 125px; height: 21px; border: none; float: left; background: url('../images/textBoxBg.jpg') left bottom no-repeat; }
			.zoekenBox form input.button { margin: 3px 0px 0px 5px; width: 22px; height: 20px; float: left; cursor: pointer; border: none; background: url('../images/zoekenButton.jpg') left bottom no-repeat; }
				
			/* ### CATEGORIE BOX ### */
			.categorieBox { margin-bottom: 8px; width: 185px; background: url('../images/categorieBg.jpg') left top repeat-y; }
			.categorieBox .top { background: url('../images/categorieTop.jpg') left top no-repeat; }
			.categorieBox .bottom { padding: 10px 3px 8px 3px; width: 179px; background: url('../images/categorieBottom.jpg') left bottom no-repeat; }
			.categorieBox h3 { margin: 0px 0px 10px 3px; text-indent: -9999px; background: url('../images/categorieHeading.png') left bottom no-repeat; }
			.categorieBox ul { padding-bottom: 10px; }
			.categorieBox ul li { width: 179px; list-style: none; height: 19px; line-height: 19px; }
			.categorieBox ul li a { display: block; font-family: Verdana, Arial; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; text-transform: capitalize; }
			.categorieBox ul li a span { padding-left: 25px; display: block; background: url('../images/whiteDot.png') 11px center no-repeat; }
			.categorieBox ul li a:hover span { padding-left: 25px; background: url('../images/whiteDotOver.png') 11px center no-repeat; }
			.categorieBox ul li a.active span { padding-left: 25px; background: url('../images/whiteDotOver.png') 11px center no-repeat; }
			.categorieBox ul li a:hover { background: url('../images/categorieBgHover.gif') 0px 0px repeat-x; }
			.categorieBox ul li a.active { background: url('../images/categorieBgHover.gif') 0px 0px repeat-x; }
			
			/* ### PARTNER BOX ### */
			.partnerBox { width: 185px; background: url('../images/partnerBg.jpg') left top repeat-y; }
			.partnerBox .top { background: url('../images/partnerTop.jpg') left top no-repeat; }
			.partnerBox .bottom { padding: 4px 3px 15px 3px; width: 179px; background: url('../images/partnerBottom.jpg') left bottom no-repeat; }
			.partnerBox h3 { margin: 4px; text-indent: -9999px; background: url('../images/partnerHeading.png') left center no-repeat; }
			.partnerBox ul { padding: 8px 0; }
			.partnerBox ul li { width: 179px; height: 19px; line-height: 19px; list-style: none; }
			.partnerBox ul li a { display: block; font-family: Verdana, Arial; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; text-transform: capitalize; }
			.partnerBox ul li a span { padding-left: 25px; display: block; background: url('../images/linkDot.gif') 11px center no-repeat; }
			.partnerBox ul li a:hover span { padding-left: 25px; background: url('../images/linkDotOver.gif') 11px center no-repeat; }
			.partnerBox ul li a.active span { padding-left: 25px; background: url('../images/linkDotOver.gif') 11px center no-repeat; }
			.partnerBox ul li a:hover { background: url('../images/partnerBgHover.gif') 0px 0px repeat-x; }
			.partnerBox ul li a.active { background: url('../images/partnerBgHover.gif') 0px 0px repeat-x; }
			
			/* ### ADS BOX ### */
			.adsBox { padding-top: 17px; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { margin-left: 10px; float: left; width: 728px; }
		#rightCntr h2 { margin-left: 15px; padding: 10px 0px 10px 0px; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: normal; }
		#rightCntr h2 span { font-weight: bold; }
	
			/* ### GAMES BOX ### */
			.gamesBox { width: 728px; margin-bottom: 5px; background: #a1d9fb url('../images/rightBoxTop.jpg') left top no-repeat; }
			.gamesBox h3 { padding-bottom: 5px; font-size:20px; color: #393939; }
			.gamesBox div.bottom { padding: 30px 35px; overflow: hidden; width: 658px; background: url('../images/rightBoxBottom.jpg') left bottom no-repeat; }
			.gamesBox div.right { padding-top: 10px; float: right; width: 250px; }
			.gamesBox div.left { width: 165px;}
			.gamesBox div.play { padding-bottom: 20px; width: 601px; margin: 0 auto; }
			.gamesBox div.waardering { padding: 20px; width: 326px; height: 76px; float: left; background: url('../images/waarderingBox.png') left bottom no-repeat; }
			.gamesBox div.waardering ul li { display: block; float: left; }
			.gamesBox div.groot { padding: 25px 30px 0px 30px; width: 214px; height: 92px; text-align: center; float: right; background: url('../images/grootBox.png') left top no-repeat; }
			.gamesBox div.groot img { float: right; margin-top: 25px; }
			.gamesBox a { text-decoration: none; color: #393939; }
			.gamesBox a:hover { text-decoration: underline; }
			.gamesBox div.mark { width: 61px; height: 68px; text-align: center; font: bold 26px/68px Verdana; color: #fff; background: url('../images/mark.gif') no-repeat; }
			
			/* ### ADVERT BOX ### */
			.advertBox { padding: 19px 0 21px 0; margin-bottom: 5px; background: url('../images/adBack.png') no-repeat; }
			
			/* ### GOOGLE BOX ### */
			.googleBox { padding-top: 20px; }
				
			/* ### AANBEVOLEN BOX ### */
			.aanbevolenBox { padding-top: 10px; background: url('../images/aanbevolenTop.png') no-repeat; }
			.aanbevolenBox .bottom { padding-bottom: 10px; overflow: hidden; width: 728px; background: url('../images/aanbevolenBottom.png') center bottom no-repeat; }
			.aanbevolenBox .center { background-color: #a1d9fc; }
			.aanbevolenBox ul { width: 100%; overflow: hidden; }
			.aanbevolenBox ul li { padding: 0px 9px 7px 9px; display: block; float: left; }
			.aanbevolenBox ul li a { padding: 5px 0; text-align: center; margin-bottom: 6px; display: block; width: 164px; height: 73px; background: url('../images/gamesImg.jpg') left bottom no-repeat; }
			.aanbevolenBox ul li a:hover { background: url('../images/gamesImgHover.jpg') left bottom no-repeat; }
			.aanbevolenBox ul li .text { padding: 3px 10px 0px 10px; display: block; width: 144px; height: 63px; background: url('../images/gamesTextBox.jpg') left bottom no-repeat; }
			.aanbevolenBox ul li img { padding: 4px; background: url('../images/gamesBorder.png') no-repeat; }
			
			/* ### PAGINATION BOX ### */
			.paginationBox { margin-top: 30px; height: 64px; background: url('../images/paginationBg.jpg') left bottom no-repeat; }
			.paginationBox ul { padding: 10px 0px 0px 215px; }
			.paginationBox ul li { padding: 0px 3px; display: block; float: left; }
			.paginationBox ul li a.previous { width: 11px; height: 35px; background: url('../images/previous.jpg') 0px 11px no-repeat; }
			.paginationBox ul li a.next { width: 11px; height: 35px; background: url('../images/next.jpg') 0px 11px no-repeat; }
			.paginationBox ul li a.next:hover { background: url('../images/next.jpg') 0px 11px no-repeat; }
			.paginationBox ul li a.previous:hover { background: url('../images/previous.jpg') 0px 11px no-repeat; }
			.paginationBox ul li a { color: #FFFFFF; text-decoration: none; font-size: 24px; font-family: Verdana, Arial; font-weight: bold; text-align: center; line-height: 44px; display: block; width: 44px; height: 44px; background: url('../images/paginationBg.png') no-repeat; }
			.paginationBox ul li a:hover { background: url('../images/paginationOver.png') no-repeat; }
			.paginationBox ul li.active a { background: url('../images/paginationOver.png') no-repeat; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin: 0px auto; width: 980px; height: 51px; overflow: hidden; background: url('../images/footerBg.jpg') left top repeat-x; }
	#footerCntr .left { background: url('../images/footerLeft.jpg') left top no-repeat; }
	#footerCntr .right { padding: 17px 270px 0px 235px; height: 51px; overflow: hidden; background: url('../images/footerRight.jpg') right top no-repeat; }
	#footerCntr .copyright { padding-top:3px;  height: 20px; float: left; }
	#footerCntr .copyright a {color:#000;}