<!--
/* 
====================================================================

	Nico van Veenendaal webdesign & -development
	www.nicovanveenendaal.nl  |  info@nicovanveenendaal.nl
          
	Project: Vitaal Plattelans
	Datum: 31-03-2010

====================================================================
*/


* {
	margin: 0;
	padding: 0;
}
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #e4e4e4 url('img/page_bg.png') repeat-x;
	color: #333333;
	height: 100%;
}

#base {
	position: relative;
	width: 990px;
	margin: 10px auto 0 auto;
	background: url('img/base_bg.png') repeat-y;
}
*html #base {
	background: url('img/base_bg_ie6.png') repeat-y;
}
	

/*
============================== COMMON STYLES
*/

img { border: none; }
.left { float: left; }
.right { float: right; }
fieldset { border: none; }




/*
============================== HEADER
*/

	#header {
		position: relative;
		width: 990px;
		height: 85px;
		background: url('img/header_bg.png') no-repeat;
	}
	
	*html #header {
		background: url('img/header_bg_ie6.png') no-repeat;
	}
		#logo a {
			position: absolute;
			top: 10px;
			left: 10px;
			width: 173px;
			height: 40px;
			display: block;
			overflow: hidden;
			line-height: 999px;
			background: url('img/logo_vitaalPlatteland.png') no-repeat;
		}
		
		#mainNav {
			width: 970px;
			height: 35px;
			margin: 0 10px;
			background: #006666 url('img/mainNav_bg.png') repeat-x;
		}
			#mainNav ul {
				list-style-type: none;
				padding: 0 0 0 11px;
			}
				#mainNav li {
					position: relative;
					float: left;
					display: inline;
					margin: 9px 3px 0 3px;
				}
				*html #mainNav li {
					background: #549898 url('img/mainNavItem_bg.png') repeat-x;
				}
					#mainNav li a,
					#mainNav li a:visited {
						font-size: 13px;
						color: #ffffff;
						text-decoration: none;
						display: block;
						padding: 5px 20px;
						background: #549898 url('img/mainNavItem_bg.png') repeat-x;
						
					}
						#mainNav li .ls {
							width: 4px;
							height: 4px;
							position: absolute;
							display: block;
							overflow: hidden;
							top: 0;
							left: 0;
							background: url('img/mainNavItem_ls.png') no-repeat;
						}
						#mainNav li .rs {
							width: 4px;
							height: 4px;
							position: absolute;
							dislplay: block;
							overflow: hidden;
							top: 0;
							right: 0;
							background: url('img/mainNavItem_rs.png') no-repeat;
						}
						*html #mainNav li .rs {
							right: -1px;
							background: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/mainNavItem_rs.png', sizingMethod='scale');
						}
						*html #mainNav li .ls {
							background: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/mainNavItem_ls.png', sizingMethod='scale');
						}
						
						
						
					#mainNav li.active a,
					#mainNav li.active a:visited {
						color: #003838;
						background: #ffffff;
					}
					
					*html #mainNav li.active {
						background: #ffffff;
					}
					
					
		#subNav {
			position: relative;
			float: left;
			width: 155px;
			margin: 0 0 0 24px;
			background: #c3d3d3 url('img/subNav_bg.png') repeat-y;
			display: inline;
		}
		
			
			#subNav ul {
				list-style-type: none;
				margin: 8px 0;
			}
			
				#subNav li {
					position: relative;
					margin: 2px 0 2px 7px;
				}
				#subNav li.active {
					background: url('img/subNavItem_active.png') repeat-y;
				}
					#subNav li .lt,
					#subNav li .rt,
					#subNav li .lb,
					#subNav li .rb {
						position: absolute;
						width: 5px;
						height: 5px;
						overflow: hidden;
						display: block;
					}
					#subNav li .lt { top:0px; left:0px; background: url('img/subNav_lt.png') no-repeat; }
					#subNav li .rt { top:0px; right:0px; background: url('img/subNav_rt.png') no-repeat; }
					#subNav li .lb { bottom:0px; left:0px; background: url('img/subNav_lb.png') no-repeat; }
					#subNav li .rb { bottom:0px; right:0px; background: url('img/subNav_rb.png') no-repeat; }
					
					*html #subNav li .lt { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/subNav_lt.png', sizingMethod='scale');}
					*html #subNav li .rt { background:none; right:-1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/subNav_rt.png', sizingMethod='scale');}
					*html #subNav li .lb { background:none; bottom:-1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/subNav_lb.png', sizingMethod='scale');}
					*html #subNav li .rb { background:none; right:-1px; bottom:-1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/subNav_rb.png', sizingMethod='scale');}

					
					#subNav li.active .rt,
					#subNav li.active .rb {
						display: none;
					}
					
			
					#subNav li a {
						width: 131px;		/* -10px padding */
						font-size: 10px;
						font-weight: normal;
						color: #000000;
						text-decoration: none;
						display: block;
						padding: 5px;
					}

						#subNav li a:hover {
							background: url('img/subNavItem_hover.png') repeat-y;
	
						}
					
					#subNav li.active a {
						font-weight: bold;
						color: #002c2c;
					}
						#subNav li.active a:hover {
							background: none;
						}
					
					
					#subNav li ul {
						margin: 0 0 6px 0;
					}
					
						#subNav li.active li a {
							padding: 0 0 0 12px;
							background: url('img/arrow_green.png') left 3px no-repeat;
							border: none;
							font-weight: normal;
							color: #000000;
						}
						#subNav li.active li.active a {
							font-weight: bold;
							color: #002c2c;
						}
						
						
						#subNav li.active li a:hover {
							background: url('img/arrow_green.png') left 3px  no-repeat;
						}
				
				
