/** Speler 2 CSS - Content *
 **/

/* LIJSTEN */

.lijstitem {
	display: block;
	line-height: 20px;
	padding: 5px 0px;
	border-bottom: 1px solid #ddd;
}

.lijstitem.no-bullet {
	padding-left: 20px;
	border-bottom: 0px;
}

.lijstitem.bullet {
	padding-left: 20px;
	background-position: center left;
	line-height: 20px;
}

.lijstitem.no-border {
	line-height: 1em;
	border: 0px;
}

	.lijstitem a.bullet {
		padding-left: 20px;
	}
	
	.lijstitem em {
		float: right;
		text-align: right;
		font-style: normal;
	}
	
h4.datum {
	padding-left: 20px;
}

/* ZOEKBLOK */

#content .zoekblok {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

	#content .zoekblok .top,
	#content .zoekblok .bottom,
	#content .zoekblok .content {
		float: left;
		width: 640px;
	}
	
	#content .zoekblok .top,
	#content .zoekblok .bottom {
		height: 5px;
		line-height: 5px;
		font-size: 2px;
		overflow: hidden;
	}
	
	#content .zoekblok .top {
		background-image: url(../images/zoekblok-top.gif)
	}
	
	#content .zoekblok .bottom {
		background-image: url(../images/zoekblok-bottom.gif)
	}

	#content .zoekblok .content {
		width: 620px;
		padding: 0px 10px;
		background-color: #eee;
		color: #666;
		margin: 0px;
	}
	
	#content .zoekblok .content h4 {
		color: #333;
	}
	
	#content .zoekblok .content form,
	#content .zoekblok .content form p {
		padding: 5px 0px 0px 0px;
		margin: 0px;
	}
	
	#content .zoekblok .content form {
		padding-bottom: 5px;
	}
	
		#divKoopwijzerStap4 #divSearch input,
		#content .zoekblok .content form input,
		#content .zoekblok .content form button {
			float: left;
			padding: 0px;
			margin: 0px;
			font-size: 12px;
		}
		
		#divKoopwijzerStap4 #divSearch input,
		#content .zoekblok .content form input {
			width: 573px;
			height: 16px;
			padding: 5px 10px;
			background-image: url(../images/zoekblok_input.gif);
			border: 0px;
		}
		
		#divKoopwijzerStap4 #divSearch button,
		#content .zoekblok .content form button {
			float: left;
			width: 24px;
			height: 26px;
			background-image: url(../images/zoekblok_button.gif);
		}
		
		#divKoopwijzerStap4 #divSearch div.magnifier {
			background-image: url(../images/zoeken-zoekknop-wit.gif);
			float: left;
			height: 26px;
			margin: 0 0 0 4px;
			width: 16px;
		}

/* AANRADERS */

#content .aanrader {
	float: left;
	width: 119px;
	height: auto;
	text-align: center;
}

#content .column.frontpage .aanrader {
    width: 105px;
    margin-left: 10px;
}

#content .aanrader.first {
	margin-left: 7px;
}

#content .column.frontpage .aanrader.first {
    margin-left: -5px;
}

#content .column.frontpage .aanrader.last {
    
}

	#content .aanrader .boxshot {
		float: left;
		width: 119px;
		height: 150px;
		line-height: 150px;
		padding-bottom: 5px;
	}
    
    #content .column.frontpage.aanrader .boxshot {
        width: 105px;
    }
	
		#content .aanrader .boxshot img {
			vertical-align: bottom;
		}


/* SCORES */

#content .score {
	display: block;
	height: auto;
	width: auto;
	padding: 4px 0px;
}

#content p.align.right .score,
#content div.align.right .score {
	float: right;
}

#content .score.groot {
	margin-bottom: 1em;
	line-height: 20px;
}

	#content .score.groot .punt {
		float: left;
		width: 20px;
		height: 20px;
		margin-right: 4px;
		background: transparent none no-repeat top left;
	}
	
	#content p.align.right .score.groot .punt,
	#content div.align.right .score.groot .punt {
		margin-right: 0px;
		margin-left: 4px;
	}
	
	#content .score.groot.inactive .punt {
		background-image: url(../images/score_leeg-inactive-groot.gif);
	}
	
	#content .score.groot .uitleg {
		padding-left: 5px;
	}
	
#content .score.klein {
	line-height: 20px;
}

	#content .score.klein .punt {
		float: left;
		width: 10px;
		height: 10px;
		margin-right: 2px;
		background: transparent none no-repeat top left;
	}
	
/* SCREENSHOTS */

#content .screen {
	float: left;
	width: 100px;
	height: 54px;
	overflow: hidden;
	background-color: #000;
}
	#content .screen .afbeelding {
		float: left;
		width: 100px;
		height: 54px;
		overflow: hidden;
	}
	
	html>body #content .screen .afbeelding {
		position: relative;
	}
	
		#content .screen img {
			float: left;
			position: relative;
		}
	
	#content .screen .overlay {
		float: left;
		width: 100px;
		height: 54px;
		background-image: url(../images/screenshot_thumb-overlay.png);
		position: relative;
		top: -54px;
	}

