/* CSS Document */
body {
	margin: 0px 0px 0px 0px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../images/background2.gif) #44537C repeat-y center;
	overflow: -moz-scrollbars-vertical;
}

td { font-size: 11px; }

form { margin: 0px; }

img { border-width: 0px }

a:link, a:visited { color: #FFFFFF; }
a:hover { color: silver; }

.pageindex a {
	border: 1px solid #868b98;
	background-color: #ffffff;
	padding: 3px;
	margin: 1px;
	display: block;
	float: left;
	text-decoration : none;
	font-size: 10px;
}

.pageindex a:hover {
	background-color: #d2d6e2;
}

.pageindex div.selected {
	border: 1px solid #868b98;
	background-color: #d2d6e2;
	padding: 3px;
	margin: 1px;
	display: block;
	float: left;
	font-weight: bold;
}

.pageindex div.disabled {
	border: 1px solid #d3d8e6;
	background-color: #ffffff;
	padding: 3px;
	margin: 1px;
	display: block;
	float: left;
	color: #d3d8e6;
	font-weight: bold;
}

a.knop { 
	padding: 3px 5px 2px 5px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #E9E8EA; 
	border: 1px solid #D8D7D8;
	display: block;
	float: left;
}	

.content { color: #FFFFFF }

.error { color: #FF0000; font-weight: bold; }

.content td { color: #FFFFFF }

.border { border: 1px solid #000000; }

.mainlayout { margin-left: auto; margin-right: auto;width: 935px; }

ul#socialmedia-tabs {
	margin: 0px;
	padding: 0px;
	display: block; 
	position:absolute; 
	margin-left:937px; 
	margin-top: 170px;
	display: none;
}

ul#socialmedia-tabs li {
	filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; 
	background-color: #252525;
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #000000;
	border-top-right-radius: 8px;	
	-moz-border-radius-topright: 8px;
	border-bottom-right-radius: 8px;	
	-moz-border-radius-bottomright: 8px;
	width: 14px;
	overflow: hidden;
}

ul#socialmedia-tabs li img {
	display: block;
	margin-left: -20px;
	width: 34px;
	height: 37px;
}

ul.topmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/topmenu.gif) no-repeat top center;
	height: 42px;
	margin: 0px;
	padding: 0px;
}

ul.topmenu li { margin-top: 10px; text-align: center; display: block; float: left; width: 77px; position: relative; z-index: 5;}
ul.topmenu a:link, ul.topmenu a:visited { color: #DFDDDE; text-decoration: none; }
ul.topmenu a:hover { color: #FFFFFF; text-decoration: none; }

#logogamersnet { position:absolute; }
#logogamersnet img { margin-top: 20px; margin-left: 20px; }

#carrousel { width: 620px; height: 240px; }
#carrousel .content { position: absolute; width: 550px; margin: 20px; }
#carrousel h3 { font-size: 32px; margin: 0px	}
#carrousel img { z-index: 0; position:absolute; }
#carrousel .blok { 
	filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55; 
	background-color: #000000; 
	position: absolute; 
	width: 550px;	
	height: 200px;	
	margin: 10px;
	padding: 10px;
	border: 1px solid #ffffff;
}

#trailerslider { margin: 1px; margin-top: 5px; }
#trailerslider img { width: 120px; height: 100px; }
#trailerslider ul { display: block; margin: 0px; padding: 0px; height: 102px; margin-top: 1px; margin-left: 6px; }
#trailerslider ul li { display: block; float: left; margin: 0px }
#trailerslider #play { width: 50px; height: 50px; background: url(../images/play.png); }

#eyecatcher { margin: 1px; }
#eyecatcher .transp { position: absolute; background-color: #283047; margin-top: 166px; margin-left: 1px; width: 612px; height: 75px; z-index: 2; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
#eyecatcher .titel { padding: 5px 10px 5px 10px;  float: left; width: 290px; }
#eyecatcher .titel a { margin-right: 10px; text-decoration: none; }
#eyecatcher .content { position: absolute; margin-top: 165px; margin-left: 2px; width: 612px; height: 75px; z-index: 3; }
#eyecatcher .blokblue-large { height: auto; }
#eyecatcher h3 { font-size: 22px; margin: 0px; height: 47px; }
#eyecatcher .omschrijving { color: #ffffff; margin: 5px 0px 5px 0px; padding: 0px 10px 0px 10px ; width: 270px; float: left; border-left: 1px solid #DCC4C4; height: 65px; }
#eyecatcher ul { clear: both; margin: 0px; padding: 10px 0px 0px 9px; height: 70px;	 }
#eyecatcher ul li { display: block; float: left; width: 110px; height: 55px; margin: 0px 4px 0px 4px; }
#eyecatcher ul img { display: block; margin-top: 0px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; width: 110px; margin-top: 0px; margin-left: 0px; }
#eyecatcher ul img.focus { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top: -3px; }
#eyecatcher a.images { display: block; width: 614px; height: 240px; }
#eyecatcher a.images img { 
	display: block; 
	position: absolute; 
	width: 612px; 
	height: 240px;
	
	-moz-border-radius-topleft: 5px; 
	border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	border-top-right-radius: 5px;
	
	border: 1px solid #57586D;
	border-bottom: none;
	
	box-shadow: 0 -1px 1px #161D32;
	-webkit-box-shadow: 0 -1px 1px #161D32; 
	-moz-box-shadow: 0 -1px 1px #161D32; 
}

