/**************************************************
 * HU Stylesheet
 **************************************************/

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, "Times New Roman";
	}

a {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

/**************************************************
 * Containers
 **************************************************/
 
div.content-container {
	float: left;
	border-right: 218px solid #FED201;
	padding-right: 20px;
	width: 750px;
}
 
	/**************************************************
	 * Header container
	 **************************************************/
 
	div.header-container {
		/**
		 * extra property defined in hu-ie.css
		 */
		height: 78px;
		}
		div.header-container div.logo {
			margin: 40px 0 0 18px;
			height: 58px;
			}
 
	/**************************************************
	 * Left container
	 **************************************************/
 	
 	div.left-container {
 		width: 245px;
 		clear: both;
	 	float: left;
	 	padding: 0 0 20px 0;
 	}
 	div.content-container.home	{
		width: 750px;
	} 

	div.content-container.home div.left-container {
	 	width: 370px;
	 	}
		div.left-container div.logo {
			width: 370px;
			height: 131px;
			overflow: hidden;
			background: #00A0D2;
			}
			div.left-container div.logo img {
				margin: 35px 0 0 20px;
				}
		
	 /**************************************************
	  * Menu
	  **************************************************/
	  
	div.content-container.home div.left-container div.menu {
		width: 370px;
		height: 354px;
		overflow: hidden;
/*		background: transparent url("/Images/bg-menu.jpg") no-repeat top left;*/
		}
		div.content-container.home div.left-container div.menu a.actueel,
		div.content-container.home div.left-container div.menu a.overdezesite,
		div.content-container.home div.left-container div.menu a.dossiers,
		div.content-container.home div.left-container div.menu a.contact {
			display: block;
			position: absolute;
			top: inherit;
			left: inherit;
			height: 40px;
			/**
			 * extra property defined in hu-ie.css
			 */
		}
		div.content-container.home div.left-container div.menu a.actueel:hover,
		div.content-container.home div.left-container div.menu a.overdezesite:hover,
		div.content-container.home div.left-container div.menu a.dossiers:hover,
		div.content-container.home div.left-container div.menu a.contact:hover {
			text-decoration: none;
		}
		div.content-container.home div.left-container div.menu a.actueel {
			display: block;
			background: transparent url("/Images/menu-actueel.png") no-repeat top left;
			width: 114px;
			margin-top: 44px;
			/**
			 * extra property defined in hu-ie.css
			 */
		}
		div.content-container.home div.left-container div.menu a.actueel:hover {
			background-position: -114px 0;
			/**
			 * extra property defined in hu-ie.css
			 */
		}
		div.content-container.home div.left-container div.menu a.overdezesite {
			display: block;
			background: transparent url("/Images/menu-overdezesite.png") no-repeat top left;
			width: 174px;
			margin-top: 148px;
			/**
			 * extra property defined in hu-ie.css
			 */
		}
		div.content-container.home div.left-container div.menu a.overdezesite:hover {
			background-position: -174px 0;
			/**
			 * extra property defined in hu-ie.css
			 */
		}

		div.content-container.home div.left-container div.menu a.dossiers {
			display: block;
			background: transparent url("/Images/menu-dossiers.png") no-repeat top left;
			width: 122px;
			margin-top: 96px;
			/**
			 * extra property defined in hu-ie.css
			 */
		}
		div.content-container.home div.left-container div.menu a.dossiers:hover {
			background-position: -122px 0;
			/**
			 * extra property defined in hu-ie.css
			 */
		}

		div.content-container.home div.left-container div.menu a.contact {
			display: block;
			background: transparent url("/Images/menu-contact.png") no-repeat top left;
			width: 115px;
			margin-top: 200px;
			/**
			 * extra property defined in hu-ie.css
			 */
		}
		div.content-container.home div.left-container div.menu a.contact:hover {
			background-position: -115px 0;
			/**
			 * extra property defined in hu-ie.css
			 */
		}

	div.menu-container {
		width: 750px;
		height: 56px;
		background: #00A0D2;
		color: #fff;
		}
		div.menu-container ol {
			display: block;
			list-style-type: none;
			height: 32px;
			}
			div.menu-container ol li {
				float: left;
				}
		div.menu-container div.breadcrumb {
			clear: both;
			color: #fff;
			font-size: 0.8em;
			font-weight:bold;
			height: 20px;
			background: #1E586D;
			padding: 4px 0 0 246px;
			}
			div.menu-container div.breadcrumb a {
				color: #fff;
				}
	.nav-container * {
		margin: 0;
		padding: 0;
	}
	.nav-container {
		overflow: hidden;
	}
	.menu-item {
		background-color: #00A0D2;
		height: 25px;
		margin: 0;
		width: 150px;
	}
	.menu-item a {
		display: block;
		color: #fff;
		font-weight: bold;
		padding: 0 20px 0 20px;
		width: 100%;
		height: 25px;
		padding-top: 0.5em;
	}
	.menu-item a:hover {
		text-decoration: none;
		background-color: #1E586D;
		width: 100%;
	}
	.dynamic-menu-item {
		background-color: #00A0D2;
		color: #fff;
		height: 25px;
		padding: 0 0 0 0;
		margin: 0;
		font-size: 0.75em;
	}
		.dynamic-menu-item a {
			font-weight: normal;
		}
	table.dynamic-menu-item {
		width: 200px;
	}

	/**************************************************
	 * Item listing
	 **************************************************/

	div.left-container span.ms-versiondiffnum {
		margin-right: 10px;
	}
	div.left-container div.ms-laction {
		border: 0px #000000 none;		
	}
	div.left-container div.ms-lactionheader {

	}
	 
	 div.left-container div.item-listing * {
		margin: 0;
		padding: 0;
		}
	 div.left-container div.item-listing {
	 	margin: 20px 0 0 20px;
	 	width: 200px;
	 	}
	 div.content-container.home div.left-container div.item-listing {
	 	width: 350px;
	 	}
	 	div.left-container div.item-listing h2 {
	 		background-color: #00A0D2;
	 		color: #fff;
	 		width: 200px;
	 		padding: 7px 9px 7px 9px;
	 		font-size: 0.75em;
	 		}
	 	div.left-container div.item-listing h2.dossier {
	 		background-color: #1E586D;
	 		text-transform: uppercase;
	 		}
	 	div.content-container.home div.left-container div.item-listing h2 {
	 		width: 330px;
	 		}
	 	div.left-container div.item-listing table {
			width: 218px;
			}
	 	div.left-container div.item-listing table tr td table tr td  {
			padding-left: 1px;
			border-bottom: 1px solid #00A0D2;
			}
		div.left-container div.item-listing table tr td table tr td table tr td  {
			padding-left: 0;
			border-bottom: none;
			}

	 	div.left-container div.item-listing td a {
			color: #000;
			font-size: 0.75em;
			}
	 	div.left-container div.item-listing ul {
	 		list-style-type: none;
	 		margin-left: 2px;
	 		}
	 		div.left-container div.item-listing ul li {
	 			font-size: 0.75em;
	 			}
	 				div.left-container div.item-listing ul li a {
	 					color: #000;
	 					}
	 				div.left-container div.item-listing ul li span.date {
	 					color: #00A1E2;
	 				}	
	 	div.left-container.home div.item-listing table,
	 	div.left-container.home div.item-listing * td,
		div.left-container.home div.item-listing div {
			margin: 0;
			padding: 0;
			background: #fff;
			color: #fff;
			border: none;
			}
		div.left-container.home div.item-listing table tr td table tr td {
			border: none;
			}
		div.left-container.home div.item-listing table a,
		div.left-container.home div.item-listing table div.title-With-Background a,
		div.left-container.home div.item-listing table div.ms-WPBody a {
			font-family: Arial, Verdana, "Times New Roman";
			color: #000000;
			background: transparent;
			font-size: 1.1em;
			font-weight: normal;
			}
						
/**************************************************
 * Middle container
 **************************************************/
 
 div.middle-container {
 	margin: 0 0 0 12px;
 	width: 492px;
 	float: left;
	}
	div.content-container.home div.middle-container {
		position: relative;
		float: left;
		width: 358px;
		}
	div.middle-container div.top {
		width: 492px;
		border-bottom: 1px solid #00A0D2;
		height: 18px;
		padding-top: 2px;
		}
		div.middle-container div.top div.items {
			float: right;
			font-size: 0.75em;
			color: #00A0D2;
			}
			div.middle-container div.top div.items a {
				color: #1E586D;
			}
			div.middle-container div.top div.paging span.current {
				color: #000;
				font-weight: bold;
				}
			
	div.middle-container div.logo {
		width: 370px;
		height: 32px;
		margin: 10px 0 50px 0;
		float: left;
		}
		div.middle-container div.spotlight-item {
			width: 360px;
			margin: 0 0 24px 0;
			clear: both;
			font-size: 0.9em;
			}
			div.middle-container div.spotlight-item h1 {
		 		font-size: 1.1em;
		 		color: #1D5469;
		 		margin-bottom: 7px;
		 		width: 360px;
		 		}
		 	div.middle-container div.spotlight-item img {
				margin-bottom: 6px;
				}
			div.middle-container div.spotlight-item div.freeEditArea1 a {
				display: block;
				float: left;
			}
			div.middle-container div.spotlight-item div.freeEditArea1 img {
				padding: 0 12px 6px 0;
			}
			div.middle-container div.spotlight-item div,
			div.middle-container div.spotlight-item div p {
		 		font-size: 0.95em;
		 		color: #1D5469;
		 		}
		 div.middle-container div.item-listing-extensive {

		 	}
		 	div.middle-container div.item-listing-extensive h2 {
		 		background-color: #1D5469;
		 		color: #fff;
		 		padding: 5px 9px 5px 9px;
		 		font-size: 12px;
		 		width: 342px;
		 		}
		 		div.middle-container div.item-listing-extensive div.item {
		 			width: 360px;
		 			}
		 			div.middle-container div.item-listing-extensive div.item div.image {
		 				float: left;
		 				}
			 			div.middle-container div.item-listing-extensive div.item div.image img {
			 				margin: 12px 12px 0 0;
			 				}
		 			div.middle-container div.item-listing-extensive div.item div.content {
		 				/**
		 				 * extra property defined in hu-ie.css
		 				 */
						display: table-cell;
						padding-top: 12px;
		 				}
		 				div.middle-container div.item-listing-extensive div.item div.content h3 {
		 					font-size: 12px;
		 					}
		 				div.middle-container div.item-listing-extensive div.item div.content p {
		 					font-size: 12px;
		 					line-height: 16px;
		 					color: #000;
		 					}

						div.content table tr td input.login {
							width: 57px;
							border: none;
							float: right;
							background: transparent;
							color: #1e586d;
						}


						
						/*
						div.content table tr td input {
							width: 200px;
							border: 1px solid #00A0D2;
							overflow: auto;
							font-size: 12px;
						}*/
						
		 				div.middle-container div.item-listing-extensive div.item div.content p.date-link {
		 					color: #1D5469;
		 					}
			 				div.middle-container div.item-listing-extensive div.item div.content p.date-link a {
			 					text-decoration: underline;
			 					}
			 				div.middle-container div.item-listing-extensive div.item div.content p.date-link a:hover {
			 					color: #1D5469;
			 					text-decoration: none;
			 					}

	/**************************************************
	 * Item listing
	 **************************************************/
	 
	 div.middle-container div.item-listing {
	 	width: 360px;
	 	margin: 20px 0 0 0;
	 	}
	 	div.middle-container div.item-listing h2 {
	 		background-color: #1D5469;
	 		color: #fff;
	 		padding: 5px 9px 5px 9px;
	 		font-size: 12px;
	 		}
	 	div.middle-container div.item-listing ul {
	 		list-style-type: none;
	 		margin-left: 2px;
	 		}
	 		div.middle-container div.item-listing ul li {
	 			font-size: 12px;
	 			}
	 				div.middle-container div.item-listing ul li a {
	 					color: #000;
	 					line-height: 1.7em;
	 					}
	 				div.middle-container div.item-listing ul li span.date {
	 					color: #00A1E2;
	 				}
	 
	/**************************************************
	 * Content
	 **************************************************/
	 
	 div.middle-container div.content {
	 	}
		div.middle-container div.content div.text div.disp-form-frame * {
			font-size: 12px;
		}
		div.middle-container div.content div.text div.disp-form-frame td.ms-toolbar,
		div.middle-container div.content div.text div.disp-form-frame a.ms-toolbar {
			font-size: 11px;
		}		
	 	div.middle-container div.content img {
	 		margin: 15px 10px 5px 0;
	 	}
		div.middle-container div.content h1 {
			margin: 20px 0 0 0;
			color: #1E586D;
			font-size: 1.2em;
			}
				div.middle-container div.content div.text {
					font-size: 0.75em;
					line-height: 15px;
					margin: 0 0 20px 0;
					}
				div.middle-container div.content div.back {
					text-align: right;
					font-size: 12px;
					float: right;
					margin: 0 0 20px 0;
					color: #1E586D;
					}
					div.middle-container div.content div.back a {
						color: #1E586D;
						/*width: 40px;
						height: 10px;
						overflow: hidden;
						display: block;
						float: right;
						margin: 0 0 20px 0;*/
						/*background: #fff url("/Images/button-terug.jpg") no-repeat 0 0;*/
						}
						div.middle-container div.content div.text div.introTekst {
							font-weight: bold;
						}
					div.middle-container div.content div.back a:hover {
						background-position: -40px 0;
						}
				div.middle-container div.content div.links * {
					margin: 0;
					padding: 0;
				}
					div.middle-container div.content div.links {
						margin: 10px 0 10px 0;
						border-top: 1px solid #00a0d2;
					}
					div.middle-container div.content div.links h3 {
						font-size: 12px;
						margin: 0.5em 0 0.5em 0;
						color: #1E586D;						
						}
					div.middle-container div.content div.links div.item {
						font-size: 12px;
						line-height: 15px;
					}
						div.middle-container div.content div.links a {
							color: #00A1E2;
							font-size: 12px;
							font-family: Arial, Verdana, "Times New Roman";
						}
						div.middle-container div.content div.links td a {
/*							font-size: 12px;*/
							}

	/**************************************************
	 * Wiki Edit-mode Content
	 **************************************************/
	 
	 div.middle-container div.content-wiki-editmode {
	 	}
	 	
		div.middle-container div.content-wiki-editmode h1 {
			margin: 20px 0 20px 0;
			color: #1E586D;
			font-size: 1.2em;
			}
				div.middle-container div.content-wiki-editmode div.text {
					font-size: 0.75em;
					line-height: 15px;
					margin: 0 0 20px 0;
					}
				div.middle-container div.content-wiki-editmode div.back {
					text-align: right;
					font-size: 12px;
					float: right;
					margin: 0 0 20px 0;
					color: #1E586D;
					}
					div.middle-container div.content-wiki-editmode div.back a {
						color: #1E586D;
						/*width: 40px;
						height: 10px;
						overflow: hidden;
						display: block;
						float: right;
						margin: 0 0 20px 0;*/
						/*background: #fff url("/Images/button-terug.jpg") no-repeat 0 0;*/
						}
						div.middle-container div.content-wiki-editmode div.text div.introTekst {
							font-weight: bold;
						}
					 	div.middle-container div.content-wiki-editmode div.text table.ms-settingsframe td {
							font-size: 11px;
						}
					 	div.middle-container div.content-wiki-editmode div.text table td,
					 	div.middle-container div.content-wiki-editmode div.text table td div  
					 	div.middle-container div.content-wiki-editmode div.text table td div.wiki-content
					 	div.middle-container div.content-wiki-editmode div.text div {
							font-size: 11px;
						}
						
					div.middle-container div.content-wiki-editmode div.back a:hover {
						background-position: -40px 0;
						}
				div.middle-container div.content-wiki-editmode div.links * {
					margin: 0;
					padding: 0;
				}
					div.middle-container div.content-wiki-editmode div.links {
						margin: 10px 0 10px 0;
						border-top: 1px solid #00a0d2;
					}
					div.middle-container div.content-wiki-editmode div.links h3 {
						font-size: 12px;
						margin: 0.5em 0 0.5em 0;
						color: #1E586D;						
						}
					div.middle-container div.content-wiki-editmode div.links div.item {
						font-size: 12px;
						line-height: 15px;
					}
						div.middle-container div.content-wiki-editmode div.links a {
							color: #00A1E2;
							font-size: 12px;
							font-family: Arial, Verdana, "Times New Roman";
						}
						div.middle-container div.content-wiki-editmode div.links td a {
/*							font-size: 12px;*/
							}

	 				
	/**************************************************
	 * Banner
	 **************************************************/
	 
	 div.middle-container div.banner {
	 	margin: 25px 0 25px 0;
	 	width: 360px;
	 	height: 300px;
	 	background-color: #00A0D2;
	 }

/**************************************************
 * Right container
 **************************************************/
 
 div.right-container {
 	position: relative;
 	margin-left: -218px;
 	width: 218px;
 	float: left;
 	background-color: #FED201;
 	}
	div.right-container div.search {
		width: 218px;
		height: 38px;
		padding-top: 40px;
		background-color: #fff;
		}
		div.right-container div.search input.searchfield {
			width: 140px;
			height: 20px;
			margin-left: 8px;
			border: 1px solid #1e586d;
			}
		div.right-container div.search input.submit {
			margin: 0 0 2px 4px;
			width: 36px;
			height: 11px;
			}
	div.right-container div.section {
		width: 218px;
		clear: both;
		}
		
		div.right-container div.section div.login-username {
			font-size: 12px;		
			padding:  4px 0px 0px 11px;
		}	
		
		div.section div.wiki-nav-section {
			padding: 0px 0px 0px 2px;	
		}
		
		div.right-container div.section a {
			color: #000;
			}
		div.right-container div.section h2 {
			background-color: #C5A600;
			color: #fff;
			font-size: 0.75em;
			padding: 5px 9px 5px 9px;
			}
		div.right-container div.section div.header-logo {
			background: #fff url("/Images/header-community.jpg") no-repeat left top;
			width: 218px;
			height: 40px;
			overflow: hidden;
		}
		
		div.right-container div.section div.header-logo a {
			width: 218px;
			height: 40px;
			overflow: hidden;
			display:block;
		}

			div.right-container div.section.login input.login {
				width: 63px;
				height: 20px;
				border: none;
				float: right;
				margin: 2px 4px 0 0;
			}
		div.right-container div.section ol, div.right-container div.section ul {
			clear: both;
			margin: 8px 11px 8px 11px;
			list-style-type: none;
		}
			div.right-container div.section ol li, div.right-container div.section ul li {
				font-size: 0.75em;
				line-height: 15px;
			}
				div.right-container div.section ol li label, div.right-container div.section ul li label {
					clear: both;
					float: left;
					display: block;
					width: 90px;
				}
				div.right-container div.section ol li input, div.right-container div.section ul li input {
					width: 100px;
					float: right;
					margin-bottom: 4px;
					border: 1px solid #8E9337;
				}
				div.right-container div.section ol li input.zoek,
				div.right-container div.section ol li input.login
				{
					width: 63px;
					height: 20px;
					border: none;
					float: right;
					background-color: #C5A600;
					color: #fff;
					text-transform:uppercase;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;
					font-size: 0.95em;		
				}
				div.right-container div.section ol li a.forum-naam {
					color: #1F5B65;
				}

				div.right-container div.section ol li span.date {
					color: #1F5B65;
				}
				div.right-container div.section a.btn-zoek-vacatures {
					display: block;
					width: 114px;
					height: 20px;
					margin: 4px auto;
					background: transparent url("/Images/btn-zoek-vacatures.gif") no-repeat 0 0;
				}
				div.right-container div.section a.btn-maak-vacature {
					display: block;
					width: 114px;
					height: 20px;
					margin: 4px auto;
					background: transparent url("/Images/btn-maak-vacature.gif") no-repeat 0 0;
				}
				
				.vacancy-text {
					font-family: Arial, Verdana;
					font-size: 12px;
				}
				
				.vacancy-search-btn {
					background:transparent none repeat scroll 0%;
					border: none;
					color:#1E586D;
					cursor:pointer;
					font-family:Arial,Helvetica,sans-serif;
					font-size:11px;
					font-weight:bold;
					text-transform:uppercase;
					width:45px;
				}
				
				li.vacancy-search-container {				
					border-top: 1px solid #00A0D2;
					padding: 5px 0 5px 0;
					margin: 10px 0 0 0;
					text-align: right;
					text-transform: uppercase;
				}
}		
		
