/* Slice door JimKroon.nl */
 * {
	padding:				0px;
	margin:					0px;
 }

 img {
	display:				none;
 }

 div#container img {
	display:				inline-block;
 }

 html, body {
	background:				url("images/background.png") repeat-x #151515;
	background-position:	top center;
	text-align:				center;
 }
 
 a img {
	border:					0px;
 }

 div#container {
	margin:					0 auto;
	width:					897px;
	text-align:				left;
 }

 div#header {
	background:				url("images/header.png") no-repeat;
	background-position:	top left;
	width:					898px;
	height:					221px;
	padding-right:			3px;
 }

 div#header h1 {
	display:				none;
 }

 div#header div#member {
	background:				url("images/header-member.png") no-repeat;
	width:					280px;
	height:					133px;

	float:					right;
	margin-top:				15px;

	padding-top:			12px;
	padding-left:			10px;
	padding-right:			10px;
 }

 div#header div#member img#member-avatar {
	float:					left;
 }

 div#header div#member h2#member-username {
	font-family:			Arial;
	font-size:				20px;
	color:					#ffffff;

	position:				relative;
	left:					10px;
 }

 div#header div#member p#member-options {
	font-family:			Arial;
	font-size:				11px;
	color:					#ffffff;

	position:				relative;
	left:					10px;
 }

 div#header div#member p#member-options span {
	color:					#0aca0a;
	font-weight:			bold;
 }

 div#header div#member p#member-links {
	clear:					both;
	padding-top:			6px;
	padding-left:			10px;
 }

 div#header div#member p#member-links img {
	margin-bottom:			-8px;
 }

 div#header div#member p#member-links a {
	margin-top:				-5px;
	display:				inline-block;

	font-family:			Arial;
	font-size:				11px;
	color:					#ffffff;
	text-decoration:		none;
 }

 div#header div#member p#member-links a:hover {
	text-decoration:		underline;
 }

 div#header div#topmenu {
	background:				url("images/top-menu.png") no-repeat;
	width:					461px;
	height:					26px;

	float:					right;
	margin-top:				8px;
	clear:					both;
	padding-top:			4px;
	display:				block;
	padding-left:			10px;
 }

 div#header div#topmenu a {
	font-family:			Arial;
	font-size:				12px;
	color:					#ffffff;
	text-decoration:		none;
	font-weight:			bold;
	margin-right:			16px;
 }

 div#header div#topmenu a:hover {
	text-decoration:		underline;
 }

 div#header div#languages {
	float:					right;
	margin-top:				7px;
	clear:					both;
	display:				block;
 }

 div#header div#languages a img {
	border:					0px;
 }
 
 
 
 
 
 
 
 
 
 div#field {
 	width:					897px;
	margin-top:				6px;
 }
 
 div#lmenu {
	float:					left;
	width:					168px;
 }
 
  div#rmenu {
	float:					right;
	width:					168px;
 }
 
 ul.menu {
	background:				#111111;
	display:				block;
	list-style:				none;
	line-height:			14px;
	padding-top:			5px;
	border-left:			1px solid #000000;
	border-right:			1px solid #000000;
	margin-bottom:			18px;
 }
 
 ul.menu li {
	background:				url( "images/li-bg.png" ) no-repeat;
	background-position:	5px 4px;
 	font-family:			Arial;
	font-size:				11px;
	color:					#ffffff;
	padding-left:			15px;
	font-weight:			bold;
 }
 
 ul.menu li.blue {
	background:				url( "images/li-bg-blue.png" ) no-repeat;
	background-position:	5px 4px;
 }
 
 ul.menu li.none {
	background:				none;
 }
 
 ul.menu li.last {
 	background:				url( "images/menu-bottom.png") no-repeat;
	background-position:	bottom center;
	
	position:				absolute;
	display:				block;
	height:					8px;
	width:					168px;
	padding-left:			0px;
	margin-left:			-1px;
 }
 
 ul.menu li span.red {
	color:					#c40404;
 }
 
 ul.menu li span.grey {
	color:					#999999;
 }
 
 ul.menu li span.blue {
	color:					#57bdfd;
 }
 
 ul.menu li span.block {
	display:				inline-block;
	width:					80px;
 }
 
  ul.menu li a {
	text-decoration:		none;
	color:					#ffffff;
 }
 
 div#lmenu h2, div#rmenu h2 {
	background:				url("images/menu-top.png");
	font-family:			Arial;
	font-size:				13px;
	color:					#ffffff;
	height:					21px;
	text-align:				center;
	padding-top:			11px;
	padding-right:			20px;
	display:			block;
 }
 
 
 
 
 div#lmenu h2.content, div#rmenu h2.content {
	background:				url("images/menu-top-content.png");
 }
 
 ul.content {
	background:				url("images/ul-content-bg.png") no-repeat #111111;
	background-position:	bottom right;
 }
 
 
 
 div#lmenu h2.member {
	background:				url("images/menu-top-member.png");
 }
 
 ul.member {
	background:				url("images/ul-member-bg.png") no-repeat #111111;
	background-position:	bottom right;
 }
 
 div#lmenu h2.poll {
	background:				url("images/menu-top-poll.png");
 }
 
 ul.poll {
	background:				url("images/ul-poll-bg.png") no-repeat #111111;
	background-position:	bottom right;
 }
 
 div#lmenu h2.dl {
	background:				url("images/menu-top-dl.png");
	height:					23px;
 }
 
 ul.dl {
	background:				url("images/ul-dl-bg.png") no-repeat #111111;
	background-position:	bottom right;
 }
 
 div#rmenu h2.topdl {
	background:				url("images/menu-top-topdl.png");
	height:					23px;
 }
 
 ul.topdl {
	background:				url("images/ul-topdl-bg.png") no-repeat #111111;
	background-position:	bottom right;
 }
 
 div#rmenu h2.names {
	background:				url("images/menu-top-names.png");
	height:					23px;
 }
 
 ul.names {
	background:				url("images/ul-names-bg.png") no-repeat #111111;
	background-position:	bottom right;
 }
 
 div#rmenu h2.partners {
	background:				url("images/menu-top-partners.png");
	height:					23px;
 }
 
 ul.partners {
	background:				url("images/ul-partners-bg.png") no-repeat #111111;
	background-position:	bottom right;
 }
 
 div#rmenu h2.stats {
	background:				url("images/menu-top-stats.png");
	height:					23px;
 }
 
 ul.stats {
	background:				url("images/ul-stats-bg.png") no-repeat #111111;
	background-position:	bottom right;
 }
 
 
 
 
 
 
 div#content {
	width:					506px;
	margin-left:			25px;
	float:					left;
 }

 div.contents {
	padding:			10px;
	background:			#111111;
	border:			1px solid #000000;
 }





 /* CUSTOM CONTENT */

 div#content div.contents table {
 }

 div#container div#field div#content div.contents {
	color:				#ffffff;
 }

 div#container div#field div#content div.contents td a {
	color:				#ffffff;
 }

 div#container div#field div#content div.contents font {
	color:				#ffffff;
 }

 /* END CUSTOM CONTENT */




 
 div#content a.pro img {
	border:					0px;
 }
 
 div#content a.pro {
	margin-left:			48px;
 }
 
 
 
 
 div#footer {
	background:				url( "images/media.png" ) no-repeat;
	background-position:	right bottom;
	clear:					both;
	padding-bottom:			40px;
	margin-bottom:			10px;
 }
 
 div#footer p.kop {
	font-family:			Arial;
	font-size:				12px;
	color:					#ffffff;
	text-align:				center;
	font-weight:			bold;
 }
 
 div#footer p.users {
	font-family:			Arial;
	font-size:				11px;
	color:					#ffffff;
	text-align:				center;
 }
 
 div#footer p.users a {
	font-family:			Arial;
	font-size:				11px;
	color:					#ffffff;
	text-align:				center;
	font-weight:			bold;
	text-decoration:		none;
 }
 
 div#footer p.users a span.blue {
	color:					#2e66ff;
 }
 
 div#footer p.users a span.orange {
	color:					#ffaa00;
 }
 
 div#footer p.users a span.red {
	color:					#ff3333;
 }



 /* FIXES!! */

 h2 span.blue {
	color:					#2e66ff;
 }
 
 h2 span.orange {
	color:					#ffaa00;
 }
 
 h2 span.red {
	color:					#ff3333;
 }
 
 
 
 
 
 
 
 
 
 
 






























	div#news {
	margin-left: 5px;
		font-family:				Arial;
		font-size:					12px;
		color:						#FFFFFF;


a:link 							{color:#000000;}
a:visited 						{color:#000000;}
a:hover 						{color:#FFFFFF;}
a:active 						{color:#000000;}
a:link 							{text-decoration:none;}
a:visited 						{text-decoration:none;}
a:hover 						{text-decoration:none;}
a:active 						{text-decoration:none;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