/*
============================== CONTENT
*/

#content {
	position: absolute
	width: 849px;
	margin: 40px 0 0 0;
}

	#mainColumn {
		float: left;
		width: 614px;
		margin: 0 0 0 43px;
		display: inline;
	}
	
	#mainColumnSmall {
		float: left;
		width: 496px;
		margin: 0 0 0 32px;
		display: inline;
	}


	
		#mainColumn .B_crumbBox,
		#mainColumn .B_crumbBox a,
		#mainColumnSmall .B_crumbBox,
		#mainColumnSmall .B_crumbBox a {
			font-size: 16px;
			color: #999999;
			text-decoration: none;	
		}
			#mainColumn .B_crumbBox a:hover,
			#mainColumnSmall .B_crumbBox a:hover {
				color: #999999;
				text-decoration: underline	
			}

			#mainColumn h1,
			#mainColumn h2,
			#mainColumn h3,
			#mainColumn dt,
			#mainColumnSmall h1,
			#mainColumnSmall h2,
			#mainColumnSmall h3,
			#mainColumnSmall dt{
				color: #bb2723;
				font-weight: normal;
			}
			#mainColumn h1,
			#mainColumnSmall h1 {
				font-size: 27px;
				margin: 0 0 12px 0;
			}
			#mainColumn h2,
			#mainColumnSmall h2 {
				font-size: 18px;
				margin: 0 0 2px 0;
			}
			#mainColumn p,
			#mainColumnSmall p,
			#mainColumn li,
			#mainColumnSmall li {
				font-size: 11px;
				line-height: 17px;
				color: #333333;
				margin: 0 0 20px 0;
			}
			
			#mainColumn ul,
			#mainColumnSmall ul {
				list-style-type: none;
				margin: 0 0 20px 0;
			}
				#mainColumn li,
				#mainColumnSmall li {
					padding: 0 0 0 12px;
					background: url('img/arrow_red.png') left 4px no-repeat;
					margin: 0 0 4px 0;
				}
			#mainColumn #sitemap ul{
				margin: 0;
			}

			#mainColumn a {
				color: #bb2723;
				font-weight: bold;
				text-decoration: none;
			}
				#content a:hover {
					color: #666666;
				}
			#mainColumn a.more {
				padding: 0 10px 0 4px;
				background: url('img/arrow.png') right 3px no-repeat;
			}
				#mainColumn a.more:hover {
					background: url('img/arrow_hover.png') right 3px no-repeat;
				}
			#mainColumn h1 a,
			#mainColumn h2 a,
			#mainColumn h3 a,
			#mainColumn dt a {
				font-weight: normal;
			}




			.visual {
				position: relative;
				overflow: hidden;
				margin: 0 0 20px 0;
				width: 100%;
				height: 194px;
			}







				.corner .lt,
				.corner .rt,
				.corner .lb,
				.corner .rb {
					position: absolute;
					width: 5px;
					height: 5px;
					overflow: hidden;
					display: block;
				}
				.corner .lt { top:0px; left:0px; background: url('img/corner_lt.png') no-repeat; }
				.corner .rt { top:0px; right:0px; background: url('img/corner_rt.png') no-repeat; }
				.corner .lb { bottom:0px; left:0px; background: url('img/corner_lb.png') no-repeat; }
				.corner .rb { bottom:0px; right:0px; background: url('img/corner_rb.png') no-repeat; }
				
				*html .corner .lt { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/corner_lt.png', sizingMethod='scale');}
				*html .corner .rt { background:none; right:-1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/corner_rt.png', sizingMethod='scale');}
				*html .corner .lb { background:none; bottom:-1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/corner_lb.png', sizingMethod='scale');}
				*html .corner .rb { background:none; right:-1px; bottom:-1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/corner_rb.png', sizingMethod='scale');}















#mainColumn .functionBar,
#mainColumnSmall .functionBar {
	padding: 4px 8px 30px 8px;
	border-top: 1px solid #cccccc;
	font-size: 10px;
}
	#mainColumn .functionBar a,
	#mainColumnSmall .functionBar a {
		color: #999999;
		text-decoration: none;
	}
		#mainColumn .functionBar a:hover,
		#mainColumnSmall .functionBar a:hover {
			color: #999999;
			text-decoration: underline;
		}







	#rightColumn {
		float: right;
		width: 222px;
		margin: 0 10px 0 0;
		display: inline;
	}

		.sideBlock {
			position: relative;
			width: 200px;		/* -10px padding */
			padding: 8px 7px;
			background: #eaf2fa url('img/sideBlock_bg.png') repeat-y;
		}
			.sideBlock .rt,
			.sideBlock .rb {
				position: absolute;
				width: 5px;
				height: 5px;
				overflow: hidden;
				display: block;
			}
			.sideBlock .rt { top:0px; right:0px; background: url('img/sideBlock_rt.png') no-repeat; }
			.sideBlock .rb { bottom:0px; right:0px; background: url('img/sideBlock_rb.png') no-repeat; }
			
			*html .sideBlock .rt { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/sideBlock_rt.png', sizingMethod='scale');}
			*html .sideBlock .rb { background:none; right:-1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vitaalplatteland.nicovanveenendaal.nl/assets/templates/vitaalPlatteland/img/sideBlock_rb.png', sizingMethod='scale');}
			

			#content .sideBlock .item {
				margin: 0 0 4px 0;
			}
				#content .sideBlock h2 {
					width: 192px;		/* -6px padding */
					color: #bb2723;
					font-size: 16px;
					font-weight: normal;
					padding: 0 3px 6px 3px;
					margin: 0 0 8px 0;
					border-bottom: 1px solid #d0deeb;
				}
				#content .sideBlock p,
				#content .sideBlock ul {
					font-size: 10px;
					line-height: 16px;
					padding: 0 3px;
				}
				
				#content .sideBlock a {
					color: #000000;
					text-decoration: underline;
				}
					#content .sideBlock a:hover {
						color: #bb2723;
					}
					
				.seperator {
					height: 24px;
				}

				#content .sideBlock ul {
					list-style-type: none;
				}
					#content .sideBlock li a {
						color: #000000;
						text-decoration: none;
						padding: 0 0 2px 21px;
						display: block;
					}
					
						#content .sideBlock li a:hover {
							text-decoration: underline;
						}

					#content .sideBlock a.link { background: url('img/icon_link.png') no-repeat; }
					#content .sideBlock a.pdf { background: url('img/icon_pdf.png') no-repeat; }
					#content .sideBlock a.doc { background: url('img/icon_doc.png') no-repeat; }
					#content .sideBlock a.ppt { background: url('img/icon_ppt.png') no-repeat; }
					#content .sideBlock a.img { background: url('img/incon_img.png') no-repeat; }
					
				#content .overviewActueel {
					list-style-type: none;
				}
					#content .overviewActueel li {
						border-bottom: 1px solid #cfddeb;
						margin: 0 0 10px 0;
					}
					#content .overviewActueel li.last {
						border: none;
						margin: 0;
					}
					
						#content .overviewActueel h3 a {
							font-size: 13px;
							font-weight: bold;
							color: #165696;
							padding: 0;
						}
							#content .overviewActueel h3 a:hover {
								color: #bb2723;
								text-decoration: none;
							}
							
							#content .overviewActueel p {
								font-size: 10px;
								line-height: 15px;
								padding: 4px 0 9px 0;
							}
							#content .overviewActueel .last p {
								padding: 4px 0 0 0;
							}
							#content .overviewActueel a.more {
								display: inline;
								padding: 0;
								color: #165696;
								font-weight: bold;
								text-decoration: none;
							}
								#content .overviewActueel a.more:hover {
									color: #bb2723;
									text-decoration: none;
								}