/**************************************************
 * Footer container
 **************************************************/
 
div.footer-container {
	clear: both;
	width: 750px;
	border-top: 1px solid #00A0D2;
	}
	div.footer-container ol {
		list-style-type: none;
		margin: 8px 0 8px 0;
		float: right;
		}
		div.footer-container ol li {
			display: block;
			float: left;
			padding: 0 4px 0 4px;
			border-right: 1px solid #00A0D2;
			font-size: 0.75em;
			}
		div.footer-container ol li.last {
			border-right: none;
			}
		div.footer-container ol li a {
			color: #1E586D;
			}
 
/**************************************************
 * Webpart styles
 **************************************************/

div.spotlight-item div.ms-WPTitle,
div.spotlight-item div.ms-SrvMenuUI,
div.spotlight-item div.ms-HoverCellInActive,
div.spotlight-item div.ms-HoverCellActive,
div.spotlight-item div.ms-HoverCellActiveDark {
	display: inline;
}


/**************************************************
 * Contactformulier
 **************************************************/
ol.eventregistratieformulier {
	list-style-type: none;
	margin: 10px 0 4px 0;
	}

div.authorized-payment,
div.bill-payment {
	margin: 0px 0px 0px 30px;
}

ol.contactformulier,
ol.nieuwsbriefFormulier {
	list-style-type: none;
	margin: 10px 0 30px 0;
	}
	ol.eventregistratieformulier li,
	ol.contactformulier li,
	ol.nieuwsbriefFormulier li {
		clear: both;
		padding: 3px 0 3px 0;
		font-size: 12px;
		}
		ol.eventregistratieformulier li label,
		ol.contactformulier li label,
		ol.nieuwsbriefFormulier li label {
			display: block;
			float: left;
			width: 140px;
		}
		ol.eventregistratieformulier li.check label {
			display: block;
			float: left;
			width: 300px;
		}
		
		
		ol.eventregistratieformulier li table,
		ol.contactformulier li table,
		ol.nieuwsbriefFormulier li table {
			float: left;
		}
		ol.contactformulier li table tbody tr {
			height: 20px;
		}
		ol.eventregistratieformulier li input,
		ol.contactformulier li input,
		ol.nieuwsbriefFormulier li input {
			width: 220px;
			border: 1px solid #00A0D2;
			font-size: 12px;
		}
		ol.eventregistratieformulier li input.check
		ol.contactformulier li input.check,
		ol.nieuwsbriefFormulier li input.check {
			width: auto;
			border: 0px;
		}
		
		/* asp checkbox control is rendered with span */		
		ol.nieuwsbriefFormulier li span.check {
			display: block;
			float: left;
		}
		
		ol.eventregistratieformulier li span.check input,
		ol.contactformulier li span.check input,
		ol.nieuwsbriefFormulier li span.check input {
			width: auto;
			border: 0px;
		}
		ol.nieuwsbriefFormulier li span.check input {
			clear: both;
			display: block;
			float: left;
		}
		ol.nieuwsbriefFormulier li span.check label {
			float: left;
			width: 300px;
			height: 20px;
			padding-top: 2px;
		}
			ol.eventregistratieformulier li table input,
			ol.contactformulier li table input,
			ol.nieuwsbriefFormulier li table input {
				width: 15px;
				border: none;
				float: left;
				margin: 0 10px 0 0;
			}
		ol.eventregistratieformulier li textarea,
		ol.contactformulier li textarea,
		ol.nieuwsbriefFormulier li textarea {
			width: 363px;
			border: 1px solid #00A0D2;
			overflow: auto;
			margin: 0 0 22px 0;
			font-size: 12px;
		}
		ol.eventregistratieformulier li select,
		ol.contactformulier li select,
		ol.nieuwsbriefFormulier li select {
			width: 220px;
		}
	ol.eventregistratieformulier li.submit
	ol.contactformulier li.submit,
	ol.nieuwsbriefFormulier li.submit {
		width: 100%;
		border-top: 1px solid #00A0D2;
		padding: 7px 0 0 0;
		margin: 10px 0 0 0;
	}
		ol.eventregistratieformulier li.submit input
		ol.contactformulier li.submit input,
		ol.nieuwsbriefFormulier li.submit input {
			width: 200px;
			text-align: right;
			border: none;
			float: right;
			background: transparent;
			color: #1e586d;
			text-transform: uppercase;
			font-weight: bold;
		}

