/*	
 *	--------------------------------------------------------------------------
 *  GameAds.nl Stylesheet
 *  
 *	Created by E.J. Klein Ovink - http://www.sparkle6.com
 *
 *	--------------------------------------------------------------------------
 */	
 
 


/*
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 *	- DEFAULTS
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 */
 
  	html, body {
		height: 100%;
	}
 
 	body {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;	
		background: #000;
		text-align: center;
	}
 
 	img {
		border: 0;
	}

 	#newBody {
		position: relative;
		margin: auto;			
		width: 100%;
		background: url('../images/background-gradient.jpg') repeat-x #383838;
	
		
	}
	
	#wrapper {
		position: relative;
		width: 860px;
		margin: auto auto auto auto;
		padding-bottom: 30px;
		height: 100%;
		text-align: left;

		background: #fff;
		
		border: 5px solid #bcbcbc;
		border-top: 0;
		border-bottom: 0;	
	}
	
	#wrapper div.bottom, #footer div.bottom {
		position: relative;
		clear: both;
	}
	
	#footer {
		bottom: 0;

		margin: 1px 0 0 0;


		width: 100%;
		height: 290px;

		background-image: url(../images/footer-bg.gif);
		background-repeat: repeat-x;
		background-position: center 1px;
		background-color: #000;
		
		
		text-align: center;
		padding: 25px 0 0 0;
		font-size: 11px;
		color: #fff;

	}
	

	
	h1, h2, h3, h4 {
		margin: 0;
	}
	
	h2, h2 a {
		color: #a51110;
		font-size: 30px;
		font-weight: lighter;
		letter-spacing: -2px;		
	}		

	h3 {
		color: #a51110;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: -1.1px;		
	}
	
	h4 {
		color: #a51110;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: -1px;
	}

  	a {
	 color: #1e7bb4;
	}	
	
	a:link, a:visited {
		text-decoration: none;
	}
	
	a:hover, a:focus {
		text-decoration: underline;
	}
	
	p {
		font-size: 11px;
		color: #999;
	}
	
	input {	
		border: 1px solid #c1c1c1;
		
		margin: 0;	
		margin-bottom: 0;
		padding: 2px;
		
		font-size: 11px;
		color: #626263;

		background: url('../images/input-textfield-background.gif') repeat-x;
	}		
	
	a.rss {
		display: block;
		height: 12px;
		padding: 0 0 0 15px;
		
		background: url('../images/bullet-rss-white.gif') no-repeat left;
		font-size: 9px;
	}








