/*Games.co.za Stylesheet */
*{
	padding:0px;
	margin:0px;
}

/*ul li {display: inline-block !important;}*/


a{
	text-decoration:none;
	margin:0px;
	padding:0px;
	color:#454545;
}

p a{
	text-decoration:underline;
}

img{
	border:none;
}

body {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#454545;
	background-image: url(/images/background_768px.jpg);
	background-repeat:repeat-x;
	background-color:#c6c7c9;
}

ul  {
	list-style: none;
	padding:0px;
	margin:0px;
	border:0px;
}

/* Index structuur */
#container  {
	width: 950px;
   	margin: auto;
 	margin-top:10px;
  	text-align: left;
}

#head{
	margin-bottom:10px;
}

/*sidebar*/
#sidebar {
	float:left;
	width:182px;
}
#sidebar a:hover{
	color:#ef8304;
}

h2.sifr{
	margin-top:-26px;
	margin-left:20px;
	color:#FFFFFF; 
	font-size: 13px;
	font-family:Arial Narrow,Geneva,Kalimati,sans-serif;
	text-transform: uppercase;
	font-stretch:ultra-condensed;
}
h2.sifr a{
	text-decoration:none;
	color:#FFFFFF; 
}

h1.sifr{
	margin-top:-26px;
	margin-left:20px;
	color:#FFFFFF; 
	font-size: 13px;
	font-family:Arial Narrow,Geneva,Kalimati,sans-serif;
	text-transform: uppercase;
	font-stretch:ultra-condensed;
}
h1.sifr a{
	text-decoration:none;
	color:#FFFFFF; 
}

span.sifr{
	margin-top:-26px;
	margin-left:20px;
	color:#FFFFFF; 
	font-size: 13px;
	font-family:Arial Narrow,Geneva,Kalimati,sans-serif;
	text-transform: uppercase;
	font-stretch:ultra-condensed;
	display:block;
	font-weight:bold;
}
span.sifr a{
	text-decoration:none;
	color:#FFFFFF; 
}

#stats{
	margin-top:10px;
}

#categorien{
	margin-top:10px;
}

#related{
	margin-top:10px;
}

.relatedOverlay{
	width:160px;
	margin-top:-123px;
	height:15px;
	position:relative;
	background-color:#FFF;
	margin-left:6px;
	overflow:hidden;
	text-align:center;
}

.relatedOverlay a{
	width:160px;
}


.searchBox{
	background-color:white;
	width:182px;
	height:48px;
	padding-top:5px
}

.search{
	border:thin solid #9F9F9F;
        height: 16px;
        width:150px;
}

#mygames{
	margin-top:10px;
}

#sideTags{
	margin-top:10px;
}

a.mygameslink{
	padding-left:25px;
	overflow:hidden;
	font-size: 11px;
}

li.evenmg{ 
	background: url(/images/menu_blokje_grijs.jpg);
	background-repeat:no-repeat;
	width:182px;
	height:17px;
	padding-top:5px;
	overflow:hidden ;
	font-size: 1px;
	line-height: 11px;
}
li.oddmg{ 
	background: url(/images/menu_blokje_wit.jpg);
	background-repeat:no-repeat;
	width:182px;
	height:17px;
	padding-top:5px;
	overflow:hidden;
	font-size: 1px;
	line-height: 11px;
}

div.delete{
	width:9px;
	cursor:pointer;
	float:left;
	position:relative;
	margin-top:2px;
}

.delete img{
    width:9px;
    height: 9px;
}

div.gamecount{
	float:right;
	padding-right:10px;
	padding-top:5px;
	height:16px;
	overflow:hidden;
}

.sidebarHeader{
	width: 182px;
	height:40px;
}

.sidebarHeader img{
	width: 182px;
	height:40px;
}

div#suggestions{
	width:143px;
	margin-top:-1px;
	border:thin solid grey;
	text-align:left;
	margin-left:18px;
	position:relative;
	visibility:hidden;
	z-index:1;
	background-color:#FFFFFF;
	display:block;
}

#suggestions li {
	display:block;
	list-style-type:none;
	position:relative;
	width:143px;
}

#suggestions li.tag {
	display:block;
	list-style-type:none;
	position:relative;
	width:143px;
	background-color:#bdfe78;
}

.highlight{
	background-color:#999999;
}
/*Overzicht Voorpagina*/

