* {
	margin: 0;
	padding: 0
}
BODY {
	font-SIZE: 12px;
	background: url(body_bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
img {
	border:none;
}
A {
	color: #0b4d61;
	text-decoration: none
}
A:hover { color: #ff9900 }
.clear { CLEAR: both }
.main-body {
margin: 0px auto;
	width: 998px
}
h1 {
  font-size: 12px;
	margin: 0px;
	padding: 0px;
    display:inline;
	text-decoration: none;
font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
h2 {
  font-size: 12px;
	margin: 0px;
	padding: 0px;
    display:inline;
	text-decoration: none;
font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
.topnav {
	background: url(topnav_bg.gif) repeat-x;
	line-height: 30px;
	height: 30px
}
.topnav_wrap {
	margin: 0px auto;
	width: 905px;
	text-ALIGN: right;
	color: #fff
}
.header {
	background: url(header_bg.gif) no-repeat 170px 0px;
	padding-TOP: 5px;
	POSITION: relative
}

.invisibleblock { 

/*make it invisible*/
-moz-opacity:0; filter:alpha(opacity=0); opacity:0; 
/*fill the container its in (change this to px if you have a specific size)*/
width:100%;height:100%; 
/*z-index, for ensuring its behind everything else*/
z-index:2; 
/*Extra bits in case it's not working properly*/
display:block;border:0;margin:0;padding:0; 
}
#logo {
	width: 192px;
	float: left;
}
#logo a {
	display: block;
	background: url(logo.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logovoetbal {
	width: 192px;
	float: left;
}
#logovoetbal a {
	display: block;
	background: url(logovoetbal.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logovecht {
	width: 192px;
	float: left;
}
#logovecht a {
	display: block;
	background: url(logovecht.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logoschiet {
	width: 192px;
	float: left;
}
#logoschiet a {
	display: block;
	background: url(logoschiet.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logorace {
	width: 192px;
	float: left;
}
#logorace a {
	display: block;
	background: url(logorace.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logomeiden {
	width: 192px;
	float: left;
}
#logomeiden a {
	display: block;
	background: url(logomeiden.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logohumor {
	width: 192px;
	float: left;
}
#logohumor a {
	display: block;
	background: url(logohumor.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logodenk {
	width: 192px;
	float: left;
}
#logodenk a {
	display: block;
	background: url(logodenk.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logocasino {
	width: 192px;
	float: left;
}
#logocasino a {
	display: block;
	background: url(logocasino.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logobehendigheid {
	width: 192px;
	float: left;
}
#logobehendigheid a {
	display: block;
	background: url(logobehendigheid.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logoactie {
	width: 192px;
	float: left;
}
#logoactie a {
	display: block;
	background: url(logoactie.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logoavontuur {
	width: 192px;
	float: left;
}
#logoavontuur a {
	display: block;
	background: url(logoavontuur.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logosport {
	width: 192px;
	float: left;
}
#logosport a {
	display: block;
	background: url(logosport.gif) no-repeat;
	width: 192px;
	height: 110px
}
#logo a span {
	margin: 20px 0px 0px 20px;
	padding:2px 5px;
	font-size:12px;
	border:#999 1px solid;
	background-color:#FFF;
	font-size:12px;
	font-weight:normal;
	float:left
}
.nl {
	RIGHT: 975px;
	POSITION: absolute;
	TOP: -27px;
	text-ALIGN: right;
}
.eng {
	RIGHT: 945px;
	POSITION: absolute;
	TOP: -27px;
	text-ALIGN: right;
}
.spa {
	RIGHT: 915px;
	POSITION: absolute;
	TOP: -27px;
	text-ALIGN: right;
}
.spa1 {
	RIGHT: 835px;
	POSITION: absolute;
	TOP: -23px;
	text-ALIGN: right;
}
.searchbar {
	RIGHT: 15px;
	POSITION: absolute;
	TOP: 10px;
	text-ALIGN: right
}

.searchbar .link {
	margin: 0px 8px 7px 0px;
	color: #666;
	text-ALIGN: right
}
.searchbar FORM {
	padding: 0px;
	margin: 0px;
}
.searchbar .link A {
	margin: 0px 0px 0px 10px;
	color: #444
}
.searchbar .input {
	background: #f7f7f7;
	margin: 0px 10px 0px 0px;
	width: 240px;
	color: #444;
	padding: 4px;
	border: #bbb 1px solid;
	height: 16px
}
.searchbar .btn {
	font-WEIGHT: bold;
	background: url(search_btn.gif) no-repeat;
	VERTICAL-ALIGN: top;
	width: 110px;
	color: #555;
	border-STYLE: none;
	line-height: 27px;
	height: 27px;
	text-ALIGN: center;
}
.navigation {
	CLEAR: both;
	background: url(navigation_bg.gif) repeat-x 50% bottom;
	margin: 8px 0px 0px;
	height: 110px
}
.navigation IMG {
	DISPLAY: block;
	border-STYLE: none
}
.navigation_bg_r {
	background: url(navigation_bg_r.gif) no-repeat right bottom;
	height: 110px
}
.main_navigation A {
	font-WEIGHT: bold;
	background: url(navigation_btn.gif) no-repeat 0px -29px;
	float: left;
	width: 65px;
	color: #6a6a68;
	font-size:12px;
	padding: 8px 0 0 0;
	height: 21px;
	text-ALIGN: center;
	text-decoration: none
}
.navigation_cat {
	float: right;
	margin: 57px 0px 0px
}
.navigation_cat #nav_shouji {
	background: url(navigation_btn.gif) no-repeat 0px -29px;
	color: #ff5a00
}
.main_navigation A:hover {
	background: url(navigation_btn.gif) no-repeat;
	color: #6a6a68;
	padding-TOP: 9px;
	height: 20px
}
.page_index #nav_home {
	background: url(navigation_btn.gif) no-repeat;
	color: #6a6a68;
	padding-TOP: 9px;
	height: 20px
}
.sub_navigation {
	padding-RIGHT: 15px;
	padding-TOP: 5px;
	text-ALIGN: right;
	color:#6A6A68;
}
.sub_navigation A {
	color:#6A6A68;
	text-decoration: none
}
.sub_navigation A:hover {
	color: #555;
	text-decoration: underline
}
.footer {
	background: url(bottom_bg.gif) #505026 repeat-x 50% top;
	padding-BOTTOM: 15px;
	margin: 10px 0px 0px;
	color: #abb99b;
	padding-TOP: 60px;
	text-ALIGN: center
}
.footer P { margin: 6px 0px }
.footer .links {
	padding-BOTTOM: 10px;
	margin: 0px 15px;
	color: #c1c8ac;
	border-BOTTOM: #606452 1px dashed
}
.footer .links A {
	margin: 0px 5px;
	color: #c1c8ac
}
.catWrap {
	padding: 0;
	float:left;
	margin: 8px 20px 10px;
	height:145px;
	background-repeat: no-repeat;
	background-position: 0 15px;
	width: 202px;
}

.catWrap .link {
	background: url(altkat.gif) 0px -131px no-repeat;
	display: block;
	height: 100%;
}

.catWrap .link:hover {
	background-position: 0 15px;
	text-decoration: none;
}

.catWrap .link strong {
	font: bold 12px Tahoma,sans-serif;
	margin-left: 4px;
}

.catWrap .link span{
	font: 9px verdana,sans-serif;
	display: block;
	margin-top: 113px;
	margin-right: 10px;
	text-align: right;
	color: #103973;
}
#footer_container{
	
	}

	/** FOOTER AREA **/

		.footerline{
			height: 12px;
		}

			.footerline .footerlineLeft{
				height: 12px;
				width: 14px;
				float: left;
				background-image: url();
				background-repeat: no-repeat;
			}

			.footerline .footerlineMiddle{
				height: 12px;
				width: 952px;
				float: left;
				background: #FFBE00;
				text-align: left;
				font-size: 9px;
				color: #666;
			}

			.footerline .footerlineRight{
				height: 12px;
				width: 14px;
				float: right;
				background-image: url();
				background-repeat: no-repeat;
			}

		.footerinfo{
			margin-top: 10px;
			height: 284px;
				width: 1000px;
			margin-left: auto;
	margin-right: auto;
	width: 85em;
	color: #c1c8ac;
			background-image: url();
		}

			.footerinfo .infoTable{
				height: 30px;
				margin-top: 10px;
				margin-bottom:20px;
				line-height: 1.8;
	color: #c1c8ac;
			}

				.footerinfo .infoTable a{
						color: #c1c8ac;
					text-decoration: none;
				}

				.footerinfo .infoTable a:hover{
					color: #fff;
				}

				.footerinfo .infoTable .inforow1{
					float: left;
					width: 183px;
					border-right: 1px dotted #666;
					text-align: left;
					margin-left: 60px;
	color: #c1c8ac;
				}

				.footerinfo .infoTable .inforow2{
					float: left;
					width: 243px;
					border-right: 1px dotted #666;
					text-align: center;
				}

				.footerinfo .infoTable .inforow3{
					float: left;
					width: 243px;
					border-right: 1px dotted #666;
					text-align: center;
				}

				.footerinfo .infoTable .inforow4{
					float: right;
					text-align: right;
					width: 183px;
					margin-right: 60px;
				}

			.footerinfo .infoLine{
				margin-top: 20px;
					color: #c1c8ac;
			}

				.footerinfo .infoLine a{
					color: #c1c8ac;
					text-decoration: none;
				}

				.footerinfo .infoLine a:hover{
					color: #fff;
				}

#copyright { text-ALIGN: center }
#copyright IMG { border-STYLE: none; }
#copyright A { color: #c1c8ac }
.navigation_cat #nav_home {
	background: url(navigation_btn.gif) no-repeat;
	padding-TOP: 9px;
	height: 20px;
	font-size:10px;
}
.indexpageleft {
	float: left;
	width: 236px
}
.pageleft {
	DISPLAY: inline;
	float: left;
	margin: 0px 0px 0px 5px;
	width: 505px;
	height: 1%
}
.pageright {
	float: left;
	margin: 0px 0px 0px 5px;
	width: 236px
}
.newhot {
	margin: 10px 0px 0px;
	padding-TOP: 24px
}
.newhot .newhot_nav {
	margin: -24px 0px 0px;
	POSITION: absolute;
	height: 24px
}
.newhot .newhot_nav A {
	background: url(newhot_nav_bg2.gif) repeat-x;
	float: left;
	border: #bacbd1 1px solid;
	border-bottom:none;
	width: 200px;
	color: #505d6a;
	line-height: 24px;
	height: 24px;
	text-ALIGN: center;
	text-decoration: none
}
.newhot .newhot_nav A.actived {
	font-WEIGHT: bold;
	background: url(newhot_nav_bg1.gif) repeat-x
}
.newhot .newhot_nav A:hover { font-WEIGHT: bold }
.newhot_wrap {
	border: #bacbd1 1px solid;
	background: #f7f7f7;
	padding-BOTTOM: 5px;
	width: 503px;
	padding-TOP: 7px;
}
.newhot .cat_box_head {
	margin: 0px 3px;
	height: 80px
}
.cat_box {
	DISPLAY: inline;
	float: left;
	margin: 2px 2px 0px 3px;
	width: 247px;
	height: 1%
}
.cat_box_title {
	background: url(cat_box_title_bg.gif) repeat-x 50% bottom;
	height: 30px;
}
.cat_box_title IMG { border: none }
.cat_box_title .more {
	font-SIZE: 12px;
	float:right;
	padding-right:5px;
	padding-top:12px;
}
.cat_box_title .madi {
	padding-top:12px;
	background: url(cat_dz.gif) no-repeat;
	padding-left:50px;
	color: #505D6A;
	float:left;
	height:18px;
	font-weight:bold;
	text-decoration: none
}
.cat_box_content {
	border: #bacbd1 1px solid;
	background: #f7f7f7;
	height: 1%
}
.cat_box_head {
	DISPLAY: inline;
	float: left;
	margin: 5px 11px;
	width: 94px;
	height: 1%
}
.cat_box_head .box_head_title {
	font-WEIGHT: normal;
	padding-BOTTOM: 0px;
	margin: 3px 0px;
	OVERFLOW: hidden;
	height: 15px;
	text-ALIGN: center
}
.cat_box_head .box_head_img {
	background: #fff;
	width: 94px
}
	.cat_box_head .box_head_img1 {
	background: #fff;
	width: 94px;
}
	.cat_box_head .box_head_img1 EM {
	DISPLAY: block;
	font-WEIGHT: bold;
	font-SIZE: 9px;
	background: url(bullet_new.gif) no-repeat;
	width: 40px;
	color: #fff;
	font-STYLE: normal;
	POSITION: absolute;
	height: 13px;
	text-ALIGN: center
}
.box_head_img_no {
	background: #fff;
	width: 94px
}
.cat_box_head .box_head_img A {
	border: #eee 1px solid;
	DISPLAY: block;
}
.cat_box_head .box_head_img1 A {
	border: #eee 1px solid;
	DISPLAY: block;
}
.box_head_img_no A {
	DISPLAY: block;
	border: #eee 1px solid
}
.cat_box_head .box_head_img A IMG {
	border-RIGHT: #d2d2d2 1px solid;
	width: 86px;
	padding: 2px;
	height: 50px
}
.cat_box_head .box_head_img1 A IMG {
	border-RIGHT: #d2d2d2 1px solid;
	width: 86px;
	padding: 2px;
	height: 50px
}
.box_head_img_no A IMG {
	width: 86px;
	padding: 2px;
	height: 50px
}

.cat_box_content UL {
	border-TOP: #ccc 1px solid;
	margin: 0px 7px;
	padding: 4px 0;
	LIST-STYLE-TYPE: none;
	height: 1%
}
.cat_box_content UL LI {
	padding-LEFT: 8px;
	background: url(list_bullet.gif) no-repeat 0px 6px;
	float: left;
	OVERFLOW: hidden;
	width: 45%;
	line-height: 20px;
	border-BOTTOM: #ddd 1px dotted;
	height: 1%
}
.cat_box_content UL LI A {
	DISPLAY: block;
	OVERFLOW: hidden;
	line-height: 20px;
	height: 20px;
	text-decoration: none
}
.cat_box_content UL LI A:hover {
	background: #e2f3f5;
	color: #ff9900
}
.cat_box_content UL LI A:visited { color: #888 }
.cat_box_content UL LI SPAN {
	float: right;
	margin: 0px 5px 0px 0px;
	color: #888
}
.gametop {
	border: #cfe8ab 1px solid;
	background: url(gametop_bg.gif) #eef6e4 no-repeat;
	padding-BOTTOM: 4px;
	padding-TOP: 40px;
	height: 1%
}
.gametop .title {
	font-WEIGHT: bold;
	float: left;
	margin: 10px 0px 0px;
	OVERFLOW: hidden;
	width: 120px;
	height: 16px
}
.gametop .top1 { height: 1% }
.gametop .top1_img {
	DISPLAY: inline;
	background: #fff;
	float: left;
	margin: 5px 7px 5px 5px
}
.gametop .top1_img A {
	DISPLAY: block;
}
.gametop .top1_img A IMG {
	width: 86px;
	padding: 2px;
	height: 50px
}
.gametop .top1_img EM {
	DISPLAY: block;
	font-WEIGHT: bold;
	font-SIZE: 9px;
	background: url(bullet_top1.gif) no-repeat;
	width: 16px;
	color: #fff;
	font-STYLE: normal;
	POSITION: absolute;
	height: 13px;
	text-ALIGN: center
}
.gametop .top1 .times {
	font-WEIGHT: bold;
	float: left;
	margin: 5px 0px 0px;
	OVERFLOW: hidden;
	width: 120px
}
.gametop .top1 .times SPAN { color: #ff9900 }
.gametop UL, .gametj UL {
	background: #fff;
	margin: 4px 4px 0px;
	padding: 4px;
	border: #d3e2bf 1px solid;
	LIST-STYLE-TYPE: none;
	height: 1%
}
.gametop UL LI, .gametj UL LI {
	OVERFLOW: hidden;
	line-height: 20px;
	border-BOTTOM: #ddd 1px dotted;
	height: 20px
}
.gametop UL LI EM {
	font-WEIGHT: bold;
	font-SIZE: 9px;
	background: url(bullet_top2.gif) no-repeat;
	float: left;
	margin: 3px 5px 0px 0px;
	width: 16px;
	color: #fff;
	line-height: 13px;
	font-STYLE: normal;
	height: 13px;
	text-ALIGN: center
}
.gametop UL LI.top3 EM { background: url(bullet_top1.gif) no-repeat }
.gametop UL LI A {
	DISPLAY: block;
	line-height: 20px;
	height: 20px;
	text-decoration: none
}
.gametop UL LI A:hover {
	background: #f0f7f9;
	color: #ff9900
}
.gametop UL LI A:visited { color: #888 }
.gametop UL LI SPAN {
	float: right;
	color: #777
}
.index_bigeyes { margin: 10px 0px 10px 0px }
.taglist {
	border: #cfe8ab 1px solid;
	background: url(gametag_bg.gif) #eef6e4 no-repeat;
	padding-BOTTOM: 4px;
	margin: 5px 0px 0px;
	padding-TOP: 35px;
	height: 1%
}
.taglist .list {
	background: #fff;
	margin: 0px 4px;
	line-height: 22px;
	padding: 8px;
	border: #d3e2bf 1px solid;
	LIST-STYLE-TYPE: none;
	overflow:hidden;
}
.hotgame {
	border: #cfe8ab 1px solid;
	padding-LEFT: 8px;
	background: url(gameran_bg.gif) #eef6e4 no-repeat;
	padding-BOTTOM: 6px;
	margin: 5px 0px 0px;
	padding-TOP: 25px;
	height: 1%
}
.hotgame .cat_box_head {
	margin: 0px 7px;
	height:85px;
}
.pages {
	margin: 10px 0px 5px;
	text-ALIGN: center
}
.pages A {
	border-RIGHT: #96bad5 1px solid;
	padding-TOP: 3px 5px;
	text-decoration: none
}
.pages A:hover {
	border: #4e79a2 1px solid;
	color: #333;
}
.pages B {
	background: #4e79a2;
	color: #fff;
	padding-TOP: 3px 5px;
	border: #45647c 1px solid
}
.siteler {
	border: #cfe8ab 1px solid;
	padding-RIGHT: 0px;
	background: #eef6e4 no-repeat;
	padding-BOTTOM: 4px;
	padding-TOP: 5px;
	height: 1%;
	margin-top:10px;
}
.siteler .title {
	padding-left:10px;
	font-weight:bold;
}
.siteler UL {
	border: #d3e2bf 1px solid;
	padding: 4px;
	background: #fff;
	margin: 4px 4px 0px;
	LIST-STYLE-TYPE: none;
	height: 1%
}
.siteler UL LI {
	OVERFLOW: hidden;
	line-height: 20px;
	border-BOTTOM: #ddd 1px dotted;
	height: 20px
}
.siteler UL LI EM {
	font-WEIGHT: bold;
	font-SIZE: 9px;
	background: url(bullet_top2.gif) no-repeat;
	float: left;
	margin: 3px 5px 0px 0px;
	width: 16px;
	color: #fff;
	line-height: 13px;
	font-STYLE: normal;
	height: 13px;
	text-ALIGN: center
}
.siteler UL LI A {
	DISPLAY: block;
	line-height: 20px;
	height: 20px;
	text-decoration: none
}
.siteler UL LI A:hover {
	background: #f0f7f9;
	color: #ff9900
}
.siteler UL LI A:visited { color: #888 }
.soorten {
	border: #cfe8ab 1px solid;
	padding-RIGHT: 0px;
	background: #eef6e4 no-repeat;
	padding-BOTTOM: 4px;
	padding-TOP: 5px;
	height: 1%;
	margin-top:10px;
}
.soorten .title {
	padding-left:10px;
	font-weight:bold;
}
.soorten UL {
	border-RIGHT: #d2d2d2 1px solid;
	padding: 0px;
	background: #fff;
	margin: 4px 4px 0px;
	LIST-STYLE-TYPE: none;
	height: 1%
}
.soorten UL LI {
	OVERFLOW: hidden;
	line-height: 20px;
	border-RIGHT: #d2d2d2 1px solid;
	height: 20px
}
.soorten UL LI EM {
	font-WEIGHT: bold;
	font-SIZE: 9px;
	background: url(bullet_top2.gif) no-repeat;
	float: left;
	margin: 3px 5px 0px 0px;
	width: 16px;
	color: #fff;
	line-height: 13px;
	font-STYLE: normal;
	height: 13px;
	text-ALIGN: center
}
.soorten UL LI A {
	DISPLAY: block;
	line-height: 20px;
	height: 20px;
	text-decoration: none
	border-RIGHT: #d2d2d2 1px solid;
}
.soorten UL LI A:hover {
	background: #f0f7f9;
	color: #ff9900
	border-RIGHT: #d2d2d2 1px solid;
}
.soorten UL LI A:visited { color: #888 }
.soorten .resim {
	background: #fff;
	width: 40px
}
.resim UL {
	border-RIGHT: #d2d2d2 1px solid;
	padding: 0px;
	background: #fff;
	margin: 4px 4px 0px;
	LIST-STYLE-TYPE: none;
	height: 1%
}
.soorten .resim A {
	border: #eee 1px solid;
	DISPLAY: block;
}
.soorten .resim A IMG {
	border-RIGHT: #d2d2d2 1px solid;
	width: 40px;
	height: 40px
}
#rightAd {
     position: absolute;
     right: 20px;
     top: 150px;
      }
        #container { width:960px; margin:0px auto; text-align:left; overflow:hidden; position:relative;}
        #movie {border:solid 1px #dcdcdc; float:left; width:560px; text-align:left; margin-right:20px;}
        #description { float:left; width:320px;border:solid 1px #dcdcdc; padding: 10px 20px;}
        #command { position:relative; height:25px; display:block; margin: 25px 0 0 0;}
        .lightSwitcher {position:absolute; z-index:101; background-image:url(http://www.ditspel.nl/light_bulb_off.png); 
                        background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px; outline:none; text-decoration:none;}
        .lightSwitcher:hover {text-decoration:underline;}
.lightSwitcher1 {position:absolute; z-index:101; background-image:url(http://www.ditspel.nl/temax/ditspel/images/full.gif); 
                        background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px; outline:none; text-decoration:none;}
        .lightSwitcher1:hover {text-decoration:underline;}
        #shadow {background-image:url(http://www.ditspel.nl/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}
        .turnedOff {color:#ffff00; background-image:url(http://www.ditspel.nl/light_bulb.png);}
	  #clickHere {position:absolute; top: -25px; left:130px;


.newhot1 {
	margin: 10px 0px 0px;
	padding-TOP: 24px
}
.newhot1 .newhot_nav1 {
	margin: -24px 0px 0px;
	POSITION: absolute;
	height: 24px
}
.newhot1 .newhot_nav1 A {
	background: url(newhot_nav_bg2.gif) repeat-x;
	float: left;
	border: #bacbd1 1px solid;
	border-bottom:none;
	width: 200px;
	color: #505d6a;
	line-height: 24px;
	height: 24px;
	text-ALIGN: center;
	text-decoration: none
}
.newhot1 .newhot_nav1 A.actived {
	font-WEIGHT: bold;
	background: url(newhot_nav_bg1.gif) repeat-x
}
.newhot1 .newhot_nav1 A:hover { font-WEIGHT: bold }
.newhot_wrap1 {
	border: #bacbd1 1px solid;
	background: #f7f7f7;
	padding-BOTTOM: 5px;
	width: 503px;
	padding-TOP: 7px;
}
.newhot1 .cat_box_head1 {
	margin: 0px 3px;
	height: 80px
}

