body {
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 9pt;
	color: #000000;
	margin: 0em;
	background: url(../images/back2.png);
	height: 100%;
	z-index: 0;
	}

h3 {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	font-size: 9pt;
	color: #000000;
	margin: 0em;
	}
	
h2 {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	font-size: 13pt;
	color: #000000;
	margin: 0em;

	}
	
h1 {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	font-size: 15pt;
	color: #000000;
	margin: 0em;

	}

p {
margin: 0px 0px 10px 0px;
}
	
h2.dip
{
text-indent: -9999px;
}

h1.dip
{
text-indent: -9999px;
cursor: pointer;
}

a.enlarge {
	cursor: url(enlarge.cur);	
	}

a {
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	font-size: 9pt;
	color: #555555;
	text-align: center;
	}

a:hover {
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	font-size: 9pt;
	color: #000000;
	background-color: #dddddd;
	}
	
a.nostyle:hover {
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 9pt;
	background: transparent;
	}

	
a.order {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 10pt;
	color: #000000;
	text-align: center;
	}

a.order:hover {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	font-size: 10pt;
	color: #000000;
	}


a.head {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 8pt;
	color: #999999;
	vertical-align: top;
	display:inline;
	}

a.head:hover {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 8pt;
	color: #000000;
	vertical-align: top;
	display:inline;
	}

a.game {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 9pt;
	color: #000000;
	vertical-align: top;
	}
	
a.game:hover {
	font-family: Verdana,Arial;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	font-size: 9pt;
	color: #000000;
	vertical-align: top;
	}


td {
	font-family: Verdana,Arial;	
	font-style: normal;
	font-size: 9pt;
	color: #000000;
	
	}

h1 {
	font-family: Verdana,Arial;
	color: #000000;
	font-size: 16pt;
	FONT-WEIGHT: bold;
	text-align: center;
}

h2 {
	font-family: Verdana,Arial;
	FONT-WEIGHT: bold;
	font-size: 13pt;
	color: #000000;
	text-align: center;
}


	}
img
	{
	border: 0px;
	padding: 0px;
	margin: 0px;
	border:0px;
	}
	

table {
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 9pt;
	color: #000000;
	}

div.jd {
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 9pt;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #C0C0C0;
	text-align: center;
	}

input {color: #000000;
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt; 
	text-decoration: none; 
	border-color: #000000;
	border-width: 1pt;
	background-color: #FFFFFF;
	}

input.search {color: #000000;
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 9pt; 
	text-decoration: none; 
	border-color: #000000;
	border-width: 1pt;
	background-color: #FFFFFF;
	}
	
input.sbox {color: #000000;
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 9pt; 
	text-decoration: none; 
	border-color: #000000;
	border-width: 0px;
	background: transparent;
	width: 110px;
	margin-left: 12px;
	}

textarea {color: #000000; 
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 9pt;
	text-decoration: none; 
	border-color: #000000;
	border-width: 1pt  ;
	background-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #AAAAAA; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #EEEEEE; 
	scrollbar-arrow-color: #000000; 
	
	}


select {color: #000000; 
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	font-size: 9pt;
	text-decoration: none; 
	border-color: #000000;
	border-width: 1pt;
	background-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #AAAAAA; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #EEEEEE; 
	scrollbar-arrow-color: #000000; 
	
	}

div
{
text-align: left;
padding: 0px;
margin: 0px;
border:0px;
}

div.list
{
text-align: left;
display: inline-block;
float: left;
padding: 0px;
margin: 0px;
border: 0px;
}

form {
padding: 0px;
margin: 0px;
border: 0px;
display: inline;
}
  
a.list, a.list:hover{   
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 9pt;
	color: #000000;
	text-align: left;
	display: inline-block;
	padding: 0px;
	margin: 2px 0px 2px 0px;
	border: 0px;
	background: transparent;
	}
	

li.item {
width: 550px;
background-color: #e6f4f9;
}



li.item2 {
width: 550px;
background-color: #ffffff;
} 

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

ul.nav-menu
{
list-style: none;
padding: 0;
margin: 0;
display: inline;
float: left;
position: relative;
top: 5px;
background: url(images/buttonback.png);
z-index: 4;
}

ul.nav-menu li.top { 
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
  display: inline;
  height: 22px;  
  position: relative;
  z-index: 1;
}

ul.playable
{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}

ul.box
{
list-style: none;
padding: 0;
margin: 0;
position: absolute;
width: 122px;
display: block;
top: 15px;
left:0px;
z-index:2;
display: none;
}

ul.box li
{
list-style: none;
padding: 0;
margin: 0;
text-align: left;
position: relative;
width: 122px;
background: url('images/boxback.png');
display: inline-block;
position: relative;
}

ul.box li a:hover
{
color:red;
}

ul.playable li a
{
color: white;
text-decoration: none;
font-size: 13pt;
}

ul.playable li a:hover
{
color: white;
background: transparent;
}

ul.box li.first
{
background: url('images/boxtop.png');
padding-top: 8px;
}

ul.box li.last
{
background: url('images/boxbottom.png');
padding-bottom: 8px;
}


ul.playable li {   
  margin: 0px 0px 12px 0px;
  padding: 0px;
  border: 0px;
  display: block;
  text-align: center;
  width: 214px;
  font-size: 13pt;
  color: white;
  font-weight: white;
  padding-top: 5px;
  }

ul.playable img {  
  margin: 0px 17px 0px 17px;
  width: 180px;
  padding: 0px;
  border: 0px;
  display: block;
  }
  
div.wrapper
{
float: left;
display: inline-block;
vertical-align: top;
}
    
  #wrap
  {
  width: 550px;
  height: 165px;
  background-image: url('images/latest.png');
  }
  
  #container {
  width: 510px;
  height: 140px;
  overflow: hidden;
  border: 0px solid #EFEFEF;
  
}

#scroller {
  width: 1546px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

li.content {
  width: 200px;
  height: 140px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0px;
  border: 0px;
  display: inline;
  text-align: center;
}

img.scroller {
display: block;
}

a.nav {
	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 8pt;
	color: #555555;
	vertical-align: bottom;
	display: inline;
	position: absololute;
	float: left;
	padding: 4px 4px 4px 7px;
	background: url(images/buttonsplit.png);
	background-repeat: no-repeat;
	z-index: -1;
	}

a.nav:hover {
	color: #888888;
	
	}
	
ul.box a
{	font-family: Verdana,Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 8pt;
	color: #555555;
	width: 104px;
	margin: 3px 0px 3px 0px;
	display: inline-block;
	position:relative;
	left: 8px;
	text-align: left;
	}

ul.box a:hover
{	background: transparent;
	color: #000000;
	}
	
h2.game a {
font-size: 11pt;
text-decoration: none;
font-weight: bold;
text-align: left;
color: #000000;
}

h2.game {
position: relative;
left:30px;
}

h2.game a:hover {
background: transparent;
color: #666666;
}

h2.game span {
position: relative;
left:66px;
top: 16px;
}
	
span.dd {
background: url(images/pijltje.png);
padding-left: 3px;
background-repeat: no-repeat;
position: relative;
top: 4px;
}
	
<!--[if IE]>
<style type="text/css">

#scroller{
  width: 1570px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]-->