#content {
	float:left;
	width: 768px;
}

div.gameCategoryHeader{
	width: 182px;
	height:40px;
	margin:0px;
}

div.gameCategoryHeader img{
    width: 182px;
    height: 40px;
}

.gameCategoryWide .gameCategoryHeader img{
width: 374px;
}

div.gameCategoryFooter{
	width: 182px;
	height:29px;
	text-align:left;
	clear:both;
}

div.gameCategoryFooter img{
    width: 182px;
    height: 29px;
}

div.addSquare{
	width: 324px;
	height:330px;
	margin-top:-333px;
	text-align:center;
	position:absolute;
	margin-left:10px;
	padding-left:25px;
	padding-right:25px;
	padding-top:3px;
}

div.addSquare p{
	margin-bottom:10px;
}

h2.nieuwsHead{
	color:#FFFFFF;
	font-family:Arial Narrow,Geneva,Kalimati,sans-serif;
	font-stretch:ultra-condensed;
	text-transform:uppercase;
	
}

a.nieuwsLink{
	color:#029902;
	display:block;
	height:25px;
	margin-top:6px;
	overflow:hidden;
	position:relative;
	width:153px;
}

a.nieuwsMeerlink{
	color:#029902;
	text-decoration:underline;
	}

div.addSquare h3{
	font-size:12px;
	margin-bottom:3px;
	display:block;
	clear:both;
}

div#tagcontent h2{
	font-size:12px;
	margin-bottom:3px;
	display:block;
}

div.addSquare h3 a{
	text-decoration:underline;
}

div.gameCategoryFooterWide{
	width: 374px;
	height:29px;
	text-align:left;
	clear:both;
}

div.gameCategoryListWide{
	width: 361px;
	background:#fff;
	padding-left:13px;
	padding-top:4px;
	padding-bottom:4px;
}

div.smallthumb{
	float:left;
	width:110px;
	height:90px;
	overflow:hidden;
	padding-left:6px;
}

.smallthumb a{
	width:104px;
	display:block;
	padding-top:6px;
	padding-bottom:2px;
	text-align:center;
}

.smallthumb img{
	border:1px solid #e7e7e7;
        width:90px;
        height: 68px;
}

.smallthumb a:hover {
	background-color:#ccc;
	color:#000;
}

div.gameCategory{
	width: 182px;
	margin-left:10px;
}

div.gameCategoryWide{
	width: 374px;
	margin-left:10px;
}

div.row{
	width:768px;
	height:333px;
	margin-bottom:10px;
	overflow:hidden;
}

div.rowHigh{
	width:768px;
	height:347px;
	margin-bottom:10px;
	overflow:hidden;
}

#sidebar li.even, .gameCategoryList li.even, #sidebarLinks li.even{
	background: url(/images/menu_blokje_grijs.jpg);
	background-repeat:no-repeat;
	width:182px;
	height:22px;
	overflow:hidden ;
	vertical-align:top;
}
#sidebar li.odd, .gameCategoryList li.odd, #sidebarLinks li.odd{
	background: url(/images/menu_blokje_wit.jpg);
	background-repeat:no-repeat;
	width:182px;
	height:22px;
	overflow:hidden ;
	vertical-align:top;
}

li.evenThumb{ 
	background-color: #FFFFFF;
	width:177px;
	padding-left:5px;
	font-size: 1px;
	display:block;
	padding-top:5px;
	height:128px;
	margin:0;
	
}

li.evenThumb img{
    width: 170px;
    height: 128px;
}

li.evenThumb a{
	font-size: 11px;
	display:block;
}

.gamename{
	display:block;
	padding-left:25px;
	padding-top:5px;
	width:157px;
	height:16px;
	overflow:hidden;
}

.gamenameSide{
	display:block;
	padding-left:20px;
	padding-top:5px;
	width:121px;
	height:16px;
	overflow:hidden;
	float:left;
}

.gamenameToevoeg{
	display:block;
	padding-top:5px;
	width:182px;
	height:16px;
	overflow:hidden;
	color:#00a208;
	text-align:center;
	font-weight:bold;
}

a.sidebar{
	display:block;
	padding-right:35px;
	padding-top:7px;
	width:147px;
	height:16px;
	overflow:hidden;
	text-align:right;
}

.geel .gameCategoryList ul li a:hover{
	color:#AF9600;
}