/*
============================== BIBLIOTHEEK
*/


#mainColumn #bibliotheek {
	margin: 0 -80px 0 -15px;
}

	#mainColumn ul.bibliotheekNav {
		position: relative;
		list-style-type: none;
		margin: 0 0 0 8px;
		z-index: 2;
	}
		#mainColumn ul.bibliotheekNav li {
			position: relative;
			display: inline;
			float: left;
			padding: 0;
			margin: 0 0 0 8px;
			background: none;
		}
			#mainColumn ul.bibliotheekNav li a {
				font-size: 12px;
				font-weight: normal;
				color: #898989;
				padding: 1px 12px 3px 12px;
				display: block;
				background: #fafafa url('img/bibliotheekNavItem_bg.png') repeat-y;
				border: 1px solid #e6e6e6;
				border-bottom: none;
			}
		#mainColumn ul.bibliotheekNav li.active a {
			background: #f1f1f1;
			color: #525252;
			padding: 1px 12px 4px 12px;
		}
		
		

		#bibliotheek input {
			float: left;
			width: 400px;
			height: 22px;		/* -2px padding */
			border: 1px solid #cccccc;
			padding: 2px 0 0 8px;
			font-size: 15px;
		}	
		#bibliotheek .radio {
			padding: 0 0 10px 0;
		}
			#bibliotheek .radio input {
				float: none;
				width: 1px;
				height: 1px;
			}
			#bibliotheek .radio label {
				font-size: 11px;
				padding: 0 10px 0 3px;
			}
			
		#bibliotheek .block a.submit {
			float: left;
			width: 80px;
			height: 26px;
			display: block;
			overflow: hidden;
			line-height: 999px;
			background: url('img/searchButton_bg.png') 0 0 no-repeat;
		}


		
		
		
		.bibliotheekNav .ls,
		.bibliotheekNav .rs {
			position: absolute;
			width: 5px;
			height: 5px;
			overflow: hidden;
		}
		.bibliotheekNav .ls { top:-1px; left:-1px; background: url('img/cornerBlock_lt.png') no-repeat; }
		.bibliotheekNav .rs { top:-1px; right:-1px; background: url('img/cornerBlock_rt.png') no-repeat; }
			
			
	#mainColumn #bibliotheek .block {
		position: relative;
		background: #f1f1f1 url('img/bibliotheelBlock_bg.png') repeat-x;
		padding: 8px 15px;
		border: 1px solid #e6e6e6;
		margin: -1px 0 0 0;
		z-index: 1;
	}

		.block .lt,
		.block .rt,
		.block .lb,
		.block .rb {
			position: absolute;
			width: 5px;
			height: 5px;
			overflow: hidden;
		}
		.block .lt { top:-1px; left:-1px; background: url('img/cornerBlock_lt.png') no-repeat; }
		.block .rt { top:-1px; right:-1px; background: url('img/cornerBlock_rt.png') no-repeat; }
		.block .lb { bottom:-1px; left:-1px; background: url('img/cornerBlock_lb.png') no-repeat; }
		.block .rb { bottom:-1px; right:-1px; background: url('img/cornerBlock_rb.png') no-repeat; }
		
	#mainColumn #atozNav {
		margin: 0 0 0 -6px;
	}
		#mainColumn #atozNav li {
			dispaly: inline;
			float: left;
			margin: 0;
			background: none;
			padding: 0;
		}
			#mainColumn #atozNav a {
				padding: 0 6px 0 6px;
				display: block;
				font-size: 11px;
				font-weight: normal;
				color: #494949;
				text-decoration: underline;
			}
				#mainColumn #atozNav a:hover {
					color: #bb2723;
				}
			#mainColumn #atozNav .active {
				padding: 0 6px 0 6px;
				font-size: 16px;
				font-weight: bold;
				color: #494949;
			}
	
	#mainColumn .overview li {
		width: 560 px;
		margin: 14px 6px 10px 6px;
		border-bottom: 1px solid #e5e5e5;
		padding: 0;
	}
	
	#mainColumn .overview li.pdf { background: url('img/icon_pdf_large.png') 16px 2px no-repeat; }
	#mainColumn .overview li.ppt { background: url('img/icon_ppt_large.png') 16px 2px no-repeat; }
	#mainColumn .overview li.doc { background: url('img/icon_doc_large.png') 16px 2px no-repeat; }
	#mainColumn .overview li.xls { background: url('img/icon_xls_large.png') 16px 2px no-repeat; }
	#mainColumn .overview li.img { background: url('img/icon_img_large.png') 16px 2px no-repeat; }
	
		#mainColumn .overview h3,
		#mainColumn .overview h3 a {
			font-size: 12px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}
		
		#mainColumn .overview h3,
		#mainColumn .overview span {
			width: 540px;
			margin: 0 0 0 56px;
		}
		
		#mainColumn .overview span {
			padding: 0 0 4px 0;
			display: block;
		}
		
		#mainColumn .overview span,
		#mainColumn .overview span a {
			font-size: 10px;
			color: #666666;
			font-weight: normal;
			text-decoration: none;
		}
			#mainColumn .overview span a:hover {
				text-decoration: underline;
			}
			
		#mainColumn .overview p {
			font-size: 11px;
			line-height: 16px;
			margin: 0 100px 14px 16px;
		}
	
	.documentContent {
		display:none;
	}
	
	#mainColumn .pagination {
		background: 0;
		padding: 0;
	}
		.ditto_paging {
			border-top: 1px solid #cccccc;
			padding: 10px;
			font-size: 86%;
			color: #000000;
		}
		#mainColumn .ditto_paging p {
			padding: 0 0 10px 0;
		}
		#mainColumn #ditto_pages {
			padding: 0 0 10px 10px;
		}
				#mainColumn #ditto_pages .ditto_currentpage {
				    color: #000000;
				    width: 20px;
				    padding: 4px;
				    margin: 0;
				    font-size: 100%;
				    display: inline;
				}
				#ditto_pages .ditto_off {
				    color: #666666;
				}
				#ditto_pages a, 
				#ditto_pages a:link, 
				#ditto_pages a:visited {
				    padding: 2px;
				    text-decoration: none;
				    color: #666666;
				}
				#ditto_pages a:hover {
				    text-decoration: underline;
				}
				
	#mainColumn .ajaxSearch_grpResultName { display: none; }






