html,body{
	margin : 0;
	padding : 0;
	background-color : #FFFFFF;
	height : 100%;
}


/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */


.container {
	position : relative;
	margin : 0 auto;
	width : 980px;
	height : auto !important;
	height : 100%;
	min-height : 100%;
}

.cartoon_tekst {
	position : absolute;
	padding : 15px 0 0 17px;
	z-index : 99;
	top : 7px;
	right : 0;
	font-weight : bold;
	color : #000000;
	font-size : 14px;
	font-family : Arial;
	text-transform : uppercase;
	width : 319px;
	height : 27px;
}

.cartoon {
	position : absolute;
	top : 7px;
	right : 0;
	font-size : 0;
	line-height : 0;
	width : 336px;
	height : 229px;
}


.holder {
	float : left;
	overflow : hidden;
	width : 980px;
}

.topbalk {
	position : absolute;
	background-image : url(../gfx/achter.jpg);
	background-position : left top;
	background-repeat : repeat-x;
	z-index : 99;
	top : 0;
	left : 0;
	width : 100%;
	height : 179px;
}

.header {
	float : left;
	width : 980px;
}

.logo {
	float : left;
	margin : 0 0 0 -2px;
	padding : 28px 0 0;
	line-height : 0;
	font-size : 0;
	width : 980px;
	height : 110px;
}

.menu {
	float : left;
	margin : 1px 0 0 0;
	width : 980px;
	height : 40px;
}

.menu ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.menu ul li {
	float : left;
	background-image : url(../gfx/menu.gif);
	background-position : left top;
	background-repeat : repeat-x;
	border-right : 1px solid #808080;
	line-height : normal;
	font-weight : normal;
	font-family : Arial;
	font-size : 12px;
}

.menu ul li a, .menu ul li a:link, .menu ul li a:active, .menu ul li a:visited {
	float : left;
	padding : 13px 20px 0;
	text-decoration : none;
	color : #FFFFFF;
	height : 27px;
}

.menu ul li a:hover {
	float : left;
	padding : 13px 20px 0;
	text-decoration : underline;
	color : #FFFFFF;
	height : 27px;
}

.menu ul li.select a, .menu ul li.select a:link, .menu ul li.select a:active, .menu ul li.select a:visited, .menu ul li.select a:hover{
	float : left;
	background-color : #FFFFFF;
	padding : 13px 20px 0;
	text-decoration : none;
	font-weight : bold;
	color : #87aa35;
	height : 27px;
}

.main {
	float : left;
	padding : 200px 0 20px 0 !important;
	padding : 200px 0 20px 0;
	width : 980px;
}

.categorieen {
	float : left;
	padding : 20px 0 0 0;
	width : 1000px;
}

.links_box1 {
	float : left;
	padding : 15px;
	border : 1px solid #e1e1e1;
	background-color : #fafafa;
	width : 716px;
}

.categorieen_box {
	float : left;
	margin : 15px 16px 0 0;
	padding : 15px 15px 9px;
	border : 1px solid #e1e1e1;
	background-color : #fafafa;
	width : 201px;
}

.categorieen_box h2 {
	border : 0;
	padding : 0;
	margin : 0 0 7px 0;
	color : #87aa35;
	font-size : 12px;
	font-family : Arial;
	line-height : normal;
	font-weight : bold;
	width : auto;
}

.categorieen_box ul {
	float : left;
	margin : 0;
	border-top : 1px solid #e1e1e1;
	padding : 0;
	list-style-type : none;
}

.categorieen_box ul li {
	float : left;
	background-image : url(../gfx/nav.gif);
	background-position : left center;
	background-repeat : no-repeat;
	padding : 4px 0 4px 15px;
	border-bottom : 1px solid #e1e1e1;
	width : 186px;
}

.categorieen_box a , .categorieen_box a:link, .categorieen_box a:active, .categorieen_box a:visited {
	color : #000000;
	text-decoration : none;
}

.categorieen_box a:hover {
	color : #87aa35;
	text-decoration : none;
}

.games {
	float : left;
	margin : 6px 0 0 0;
	width : 1000px;
}

.gamebox {
	float : left;
	background-image : url(../gfx/gamebox.gif);
	background-repeat : no-repeat;
	padding : 0 16px 15px 0;
	width : 233px;
	height : 85px;
}

.gamebox_avatar {
	float : left;
	padding : 4px;
	width : 82px;
	height : 77px;
}

.gamebox_avatar img {
	border : 1px solid #FFFFFF;
	width : 80px;
	height : 75px;
}

.gamebox_content {
	float : left;
	padding : 14px 0 14px 14px;
	color : #666666;
	width : 128px;
	height : 57px;
}

.gamebox_content ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.gamebox_content ul li {
	float : left;
	width : 114px;
}

.gamebox_content a , .gamebox_content a:link, .gamebox_content a:active, .gamebox_content a:visited {
	color : #87aa35;
	text-decoration : none;
}

.gamebox_content a:hover {
	color : #000000;
	text-decoration : none;
}

.gamebox_content h2 {
	border : 0;
	padding : 0;
	margin : 0 0 7px 0;
	color : #87aa35;
	font-size : 12px;
	font-family : Arial;
	line-height : normal;
	font-weight : bold;
	width : auto;
}

.full_box {
	float : left;
	margin : 10px 15px 0 0;
	padding : 15px 0 9px 0;
	width : 1000px;
}

.full_box h2 {
	border : 0;
	padding : 0;
	margin : 0 0 7px 0;
	color : #87aa35;
	font-size : 12px;
	font-family : Arial;
	line-height : normal;
	font-weight : bold;
	width : auto;
}

