html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td { margin: 0; padding: 0; }

A { color: black; text-decoration: none; }
a:hover { text-decoration: underline;}

img { behavior:	url("pngbehavior.htc"); }

html, body {
	font: 11px "Trebuchet MS", Arial, sans-serif;
	color: #000;
	text-align: center;
	background: #3D80B3 url(/templates/images/back.png) top left repeat-x;
}

input, button, textarea, select { margin: 5px 0; ;font-size: 11px; font-family: "Trebuchet MS", sans-serif; }
ul { list-style: none; }
em { font-style: normal; }
a img { border: 0;}

#wrapper {
	width: 890px;
	position: relative;
	text-align: left;
	margin: 0 auto;
}


#header {
	background: url(/templates/images/header-back.png) bottom left no-repeat;
	position: relative;
	top: 0;
	height: 306px;
	width: 890px;
}

#header .logo {
	position: relative;
	top: 20px;
}

#header .logo h2 a {
	background: url(/templates/images/speelstraat-logo.png) top left no-repeat;
	width: 347px;
	height: 54px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}

#header .adsheader {
	position: absolute;
	height: 40px;
	left: 405px;
	top: 12px;
}

#content h1.titel1 {
   background: url(/templates/images/cats_titel.png) top left no-repeat;
   padding-left: 25px;
   margin-left: 0;
   font-size: 16px;
   width: 682px;
   height: 40px;
   line-height: 40px;    
}

#content h1.contact1 {
   background: url(/templates/images/cats_titel.png) top left no-repeat;
   padding-left: 25px;
   margin-left: 0;
   font-size: 16px;
   width: 682px;
   height: 40px;
   line-height: 40px;    
}

#menu {
	position: absolute;
	height: 38px;
	left: 6px;
	top: 90px;
	z-index: 300;
}

#menu ul {
	position: absolute;
	width: 413px;
}

#menu li {
	overflow: hidden;
	text-indent: -9000px;
	display: block;
	position: absolute;
	top: 0;
	height: 38px;
}

#header .cartoon {
	position: absolute;
	z-index: 100;
	left: -60px;
	top: 100px;
}

li.home { width: 86px; }
li.home a:link, li.home a:visited { display: block;	height: 38px; background: url(/templates/images/menu-top.gif) no-repeat 0 0; }
li.home a:hover { background-position: 0 -38px;	outline: none; }

li.cat { width: 93px; left: 86px; }
li.cat a:link, li.cat a:visited {display: block;	height: 38px; background: url(/templates/images/menu-top.gif) no-repeat -86px 0;}
li.cat a:hover { background-position: -86px -38px;	outline: none; text-decoration: underline; }

li.partners { width: 77px; left: 179px;}
li.partners a:link, li.partners a:visited {	display: block;	height: 38px; background: url(/templates/images/menu-top.gif) no-repeat -179px 0;}
li.partners a:hover { background-position: -179px -38px; outline: none; text-decoration: underline; }

li.fav { width: 83px; left: 256px; }
li.fav a:link, li.fav a:visited {	display: block;	height: 38px; background: url(/templates/images/menu-top.gif) no-repeat -256px 0;}
li.fav a:hover { background-position: -256px -38px;	outline: none; text-decoration: underline; }

li.contact { width: 71px; left: 339px;}
li.contact a:link, li.contact a:visited {	display: block;	height: 38px; background: url(/templates/images/menu-top.gif) no-repeat -339px 0;}
li.contact a:hover { background-position: -339px -38px;	outline: none; text-decoration: underline; }


#top10 {
	position: absolute;
	top:  155px;
	left: 92px;	
	width: 790px;
}

#top10 a.speelnu {
   width: 98px;
background: url(/templates/images/topspeelnu_button.png) top left no-repeat;
   height: 35px;
   display: block;
   overflow: hidden;
   text-indent: -9000px;
}

#top10 .topgame { float: left; width: 126px; }
#top10 span.titel { font-weight: bold; margin-left: 3px;}
#top10 span.gespeeld { margin-left: 3px; }
#top10 p { color: #fff;	margin-left: 3px; }
#top10 .topgame img { text-align: center;}
#top10 .topgame img.screenshot { border: 1px solid #298AF1; background:#fff; padding: 2px; }
#top10 h3 { position: absolute; left: -9999px;}

.last5 { position: absolute; right: 16px; top: 40px;  width: 140px;}
.last5 span { font-weight: bold; color: #000;}
.last5 a:link, .last5 a:visited { color: #fff; text-decoration: none;}
.last5 a:hover { color: #000; text-decoration: underline; }
.last5 li { height: 18px; line-height: 18px;}

.screenshothover { border: 1px solid #298AF1; background:#fff; padding: 2px; }

.bookmark a {
	position: absolute;
	right: 3px;
	text-indent: -9000px;
	overflow: hidden;
	height: 35px;
	display: block;
	width: 160px;
	top: 150px;
}

#site {
	position: relative;
	width: 980px;
}

#ads {
	width: 890px;
	height: 47px;
	background: url(/templates/images/ads-back.png) no-repeat 0 0;
	line-height: 45px;
}

#ads p {
	word-spacing: 30px;
	padding-top: 15px;
	text-align: center;
}

#left {
	float: left;
	width:195px;
}