div.eventregistratieformulier-confirm {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	width: 470px;
	overflow: hidden;
}

	div.eventregistratieformulier-confirm p.warning-text {
		font-weight: bold;
		font-style: italic;
		color: #FF0000;
	}
	
	div.eventregistratieformulier-confirm ol.actions {
		padding: 0px 0px 30px 50px;
		border-bottom: 1px #00000 solid;
	}
	
	div.eventregistratieformulier-confirm ol.actions li {
		list-style-type: decimal;
		list-style-position: inside;
		font-weight: bold;
	}
	
	div.eventregistratieformulier-confirm h2 {
		margin: 0px 0px 10px 0px;	
	}
	
	div.eventregistratieformulier-confirm h3,
	div.eventregistratieformulier-confirm h4 {
		margin: 0px 0px 10px 0px;
	}
	
	div.eventregistratieformulier-confirm div ul li label {
			display: block;
			float: left;
			width: 200px;
	}

	div.eventregistratieformulier-confirm p {	
		margin: 0px 0px 10px 0px;
	}

	div.eventregistratieformulier-confirm ul li,	
	div.eventregistratieformulier-confirm ol li {	
		list-style: none;
	}
	
	div.eventregistratieformulier-confirm div ul {	
		margin: 0px 0px 10px 0px;	
	}
	
	div.eventregistratieformulier-confirm div.logo-hu {	
		float:right;
	}
	
	div.eventregistratieformulier-confirm input.submit {
			width: 200px;
			text-align: right;
			border: none;
			float: right;
			background: transparent;
			color: #1e586d;
			text-transform: uppercase;
			font-weight: bold;
		}
		
	div.eventregistratieformulier-confirm input.print {
			width: 150px;
			text-align: center;
			border: 1px solid #00A0D2;
			background: transparent;
			text-transform: uppercase;
			color: #1e586d;
			font-weight: bold;
		}