.line_color0 { clear: both; overflow: hidden; height: 1px; background-color: #000000; }
.line_color1 { clear: both; overflow: hidden; height: 1px; background-color: #455067; }
.line_color2 { clear: both; overflow: hidden; height: 1px; background-color: #9C9DAC; }
.line_color3 { clear: both; overflow: hidden; height: 1px; background-color: #121826; }

.table_color2 { background-color: #121826; }
.table_color3 { background-color: #282F49; }

.rightpage { background-color: #223053; }

.maintable { 
	background-color: #223053; 
	padding-left: 4px;
	padding-right: 4px;
	/*position: relative;
	#position: static;*/
}

.tekst1 { color: #8E9BC3; font-weight: bold; }
.tekst1 a:link, .tekst1 a:visited { color: #8E9BC3; font-weight: bold; text-decoration: none; position: relative; }
.tekst1 a:hover { text-decoration: underline; position: relative; }

.tekst2 { color: #F9D94F; font-weight: bold; }
.tekst2 a:link, .tekst2 a:visited { color: #F9D94F; font-weight: bold; text-decoration: none; position: relative; }
.tekst2 a:hover { text-decoration: underline; position: relative; }

.tekst3 { color: #E7EAF6; font-weight: bold; }
.tekst3 a:link, .tekst3 a:visited { color: #E7EAF6; font-weight: bold; text-decoration: none; position: relative; }
.tekst3 a:hover { text-decoration: underline; position: relative; }

.nounderline a:link, .nounderline a:visited, .nounderline a:hover {
	text-decoration: none;
}

.inputfield {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background-color: #C3C7D5;
	border: 1px solid #1B2237;
	font-size: 11px;
	position: relative;
}

.button {
	background-color: #EDEFF4;
	border: 2px solid #C0C7DE;
	font-size: 14px;
}

.vspacer { height: 5px; clear: both; overflow: hidden; }
.bvspacer { height: 10px; clear: both; overflow: hidden; }
.hspacer { width: 5px; }

.pagefooter { 
	background-color: #282F49; 
}
.pagefooter .content {
	display: block;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-left: 30px;
	float: left;
	width: 440px;
}
.pagefooter #gnlogo {
	display: block;
	float: left;
	margin-left: 10px;
	margin-top: 10px
}
.pagefooter #gvlogo {
	display: block;
	float: right;
	margin-right: 10px;
	margin-top: 10px
}
.pagefooter #partnerlogo {
	border: 0px;
	margin-left: 7px;
	margin-top: -20px;
}
.pagefooter .links {
	color: #F9D94F; 
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
}
.pagefooter .links a:link, .pagefooter .links a:visited { color: #F9D94F; font-weight: bold; text-decoration: none; }
.pagefooter .links a:hover { text-decoration: underline; }

.pagecontent {
	color: #49484D;
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.pagecontent .label {
	display: block;
	margin-top: 5px;
	margin-bottom: 2px;
}

.pagecontent td {
	color: #49484D;
	font-size: 12px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

.pagecontent h1 {
	text-align: left;
	color: #62769B;
	font-size: 18px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

.pagecontent h2 {
	color: #62769B;
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
}

.pagecontent h5 {
	display: block;
	text-align: left;
	color: #62769B;
	font-size: 18px;
	margin: 0 0 10px;
	padding: 0;
}

.pagecontent a:link, .pagecontent a:visited {
	color: #6D75A4;
	font-weight: bold;
}

.pagecontent a:hover { color: silver; }

.pagecontent .inputfield {
	background-color: #EDEFF4;
	border: 1px solid #62769B;
}

.pagecontent span.subtitel {
	color: #a3a3a3;
	text-align: left;
	display: block;
}


/* BLOK MET RELATED CONTENT */
.relatedcontent, .videoselect {
	background-color: #E9E8EA;
	padding: 10px 15px 10px 15px;
	margin: 10px 15px 10px 15px;
	border: 1px solid #D8D7D8;
	font-size: 12px;
}
.relatedcontent td { font-size: 12px; }
.relatedcontent a:link, .videoselect a:link { color: #6D75A4; }
.relatedcontent a:visited, .videoselect a:visited { color: #ADB1C8; }
.relatedcontent a:hover, .videoselect a:hover { color: #D1D3DD; }
.relatedcontent span.date { display: block; float: left; width: 70px; }
.relatedcontent span.link { display: block; float: left; width: 480px; }
.videoselect span.info { display: block; float: left; margin-left: 15px; margin-top: 13px; }
.videoselect div.downloadoptions { float: right; }
.videoselect div.downloadoptions b { display: block; }
.videoselect img.format { float: left; }
/* BLOK MET RELATED CONTENT */

#avatararea {
	float: right;
}

#avatararea img.avatar {
	background-color: #E9E8EA;
	padding: 10px 20px 10px 20px;
	border: 1px solid #D8D7D8;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
}

#avatararea a:link, #avatararea a:visited, #avatararea a:hover {
	font-size: 11px;
	height: 17px;
}

table.profiletable {
	width: 400px;
	float: left;
}

.bron {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: -8px;
	#margin-top: -18px;
	margin-bottom: 8px;
}

#quote {
	color: #000000;
	margin-left: 20px;
	font-weight: bold;
}

#quotebox {
	border: 1px dotted #DCDCDC;
	background-color: #F5F5F5;
	color: #000000;
	margin: 0px 10px 20px 20px;
	padding: 3px 3px 3px 3px;
}

#quotebox div.open {
	background: url(../images/quote_open.png) no-repeat top left; 
	width: 20px;
	height: 16px;
	filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;
}

#quotebox div.close {
	background: url(../images/quote_close.png) no-repeat top right; 
	width: 100%;
	height: 16px;
	filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;
}

#quotebox div.tekst {
	margin: 0px 20px 0px 20px;
	font-style: italic;
}

.rss {
	background: url(/images/feed-icon-12x12.gif) no-repeat bottom left;
	padding-left: 14px;
}

#ajaxsearchloader {
	position:absolute;
	z-index:1;
	width:16px;
	height:16px;
	margin-top:1px;
	margin-left:210px;
	background: url(/images/ajax-loader.gif) no-repeat;
	display: none;
}

#searchresults {
	position: absolute;
	margin-top: 2px;
	width: 400px;
	background-color: #ffffff;
	border: 1px solid #000000;
	z-index: 999;
	display: none;
}

#searchresults h2 {
	background: url(../images/ruitbgblue.gif) repeat;
	padding: 2px 4px 2px 4px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 12px;
}

#searchresults #close {
	width: 100%;
	height: 11px;
	display: block;
	position: absolute;
	width: 100%;
}

#searchresults #close img {
	background: url(../images/smallclose.png) top right no-repeat;
	width: 11px;
	height: 11px;
	display: block;
	float: right;
	margin-top: 3px;
	margin-right: 3px;
}

#searchresults .resultlist {
	width: 100%;
	color: #000000;
}

#searchresults a.item {
	text-decoration: none;
	padding: 3px;
	margin: 0px;
	color: #62769B;
	display: block;
	clear: both;
	height: 54px;
}

#searchresults a.item:hover {
	background-color: #F1EDED;
}

#searchresults div.cover {
	float: left;
	border: 1px solid #D8D7D8;
	margin-left: 5px;
}

