html, body {
	height: 100%;
}
html, table, th, td, input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body {
	background: url(images/site_bg.gif) repeat-x top center #FFE374;
	margin: 0;
	padding: 0;
	text-align: center;
}
form {
	margin: 0;
	padding: 0;
}
 p {
	margin: 0.5em 0;
	padding: 0 ;
}
h1 {
	padding: 5px 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial;
}
h2 {
	padding: 5px 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #115BA4;
	font-family: Verdana, Tahoma, Arial;
}
a {
	color: #115BA4;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.container {
	width: 768px;
	margin: 0 auto;
	padding: 0;
	background: url(images/con_bg.gif) repeat-y top left #FFF;
	text-align: left;
	min-height: 100%;
}
.container2 {
	background: url(images/con_bg2.gif) repeat-y top right;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
}
.header {
	background: url(images/header_bg.gif) repeat-x top center;
	height: 88px;
	width: 100%;
	margin: 0;
	padding: 0;
}
.header2 {
	margin: 0;
	padding: 0;
	height: 88px;
	width: 100%;
	background: url(images/header_right.gif) no-repeat bottom right;
	position: relative;
}
.header-banner {
	position: absolute;
	right: 6px;
	top: 8px;
	width: 234px;
	height: 60px;
	padding: 1px;
	border: 1px solid #000;
}

.intro {
	background: url(images/intro_bg.gif) repeat-x bottom right #E1DEC8;
	margin: 0 2px;
	padding: 5px 10px 8px;
	color: #000;
}




.content {
	width: 564px;
	padding: 0 0 0 4px;
	float: left;
}
.categorie {
	width: 378px;
	padding: 0 0 0 4px ;
	float: left;
}
.spelcontainer {
	padding: 5px;
	text-align: center;
}
.spelleftad {
	position: absolute;
	left: -140px;
	top: -50px;
	background: #FFC03D;
	padding: 3px;
	width: 130px;
}
.spelrightad {
	position: absolute;
	right: -140px;
	top: -50px;
	background: #FFC03D;
	padding: 3px;
	width: 130px;
}


.gamescontainer {
	width: 100%;
	padding-top: 4px;
	width: 764px;
	margin: 0 2px;
	position: relative;
}
.gameskolom {
	width: 191px;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}






.gamebox1, .gamebox2, .gamebox3 , .gamebox4 , .gamebox5 {
	width: 183px;
	text-align: left;
	margin: 0 auto 5px;
	position: relative; 
}
.gamebox1 {
	background: #CC00FF;
}
.gamebox2 {
	background: #6CC827;
}
.gamebox3 {
	background: #CB0000;
}
.gamebox4 {
	background: #145BC1;
}
.gamebox5 {
	background: #FFAF25;
}
.gameboxheader {
	display: block;
	height: 26px;
} 
.gamebox1 .gameboxheader {
	background: url(images/box_1_hdr.gif) no-repeat top left ;
}
.gamebox2 .gameboxheader {
	background: url(images/box_2_hdr.gif) no-repeat top left ;
}
.gamebox3 .gameboxheader {
	background: url(images/box_3_hdr.gif) no-repeat top left ;
}
.gamebox4 .gameboxheader {
	background: url(images/box_4_hdr.gif) no-repeat top left ;
}
.gamebox5 .gameboxheader {
	background: url(images/box_5_hdr.gif) no-repeat top left ;
}


.gamebox1 h1, .gamebox2 h1 , .gamebox3 h1 ,  .gamebox4 h1  ,  .gamebox5 h1{
	padding: 7px 0 0 23px;
	margin: 0;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	z-index: 2;
	font-family: Verdana, Tahoma, Arial;
	text-transform: uppercase;
}
.gamebox1 h1.special, .gamebox2 h1.special , .gamebox3 h1.special , .gamebox4 h1.special  , .gamebox5 h1.special {
	color: #FFF;
	margin: 0;
	top: 6px; 
	left: 22px;
	padding: 0;
	position: absolute; 
	z-index: 3;
	text-transform: uppercase;
}
.gamebox5 h1{
	color: #FFE9BE;	
}
.gamebox5 h1.special {
	color: #333;
}
	
	
	
