/* -------------------------------------------------------------------------------------
maarten schultheiss, januari 2009
----------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }


	ul.thumbs, ul.themethumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul.thumbs li{
		background-image:url(../../images/buttonspelletjes.jpg);
		background-position:0px 0px;
		float:left;
		width:237px;
		height:40px;
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;/*em*/
	}
	ul.themethumbs li{
		background-image:url(../../images/buttongroep.jpg);
		background-position:0px 0px;
		float:left;
		width:237px;
		height:40px;
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;/*em*/
	}	
	ul.thumbs a, ul.themethumbs a{
		background-position:10px 200px;
		float:left;
		width:180px;/*even groot als bij ul#thumbs span    -    bepaalt breedte van button hitarea    -    237px(breedte geheel)-57px(padding-left)=180px*/
		height:40px;
		line-height:40px;
		overflow:hidden;
		position:relative;
		z-index:1;		
		padding-left:57px;
		cursor:pointer;
		color:#434343;
	}
	ul.thumbs a img, ul.themethumbs a img{
		float:left;
		position:absolute;
		height:32px;
		width:32px;
		top:4px;
		left:6px;	
	}
	
	ul.thumbs span, ul.themethumbs span{
		display:block;
		width:180px; /* bepaald breedte van button hitarea */
		height:40px;
		overflow:hidden;
	}
	
	/* mouse over */
		ul.thumbs a:hover, ul.themethumbs a:hover{
			overflow:visible;
			z-index:999;
			border:none;
			background-position:10px 10px;
			text-decoration:underline;
			color:#000;
		}
		ul.thumbs a:hover img, ul.themethumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;
			height:60px;
			width:60px;
			top:-15px;
			left:-12px;	
		}	
	
		ul.thumbs:after, ul.themethumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul.thumbs, ul.themethumbs{
			display:block;
			min-height:1%;
			}
		* html ul.thumbs, * html ul.themethumbs{
			height:1%;
			}	
	

/* buttons groep selectie */
	ul.groep, ul.groep li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#333;
		line-height:30px;
		position:relative;
	}
	ul.groep a {
		color:#138FCC;
		text-decoration:none;
		padding:9px 0;
	}
	
	ul.groep a span{
		display:none;
	}
	
	ul.groep a:visited{
		color:#138fcc;
		}
		
	ul.groep a:hover{
		overflow:visible;
		color:#000;
		text-decoration:underline;
		}
	
	ul.groep a:hover span{
		display:block;
		position:absolute;
		top:-10px;
		left:-15px;
		background:#0088d6;
		color:#FFFFFF;
		border:1px solid #e2e2e2;
		padding:10px 15px;
		line-height:15px;
		z-index:999;
		white-space:nowrap;
		cursor:pointer;
		text-decoration:none;
		}
	
	ul.groep span{
		font-weight:bold;
		color:#000;
	}
	
	
/* zoekbutton */
	#submit{
		background:url(/rekenweb/images/zoek-button.jpg) top left no-repeat;
		height:22px;
		width:75px;
		border:0;
		padding:0;
		margin:0;
		cursor:pointer;
	}