/* ========== ANKEILERS */

#mainColumn #ankeilersHome,
#mainColumnSmall #ankeilersHome {
	width: 518px;
	list-style-type: none;
}

	#mainColumn .ankeiler,
	#mainColumnSmall .ankeiler {
		position: relative;
		float: left;
		display: inline;
		width: 250px;
		height: 158px;
		margin: 0 9px 9px 0;
		overflow: hidden;
		padding: 0;
		background: none;
		
	}
		.ankeilerBtn {
			position: absolute;
			width: 250px;
			height: 158px;
			background: url('img/ankeiler_btn.png') 180px 106px no-repeat;
		}
			.ankeiler a {
				width: 250px;
				height: 158px;
				display: block;
				line-height: 999px;
				overflow: hidden;
			}
			
		.ankeilerIntro {
			position: absolute;
			width: 250px;
			height: 158px;
		}
			.ankeilerImage {
				position: absolute;
			}
			.ankeilerIntro .ankeilerContent {
				position: absolute;
				width: 240px;	/* -10px padding */
				height: 158px;
				padding: 5px 5px 5px 9px;
				top: 118px;
				background: transparent url('img/ankeilerItem_bg.png') no-repeat;
			}
				.ankeilerHeader {
					position: relative;
					height: 34px;
				}
					#mainColumn .ankeilerIntro h2,
					#mainColumnSmall .ankeilerIntro h2 {
						position: absolute;
						font-size: 11px;
						color: #002c2c;
						font-weight: bold;
						bottom: 0px;
					}
					
					#mainColumn .ankeilerContent p,
					#mainColumnSmall .ankeilerContent p {
						line-height: 15px;
					}