/*
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 *	- HEADER
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 */
 

 	#header, #loginheader {
		position: relative;
		float: left;
		
		width: 100%;
		height: 300px;
		
		padding: 12px 0 0 0;
		
		background-position: 0 50px;
		background-repeat: repeat-x;
		background-image: url('../images/design-header-background.gif');
	
	}
	
	#loginheader {
		height: 270px;
	}
	
	#header h1, #loginheader h1, #header div.description, #loginheader div.description {
		display: none;
	}
	
	
	
	
	
	/* MAIN NAVIGATION */
	
		#navigation {
			font-family: Arial, Helvetica, sans-serif;
			background: url(../images/dots.gif) repeat-y left top;
			
		}
		
		#navigation ul {
			list-style-type: none;
			padding: 0;
			margin: -8px 0 0 0;	
		}

		#navigation ul li {
			position: relative;
			float: left;
			display: inline;			
						
			width: 110px;
			padding: 0;
			margin: 0 0 0 4px;
		}
		
		#navigation ul li a {
			display: block;
			height: 100%;
			width: 100%;
			padding: 0;
			
			margin-right: 2px;
			text-decoration: none;
			text-transform: capitalize;
			
			background: url(../images/dots.gif) repeat-y right top;
			font-size: 12px;			
			font-weight: bold;
			padding: 15px 0px 5px 3px;
			
			color: #c81d1c;			
		}
		

		#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:focus { /* Link Title */
			color: #c81d1c;
		}

		
		#navigation ul li a:hover { /* Link Title */
			color: #c81d1c;
			background-color: #f1f1f1;
			margin-right: 2px;
		}
		

	
		 
		 
		 
		 
		 
 	#logo {
		position: absolute;
		top: 50px;
		left: 0;
		
		width: 530px;
		height: 236px;
		
		background: url('../images/design-header-logo.jpg');
	}
 
 
 	#searchform {
		position: absolute;
		right: 15px;
		top: 16px;
	}
 
 	#searchsubmit {
	
		position: absolute;
		right: 0px;
		top: 0px;
		padding: 0;
		
		width: 67px;
		height: 19px;
		
		border: 1px solid #c1c1c1;
		border-left: 0;
		
		cursor: pointer;
		
	
	}
 
 	input.searchButton {
		background: url('../images/design-header-zoek-knop-a.gif') no-repeat;
	}
 
 	input.searchButton:hover {
		background: url('../images/design-header-zoek-knop-b.gif') no-repeat;
	}
	 
 	input.searchButton-b {
		background: url('../images/design-header-zoek-knop-b.gif') no-repeat;
	}
	
	 
 	input.searchField {
		position: absolute;
		right: 68px;
		top: 0px;

		width: 155px;
		height: 16px;
		padding: 3px 10px 0 10px;							
	}
	

 
 
 	#rubrieken {
		position: absolute;
		right: 15px;
		top: 67px;
		
		width: 243px;
		
	}

 	#rubrieken div {
		width: 100%;
	} 
 
 	#rubrieken div.top {
		position: relative;
		height: 11px;
		
		background-position: bottom center;
		background-image: url('../images/design-rubrieken-top.gif');
		background-repeat: no-repeat;
	}
	
  	#rubrieken div.bottom {
		position: relative;
		height: 11px;
		
		background-position: top center;
		background-image: url('../images/design-rubrieken-bottom.gif');
		background-repeat: no-repeat;
	}
	
	#rubrieken div.content {
		position: relative;
		background: #000;
		padding: 5px 0 10px 0;
	}
 
 	#rubrieken h3 {
		margin: 0 0 0 20px;
		color: #b7b7b7;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: -1px;
	}

  	#rubrieken h3 span {
		color: #a51011;
		font-weight: lighter;
		font-size: 20px;
	}
	/*200*/
	#rubrieken ul {
		position: relative;
		left: 17px;
		padding: 0;
		margin: 5px 0 0 0;
		
		letter-spacing: -1px;		
	}


	#rubrieken ul li {
		display: block;
		width: 200px;
		height: 22px;
		background: url('../images/design-rubrieken-list-itembg.gif') bottom left no-repeat;
		text-transform: capitalize;
	}

	#rubrieken ul li a {
		color: #a51011;	
		display: block;
		
		font-size: 14px;
		font-weight: bold;	
		
		width: 180px;
		padding: 2px 0 0 20px;
	}

	#rubrieken ul li a:link, #rubrieken ul li a:visited {
		text-align: left;
	}
	
	#rubrieken ul li a:hover, #rubrieken ul li a:focus {
		font-size: 16px;	
		padding: 1px 0 0 20px;		
		color: #c02324;
		text-decoration: none;
	}
	
	
	/*
			
			LOGINBOX
	
	*/
	
	
	#userbox {
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 11px;
		color: #999;
		
	}
		
	#userbox input {
		font-size: 10px;
	}
	
	#userbox div.field {
		float: left;
		padding: 0px 5px 0 10px;
	}
	
	#userbox div.field strong {
		text-transform: capitalize;
	}	
	
	#userbox div.field a.register {
		padding: 3px 0 0 0;
		display: block;
	}	
	
	#userbox .textfield {
		width: 100px;
		height: 14px;
		margin: 0;
	}
	
	
	input.miniLogin, input.miniLogin-b {
		padding: 0;
		border: 0;
		width: 67px;
		height: 20px;
		background-color: none;
		background-image: url(../images/input-minilogin.gif);
		background-position: top;
		cursor: pointer;
	}
	
	input.miniLogin:hover, input.miniLogin-b {
		background-image: url(../images/input-minilogin.gif);
		background-position: bottom;
	}

	
	
	
	
	/*
	
	
		INPUT AREA
	
	
	
	*/
	
	
	
	
	input.field {
		width: 200px;
		border: 1px solid #c4cdd0;
		padding: 4px 2px 4px 2px;
		background: #fff;
	}
	
	textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #626263;
		
		overflow-x: hidden;
		
		border: 1px solid #c4cdd0;
		padding: 4px 2px 4px 2px;
		background: #fff;
	}
	
	
	.inputarea {
		position: relative;
		margin: 10px 0 0 0;
		padding: 10px 0 20px 0;
		background: #e1ebef;
		height: 100%;
	}
	
	.inputarea p {
		margin: 15px 15px 10px 15px;
		color: #545a6a;
	}
	
	div.inputtop , div.inputbottom {
		position: absolute;
		width: 100%;
		height: 16px;
	}
	
	div.inputtop  {
		left: 0;
		top: 0;
		background: url('../images/input-top.gif');
	}
	
	div.inputbottom  {
		left: 0;
		bottom: 0px;
		background: url('../images/input-bottom.gif');
	}
	
	
	input.okButton, input.okButton-b {
		padding: 0;
		border: 0;
		width: 67px;
		height: 21px;
		background-color: none;
		background-image: url('../images/input-ok.gif');
		background-position: top;
		cursor: pointer;
	}
	
	input.okButton:hover, input.okButton-b {
		background-image: url('../images/input-ok.gif');
		background-position: bottom;
	}
	
	
	input.inloggen, input.inloggen-b {
		padding: 0;
		border: 0;
		width: 102px;
		height: 21px;
		background-color: none;
		background-image: url('../images/input-inlogknop.gif');
		background-position: top;
		cursor: pointer;
	}
	
	input.inloggen:hover, input.inloggen-b {
		background-image: url('../images/input-inlogknop.gif');
		background-position: bottom;
	}
	
	
	
	
	input.register, input.register-b {
		padding: 0;
		border: 0;
		width: 102px;
		height: 21px;
		background-color: none;
		background-image: url('../images/input-register.gif');
		background-position: top;
		cursor: pointer;
	}
	
	input.register:hover, input.register-b {
		background-image: url('../images/input-register.gif');
		background-position: bottom;
	}	

	input.reageren, input.reageren-b {
		padding: 0;
		border: 0;
		width: 102px;
		height: 21px;
		background-color: none;
		background-image: url(../images/input-reageren.gif);
		background-position: top;
		cursor: pointer;
	}
	
	input.reageren:hover, input.reageren-b {
		background-image: url(../images/input-reageren.gif);
		background-position: bottom;
	}
	
	
		