#searchresults div.cover img {
	width: 50px;
	border: 1px solid #ffffff;
}

#searchresults .omschrijving {
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	width: 310px;
	white-space: normal;
}

#searchresults .titel {
	font-weight: bold;
	font-size: 12px;
}

#searchresults .platforms {
	color: #D8D7D8;
	font-size: 11px;
	font-weight: bold;
}

#searchresults .platforms span {
	text-decoration: underline;
	cursor: pointer;
}

.wholewindow {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 90;
}

#overlaybg {
	position: fixed;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#dockingbar {
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	border-top: 1px solid #B5B4B4;
	background-color: #F1EDED;
	width: 100%;
	height: 25px;
	position: fixed;
}

#addgame {
	border: 1px solid #B5B4B4;
	background-color: #F1EDED;
	width: 250px;
	height: 70px;
	position: absolute;
	display: none;
	z-index: 999;
}

#addgame .gameiconimage {
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #B5B4B4;
	float: left;
}

#addgame .titel {
	margin-left: 10px;
	margin-top: 15px;
	display: block;
	float: left;
	width: 170px;
	font-weight: bold;
}
.imagelink { border: 1px solid #D8D7D8; display: block; float: left; }
.imagelink img { border: 1px solid #FFFFFF; display: block; }
#sorteeropties { display: block; float: right; font-size: 11px; margin-top: 3px; }
#gamemovies .knop, #topgames .knop { margin-left: 6px; margin-top: 10px; }
#gamemovies .imagelink, #topgames .imagelink, #collectielijst .imagelink { float: left; }
#gamemovies .info, #topgames .info, #collectielijst .info { float: left; margin: 10px 10px 0px 10px; }
#topgames .info, #collectielijst .info { width: 472px; margin-right: -10px; }
#collectielijst .info { margin-top: 0px; width: 520px; }
#topgames .info .links, #collectielijst .info .links { float: left; width: 350px; }
#topgames .info .rechts, #collectielijst .info .rechts { float: right; margin-top: 2px; text-align: right; font-size: 11px; }
#topgames .info .labelscore { display: block; margin-top: 10px; font-weight: bold; }
#topgames .info .score, #collectielijst .info .score { text-align: left; }
#topgames .info .score img, #collectielijst .info .score img { display:block; float: left; } 
#topgames .info .score b, #collectielijst .info .score b { display: block; float: right; margin-left: 3px; margin-top: 3px; font-size: 12px; }
#collectielijst .info .labelscore { display: block; font-weight: bold; }
#collectielijst #comment { color: #8E8E8E; font-size: 10px; }
#collectielijst #description { display: block; margin-top: 5px; margin-bottom: 3px; }
#collectielijst #option { clear: both; padding-top: 5px; display: block; visibility: hidden; }
#collectielijst #option a { display:block; float: right; margin-left: 5px; font-size: 10px; }
#collectielijst #option img { display: block; float: right; }

#gamemovies .titel, 
#topgames .titel,
#collectielijst .titel 
{
	font-size: 14px; 
	text-decoration: none;
	display: block;
	clear: both;
}

#moviepage h1 {
	text-align: left;
	color: #62769B;
	font-size: 18px;
	margin: 0px;
}

#socialsharing { background: url(../images/stippelbg.png) repeat-x bottom; margin-left: 15px; margin-right: 17px; margin-top: 12px; }
#socialsharing div#gamepaginalink { width:280px; float: left; }
#socialsharing a#gametitel { display: block; color: #8E9BC3; font-size: 12px; font-weight: bold; text-decoration: none; width: 220px; margin-left: 5px; overflow: hidden; float: left; }
#socialsharing a#gametitel:hover { color: silver; }
#socialsharing span#gamepagina  { color: #8e8e8e; display: block; font-weight: normal; }
#socialsharing #gameicon { display: block; border: 1px solid #D8D7D8; float: left; height: 42px; margin-bottom: 3px; margin-top: -4px; margin-right: 5px; }
#socialsharing #gameicon img { display: block; border: 1px solid #ffffff; }
#socialsharing ul#social { display: block; margin: 0 0 5px 0; padding: 0; width:300px; float: right; }
#socialsharing ul#social li { display: block; margin: 0; padding: 0; float: left; width: 100px; text-align: center; overflow: hidden; }
#socialsharing ul#social li.twitter { width: 110px; }
#socialsharing ul#social li.facebook { width: 120px; }
#socialsharing ul#social li.google { width: 70px; }
#socialsharing .vspacer { height: 0px; }

#userprofiel .platform { float: left; width: 50px; text-align: center; margin-right: 8px; }
#userprofiel .platform img { display: block; margin: 0px auto 0px auto; width: 50px; }
#userprofiel .platform b { display: block; margin-top: 2px; font-size: 10px; }
#userprofiel .recentgespeeld { float: left; width: 290px; height: 58px; }
#userprofiel .recentgespeeld .info { float: left; margin-left: 6px; margin-top: 3px; width: 200px; }
#userprofiel .recentgespeeld .info .comment { color: #8E8E8E; font-size: 10px; display: block; }

.loadpopup {
	top: 200px;
	position: absolute;
	border: 2px solid #000000; 
	background-color: #ffffff;
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	display: none;
	z-index: 999;
}

.loadpopup .header h1 {
	margin: 2px 4px 2px 4px;
	text-transform: uppercase;
	display: block;
	float: left;
}

.loadpopup .header {
	width: 100%;
	height: 18px;
	background: url(../images/ruitbgblue.gif) repeat;
}

.loadpopup .header img {
	background: url(../images/smallclose.png) top right no-repeat;
	width: 11px;
	height: 11px;
	display: block;
	float: right;
	margin-top: 3px;
	margin-right: 3px;
	cursor: pointer;
}

.loadpopup .loading { background: url(/images/ajax-bigloader.gif) center no-repeat; height: 100px; }

.leaderboardbg {
	padding-top: 5px;
	margin-left: 195px;	
}

#leaderboard_header {
	display: none;
}

.leaderboard_header {
	display: block;
	background:url(/images/leaderbord_logo.png) no-repeat 7px 20px; cursor: pointer;
}

.betav5user {
	position: absolute; top: 20px; right: 20px; z-index: 99999;
}

.betav5user a.button {
	color: #223053;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.2;
}

.betav5user a.button.active {
	background-color: #003399;
	color: #fff;
}

.betav5user a.button:hover {
	opacity: 1;
}