/* 4 SCREENSHOTS IN CONTENT */

#content .screenshots, #content .screenshotsRow {
	float: left;
	width: 220px;
	height: auto;
	margin-top: 0.25em;
}

#content .screenshotsRow {
	margin-left: 97px;
	width: 640px;
}

#content .screenshots.right {
	float: right;
}

	#content .screenshots .screen {
		margin: 6px 10px 6px 0px;
	}
	
	#content .screenshotsRow .screen {
		margin: 0 15px 12px 0px;
	}
	
	#content .screenshots.right .screen {
		margin: 6px 0px 6px 10px;
	}

/* 6 SCREENSHOTS OVER DE BREEDTE */

#content .game-screenshots {
	float: left;
	width: 640px;
	margin: 0px;
	padding: 0px;
}

	#content .game-screenshots .screen {
		margin: 0px 0px 0px 8px;
	}
	
	#content .game-screenshots .screen.first {
		margin: 0px;
	}

/* GAME INFO */

#content .game,
#content .prijsvraag {
	float: left;
	padding: 0px 10px 10px 10px;
}

	#content .game h4 {
		margin-bottom: 5px;
	}
	
	#content .game .boxshot {
		float: left;
		width: 100px;
		height: 150px;
		margin-right: 10px;
	}
	
	#content .game p {
		float: left;
	}
	
	#content .game .eigenschap {
		display: block;
		padding: 5px 0px 5px 40px;
		margin-bottom: 5px;
		background: transparent none no-repeat center left;
	}
	
	#content .game .eigenschap.singleplayer.wel {
		background-image: url(../images/icoon_singleplayer-wel.gif)
	}
	
	#content .game .eigenschap.singleplayer.niet {
		background-image: url(../images/icoon_singleplayer-niet.gif)
	}
	
	#content .game .eigenschap.singleplayer.onbekend {
		background-image: url(../images/icoon_singleplayer-onbekend.gif)
	}
	
	#content .game .eigenschap.multiplayer.wel {
		background-image: url(../images/icoon_multiplayer-wel.gif)
	}
	
	#content .game .eigenschap.multiplayer.niet {
		background-image: url(../images/icoon_multiplayer-niet.gif)
	}
	
	#content .game .eigenschap.multiplayer.onbekend {
		background-image: url(../images/icoon_multiplayer-onbekend.gif)
	}
	
	#content .game .eigenschap.online.wel {
		background-image: url(../images/icoon_online-wel.gif)
	}
	
	#content .game .eigenschap.online.niet {
		background-image: url(../images/icoon_online-niet.gif)
	}
	
	#content .game .eigenschap.online.onbekend {
		background-image: url(../images/icoon_online-onbekend.gif)
	}

/* GAME INFO IN KADER */

#content .kader.content {
	margin: 5px 0px 20px 0px;
}

	#content .kader.content .content {
		padding: 5px 10px;
	}
	
		#content .kader.content .content div,
		#content .kader.content .content form {
			text-align: left;
		}
		
		#content .kader.content .content p {
			margin: 0px;
		}

#content .kader .content .informatie {
	height: 140px;
	border-right: 1px solid #dddddd;
}

#content .kader .content .game {
	width: 220px;
	padding: 0px 5px 0px 0px;
}

	#content .kader .content .game .boxshot {
		margin-right: 5px;
	}
	
	#content .kader .content .game p {
		width: 115px;
		padding: 0px;
	}
	
	#content .kader .content .game p span {
		display: block;
		margin-bottom: 1em;
	}

#content .kader .content .game.informatie.eigenschappen {
	width: 250px;
	height: 160px;
	padding: 0px 5px;
}

#content .kader .content .winkels {
	float: left;
	width: 110px;
	padding-left: 10px;
}

	#content .kader .content .winkels span {
		display: block;
		margin-top: 0.75em;
	}

#content .kader .content .prijsvraag p {
	margin-top: .5em;
}

#content .kader .content .prijsvraag.wide {
	width: 600px;
}

#content .kader .content .prijsvraag.informatie {
	width: 180px;
}

#content .kader .content .prijsvraag.antwoord {
	width: 350px;
}
	#content .kader .content .prijsvraag input {
		border: 1px solid #CCC;
	}

	#content .kader .content .prijsvraag label {
		float: left;
		width: 125px;
	}
	
	#content .kader .content .prijsvraag.antwoord textarea {
		 height: 70px;
		 width: 350px !important;
	}
	
/* KADER VOOR CONSOLES */

#content .column .kader.console,
#content .column .kader.console .overlay {
	width: 310px;
}

#content .column .kader.console {
	margin-right: 10px;
}
	
	#content .column .kader.console .top .overlay {
		background-image: url(../images/kader_overlay_console_top.png)
	}
	
	#content .column .kader.console .bottom .overlay {
		background-image: url(../images/kader_overlay_console_bottom.png)
	}

	#content .column .kader.console .content {
		width: 280px;
		height: 140px;
	}
	
	#content .column .kader.console .content .afbeelding {
		float: left;
		width: 110px;
		height: 130px;
		margin-right: 10px;
		padding-top: 10px;
	}
	
	#content .column .kader.console .content p {
		float: left;
		width: 160px;
		padding: 0px;
		margin: 0;
	}
	
	#content .column .kader.console .content span.bullet {
		display: block;
		line-height: 1.4em;
		padding-bottom: 4px;
		text-align: left;
		background-position: 0px 4px;
	}


