/***********************************************************/
/* Selectietool Cascading Style Sheet                             */
/***********************************************************/

/* TABS */

div#leftbar div.tab_selectie {
	float				: left;

}

div#leftbar div.tab_selectie a {
	display				: block;
	height				: 21px;
	width				: 80px;
	padding				: 4px 0px 0px 0px;
	border				: 1px solid #999;
	border-bottom			: none;
	margin				: 0px 0px 0px 8px;
	color				: #000;
	text-decoration			: none;
	text-align 			: center;
}

div#leftbar div.tab_selectie a.active {
	background-color		: #F97D02;
	color 				: #FFF;
	letter-spacing			: 1px;
	border				: none;
	border-bottom			: 1px solid #F97D02;
}

/* TOOL */

div#leftbar div#selectietool {
	background			: #F97D02 url("../images/basis/bg_selectietool.jpg") no-repeat;
	background-position		: 0% 100%;
	width 				: 197px;
	height				: 550px;
	padding 			: 0px;
	padding-left			: 15px;
	margin 				: 0px;
	float				: left;
	overflow 			: hidden;
	position			: relative;
	z-index				: 2;
}

div#leftbar div.leftmenu {	
	padding				: 30px 0px 0px 0px;	
	background			: #F97D02 url("../images/basis/bg_selectietool.jpg") no-repeat;
	background-position	: 0% 100%;
	width 				: 100%;
	height				: 350px;
	margin 				: 0px;
	float				: left;
	overflow 			: hidden;
	position			: relative;
	z-index				: 2;	
	
}

div#leftbar div.leftmenu a 
{	
	padding-left		: 20px;
	text-decoration 	: none;
	display				: block;	
	color 				: #000;	
	background			: url(../images/bullets/pointer_selectietool.gif) no-repeat scroll 0% 50%;	
	background-position : 5px 5px;	
}
div#leftbar div.leftmenu a:hover
{		
	background				: #FFF url(../images/bullets/pointer_selectietool.gif) no-repeat scroll 0% 50%;	 
	background-position		: 8px 5px;
}

div#leftbar div.leftmenu a.active
{		
	background				: #F97D02 url(../images/bullets/pointer_selectietool.gif) no-repeat scroll 0% 50%;	 
	color:#FFF;
	background-position		: 8px 5px;
}

div#leftbar div.leftmenu li 
{		
	list-style-type		: none;
	
}
div#leftbar div.leftmenu ul 
{
	/*border-top:solid 1px #999999;*/
	padding: 0px;	
}



div#leftbar div#selectietool a {
	text-decoration 	: none;
	color 				: #000;
}


div#leftbar div#selectietool span.resultaat {
	font-size			: 15px;
	font-weight			: bold;
	color				: #FFF;
	padding 			: 14px 0px 0px 0px;
	margin	 			: 0px;
	float				: left;
}

/* SNEL ZOEKEN */

div#leftbar div#selectietool input.txt_snelzoeken {
	padding-right			: 20px;
	float				: left;
	margin-top 			: 14px;
}

div#leftbar div#selectietool .but_snelzoeken {
	background			: #F97D02 url("../images/bullets/but_snelzoeken.gif") no-repeat;
	background-position		: 0% 100%;
	width 				: 25px;
	height 				: 20px;
	border 				: 0px;
	margin				: 14px 0px 4px 20px;
	padding    			: 0px 0px 0px 0px;
	float				: left;
	cursor 				: hand;
}

/* TOOL FORM */

div#leftbar div#selectietool div.selectie {
	 width: 180px;
	 padding-right:3px;
	 padding-top:1px;
	 float: left;
}

div#leftbar div#selectietool div.selectie label {
	 width:73px;
	 float:left;
	 margin	: 0px 0px 3px 0px;
}

div#leftbar div#selectietool div.selectie select {
	 width:105px;
	 margin	: 0px 0px 0px 0px;
	 padding:0px;
	 float: left;
}

div#leftbar div#selectietool div.selectie input {
	border:1px solid #006E7B;
}


/* SELECTIERESULTAAT */