/*
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 *	- CONTENT
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 */
 
 
 	#content {
		position: relative;
		float: left;
		width: 560px;
		margin: 41px 0 0 8px;	
		font-size: 11px;
	}
	
 	#pagecontent {
		position: relative;
		float: left;
		width: 795px;
		margin: 41px 0 0 20px;	
		font-size: 11px;
	}

	#content textarea {
		width: 100%;	
	}	

	html>body #content {
		margin: 41px 0 0 17px;	
	}
	
 	div.article {
		margin: 0 0 50px 0;
		text-align: justify;
		
	}	
 
 	div.article img {
		padding: 1px;
		border: 1px solid #aaa;
		margin: 0 0 12px 12px;
		background: #FFFFFF;
	}

 	div.article img.clean {
		padding: 0;
		border: 0;
		margin: 0 0 12px 12px;
		background: #fff;
	}	
	
 	div.article h2 {
		width: 100%;
		padding: 0 0 7px 0;
		margin: 0 0 2px 0;
		border-bottom: 1px solid #dadada;
	}
 

 	
	 .date {
	 	font-size: 10px;
		color: #999;
		padding: 2px 0 2px 20px;
		background: url('../images/icon-calendar.gif') no-repeat;
		height: 20px;
	 }
 
	div.article p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #3d3d3d;
		font-size: 11px;
	}
	
	a.more-link {
		height: 20px;
		display: block;
		padding: 20px 10px 30px auto;
	}

	div.article div.bottom {
		border: 1px solid #dadada;
		border-left: 0;
		border-right: 0;
		
		width: 100%;
		padding: 8px 0 8px 0;
		margin: 35px 0 0 0 ;
		height: 15px;
		
		font-size: 11px;
		background: #f6f6f6;
	}	
	
	div.article .alignleft, div.article .alignright {
		text-transform: capitalize;
		color: #1e7bb4;
		font-size: 11px;
	}

	div.bottom .alignleft	{
		padding: 0 0 0 15px;
	}
	
	div.bottom .alignright {
		padding: 0 15px 0 0;
	}
	
	.commentslink {
		display: block;
		padding: 1px 0 0 25px;
		text-align: right;
		background: url('../images/icon-reacties.gif') no-repeat;
	}

	
	
		
	
	.alignleft	{
		position: relative;
		float: left;
	}
	
	.alignright {
		position: relative;
		float: right;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 *	- REACTIES
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 */
 	
	
	#reacties h3, #reactieformulier h3 {
		width: 100%;
		height: 25px;
		border-bottom: dashed 1px #ccc;
	}
	
	#reacties h4 {
		text-transform: capitalize;
	}
	
	#reacties h4 a {
		color: #a51110;
	}
	
	#reacties ol {
		font-size: 14px;
		color: #999;
		font-weight: bold;
		padding: 0;
		margin: 20px 0 0 0;
		list-style-type: none;
	}
	
	
	#reacties ol li  {

		width: 100%;
		margin: 10px 0 10px 0;
	}
		
	#reacties ol li p {
		font-size: 10px;
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #777;
	}
	
	.reactie {
		padding: 10px;
	}
	
	 .reactiedatum {
	 	font-size: 10px;
		color: #999;
		padding: 2px 0 2px 2px;
	 }	
	 
	 #reacties hr {
	 	border: 0;
	 	border-top: 1px solid #dadada;
		height: 1px;
	 }
	
	#reacties ol li.reactie-1 {
		background: #F2F8F9;
	}
	
	#reacties ol li.reactie-2 {
		background: #E9F2F5;
	}
	
	#reactieformulier {
		margin: 40px 0 0 0;
	}
	
	
	
	
	
	
	
	
	
	
	