#left a:link, #left a:visited {
	color: #000;
	text-decoration: none;
}

#left a:hover { text-decoration: underline;}



#content {
	float: left;
	width: 705px;
	position: relative;
	bottom: 0px;

}

#footer {
	position: relative;
	float: left;
	height: 76px;
	background: url(/templates/images/footer-back.png) top left no-repeat;
	width: 696px;
	line-height: 45px;
}

#footer a:link, #footer a:visited {
	text-decoration: underline;
	color: #000;
}


#footer span.links {
	float: right;
	padding-left:20px;
}

#footer span.copy {
	float: right;
	padding-right: 140px;
}

.categorie { padding-bottom: 12px; background: url(/templates/images/spelcat-bottom.png) bottom left no-repeat;}
.categorie ul {	background: url(/templates/images/kolom-back.png) repeat-y top left; }
.categorie h3 {
	background: url(/templates/images/spelcat-back.png) top left no-repeat;
	height: 30px;
	text-indent: -9000px;
	overflow: hidden;
}

.categorie li, .toppartners li {
	height: 25px;
	line-height: 25px;
	border-bottom: 1px #fff solid;
	margin: 0 4px 0 4px;
}

.categorie li.oneven { background: #FFDCC2;}
.categorie li.even { background: #FFE8D8;}
.categorie li a {
	padding-left: 20px;
	margin-left: 7px;
	background: url(/templates/images/bullet-orange.png) top left no-repeat;
}

.toppartners { padding-bottom: 11px; background: url(/templates/images/toppartners-bottom.png) bottom left no-repeat;}
.toppartners ul { background: url(/templates/images/kolom-back.png) repeat-y top left; }
.toppartners h3 {
	background: url(/templates/images/toppartners-back.png) top left no-repeat;
	height: 30px;
	text-indent: -9000px;
	overflow: hidden;
}

.toppartners li.even { background: #CBE7FF;}
.toppartners li.oneven { background: #BAE3FF;}
.toppartners li a:link, .toppartners li a:visited {
	padding-left: 20px;
	margin-left: 7px;
	background: url(/templates/images/bullet-blue.png) top left no-repeat;
}

.ad-left { padding-bottom: 12px; background: url(/templates/images/ad-bottom.png) bottom left no-repeat;}
.ad-left h3 {
	background: url(/templates/images/ad-back.png) top left no-repeat;
	height: 28px;
	text-indent: -9000px;
	overflow: hidden;
}

.ad-left .skyscraper { text-align: center; background: url(/templates/images/kolom-ad-back.png) repeat-y top left; height: 600px; padding: 10px 0;}

.game {
	float: left;
	width: 224px;
	padding: 0 0 4px 4px;
	height: 122px;
}

#content .orange { background: url(/templates/images/game-back-orange.jpg) top left no-repeat;}
#content .blue { background: url(/templates/images/game-back-blue.jpg) top left no-repeat;}
#content .orange img { border: 1px solid #FFAA6D;}
#content .blue img { border: 1px solid #2A8AF1;}


#content h1 {
	font-size: 11px;
	height: 40px;
	margin-left: 3px;
	line-height: 40px;
	color: #fff;
}

#content .contentwrapper {
	background: url(/templates/images/content-back2.png) top left repeat-y;
	
}

#content .contentwrapper .contentwrapper2 {
	
	margin-top: 0px;
	padding: 7px 0 4px 7px;
	width: 705px;
	overflow: hidden;
	background: transparent url(/templates/images/content-back-bottom2.png) bottom left no-repeat;
	
}

.game img {
	float: left;
	padding: 2px;
	margin-right: 3px;
	background: #fff;
}

.game span em { font-weight: bold; }

#content h3 {
	line-height: 44px;
	padding-left: 11px;
	color: #fff;
	font-size: 16px;
	height: 44px;
}
#content ol {
	padding-left: 10px;
	}

#content ol li {
	height: 15px;
	line-height: 15px;
}

#content .categorieblok {
	float: left;
	position: relative;
	width: 225px;
	padding: 0 3px 0px 0px;
	margin-bottom: 4px;
}

#content .categorieblok ol { padding-bottom: 11px; }
#content .categorieblok ol {list-style: none;}

#content .blauw a.meer { 
background: url(images/blue-bottom.png) bottom left no-repeat; 
height: 15px;
width:  255px;
font-weight: bold;
display: block;
padding: 0 0 5px 10px;
}

#content .blauw { background:  url(/templates/images/home-blauw-back.png) top left repeat-y; }

#content .categorieblok ol { padding-bottom: 11px; }
#content .oranje a.meer { 
background:  url(images/orange-bottom.png) bottom left no-repeat;
height: 15px;
width:  255px;
font-weight: bold;
display: block;
padding: 0 0 5px 10px;
}