a.geel {
	color:#AF9600;
	margin-top:-23px;
	display:block;
	margin-left:25px;
	width:153px;
	height:25px;
	overflow:hidden;
	position:relative;
}

.blauw .gameCategoryList ul li a:hover{
	color:#0A70CC;
}

a.blauw {
	color:#0A70CC;
	margin-top:-23px;
	display:block;
	margin-left:25px;
	width:153px;
	height:25px;
	overflow:hidden;
	position:relative;
}

.roze .gameCategoryList ul li a:hover{
	color:#D30571;
}

a.roze {
	color:#D30571;
	margin-top:-23px;
	display:block;
	margin-left:25px;
	width:153px;
	height:25px;
	overflow:hidden;
	position:relative;
}

.groen .gameCategoryList ul li a:hover{
	color:#029902;
}

a.groen {
	color:#029902;
	margin-top:-23px;
	display:block;
	margin-left:25px;
	width:153px;
	height:25px;
	overflow:hidden;
	position:relative;
}

#overblokje{
	height:85px;
	width:125px;
	text-align:center;
	padding-top:15px;
	background-repeat:no-repeat;
}

span.gamename_new{
	color:#FF0000;
	vertical-align:top;
	padding:2px;
	font-size:9px;
}

/* Footer */
#banneronder{
	height:120px;
	width:758px;
}

div#footer{
  clear:both;
  height:100px;
  margin-top: 10px;
  padding-left:10px;
}

.moreFooter{
	height:120px;
	width:758px;
	margin-top:-113px;
	text-align:left;
}

.moreFooter li {
	display:block;
	list-style-type:none;
	position:relative;
	padding-left:25px;
		padding-top:5px;
	height:16px;
}

.moreFooter li a{
	display:inline;
}

/* Spelpagina */

div#spelcontainer{
	width:758px;
	margin-left:10px;
}

div#spelheader{
	width:758px;
	height:40px;
}

div#spelheaderText a{
	color:white;
}

div#spelheaderText{
	width:718px;
	height:27px;
	margin-top:-40px;
	padding-left:20px;
	padding-right:20px;
	padding-top:13px;
	position: relative;
	color:#FFFFFF;
}

div#spelheaderText span{
	font-size:13px;
	color:white;
	margin-top:0px;
	padding-left:0px;
	visibility:visible;
	display:inline;
	letter-spacing:0px;
	font-weight:bold;
}

div#spelheaderText h1{
	font-size:15px;
	color:white;
	margin-top:0px;
	padding-left:0px;
	visibility:visible;
	display:inline;
	letter-spacing:0px;
}

div#tags{
	position: relative;
	float:right;
	padding-top:2px;
}
div#path{
	position: relative;
	float:left;	
}

#spelheaderText #path{
	padding-left:15px;
}

div.play_game{
  background:white;
  padding-top:10px;
  padding-bottom:10px;
}

p.playGameParagraph{
	padding-left:25px;
	padding-right:25px;
}

div#spelfooter{
	width:758px;
}

div#spelfooterText{
	width:758px;
	height:162px;
	margin-top:-164px;
}

span#nameInDesc h2{
	font-weight:bold;
	font-size:12px;
	position:relative;
	top:5px;
	left:20px;
	margin-top:0px;
	padding-left:0px;
	visibility:visible;
	display:inline;
	letter-spacing:0px;
}

div#description{
	padding:2px;
	padding-top:6px;
	text-align:left;
	float:left;
	width:363px;
	height:155px;	
}

span.blauw{
	color:#0A70CC;
}

span.groen{
	color:#029902;
}

span.geel{
	color:#AF9600;
}

span.rood{
	color:#D30571;
}

div#descText{
	font-size:11px;
	position:relative;
	top:6px;
	left:20px;
	padding-right:10px;
	width:334px;
}

div#ratercontainer{
	float:left;
	width:178px;
	padding-left:15px;
	height:53px;
	padding-top:37px;
	position: relative;
}

div#rater{
	position: relative;
}

div#rating{
	float:left;
	width:179px;
	padding-left:15px;
	height:77px;
	padding-top:13px;
	text-align:left;
	position: relative;
}

span#stemmen{
	float:right;
}

div#cijfer{
	background-image:url(../images/cijfer_blokje.jpg);
	width:65px;
	height:21px;
	padding-top:4px;
	float:left;
	margin-left:10px;
	text-align:center;
	font-size: 15px;
}