div.webpart-content {
	width: 470px;
	overflow: hidden;
}

div.error-message-block {
	padding: 5px 0px 0px 0px;
	color: #FF0000;	
}


 /**************************************************
 * Dossier overzicht
 **************************************************/
 
div.overzicht {
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 20px 0;
}
	div.overzicht ol {
		list-style-type: none;
		}
	div.overzicht fieldset {
		border: none;
		}
	div.overzicht legend {
		margin-left: -6px;
		}
		div.overzicht ol li {
			clear: both;
			border: 1px solid white; /* firefox floating bug fix */
			}
		div.overzicht ol label {
			clear: both;
			display: block;
			width: 90px;
			float: left;
			}
		div.overzicht ol div.themas {
			float: left;
			width: 400px;
			}
		div.overzicht ol div.themas table {
			width: 400px;
			}
		div.overzicht ol select {
			float: left;
			width: 160px;
			border: 1px solid #00A0D2;
			}
			div.overzicht ol div.themas ol li {
				clear: none;
				float: left;
				width: 190px;
				}
				div.overzicht ol div.themas label {
					display: inline;
					float: none;
				}
				div.overzicht ol div.themas input {
					margin: 0 5px 0 0;
					}
		div.overzicht ol li.zoeken {
			border-top: 1px solid #00A0D2;
			padding: 5px 0 5px 0;
			margin: 10px 0 0 0;
			text-align: right;
			text-transform: uppercase;
			}
			div.overzicht ol li.zoeken input {
				width: 45px;
				background: transparent;
				color: #1e586d;
				border: none;
				text-transform:uppercase;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size: 0.95em;
				cursor:pointer;	
			}