.gameboxcontent {
	padding: 3px 6px;
	margin: 0;
}
.gamebox1 .gameboxcontent {
	background: url(images/box_1_bg.gif) repeat-y top left #F4E0FF;
}
.gamebox2 .gameboxcontent {
	background: url(images/box_2_bg.gif) repeat-y top left #FFEB99;
}
.gamebox3 .gameboxcontent {
	background: url(images/box_3_bg.gif) repeat-y top left #FFD5E1;
}
.gamebox4 .gameboxcontent {
	background: url(images/box_4_bg.gif) repeat-y top left #C8DAFF;
}
.gamebox5 .gameboxcontent {
	background: url(images/box_5_bg.gif) repeat-y top left #FFF;
	padding: 6px;
	font-size: 10px;
}


.gameboxbottom {
	height: 4px;
	font-size: 1px;
	padding: 0;
	margin: 0;
}
.gamebox1 .gameboxbottom {
	background: url(images/box_1_bottom.gif) no-repeat ;
}
.gamebox2 .gameboxbottom {
	background: url(images/box_2_bottom.gif) no-repeat ;
}
.gamebox3 .gameboxbottom {
	background: url(images/box_3_bottom.gif) no-repeat ;
}
.gamebox4 .gameboxbottom {
	background: url(images/box_4_bottom.gif) no-repeat ;
}
.gamebox5 .gameboxbottom {
	background: url(images/box_5_bottom.gif) no-repeat ;
}


 ul.gamebox {
	margin: 0;
	padding: 0;
	width: 170px;
	list-style-type: none;
}
 ul.gamebox li {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BBB691;
	padding: 1px 3px 1px 5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
.gamebox1 ul.gamebox li {
 	border-bottom: 1px solid #CC99FF;
}
.gamebox2 ul.gamebox li {
 	border-bottom: 1px solid #FFCC00;
}
.gamebox3 ul.gamebox li {
 	border-bottom: 1px solid #FF9999;
}
.gamebox4 ul.gamebox li {
 	border-bottom: 1px solid #99CCFF;
}
.gamebox5 ul.gamebox li {
 	border-bottom: 1px solid #FFCC00;
}
 ul.gamebox a{
	text-decoration: none;
}







.gamelijst {
	text-align: left;
	margin: 0 auto 5px;
	background: #FFAF25;
}
.gamelijstheader{
	background: url(images/boxlijst_hdr.gif) repeat-x top left ;
} 

.gamelijst h1 {
	padding: 7px 0 0 4px;
	margin: 0;
	font-size: 11px;
	color: #FFE9BE;
	font-weight: bold;
	z-index: 2;
	font-family: Verdana, Tahoma, Arial;
	text-transform: uppercase;
}
.gamelijst h1.special{
	color: #333;
	margin: 0;
	top: 6px; 
	left: 3px;
	padding: 0;
	position: absolute; 
	z-index: 3;
	text-transform: uppercase;
}
	
.gamelijstcontent {
	padding: 0 1px;
	margin: 0;
	border-right: 1px solid #993300;
	border-left: 1px solid #993300;
	background: #FFFF99;
}
table.gamelijstcontent2 {
	background: #FEF3C7;
	border-right: 1px solid #993300;
	border-left: 1px solid #993300;
}
table.gamelijstcontent2 td {
	padding: 3px;
	background: transparent;
}


.gamelijstbottom td {
	height: 4px;
	font-size: 1px;
	padding: 0;
	margin: 0;
	background: url(images/boxlijst_bottom.gif) repeat-right ;
}


 ul.gamelijst {
	margin: 0;
	padding: 0;
	width: 170px;
	list-style-type: none;
	float: left;
	background: transparent;
}
 ul.gamelijst li {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFCC00;
	padding: 1px 3px 1px 5px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
 ul.gamelijst a{
	text-decoration: none;
}








.clear {
	clear: both;
	visibility: hidden;
}



table.tspecial {
	margin: 10px 0;
	border-top: 1px solid #D6D2B7;
}
.tspecial td , .tspecial th {
	border-bottom: 1px solid #D6D2B7;
	padding: 2px 4px;
}
.tspecial th {
	background: #FF9900;
	color: #FFF;
	text-align: left;
}



.error {
	background: #FFFF99;
	display: block;
}
.message {
	background: #DAEFB0;
	border: 1px solid #99CC33;
	padding: 1px 3px;
	display: block;
}
.new {
	font-size: 9px;
	color: #FF6600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.type  , th.type{
	background: #FFEB99;
	font-weight: bold;
	color: #000;
}

.hidden , .hidden td{
	color: #AAAAAA;
}

.small {
	font-size: 9px;
	color: #999;
}