div#social{
	float:left;
	width:179px;
	padding-left:15px;
	height:83px;
	padding-top:0px;
	position:relative;
}

div#interactie{
	float:left;
	width:179px;
	padding-left:15px;
	height:83px;
	padding-top:0px;
	position:relative;
}

div#addthis{
	width:135px;
	height:15px;
	margin-top:10px;
	margin-bottom:25px;
}

div#broken{
	width:135px;
	height:15px;
	margin-top:10px;
	margin-bottom:25px;
}

div#broken img{
	cursor:pointer;
}

div#toevoegen{
	width:135px;
	height:15px;
	cursor:pointer;
}

img#bedankt{
  margin-top:-32px;
  margin-left:-13px;
}


/* Spelpagina layout 4*/

.layout4{
    background: url("/images/bg_1px.jpg") repeat-x;
}

#layout4content{
    width:950px;
    height: 60px;
    text-align: left;
    margin:0 auto;
    background: url("/images/bg_930x60px.jpg");

}

.backbutton a{
     background: url("/images/backbutton.jpg") top left;
     height: 60px;
     width:48px;
     float:left;
     margin-right:5px;
}

.backbutton a:hover{
    background-position: top right;
}

#layout4description{
    height: 60px;
    float:left;
    overflow:hidden;
}

#layout4description #descText{
    color:#fff;
    line-height: 12px;
    left:10px;
    top:3px;
}

#layout4description h2{
    color:#fff;
    font-size:10px;
    font-weight: bold;
    padding-left:10px;
    padding-top:4px;
}

.left{
    float:left;
}

#layout4content #rater{
    padding-top: 27px;
    height: 43px;
    width:175px;
    padding-left: 22px;
}

#layout4content img#bedankt {
margin-left:-9px;
margin-top:-27px;
}

#layout4content input{

}

#moregames{
    padding-left: 8px;
    padding-top: 5px;
    font-size:11px;
    color:#fff;
    line-height: 14px;
    font-weight:bold;
    overflow:hidden;
}

#moregames a{
    color:#fff !important;
}

#moregames a:hover{
    color:#ef8304 !important;
}

/*Styles voor de catpagina */
div.catheader{
	width: 758px;
	height:45px;
	background-repeat:no-repeat;
	margin-left:10px;
}

div.catheaderInhoud{
	width: 758px;
	height:45px;
	background-repeat:no-repeat;
	margin-top:-31px;
	position:relative;
}
div.tagheaderInhoud{
	width: 758px;
	height:45px;
	background-repeat:no-repeat;
	margin-top:-31px;
	position:relative;
}
.tagheaderInhoud h2{
	font-size:13px;
	color:white;
	margin-top:14px;
	padding-left:25px;
	visibility:visible;
	display:block;
	letter-spacing:0px;
}

h1.cattitel a{
	color:#fff;	
}

h1.cattitel{
	font-size:14px;
	color:white;
	visibility:visible;
	display:inline;
	letter-spacing:0px;
	margin-left:20px;
	text-transform:uppercase;
}

h2.cattitel a{
	color:#fff;	
}

div.catrow{
	margin-top: 10px;
	width: 768px;
	height: 280px;

}

div.spelOpCatPagina{
	width: 182px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:10px;
}

div.spelOpCatPaginaHeader{
	height:40px;
  	width:182px;
}

div.spelOpCatPaginaHeaderInhoud{
	height:40px;
  	width:182px;
	margin-top:-40px;
	position:relative;
}

div.groteThumb{
  height:128px;
  width:176px;
  padding-left:6px;
  padding-top:6px;
  background-color:white;
  overflow:hidden;
}

img.bigthumb{
	width:170px;
	height:128px;
	display:block;
}
img.newOverlay{
	width:170px;
	height:128px;
	margin-top:-128px;
	position:relative;
	display:block;
}

span#newOverlay{
	margin-top:-142px;
}

div.descriptionText{
  height:60px;
  width:160px;
  padding-left:11px;
  padding-right:11px;
  padding-top:6px;
  background-color:white;
}

div.ratingOpCat{
	width:182px;
	height:40px;
}

img.rating{
	margin-left:19px;
	margin-top:7px;
	float:left;

}

div.cijferOpCat{
	margin-left:8px;
	background-image:url(../images/overview_rating_block.jpg);
	float:left;
	position:relative;
	margin-top:7px;
	width:57px;
	height:20px;
	font-size: 15px;
	padding-top:2px;
	text-align:center;
}