div.onderwerpen {
	background: #00A0D2;
	padding: 12px 8px 20px 3px;
	display: table-cell;
	}
	div.onderwerpen div.title {
		margin: 0 0 8px 5px;
		}
	div.onderwerpen ul {
		list-style-type: none;
		}
	div.onderwerpen li {
		float: left;
		font-size: 0.75em;
		height: 20px;
		}
		div.onderwerpen li a {
			border-right: 1px solid #fff;
			padding: 0 5px 0 5px;
			color: #000;
			}
			
div.categorieen {
	position: relative;
	clear: both;
	margin: 20px 0 20px -7px;
	width: 492px;
	/**
	 * extra property defined in hu-ie.css
	 */
	}
	div.categorieen div.categorie {
		width: 162px;
		margin: 0 0 10px 3px;
		float: left;
		/**
		 * extra property defined in hu-ie.css
		 */
		}
		div.categorieen div.categorie h2,
		div.categorieen div.categorie h3 {
			width: 140px;
			background: #1E586D;
			color: #fff;
			font-size: 12px;
			padding: 7px 9px 7px 9px;
			}
		div.categorieen div.categorie ol {
			list-style-type: none;
			width: 158px;
			}
			div.categorieen div.categorie li {
				border-bottom: 1px solid #00A0D2;
				font-size: 12px;
				padding: 3px 0 3px 0;
				}
				div.categorieen div.categorie li a {
					color: #000;
					}
			div.categorieen div.categorie li.alle-dossiers,
			div.categorieen div.categorie li.alle-dossiers a {
				color: #1E586D;
				}
			div.send-a-friend-caption {
				font-size: 1.2em;
				}
			ul.result {
				list-style-type: none;
				}
			ul.result li {
				vertical-align: top;
				clear: both;
				display: block;
				width: 100%;
				padding: 6px 0;
				}
			ul.result li div.image {
				float: left;
				display: block;
				padding: 0;
				margin: 4px 8px 4px 0;
				}
				ul.result li div.image img {
					padding: 0;
					margin: 0;
					}
			