#mainColumn #overviewSmall,
#mainColumnSmall #overviewSmall {
	width: 684px;
	list-style-type: none;
	margin: 6px 0 10px 0;
}

	#mainColumn #overviewSmall li,
	#mainColumnSmall #overviewSmall li {
		position: relative;
		width: 219px;
		height: 45px;
		display: inline;
		float: left;
		margin: 0 9px 9px 0;
		padding: 0;
		background: #cccccc;
	}
	
		#mainColumn #overviewSmall h3,
		#mainColumnSmall #overviewSmall h3 {	
			font-size: 11px;
			color: #002c2c;
			font-weight: bold;
			padding: 5px 5px 0 9px;
		}

		#mainColumn #overviewSmall a,
		#mainColumnSmall #overviewSmall a {
			position: absolute;
			top: 0;
			left: 0;
			width: 219px;
			height: 45px;
			display: block;
			overflow: hidden;
			line-height: 999px;
			background: transparent url('img/ankeiler_btn.png') 180px 106px no-repeat;
		}



/*
============================== SEARCH-FORM
*/

#searchFormSmall {
	position: relative;
	float: right;
	margin: 9px 12px 0 0;
}
	#searchFormSmall input {
		float: left;
		width: 176px;		/* -3px padding */
		height: 16px;		/* -2px padding */
		font-size: 11px;
		padding: 2px 0 0 3px;
		border: none;
		background: #a8c6c6 url('img/searchBlock_bg.png') no-repeat;;
	}
	#searchFormSmall a.submit {
		float: left;
		width: 18px;
		height: 18px;
		display: block;
		overflow: hidden;
		line-height: 999px;
		background: url('img/searchBlockSubmit_bg.png') 0 0 no-repeat;
	}
		#searchFormSmall a.submit:hover {
			background-position: 0 -18px;
		}
		