span.gameRating{
	color:#FFF;
	font-size:15px;
	font-weight:bold;				
}

div.ratingInhoud{
	width:182px;
	height:40px;
	margin-top:-40px;
	position:relative;

}

div#spelheaderText h2 {
color:white;
display:inline;
font-size:13px;
letter-spacing:0;
margin-top:0;
padding-left:0;
visibility:visible;
}

div.spelOpCatPaginaHeaderInhoud h3{
	padding-top:13px;
	padding-left:16px;
	color:white;
	font-weight:bold;
	font-size:13px;
	overflow:hidden;
	width:156px;
	height:16px;
}

div.spelOpCatPaginaHeaderInhoud h3 a{
	color:white;
}

div.sorter{
	float:right;
	margin-top:-18px;
	margin-right:50px;
	position:relative;
}

div#catsorter{
	float:right;
	margin-top:-16px;
	margin-right:50px;
	position:relative;
}

select#sorterS{
	width:142px;
	font-family:Arial, Helvetica, sans-serif;
}

div.nav{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	margin-top:-26px;
}
span.curpage{
	background-color:#FFFFFF;
	color:#333333;
	padding-left:4px;
	padding-right:4px;
}
span.page{
	color:#FFFFFF;
	padding-left:4px;
	padding-right:4px;
}
span.nextprev{
	color:#FFFFFF;
}
/**/



/*Styles voor de Spelpagina*/

div#werktniet{
float:left;
margin-left:33px;
margin-top:12px;
height:13px;
}

div.clearer{
  clear:both;
}



a.footlink:visited{
  text-decoration: none;
  color:#FFFFFF;
}

a.footlink{
  text-decoration: none;
  color:#FFFFFF;
}

div.randomGame{
	float:left;
	margin-left:5px;
	width:150px;
	border:#000000 thin solid;
	text-align:center;
}

div.row1links{
	margin-top: 8px;
	width: 750px;
}

#listing2  {
  	width: 750px;
  	background-repeat: repeat;
  	text-align: left;
  	padding: 0px;
}

/* 404 */
#v404{
	background-color:#fff;
	width:758px;
	margin-left:10px;
}

#tagcontent{
	background-color:#fff;
	width:698px;
	margin-left:10px;
	text-align:left;
	padding-left:30px;
	padding-right:30px;
}

#tagcontent p{
	padding-bottom:6px;
}

#tagcontent a:hover{
	color:#ef8304;
}

/* Static Pages*/

div.staticText{
	background:#fff;
	width:758px;
	margin-left:10px;
}

.staticText p{
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:60px;
}

.staticText ul{
	padding-left:60px;
	padding-top:5px;
	padding-bottom:5px;
}

.staticText form{
		padding-left:30px;
}

/*pre rools*/

#pre_bar {
	background-color:#00A208;
	width:0px;
	font-size:10px;
}
#pre_bar span { 
	background-color:#fff;
	color:#026AB3;
	padding:0px;
	height:1px;
	line-height:1px;
	font-size:1px;
}
div#pre_loader {
	width:300px;
	height:10px;
	border:1px solid #00A208;
	background-color:#fff;
	text-align:left;
	margin:auto;
	overflow:hidden;
	margin-bottom:3px;
}
div#pre_ad { 
	text-align:center;
	margin:auto;
}
div#pre_adcont { 
	margin:0 auto;
	margin-bottom:11px;
	padding-top:20px;
}
div#pre_click2close A {
	font-size:10px;
	color:#000;
	text-decoration:underline;
	font-family:Tahoma,Arial,Verdana;
}
div#pre_c2c_container {
	margin:0 auto;
	width:300px;
	height:20px;
}
div#pre_click2close,div#pre_percent {
	float:left;
	height:15px;
	line-height:20px;
	font-size:10px;
	font-family:Tahoma,Arial,Verdana;
}
div#pre_percent {
	font-size:10px;
	font-weight:bold;
	color:#00A208;
	text-align:right;
}
div#pre_clear {
	font-size:1px;
	line-height:1px;
	height:1px;
	clear:both;
	width:300px;
	margin:0 auto;
}

#cijferHead{
	color:#FFFFFF;
	font-weight:bold;
}

img.alignleft{
	display:inline;
	margin:0px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:10px;
	float:left;
}