/*		 			div.middle-container div.item-listing-extensive div.item div.content {
						display: table-cell;
						padding-top: 12px;
		 				}
		 				div.middle-container div.item-listing-extensive div.item div.content h3 {
		 					font-size: 12px;
		 					}
		 				div.middle-container div.item-listing-extensive div.item div.content p {
		 					font-size: 12px;
		 					line-height: 16px;
		 					color: #000;
		 					}*/


 /**************************************************
 * Change password
 **************************************************/
table.changePassword,
table.changePassword tbody tr td table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}
table.changePassword td {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman";
}
table.changePassword p {
	margin: 2px;
}
table.changePassword label {
	display: block;
	width: 140px;
	font-size: 12px;
	margin: 2px;
}
table.changePassword input {
	width: 220px;
	border: 1px solid #00A0D2;
	font-size: 12px;
	margin: 2px;
}
table.changePassword a,
table.changePassword a:active,
table.changePassword a:link,
table.changePassword a:visited {
	display: block;
	width: 100%;
	border-top: 1px solid #00A0D2;
	padding: 7px 0 0 0;
	margin: 10px 0 0 0;
	float: right;
	color: #1e586d;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
}

 /**************************************************
 * Register new user
 **************************************************/
div.registerNewUser table {
	width: 100%;
	padding: 0;
	margin: 0;
}
div.registerNewUser ol.contactformulier {
	width: 100%;
	border-bottom: 1px solid #00A0D2;
}
div.registerNewUser input.createUserButton {
	width: 220px;
	font-size: 12px;
	background: transparent;
	text-transform: uppercase;
	text-align: right;
	float: right;
	font-weight: bold;
	color: #1e586d;
	border: none;
/*	position: relative;
	top: -30px;
	margin-right: -7px;
	padding: 0; */
}

 /**************************************************
 * Wachtwoord vergeten
 **************************************************/

