/* -------------------------------------------------------------------------------------
vincent jonker, juli 2011
maarten schultheiss, januari 2009
uitgezet: ul#thumbs li { margin:0; padding:0; list-style:none; }
----------------------------------------------------------------------------------------*/
ul.thumbs, ul.thumbsklein {
	margin:0;
	padding:0;
	list-style:none;
}
ul.thumbs li {
	background-image:url(../../images/buttonspelletjes.jpg);
	background-position:0px 0px;
	float:left;
	width:230px;
	height:40px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
ul.thumbsklein li {
	background-position:0px 0px;
	float:left;
	width:180px;
	height:30px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
ul.thumbs a {
	background-position:10px 200px;
	float:left;
	width:180px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	position:relative;
	z-index:1;		
	padding-left:57px;
	cursor:pointer;
	color:#434343;
}
ul.thumbsklein a {
	background-position:10px 170px;
	float:left;
	width:130px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	position:relative;
	z-index:1;		
	padding-left:27px;
	cursor:pointer;
	color:#434343;
}
ul.thumbs a img {
	float:left;
	position:absolute;
	height:32px;
	width:32px;
	top:4px;
	left:6px;	
}
ul.thumbsklein a img {
	float:left;
	position:absolute;
	height:22px;
	width:22px;
	top:3px;
	left:4px;	
}
ul.thumbs span {
	display:block;
	width:180px; 
	height:40px;
	overflow:hidden;
}
ul.thumbsklein span {
	display:block;
	width:130px; 
	height:30px;
	overflow:hidden;
}
/* mouse over */
ul.thumbs a:hover, ul.thumbsklein a:hover {
	overflow:visible;
	z-index:999;
	border:none;
	background-position:10px 10px;
	text-decoration:underline;
	color:#000;
}
ul.thumbs a:hover img, ul.thumbsklein a:hover img {
	border:1px solid #999;	
	background:#fff;
	padding:2px;
	height:60px;
	width:60px;
	top:-15px;
	left:-12px;	
}	
ul.thumbs:after, ul.thumbklein:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
ul.thumbs, ul.thumbsklein {
	display:block;
	min-height:1%;
}
* html ul.thumbs, * html ul.thumbsklein {
	height:1%;
}
div.pvdm {
	padding:8px;
	color:gray;
	background-color:#FED;
	-moz-border-radius: 15px; border-radius: 15px;
}
hr, hr.streepje {
	background-color:#d3defa;
	height:1px;
	border:hidden;
}
div.rekenmaar {
	padding:4px;
	margin: 0px;
	background-color:#FED;
	-moz-border-radius: 15px; border-radius: 15px;
}
div.koprood, div.koppaars {
	padding: 4px;
	font-size: 11pt;
	line-height: 12pt;
	text-align: center;
	color: white;
	-moz-border-radius: 10px; border-radius: 10px;
}
div.koprood {
	background-color:#fd9494;
}
div.koppaars {
	background-color:#a1a1fc;
}