div#leftbar div#selectietool ul#selectieresultaat {
	margin				: 5px 0px 0px 0px;
	padding 			: 0px 0px 0px 0px;
	float				: left;
	width 				: 160px;
	list-style-type	: none;
}

div#leftbar div#selectietool ul#selectieresultaat li {
	width 				: 100%;
	margin				: 0px;
	float				: left;
	padding				: 0px 0px 0px 12px;
	background			: url("../images/bullets/pointer_selectietool.gif") no-repeat;
	background-position		: 0% 50%;
	line-height			: 12px;
}

div#leftbar div#selectietool ul#selectieresultaat li a {
	line-height			: 17px;
}


div#leftbar div#selectietool ul#selectieresultaat li a:hover {
	color 				: #FFF;
}

div#leftbar div#selectietool ul#selectieresultaat li a.active {
	color 				: #FFF;
}



/* PAGE NUMBERS */

div#leftbar div#selectietool ul#resultaat_pagenr {
	margin				: 5px 0px 0px 0px;
	padding 			: 0px;
	float				: left;
	width 				: 100%;
	list-style-type	: none;
}

div#leftbar div#selectietool ul#resultaat_pagenr li {
	width				: 15px;
	float				: left;
	text-align			: center;
	margin				: 0px;
	padding 			: 0px;
	margin-right 			: 5px;
}

div#leftbar div#selectietool ul#resultaat_pagenr li a {
	width				: 14px;
	line-height			: 13px;
	display				: block;
	color				: #000;
	text-decoration			: none;
	text-align			: center;
	margin				: 0px;
	padding				: 1px;
}

div#leftbar div#selectietool ul#resultaat_pagenr li a:hover{
	width				: 14px;
	border				: 1px solid #FFF;
	text-align			: center;
	padding				: 0px;
	margin				: 0px;
}

div#leftbar div#selectietool ul#resultaat_pagenr li a.active{
	width				: 14px;
	border				: 1px solid #FFF;
	text-align			: center;
	padding				: 0px;
	margin				: 0px;
}


/* OPMAAK FLYOVER */

div#flyover {
	height		: 492px;
	position	: absolute; 
	top			: 228px; 
	left		: -339px; 
	width		: 570px;
	margin		: 0px;
	padding		: 0px;
}



div#flyover a {
	text-decoration	: none;
}

div#flyover a:hover {

}


div#flyover div#selectie {
	height		: 550px;
 	width		: 552px;
	float		: left;
	color		: #FFF;
	/*overflow	: hidden;*/
	background	: #F97D02 url("../images/basis/bg_flyover.jpg") no-repeat right bottom;
	margin		: 0px;
}

div#flyover div#selectie div.content {
	margin-top	: 5px;
	width		: 500px;
	float		: right;
	padding-right	: 10px;
	height		: 540px;
}

div#flyover div#selectie div.content div.image {
	text-align	: center;
	float		: left;
	width		: 18%;
	margin		: 0px;
	padding		: 0px;
	margin-bottom	: 4px;
	overflow	: hidden;
}

/* IE5 fix */
div#flyover div#selectie div.content div.image img {
	width		: 70px;
	height		: 97px;
}
/* einde IE5 fix */


div#flyover div#selectie div.content div.image a {	
	text-align	: center;
	display		: block;
	float		: left;
	color		: #000;
	padding		: 5px;
	height		: 140px;
	overflow	: hidden;
}

div#flyover div#selectie div.content div.image a:hover {
	text-align	: center;
	float		: left;
	color		: #000;	
	padding		: 3px;
	border		: 2px solid white;
}

div#flyover div#selectie div.content div.image a.active {
	text-align	: center;
	float		: left;
	color		: #000;
	padding		: 3px;
	border		: 2px solid white;
}


div#flyover span#selectiebutton {
	width		: 18px;
	height		: 116px;
	float		: left;
	padding		: 0px;
	margin		: 0px;
	margin-top	: 170px;
	background	: #F97D02 url("../images/basis/flyover_open.gif") no-repeat;
	cursor		: pointer;
}