#content .oranje { background:  url(/templates/images/home-oranje-back.png) bottom left repeat-y; }


#content a:link, #content a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#content a:hover {
text-decoration: underline; }


#home #content .blauw h3 { 	background: url(/templates/images/titel-blauw.png) top left no-repeat;}
#home #content .oranje h3 {	 	background: url(/templates/images/titel-oranje.png) top left no-repeat;}
#home .categorieblok a.meer {font-weight: bold; }

#game .game-content {
	background: #C0E3FF url(/templates/images/game-bottom.png) bottom left no-repeat;		
	width: 682px;
	float: left;
		
}

#game .adslink{
	font-size: 14px;
	color: #000;
	text-decoration: none; }

#game .game-blok {
	border-right: 1px solid #2783f0;
	margin-bottom: 11px;
	text-align: center;
	padding-top: 10px;
	border-left: 1px solid #9dd0ff;
}

#game .game-blok p.report {
	background: url(/templates/images/icon-warning.png) top left no-repeat;
	line-height:30px;
	margin:  0 auto;
	height: 30px;
	width: 120px;
	padding-left: 20px;
	float: left;
	
}

#game p.details {
	margin: 5px;
	float: left;
}

#game .comments .oneven {
	background: #FFE8D8;
}


#game p.fav {
	background: url(/templates/images/icon-star.png) top left no-repeat;
	line-height:30px;
	text-align: center;
	height: 30px;
	width: 140px;
	padding-left: 30px;
}

#game .game-content select {
	flaot: left;	
}

#game .game-content h3 {
	text-indent: 0;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	padding-left: 10px;
	background: url(/templates/images/game-header.png) top left no-repeat;
}

#game .comments h3 {
	background: url(/templates/images/comments-header.png) top left no-repeat;
	text-indent: 0;
	font-size: 12px;
	line-height: 40px;
	height: 40px;
	margin-top: 10px;
	color: #fff;
	padding-left: 10px;

}


.comments .reageer, .comments .comment {
	border-right: 1px solid #ff7128;
	margin-bottom: 11px;
	text-align: left;
	margin: 0;
	padding:  5px;
	border-left: 1px solid #ffb88c;
	background: #ffddc2;
}

#game .game-content img {
	text-align: center;
}

.comments .comment {
	border-top: 1px solid #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

.comments .comment p.comment-meta span {font-weight: bold;}
.comments .comment p.reactie {
	margin-top: 10px;
}


#game .comments {
	float:left;
	background: url(/templates/images/comments-bottom.png) bottom left no-repeat;
	width: 682px;
	padding-bottom: 11px;
	margin-bottom: 2px;
}
 .reageer input.chk {
	float: left;
	margin: 0;
	padding: 0;
	clear: left;
}




#game .comments label.label2 {
	width: 100px;
	float: left;
	line-height: 15px;
	height: 15px;
	padding-top: 3px;
}

#game .comments textarea {
	padding: 0;
	border: 1px solid #ff7128;
	width: 250px;
	margin-left: 100px;
	height: 100px;
	display: block;
}

.metalinks  {
   width: 175px;
   margin: 0 auto;
   overflow: hidden;
   text-align: center;
}

#game #content input {
	border: 1px solid #ff7128;
	height: 15px;
}



#game #content .comments label.chktext {
	clear: both;
	margin: 10px;
}

#game #content .comments ul {
	height: 20px;
}

.details {
	width: 500px;
	margin: 0 auto;
}

#game .details input.button {margin: 0px;}

.tellafriend p {

   padding-top: 5px;
line-height: 20px
}

.tellafriend {
 width: 450px;
 margin: 0 auto;
 height: 50px;
 overflow:hidden;

}
.tellafriend input {margin: 0 10px;}


.reageer span.smilies {
	float: left;
	margin-right: 55px;
	padding-right: 5px;
}
.reageer li {
	float: left;
	margin-left: 3px;
}

#game #content .tellafriend input.inputtext {
   border:  1px solid #7f9db9;
   margin-left: 0;
float: left;
}

#game #content .tellafriend input.button {float:left;}

#game #content .comments input.button {
	background: url(/templates/images/button-back-orange.jpg) repeat-x top left;
	border-top: 1px solid #fdfeff;
	border-left: 1px solid #fdfeff;
	border-bottom: 1px solid #c36331;
	border-right: 1px solid #c36331;
	color: #fff;
	margin: 5px 0;
	height: 20px;
}

#game #content .game-content input.button {
	background: url(/templates/images/button-back.jpg) repeat-x top left;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #303940;
	border-right: 1px solid #303940;
	color: #fff;
	height: 20px;
}


.popup {
	float: left;
	background: #000000;
	width: 276px;
	height: 81px;
}


.speelnubutton {
	background: url(/templates/images/topspeelnu_button.png) repeat-x top left;
}