div.instructions {
	font-size: 12px;
	width: 492px;
}
div.instructions p {
	margin: 10px 0;	
}
div.instructions ol {
	border-bottom: 1px solid #00A0D2;
	margin: 0;
}
div.instructions ol label {
	display: block;
	float: left;
	width: 140px;
}
div.instructions ol input {
	width: 220px;
	border: 1px solid #00A0D2;
	float: left;
}
div.instructions input.verstuur {
	width: 220px;
	background: transparent;
	text-transform: uppercase;
	text-align: right;
	float: right;
	font-weight: bold;
	color: #1e586d;
	border: none;
}


/**************************************************
 * Editing Menu
 **************************************************/

.siteActionMenu {
	float: right;
	font-family: Arial, Verdana, "Times New Roman";
}

/**
 * Standard MS editing toolbars need to be on top of all other layers
 */

.ms-formfieldvaluecontainer div {
	z-index: 500;
}

.ms-miniconsoleEdit,
.ms-miniconsole {
	width: 200px;
	}
	.ms-miniconsoleEdit *,
	.ms-miniconsole * {
		float: right;
		border: none;
		background: transparent;
		}
.ms-WPAddButton {
	background:#ffe6a0 url("/_layouts/images/toolgrad.gif") repeat-x;
	height:20px;
    color:#003399 !important;
    text-decoration: none !important; 
    font-family: Arial, Verdana !important;  
    font-weight:normal !important;
}
.ms-WPAddButtonHover {
	background:#ffe6a0 url("/_layouts/images/toolgrad.gif") repeat-x;
}

/**************************************************
 * right toolbar
 **************************************************/

.ms-ToolPaneOuter {
	position: absolute;
	}

/**************************************************
 * right toolbar
 **************************************************/
div.search-box {
	margin-top: 12px;
}
div.search-box *,
div.search-box tr.ms-sbrow,
div.search-box td.ms-sbcell,
div.search-box td.ms-sbgo,
div.search-box td.ms-sblink {
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
	width: auto;
	}
	div.search-box input.ms-sbplain {
		border: 1px solid #1E586D;
		font-size: 12px;
		font-family: Arial, Verdana, "Times New Roman";
		padding: 2px;
		}
		div.search-box td.ms-sbgo a {
			display: block;
			width: 48px;
			height: 9px;
			margin: 0 6px;
			background: transparent url("/Images/button-zoeken-3.jpg") no-repeat left top;
			}
		div.search-box td.ms-sblink a {
			display: block;
			}
		div.search-box td.ms-sbgo a img {
			display: none;
			}
tr.result-details,
tr.result-details *,
div.srch-Page {
	background: #fff;	
	color: #000;
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman";
	font-weight: normal;

}
div.srch-stats,
div.srch-Page {
	padding: 3px;
	font-size: 12px;
}
div.srch-results * {
	padding: 0;
	margin: 0;
	font-size: 12px;
}
div.srch-Description,
span.srch-description {
	font-family: Arial, Verdana, "Times New Roman";
	padding-bottom: 6px;
	clear: both;
	font-size: 12px;
	color: #000;
}
div.srch-sort span.srch-description ol li {
	font-size: 12px;	
	color: #000;
}
p.srch-Metadata {
	font-family: Arial, Verdana, "Times New Roman";
	border-top: 1px solid #C5A600;
	display: block;
	padding-top: 3px;
}
span.srch-Icon,
span.srch-Title {
	display: block;
	position: relative;
	float: left;
}
div.srch-results span.srch-Title {
	padding-top: 15px;
}
div.srch-results span.srch-Title a {
	color: #000;
}
div.srch-WPBody div.srch-Page {
	white-space: nowrap;
}
div.srch-WPBody div.srch-Page a,
div.srch-WPBody div.srch-Page a:visited,
div.srch-WPBody div.srch-Page-bg a,
div.srch-WPBody div.srch-Page-bg a:visited {
	font-weight: bold;
	color: #000;
}
div.srch-WPBody div.srch-Page a:hover,
div.srch-WPBody div.srch-Page-bg a:hover {
	color: #000;
	text-decoration: underline;
}
div.srch-results p.srch-Metadata *,
div.srch-results p.srch-Metadata span.srch-URL,
div.srch-results p.srch-Metadata span.srch-URL a,
div.srch-results p.srch-Metadata span.srch-URL a:visited,
div.srch-results p.srch-Metadata span.srch-URL a:link,
div.srch-results p.srch-Metadata span.srch-URL a:active {
	color: #000;
	position: relative;
}
td.ms-dtinput, 
td.ms-dtinput input.ms-input,
td.ms-dtinput input.ms-input a,
td.ms-dtinput input.ms-input a img {
	margin: 0;
	padding: 0;	
	line-height: auto;
	vertical-align: top;
}
td.ms-dtinput {
	height: 20px;
}
/*span.srch-alertme a img {
}*/
div.srch-sort-right a img {
	position: relative;
	top: -5px;
	margin: 0;
}
div.ms-WPBody {
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
}
div.ms-WPBody ol {
	list-style-type: none;
}
ol.dates {
	margin: 6px 0;
	list-style-type: none;
}
div.slm-layout-main a {
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman";
}