/* BLOK VOOR AD EN PEGI-INFO */

#content .column.right .blok,
#content .column.right .blok .top,
#content .column.right .blok .bottom {
	float: left;
	width: 320px;
	height: auto;
}

#content .column.right .blok {
	margin-bottom: 1em;
}

	#content .column.right .blok .top,
	#content .column.right .blok .bottom {
		height: 5px;
		line-height: 5px;
		font-size: 2px;
		overflow: hidden;
	}
	
	#content .column.right .blok .top {
		background-image: url(../images/pegiblok-top.gif);
	}
	
	#content .column.right .blok .bottom {
		background-image: url(../images/pegiblok-bottom.gif);
	}
	
	#content .column.right .blok .content {
		float: left;
		width: 300px;
		height: auto;
		padding: 5px 10px;
		margin: 0px;
		background-color: #dddddd;
	}
	
/* DUNNE KADER, voor GoogleAds */
#content .kaderdun {
	background: url(../images/gg_ga_bg.gif) no-repeat;
	height: 100px;
	padding-left: 10px;
	padding-top: 2px;
	width: 640px;
}

	#content .kaderdun .ga_feedback {
		color: #FFF;
	}
	
	#content .kaderdun .ga_fill {
		display: none;
	}
	
	#content .kaderdun .ga_title {
		font-weight: bold;
	}
	
	#content .kaderdun .ga_textad {
		float: left;
		padding-top: 10px;
		line-height: 14px;
		margin-left: 60px;
		width: 250px;
	}

/* WINKELS TABLE */

#content table.winkels {
	margin: 1em 0;
}

	#content table.winkels th,
	#content table.winkels td {
		line-height: 2em;
	}
	
	#content table.winkels th {
		font-weight: normal;
	}

/* KOOPWIJZER WINKELS */

#content table.winkels.full {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

	#content table.winkels.full th,
	#content table.winkels.full td {
		text-align: center;
		border-bottom: 1px solid #ddd;
	}
	
	#content table.winkels.full td {
		height: 30px;
		line-height: 30px;
	}
	
	#content table.winkels.full th {
		vertical-align: bottom;
		line-height: 1em;
		padding-bottom: 10px;
	}
	
	#content table.winkels.full th.labels {
		padding-bottom: 5px;
		text-align: left;
	}

		#content table.winkels.full th span.small {
			display: block;
		}

	#content table.winkels.full td.name {
		text-align: right;
	}

		#content table.winkels.full td .score {
			margin-left: 20px;
		}

	#content table.winkels.full td.grijs {
		background-color: #f6f6f6;
	}

/* EXTRA GAME INFO */

#content .column.right p.game {
	float: none;
	padding: 0px;
	margin: 0px;
}

#content .column.right p.game span {
	float: left;
	width: 70px;
}

/* ONDERSTEUNING */

#content .column.right p .ondersteuning {
	float: left;
	width: 100%;
	height: 24px;
	margin-top: 1em;
	line-height: 24px;
}

#content .column.right p .ondersteuning img {
	float: left;
	margin-right: 10px;
}

/* COLUMN RIGHT KOPPELINGEN EN LIJSTEN */

#content .column.right p.lijst {
	padding: 5px 10px 0px 10px;
}

	#content .column.right p.lijst a.bullet {
		display: block;
	}
	
/* ANTWOORDEN */

#content .column .antwoord {
	float: left;
	width: 620px;
	padding: 5px 10px;
	margin-bottom: 10px;
}

	#content .column .antwoord p {
		margin: 1em 0px 0px 0px;
	}
	
	#content .column .antwoord hr {
		margin: 10px 0;
	}
	
	#content .column .antwoord .half {
		line-height: 26px;
	}
	
		#content .column .antwoord .half button.button,
		#content .column .antwoord .half a img {
			display: inline;
			float: none;
			margin: 0 0 0 10px;
			vertical-align: bottom;
		}
		
		#content .column .antwoord .half .score {
			margin-left: 5px;
		}

/* VIDEOPAGINA */

#content .column .video {
	float: left;
	width: 640px;
	padding: 0px;
	margin-top: 1em;
}

	#content .column .video p {
		display: block;
		line-height: 1.25em;
	}
	
/* ALFABET EN PAGING */

.alfabet {
	color: #ddd;
}

.paging {
	line-height: 20px;
}

.paging.big {
	line-height: 30px;
}

	.paging span {
		padding-right: 5px;
	}

.center {
	text-align: center;
}

.left {
	float: left;
}

/* Dunne DIV omdat er iets raars met de HRs gebeurd in IE7 */
.fakehr {
	border-bottom: 1px solid #ddd;
	height: 1px;
	margin: 5px 0;
	width: 100%;
}