#searchForm {
	margin: 0 -80px 0 -15px;
}
	#searchForm .block {
		position: relative;
		background: #f1f1f1 url('img/bibliotheelBlock_bg.png') repeat-x;
		padding: 8px 15px 12px 15px;
		border: 1px solid #e6e6e6;
	}
		#searchForm input {
			float: left;
			width: 400px;
			height: 22px;		/* -2px padding */
			border: 1px solid #cccccc;
			padding: 2px 0 0 8px;
			font-size: 15px;
		}	
		#searchForm .radio {
			padding: 0 0 10px 0;
		}
			#searchForm .radio input {
				float: none;
				width: 1px;
				height: 1px;
			}
			#searchForm .radio label {
				font-size: 11px;
				padding: 0 10px 0 3px;
			}
			
		#searchForm .block a.submit {
			float: left;
			width: 80px;
			height: 26px;
			display: block;
			overflow: hidden;
			line-height: 999px;
			background: url('img/searchButton_bg.png') 0 0 no-repeat;
		}
			#searchForm .block a.submit:hover {
				background-position: 0 -26px;
			}
		
		#searchForm .resultsInfo,
		#bibliotheek .resultsInfo {
			font-size: 11px;
			color: #000000;
			margin: 10px 0 10px 15px;
		}
		
		#searchForm .searchResult {
			width: 614px;
			margin: 14px 6px 10px 15px;
			border-bottom: 1px solid #e5e5e5;
			padding: 0;
		}
		
		
		#searchForm .paging,
		#bibliotheek .paging {
			font-size: 11px;
			margin: -11px 0 0 0;
		}
			#searchForm .paging a,
			#bibliotheek .pagina a {
				padding: 0 6px 0 6px;
				display: inline-block;
				font-size: 11px;
				font-weight: normal;
				color: #494949;
				text-decoration: underline;
			}
				#searchForm .paging a:hover,
				#bibliotheek .paging a:hover{
					color: #bb2723;
				}
			#searchForm .paging span.active,
			#bibliotheek .paging span.active {
				padding: 0 6px 0 6px;
				text-align: center;
				font-weight: bold;
				color: #494949;
				display: inline-block;
				width: 6px;
				margin: 0;
			}


/*
============================== FOOTER
*/

#footer {
	width: 970px;		/* -20px padding */
	margin: 0 auto 50px auto;
	font-size: 10px;
	color: #797979;
	padding: 16px 0 0 20px;
	background: url('img/footer_bg.png') top no-repeat;
}
*html #footer {
	background: url('img/footer_bg_ie6.png') no-repeat;
}
	
	#footer a {
		color: #797979;
		text-decoration: none;
	}
		#footer a:hover {
			text-decoration: underline;
		}
	#footer .right ul {
		list-style-type: none;
	}
		#footer .right li {
			display: inline;
			float: left;
			padding: 0 10px;
			border-right: 1px solid #797979;
			
		}
		#footer .right li.last {
			border: none;
			padding: 0 20px 0 10px;
		}


/*
============================== CLEARFIX
*/

* html .clearfix {
	height: 1%;
}
html[xmlns] .clearfix {
	display: block;
}
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
-->