/*
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 *	- SIDEBAR
 *	----------------------------------------------------------------------------------------------------------------------------------------------------  
 */

	#sidebar {
		position: relative;
		float: right;
		
		width : 250px;
		margin: 40px 7px 0 0;
		
		font-size: 11px;
		color: #999999;
	}

	html>body #sidebar {
		margin: 40px 15px 0 0;
	}

 	#sidebar h3 {
		padding: 9px 0 0 0;
		margin: 0 0 0 16px;
		/*color: #343434;*/
		font-size: 18px;
		font-weight: normal;
		letter-spacing: -1px;
	}
	
	#sidebar h4 {
		padding: 9px 0 0 0;
		margin: 7px 0 0 17px;
		color: #a51110; 
		font-size: 13px;
		font-weight: bold;
		letter-spacing: -1px;	
	}

  	#sidebar h3 span {
		color: #bdbdbd;
		font-weight: lighter;
		font-size: 20px;
	}

	#sidebar div.module {
		margin: 5px 0 40px 0;
		padding: 0 0 20px 0;
		text-align: left;
		border: 1px solid #dadada;
		background: url(../images/module-gradient.gif) repeat-x #f6f6f6;
	}
	
	#sidebar div.add {
		margin: 5px 0 40px 0;
		text-align: center;
	}	

	#sidebar div.module .title {
		text-align: left;
		
		width: 100%;
		height: 42px;

	}
	
	#sidebar div.module hr {
		
		border: 0;
		height: 1px;
		background: #dadada;
		margin: 8px 16px 0 16px;

	}	



	#sidebar div.module .content {
		padding: 15px 0 15px 0;
		margin: auto;
		width: 206px;
		text-align: left;
	}

	#sidebar div.module .bottom {
		width: 100%;
		height: 24px;
		background: url('../images/design-module-bottom.gif') no-repeat;
	}
	
	#sidebar ul {	
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 10px;
		text-align: left;
	}
	
	#sidebar a.rss {
		float: right;	
		margin: -17px 17px 0 17px;

		color: #999;
	}
		
	#sidebar ul li {
		margin-left: -7px;
	}	
	
	#sidebar ul li a {
		vertical-align: top;
		color: #163251; 
		text-transform: capitalize;
	}

	#sidebar ul li span {
		font-family: Arial, Helvetica, sans-serif;
	}			
	
	#sidebar ul.arrow {
		list-style-image: url('../images/bullet-arrow.gif');
	}


	
	#sidebar input {
		font-size: 10px;
	}
	
	#sidebar .textfield {
		width: 160px;
		height: 14px;
	}
	
	#sidebar .checkbox {
		width: 14px;
		height: 14px;
		border: 1;
		margin-bottom: 0;
		margin-right: 10px;
		vertical-align: top;
	}
	
	

	
	