.full_box ul {
	float : left;
	margin : 0 20px 0 0;
	border-top : 1px solid #e1e1e1;
	padding : 0;
	list-style-type : none;
	width : 230px;
}

.full_box ul li {
	float : left;
	background-image : url(../gfx/nav.gif);
	background-position : left center;
	background-repeat : no-repeat;
	padding : 3px 0 3px 15px;
	border-bottom : 1px solid #e1e1e1;
	font-size : 11px;
	width : 215px;
}

.full_box a , .full_box a:link, .full_box a:active, .full_box a:visited {
	color : #BFBFBF;
	text-decoration : none;
}

.full_box a:hover {
	color : #6F6F6F;
	text-decoration : none;
}

.nav{
	float : left;
	padding : 3px 0 0 0;
	width : 980px;
}

.nav_block{
	float : left;
	margin : 0 5px 0 0;
	background-color : #596F22;
	padding : 5px 12px 0;
	color : #FFFFFF;
	font-weight : bold;
	line-height : normal;
	height : 19px;
}

.nav_block_number a:link, .nav_block_number a:active, .nav_block_number a:visited {
	float : left;
	margin : 0 5px 0 0;
	background-color : #87AA35;
	padding : 5px 10px 0;
	color : #FFFFFF;
	font-weight : bold;
	line-height : normal;
	text-decoration : none;
	height : 19px;
}

.nav_block_number a:hover{
	float : left;
	margin : 0 5px 0 0;
	background-color : #596F22;
	padding : 5px 10px 0;
	color : #FFFFFF;
	font-weight : bold;
	line-height : normal;
	text-decoration : underline;
	height : 19px;
}

.nav_block_number_select a:link, .nav_block_number_select a:active, .nav_block_number_select a:visited, .nav_block_number_select a:hover{
	float : left;
	margin : 0 5px 0 0;
	background-color : #596F22;
	padding : 5px 10px 0;
	color : #FFFFFF;
	font-weight : bold;
	line-height : normal;
	text-decoration : none;
	height : 19px;
}

.nav_block_pijl a:link, .nav_block_pijl a:active, .nav_block_pijl a:visited {
	float : left;
	background-image : url(http://www.xspellen.nl/other/frontend/gfx/nav_pijl.gif);
	background-position : center center;
	background-repeat : no-repeat;
	background-color : #87AA35;
	color : #FFFFFF;
	font-weight : bold;
	line-height : normal;
	width : 45px;
	height : 24px;
}

.nav_block_pijl a:hover {
	float : left;
	background-image : url(http://www.xspellen.nl/other/frontend/gfx/nav_pijl.gif);
	background-position : center center;
	background-repeat : no-repeat;
	background-color : #596F22;
	color : #FFFFFF;
	font-weight : bold;
	line-height : normal;
	width : 45px;
	height : 24px;
}

.gamedetail {
	float : left;
	padding : 0 0 30px;
	width : 980px;
}

.gamedetail_t {
	float : left;
	background-image : url(../gfx/game_top.gif);
	background-position : top left;
	background-repeat : no-repeat;
	line-height : 0;
	font-size : 0;
	width : 980px;
	height : 15px;
}

.gamedetail_m1 {
	float : left;
	background-image : url(../gfx/game_mid1.gif);
	background-position : top left;
	background-repeat : repeat-y;
	padding : 0 36px 5px;
	text-align : center;
	font-size : 0;
	line-height : 0;
	width : 908px;
}

#flashgame{
	border : 1px solid #FFFFFF;
	background-color : #000000;
}

.gamedetail_m2 {
	float : left;
	background-image : url(../gfx/game_mid2.gif);
	background-position : top left;
	background-repeat : no-repeat;
	line-height : 0;
	font-size : 0;
	width : 980px;
	height : 30px;
}

.gamedetail_m3 {
	float : left;
	border-left : 1px solid #87aa35;
	border-right : 1px solid #87aa35;
	padding : 0 20px;
	color : #666666;
	width : 938px;
}

#star{
	float : left;
}

#star ul.star { 
	float : left;
	position : relative; 
	background-image : url(../gfx/stars.gif);
	background-position : top left;
	background-repeat : repeat-x;
	top : -5px;
	cursor : pointer;
	list-style : none;
	padding : 0;
	margin : 0;
	width : 85px;
	height : 20px;
}

#star li { 
	float : left;
	position : absolute;
	cursor : pointer;
	display : block;
	text-decoration : none;
	text-indent : -9000px;
	z-index : 20;
	width : 85px;
	height : 20px;
}

#star li.curr { 
	background-image : url(../gfx/stars.gif);
	background-position : left 25px;
	font-size : 1px;
}
#star div.user { 
	float : left;
	position : relative;
	font-weight : bold;
	color : #666666;
	left : 15px;
}

.gamedetail_b {
	float : left;
	background-image : url(../gfx/game_bottom.gif);
	background-position : top left;
	background-repeat : no-repeat;
	line-height : 0;
	font-size : 0;
	width : 980px;
	height : 30px;
}

.footer {
	float : left;
	z-index : 300;
	background-color : #000000;
	bottom : 0;
	width : 100%;
	height : 40px;
}

.footer ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.footer ul li {
	float : left;
	padding : 14px 12px 0 0;
	line-height : normal;
	font-weight : normal;
	font-family : Arial;
	text-transform : uppercase;
	font-size : 10px;
	color : #FFFFFF;
}

.footer ul li a, .footer ul li a:link, .footer ul li a:active, .footer ul li a:visited {
	float : left;
	text-decoration : none;
	color : #FFFFFF;
	height : 26px;
}

.footer ul li a:hover {
	float : left;
	text-decoration : underline;
	color : #FFFFFF;
	height : 26px;
}