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

/* ### general ### */
* { margin: 0px; padding: 0px; }

html, body { height: 100%; font-family: Tahoma; font-size: 11px; color: #333333;   }
input, select, textarea { font-family: Tahoma; font-size: 11px; color: #333333; }
body { background: #257abe url('../images/bodyBg.gif') repeat-x; } 
/* body { background: #a5c327 url('../ads/bp.jpg') top center no-repeat;}*/
img { border: none; }
a { outline: none; }

/* ### global classes ### */
.clear { clear: both; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1000px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 1000px; height: 156px; overflow: hidden; background: url('../images/headerBg.png') left top no-repeat; }
	#headerCntr h1 { padding: 45px 0 0 17px; overflow: hidden; }
	#headerCntr h1 a { display: block; width: 233px; height: 42px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#headerCntr img.icoontje { position: absolute; left: 270px; top: 7px; }
	#headerCntr img.right { position: absolute; right: 121px; top: 35px; }
	
		/* ### menu box ### */
		.menuBox { margin-top: 8px; width: 1000px; height: 61px; }
		.menuBox ul { padding-left: 10px; list-style: none; }
		.menuBox li { font-family: Tahoma; font-size: 16px; float: left; font-weight: bold; color: #fff; }
		.menuBox li a { padding: 0 20px; display: block; line-height: 54px; font-family: Tahoma; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; }
		.menuBox li a span { padding-right: 20px; display: block; }
		.menuBox li a:hover, .menuBox li.selected a { text-decoration: none; background: url('../images/tabBg.png') left 13px no-repeat; }
		.menuBox li a:hover span, .menuBox li.selected a span { background: url('../images/tabBg.png') right -56px repeat-x; }
				
	/* ### special container ### */
	#specialCntr { margin-top: 10px; width: 1000px; height: 183px; overflow: hidden; background: url('../images/specialBg.png') left top no-repeat; }
	#specialCntr h2 { padding-left: 25px; font-weight: bold; line-height: 44px; font-family: Tahoma; font-size: 14px; color: #ef6d05; }
	#specialCntr h2 a { padding-right: 22px; float: right; text-decoration: none; font-weight: bold; line-height: 44px; font-family: Tahoma; font-size: 14px; color: #ef6d05; }
	#specialCntr h2 a:hover { text-decoration: underline; }
	#specialCntr a {text-decoration: none; }
	#specialCntr ul { padding-top: 2px; list-style: none; width: 1000px; }
	#specialCntr li { margin-right: 10px; width: 192px; text-align: center; float: left; height: 137px; background: url('../images/specialBg.gif') no-repeat; }
	#specialCntr li a img { margin-top: 21px; border: #2a84c4 solid 2px; }
	#specialCntr li span { padding-top: 10px; display: block; font-size: 12px; color: #ef6d05; font-weight: bold; }
	#specialCntr li a span { font-size: 12px; color: #ef6d05; font-weight: bold; text-decoration: none; }
	#specialCntr li a:hover span { text-decoration: underline; }
	#specialCntr li.first { width: 192px; height: 137px; background: url('../images/specialLeft.png') no-repeat; }
	#specialCntr li.last { margin-right: 0px; width: 192px; height: 137px; background: url('../images/specialRight.png') no-repeat; }
	
			.search {
			float:right; 
			width:250px;
			margin-top:4px;
			margin-right:-12px;
			}
			
			input.zoek{
			  float: right;
			  padding-right: 0px;
			  font-size: 12px;
			  background: url(../images/searchbox.png) no-repeat;
			  border:0px;
			  display:block;
			  width:152px;
			  height:32px;
			  padding-left:10px;
			  vertical-align:bottom;
			 line-height:30px;
			}
			input.zoekbutton{
			
			  background: url(../images/zoekbutton.png) no-repeat;
			  margin-right: 20px;
			  border: 0px;  
			  float: right;
			  height: 32px;
			  width: 31px;
			  cursor: pointer;
			}
			input:focus { outline: none; }  
			textarea:focus { outline: none; }  
	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 1000px; }
	
		/* ### left container ### */
		#leftCntr { padding-bottom: 150px; float: left; width: 808px; overflow: hidden; }
		
			/* ### game box ### */
			.gameBox { padding-bottom: 10px; margin-right: 10px; display: inline; float: left; width: 192px; min-height: 220px; background: url('../images/game-bottom.png') left bottom no-repeat ; }
			.gameBox h3 { padding-left: 23px; margin-top: 6px; font-family: Tahoma; font-size: 15px; color: #fff; font-weight: bold; line-height: 31px; width: 192px; height: 31px; background: url('../images/game-top.png') left top no-repeat; }
			.gameBox a {text-decoration:none;}
			.gameBox h3.actie { background: url('../images/actieBg.png') left top no-repeat; }
			.gameBox h3.avontuur { background: url('../images/avontuurBg.png') left top no-repeat; }
			.gameBox h3.Meisjes { background: url('../images/avontuurBg.png') left top no-repeat; }
			.gameBox h3.Race { background: url('../images/avontuurBg.png') left top no-repeat; }
			.gameBox h3.behendigheid { background: url('../images/behendigheidBg.png') left top no-repeat; }
			.gameBox h3.Denk { background: url('../images/behendigheidBg.png') left top no-repeat; }
			.gameBox h3.Multiplayer { background: url('../images/behendigheidBg.png') left top no-repeat; }
			.gameBox h3.Shooter { background: url('../images/actieBg.png') left top no-repeat; }
			.gameBox h3.Actie { background: url('../images/actieBg.png') left top no-repeat; }
			.gameBox .mid { width: 192px; height:214px; background: #fff; }
			.gameBox ul { padding: 10px 0 0 22px; list-style: none; }
			.gameBox li { font-size: 11px; color: #333333; }
			.gameBox li a { display: block; position: relative; font-size: 11px; font-weight: normal; color: #333333; line-height: 20px; text-decoration: none; }
			.gameBox li a:hover, .gameBox li.selected a { font-size: 11px; font-weight: bold; text-decoration: underline; }
			.gameBox li a.read { font-size: 11px; font-weight: bold; color: #333333; text-decoration: none;  }
			.gameBox li a:hover.read { text-decoration: underline; }
			.gameBox li a img { position: absolute; top: 5px; right: -25px; display: none; border: 2px solid #9d9078; z-index:10; }
			.gameBox li a:hover img { display: block; }
			.gameBox .mauw {width:100px; height:200px; background:red;}
		
			.gamehover { width:150px; height:150px; background:url('../images/hover.png'); }
			.gamehover h3{ text-align:center; line-height:25px; color:#fff; font-size:13px;}
			.gamehover img{ display: block; margin-left: auto; margin-right: auto;padding-top:3px;}
			.gamehover p{ text-align:center;}
			
			
			.otherBox { padding-bottom: 10px; margin-right: 10px; display: inline; float: left; width: 798px; background: url('../images/other-bottom.png') left bottom no-repeat; }
			.otherBox h3 { padding-left: 23px; margin-top: 6px; font-family: Tahoma; font-size: 15px; color: #fff; font-weight: bold; line-height: 31px; width: 798px; height: 31px; background: url('../images/othersBg.png') left top no-repeat; }
			.otherBox h3 a { padding-right: 42px; float: right; text-decoration: none; font-weight: bold; font-family: Tahoma; color: #fff; font-size: 14px; }
			.otherBox h3.actie { background: url('../images/actieBg.png') left top no-repeat; }
			.otherBox .mid { float:left; width:758px; background: #fff; padding:20px; }
			.otherBox .mid li {list-style:none;}
			.otherBox .mid li a { color:#000; text-decoration:none;}
			.otherBox .mid li a:hover{ color:#000; text-decoration:underline;}
			.otherBox .game { width: 798; background: #000; padding:20px;}
			.otherBox .swf { width: 750px; text-align:center;}
			.otherBox p { padding: 10px 0 0 22px; }
			.otherBox p a { display: block; position: relative; font-size: 11px; font-weight: normal; color: #fff; line-height: 20px; text-decoration: none; }
			.otherBox p a:hover, .otherBox li.selected a { font-size: 11px; font-weight: bold; text-decoration: underline; }
			.otherBox .mid label,input  { display:  block; width:  150px; float:  left; margin-bottom:  3px; }  
			.otherBox .mid label  {text-align:  left; width:  75px;padding-right:  20px; }  
			.otherBox .mid p  {clear:  left;  }  
			.otherBox .mid legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
.otherBox .mid input           {width:250px;}
.otherBox .mid input,
.otherBox .mid textarea        {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
.otherBox .mid input:focus,
.otherBox .mid textarea:focus  {background:#ffc;}
.otherBox .mid textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif;}
.otherBox .mid label           {display:block;margin:12px 0 0;float:left;clear:left;width:90px;}
.otherBox .mid button          {display:block;float:left;clear:both;margin-left:90px;}

			.options {margin-top:10px;}
			.options .uitleg { float:left; width:400px; padding-right:10px; }
			.extras {float:left; width:745px; margin-top:20px; padding-left:10px;}
			.options .fullscreen {float:left; width: 345px;  }
			.options .fullscreen a{text-decoration:none;vertical-align:center; color:#000;text-align:center;}
			.otherextraBox { padding-bottom: 10px; margin-right: 10px; display: inline; float: left; width: 798px; background: url('../images/other-bottom.png') left bottom no-repeat; }
			.otherextraBox h3 { padding-left: 23px; margin-top: 6px; font-family: Tahoma; font-size: 15px; color: #fff; font-weight: bold; line-height: 31px; width: 798px; height: 31px; background: url('../images/othersBg2.png') left top no-repeat; }
			.otherextraBox h3.otherblauw { background: url('../images/othersBg2.png') left top no-repeat; }
			.otherextraBox p { padding: 10px 0 0 22px; }
			.otherextraBox p a { display: block; position: relative; font-size: 11px; font-weight: normal; color: #333333; line-height: 20px; text-decoration: none; }
			.otherextraBox p a:hover, .otherextraBox li.selected a { font-size: 11px; font-weight: bold; text-decoration: underline; }	
			.otherextraBoxmid {  height: 100%; background: #fff;float:left;width:100%}
			
			.willekeurig {width:185px; float:left; margin:4px; padding:3px;background:url('../images/bgGames.png'); text-align:center;	}
			.willekeurig li {list-style:none;}
			.willekeurig a {color:#000; text-decoration:none;}
			.willekeurig a:hover {text-decoration:underline;}
			.willekeurig span {text-decoration:none; line-height:24px; font-size:13px;}
		/* ### right container ### */
		#rightCntr { padding-top: 6px; float: right; width: 192px; }
			
			/* ### ad box ### */
			.adBox { padding-bottom: 75px; width: 192px;  background: url('../images/right-bottom-bg.png') left bottom no-repeat; }
			.adBox .bottom { padding-top: 8px; background: #fff; padding-left:15px;}
			.adBox h2 { padding-left: 23px; font-family: Tahoma; font-size: 15px; color: #fff; line-height: 31px; width: 192px; height: 31px; background: url('../images/advertentiesBg.png') left top no-repeat; }
				
		/* ### footer container ### */
		#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; }
			
			/* ### footer box ### */
			.footerBox { margin: 0 auto; padding-right: 202px; width: 798px; overflow: hidden; height: 137px; background: url('../images/footer-bg.png') no-repeat left bottom; }
			.footerBox .advertentie { padding-left: 182px; width: 468px; height: 60px; }
			.footerBox p { padding: 2px 0px 0px 528px; font-family: Tahoma; float: left; font-size: 10px; color: #fff; font-weight: bold; }
			.footerBox a { color: #FFFFFF; text-decoration: none; }
			.footerBox a:hover { text-decoration: underline; }
			.footerBox .copy { padding: 53px 0 0 197px; width: 475px; float: left; font-size: 10px; color: #fff; font-weight: bold; }