/*
 *	---------------------------------------------------------------------------------------------------------------------------------------------------- 
 *	- FOOTER
 *	----------------------------------------------------------------------------------------------------------------------------------------------------  
 */	
	
	
	#footer a {
		color: #fff;
	}
	
	#footer div.inside {
	
		position: relative;
		clear: both;
		width: 860px;
		
	}
	
	#footerContent {
		margin: auto;
		text-align: left;
		
	}
	
	#footer h3 {
		font-weight: lighter;
		font-size: 22px;
		letter-spacing: -2px;
		color: #a51110;
		width: 99%;
		height: 24px;
		
		background-repeat: no-repeat;
		
	}
	
	#footer h3 span {
		display: none;
	}
	
	#footerCol-1 h3 {
		background-image: url(../images/footer-laatste-reacties.gif);
	}
	
	#footerCol-2 h3 {
		background-image: url(../images/footer-actuele-artikelen.gif);
	}
	
	#footerCol-3 h3 {
		background-image: url(../images/footer-top-links.gif);
	}	
	
	#footerCol-1, #footerCol-2, #footerCol-3 {
		float: left;
		padding: 0 0 20px 5px;
	}
	
	#footerCol-1 {
		width: 350px;

	}

	#footerCol-2 {
		width: 260px;
	}
		
	#footerCol-3 {
		float: right;
		width: 210px;

	}
	
	
	
	
	#footerContent ul, #footerContent ol {	
		padding: 0;
		font-size: 10px;
	}
	
	#footerContent ul {
		margin: 10px 0 0 16px;
		list-style-image: url('../images/bullet-raquo.gif');
	}
	
	#footerContent ol {
		list-style-type: decimal-leading-zero;
		margin: 10px 0 0 0;
		border-top: 1px solid #1e1e1e;
	}
	
	
	#footerContent ul li, #footerContent ol li {
		color: #4e4e4e;
		font-family: Arial, Helvetica, sans-serif;
		margin: 3px 0 5px 0;
		
	}	
	
	#footerContent ol li {
		list-style-position: inside;
		border-bottom: 1px solid #1e1e1e;
		padding: 0 0 4px 3px;
		
	}
	
	#footerContent ul li a, #footerContent ol li a {
		vertical-align: top;
		color: #a51110;
		font-weight: bold;
		text-transform: capitalize;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;		
	}


	
	#footerEnd {
		border: 0px;
		border-top: 1px solid #383838;
		margin: auto;
		height: 60px;
		
		text-align: left;
		
		
	}
	
	#footerEnd a.sparkle {
		position: absolute;
		top: 3px;
		right: 0;
		
		display: block;
		width: 147px;
		height: 45px;
		
		background-image: url(../images/sparkle-logo.gif);
		background-repeat: no-repeat;
		
	}
	
	#footerEnd a {
		color: #3d3d3d;
	}
	
	#footerEnd a:hover {
		background-position: bottom;
		color: #fff;
		text-decoration: none;
	}
	
	#footerEnd a span {
		display: none;
	}
	
	#footerEnd ul {
		position: absolute;
		left: 0;
		top: 8px;
		
		width: 50%;
		
		margin: 0;
		padding: 0;
		color: #3d3d3d;
	}

	#footerEnd ul li {

		display: inline;
		list-style-type: none;
		padding: 0 6px 0 9px;
	}

	#footerEnd p {
		margin: 25px 0 0 9px;
		color: #3d3d3d;
	}