a.navigatie
{
	margin-bottom: 2px;
	margin-top: 2px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 1.8em;
	color: #333333;
	font-size: 12px;
}

div.navigatie-list {
	padding: 8px 0px 4px 12px;
}

/**************************************************
 * Wiki controls
 **************************************************/
div.ms-quicklaunchouter { 
	padding: 5px 9px 5px 9px;
	border: none; 
}

div.ms-quickLaunch { 
	background-color: transparent; 
	border: none; 
}

div.ms-quicklaunchheader {
	display: none;
}


.wiki-recycle-bin {
	padding: 5px 9px 5px 9px;
	font-size: 0.75em;
}

.wiki-nav {
	padding: 5px 9px 5px 9px;
	font-size: 12px;
}


table.ms-navitem td, span.ms-navitem {	
	font-size: 12px;				
	background-image: none;
}


div.ms-wikieditouter {
	background-color: transparent;
	background-image: none;
	border: none;
	position:static;

	padding: 5px 9px 5px 9px;
}

div.ms-wikieditouter table {
	background-color: transparent;
	background-image: none;	
	border: none;
}

div.ms-wikieditouter table.ms-wikitoolbar td.ms-separator {
	padding: 0px 2px 0px 2px;
	color:	#000000;
}

div.ms-areaseparatorleft {
	display: none;
}

div.ms-areaseparatorright {
	display: none;
}

div.item-listing ul.links li, div.section ul.links li
{
	text-align: right;
}

a img 
{
	border: 0px;
}

iframe {
	width: 710px;
}

/**************************************************
 * Nieuws / Agenda
 **************************************************/

div.ms-WPBody div.description,
.link-item *,
.link-item a,
.link-item a:active,
.link-item a:link {
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman";
}

.link-item div.description {
	color: #000;	
}
.link-item a,
.link-item a:active,
.link-item a:link,
.link-item a:visited {
	color: #1E586D;
	font-weight: bold;
	}
.middle-container .content h1 {
	padding-bottom: 10px;	
}
/*
table#onetIDListForm {
	width: 300px;
	border: solid 1px #FF0000;
}

td#MSOZoneCell_WebPartWPQ2 {
	width: 300px;

}
*/

/**************************************************
 * Vacature formulier
 **************************************************/

td.ms-dtinput input.vacancy-date-control {
	border: 1px #000000 none;
	width: 60px;	
}

td.field-label {
	width: 160px
}

td.html-editor-field ul {
	list-style-type: disc;
	list-style-position: inside;
} 

td.html-editor-field ol {
	list-style-type: decimal;
	list-style-position: inside;	
}

div.html-content ul {
	list-style-type: disc;
	list-style-position: inside;
} 

div.html-content ol {
	list-style-type: decimal;
	list-style-position: inside;	
}

div.login-failure-text {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 4px 4px 0px 8px;

		
}

div.listnavigation
{
	text-align: right;
}

/**
 * Main menu replacement images
 */
a.mainmenu-home
{
	width: 110px;
	background: transparent url("/Images/mainmenu-home.gif") no-repeat 0 -33px;
}
a.mainmenu-actueel
{
	width: 110px;
	background: transparent url("/Images/mainmenu-actueel.gif") no-repeat 0 -33px;
}
a.mainmenu-contact
{
	width: 110px;
	background: transparent url("/Images/mainmenu-contact.gif") no-repeat 0 -33px;
}
a.mainmenu-actueel
{
	width: 110px;
	background: transparent url("/Images/mainmenu-actueel.gif") no-repeat 0 -33px;
}
a.mainmenu-dossiers
{
	width: 110px;
	background: transparent url("/Images/mainmenu-dossiers.gif") no-repeat 0 -33px;
}
a.mainmenu-overdezesite
{
	width: 110px;
	background: transparent url("/Images/mainmenu-overdezesite.gif") no-repeat 0 -33px;
}
a.mainmenu-home:hover,
a.mainmenu-actueel:hover,
a.mainmenu-contact:hover,
a.mainmenu-dossiers:hover,
a.mainmenu-overdezesite:hover
{
	background-position: 0 0;	
}