@import url('form.css');

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

a:hover {
	color: #FF7917;
	text-decoration: underline
}

	div.main p a {
		color: #FF7917;
	}

	div.main p a:hover {
		color: #000;
	}

	div.main p a.black {
		color: #000;
		text-decoration: underline;
	}

li.active a {
	color: #FF7917;
}

a img {
	border: 0;
}

h1 {
	margin: 0 0 10px 0;

	color: #FF7918;

	font-size: 14px;
}

h2 {
	margin: 10px 0 0 0;

	color: #1C1C1C;

	font-size: 12px;
}

h3 {
	margin: 5px 0 10px 0;

	color: #1C1C1C;

	font-size: 14px;
}

h4 {
	margin: 5px 0 10px 0;

	color: #FF7918;

	font-size: 14px;
}

h4.vink {
	background-image: url('../images/vink.gif');
	background-position: right center;
	background-repeat: no-repeat;
}

p {
	margin: 5px 0 10px 0;
}

.clear {
	clear: both;
}

div.clear {
	font-size: 0;
	height: 1px;
}

.clear-left {
	clear: left;
}

div.spacer {
	font-size: 0;
	height: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

div.flash {
	font-weight: bold;
	padding: 5px 0 5px 0;
}

img.middle {
	vertical-align: middle;
}

/* Rest */

body {
	margin: 0;
	padding: 0;

	background-image: url('../images/bg.gif');

	text-align: center;
}

body, td, th {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

hr {
	height: 1px;

	border: none;

	background-color: #FF7917;
	color: #FF7917;
}

div.wrapper {
	width: 860px;

	margin-left: auto;
	margin-right: auto;
	padding-bottom: 14px;

	background-image: url('../images/footer.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}
	div.page {
		padding-left: 45px;
		padding-right: 45px;
		/*padding-bottom: 10px;*/

		background-color: #fff;

		text-align: left;

		
	}

	div.orange {
		padding-left: 45px;
		padding-right: 45px;

		background-color: #ffab32;

		text-align: left;
	}

		div.top {
			padding-top: 10px;
			height: 55px;
		}
			div.logo {
				float: left;
			}

			div.top-navigation {
				width: 500px;
				height: 55px;

				float: right;
				position: relative;
			}
				div.top-navigation ul {
					margin: 0;
					padding: 0;

					position: absolute;
					bottom: 0;
					right: 0;

					list-style: none;
				}
					div.top-navigation ul li {
						margin: 0;
						padding: 0 0 0 10px;

						display: inline;

						text-transform: lowercase;
					}
						div.top-navigation ul li a:hover {
							text-decoration: none;
						}

		div.header {
			
		}

		div.navigation {
			height: 44px;

			position: relative;
		}
			div.navigation ul {
				margin: 0;
				padding: 0;

				position: absolute;
				left: 0;
				bottom: 0;

				list-style: none;
			}
				div.navigation ul li {
					float: left;

					margin: 0 5px 0 0;
					padding: 0;

					background-image: url('../images/tab_off_bg.gif');
					background-repeat: repeat-x;
					background-position: left bottom;

					text-transform: lowercase;
				}
					div.navigation ul li.active {
						background-image: url('../images/tab_on_bg.gif');
						
						font-weight: bold;
					}

					div.navigation ul li.active a {
						color: #FF5A00;
						font-weight: bold;
						text-decoration: none;
					}
					
					div.navigation ul li a span {
						display: block;

						padding: 5px 10px 5px 10px;
						
						background-image: url('../images/tab_off_right.gif');
						background-repeat: no-repeat;
						background-position: right bottom;
					}
						div.navigation ul li.active a span {
							background-image: url('../images/tab_on_right.gif');
						}

		div.main {
			min-height: 300px;
		}
			div.content {
				float: left;

				width: 525px;

				margin-top: 45px;
			}
				div.content-wide {
					width: 770px;
				}

				div.content-left {
					width: 525px;
				}

				div.content-homepage {
					width: 560px;

					margin-top: 10px;
				}

				/* FAQ columns */
				div.content div.column {
					width: 225px;
					
					float: left;
				}

				div.content div.column-left {
					margin-right: 50px;
				}

				div.content div.column ul {
					margin: 5px 0 20px 0;
					padding: 0 0 0 20px;
				}
					div.content div.column ul li {
						margin: 0 0 5px 0;
						padding: 0;

						color: #888888
					}

				/* Homepage: Bottom blocks */
				div.bottom-blocks {
					margin-top: 10px;
				}
					div.bottom-blocks div.block {
						float: left;

						width: 180px;
						height: 102px;

						background-image: url('../images/homepage_box.gif');
					}
						div.bottom-blocks div.block-wrapper {
							padding: 0px 10px 0px 10px;
						}
							div.bottom-blocks div.block-wrapper a {
								color: #FF7917;
								text-decoration: underline
							}

							div.bottom-blocks div.block-wrapper a:hover {
								color: #000;
								text-decoration: underline
							}

						div.bottom-blocks div.block-middle {
							margin-left: 10px;
							margin-right: 10px;
						}

						div.bottom-blocks div.block h2 {
							margin: 0;
							padding: 9px 10px 8px 10px;

							color: #000;

							font-weight: bold;
							font-size: 12px;
						}
							div.bottom-blocks div.block h2 a {
								color: #000;
								text-decoration: none;
							}
								div.bottom-blocks div.block h2 a:hover {
									color: #000;
									text-decoration: none;
								}
				
				/* Search: back to results */
				div.search-back {
				}
					div.search-back ul {
						margin: 5px 0 10px 0;
						padding: 0;

						list-style: none;
					}
						div.search-back ul li {
							margin: 0 15px 0 0;
							padding: 0;

							display: inline;
						}

						div.search-back ul li.back {
							background-image: url('../images/icons/terug.gif');
							background-position: left center;
							background-repeat: no-repeat;
							padding-left: 15px;
						}

				/* Search contactlist */
				div.search-contact {
				}
					div.search-contact ul {
						margin: 5px 0 10px 0;
						padding: 0;

						list-style: none;
					}
						div.search-contact ul li {
							margin: 0 15px 0 0;
							padding: 2px 0 0 0;

							text-transform: lowercase;

							display: inline;

							background-position: left bottom;
							background-repeat: no-repeat;

						}
							div.search-contact ul li.email {
								background-image: url('../images/icons/email.gif');
								padding-left: 18px;
							}

							div.search-contact ul li.website {
								background-image: url('../images/icons/website.gif');
								padding-left: 16px;
							}
								div.search-contact ul li.website-disabled {
									background-image: url('../images/icons/website_disabled.gif');
									color: #A3A3A3;
									padding-left: 16px;
								}

							div.search-contact ul li.telefoon {
								background-image: url('../images/icons/telefoon.gif');
								padding-left: 15px;
							}
								div.search-contact ul li.telefoon-disabled {
									background-image: url('../images/icons/telefoon_disabled.gif');
									color: #A3A3A3;
									padding-left: 16px;
								}

							div.search-contact ul li.plattegrond {
								background-image: url('../images/icons/plattegrond.gif');
								padding-left: 20px;
							}
				
				/* Search iconlist (right) */
				div.search-iconlist {
					float: left;
				}
					div.search-iconlist ul {
						margin: 0;
						padding: 0;

						list-style: none;
					}
						div.search-iconlist ul li {
							margin: 0 5px 0 0;
							padding: 0;

							display: inline;
						}
				
				/* Search HKZ icon (right)  */
				div.search-hkz-icon {
					float: right;
				}
				
				/* Beschikbaarheid icon */
				div.beschikbaarheid-icon {
					float: left;
					width: 20px;
					padding-top: 1px;
				}

				div.beschikbaarheid-text {
					float: left;
				}
					div.beschikbaarheid-text p {
						margin-top: 0;
					}

				/* Search title */
				div.search-title {
					margin-left: 5px;
					margin-top: 5px;

					float: left;
				}
				
				/* Lightdialog: Telefoonnummer */
				div#lightdialog h2 {
					margin: 0 0 20px 0;
				}

				div#lightdialog p.big-phone-number {
					font-size: 30px;
					font-weight: bold;
					margin: 0 0 20px 0;
				}

				div#lightdialog p.big-phone-contact {
					font-size: 14px;
					font-weight: bold;
				}
			
				/* Homepage search form */
				div.search-form {
					
				}
					div.search-form h1 {
						margin: 0;
						padding: 8px 5px 8px 10px;

						background-color: #FF7F1C;
						color: #000000;
						font-size: 12px;
						font-weight: bold;
					}

					div.search-form-fields {
						height: 137px;

						background-image: url('../images/search_footer_bg.gif');
						background-repeat: no-repeat;
					}
						div.search-form-fields-wrapper {
							padding: 10px;
						}

						div.search-form-fields div.block {
							float: left;
							height: 90px;
						}

						div.search-form-fields div.block-left,
						div.search-form-fields div.block-right {
							width: 170px;
						}

						div.search-form-fields div.block-middle {
							margin-left: 10px;
							margin-right: 10px;

							width: 180px;
						}

						div.search-form-fields div.block-wrapper {
							padding: 10px;
						}

						div.search-form-fields div.block label {
							font-weight: bold;
						}

						div.search-form-fields div.block li label {
							font-weight: normal;
						}

						div.search-form-fields div.block input.search-submit {
							margin-top: 17px;
						}

						div.search-form-fields div.block-bottom {
							padding-top: 5px;
							clear: both;
						}
							div.search-form-fields div.block-bottom p {
								margin: 0;

								padding-top: 5px;
								padding-left: 10px;
							}

							div.search-form-fields div.block-bottom a:hover {
								color: #000;
							}

						div.search-form-fields input.inputSearch {
							width: 128px;
							border: 1px solid #FF7D1C;
						}

				/* Map */
				div#map {
					width: 525px;
					height: 300px;
				}

				div#map.loading {
					background-color: #E0E0E0;
					color: #B3B3B3;

					text-align: center;
				}

				/* Subtabs */
				div.subtabs {
					
					border-bottom: 1px solid #FF5A00;
				}
					div.subtabs ul {
						margin: 0;
						padding: 0;

						list-style: none;

						height: 19px;
					}
						div.subtabs ul li {
							float: left;

							margin: 0 5px 0 0;
							padding: 0;
							
							line-height: 14px;

							background-image: url('../images/subtab_off_bg.gif');
							background-repeat: repeat-x;
							background-position: left bottom;

							text-transform: lowercase;

							color: #fff;
						}
							div.subtabs ul li.right {
								float: right;

								margin: 0 0 0 5px;
							}

							div.subtabs ul li a {
								color: #fff;
								text-decoration: none;
							}

							div.subtabs ul li a:hover {
								color: #fff;
								text-decoration: none;
							}

							div.subtabs ul li.active {
								background-image: url('../images/subtab_on_bg.gif');
								
								font-weight: bold;
							}
							
							div.subtabs ul li a span {
								display: block;

								padding: 2px 15px 2px 15px;
								
								background-image: url('../images/subtab_off_right.gif');
								background-repeat: no-repeat;
								background-position: right bottom;
							}
								div.subtabs ul li.active a span {
									background-image: url('../images/subtab_on_right.gif');
								}

				/* Search pager */
				table.pager {
					width: 525px;

					border-collapse: collapse;
				}
					table.pager td.left {
						width: 100px;
					}

					table.pager td.center {
						width: 325px;

						text-align: center;
					}

					table.pager td.right {
						width: 100px;

						text-align: right;
					}
				
				/* Search results */
				table.results {
					width: 525px;

					border-collapse: collapse;
				}
					table.results-admin {
						width: 770px;
					}

					table.results th {
						padding: 5px;

						border-bottom: 1px solid #AAAAAA;

						text-align: left;

						font-weight: bold;
					}
					
					table.results tr.no-border th {
						border-bottom: none;
					}

					table.results tr.odd {
						background-color: #FEEFD8;
					}

					table.results tr.bold {
						font-weight: bold;
					}

					table.results td {
						padding: 10px 5px 10px 5px;

						border-bottom: 1px solid #AAAAAA;

						vertical-align: top;
					}
						table.results td.icon {
							width: 26px;
						}
							table.results td.icon img {
								padding-top: 5px;
							}

							table.results td.icon img.icon-first {
								padding-top: 0;
							}
			
				/* Search result: Availability */
				table.availability td {
					vertical-align: middle;
				}

				/* Search Action LIST */
				ul.actions {
					margin: 0 0 10px 0;
					padding: 0;
					list-style: none;
				}
					ul.actions li {
						font-weight: bold;
						padding-bottom: 5px;
					}


			div.sidebar {
				float: right;

				width: 200px;
			}	
				div.sidebar h4 {
					font-size: 13px;
				}

				div.sidebar div.image {
					padding-top: 10px;
				}

				div.sidebar-content {
					margin-top: 45px;
					border-left: 2px solid #FFA91F;
					padding-left: 10px;
				}

				div.sidebar div.no-images {
					width: 150px;
					background-color: #E0E0E0;
					color: #B3B3B3;

					text-align: center;
				}
					div.sidebar div.no-images p {
						padding-top: 25px;
						padding-bottom: 25px;
					}

				div.sidebar-news {
					padding-bottom: 12px;

					background-image: url('../images/news_footer_bg.gif');
					background-position: left bottom;
					background-repeat: no-repeat;
				}
					div.news-list {
						height: 120px;

						padding: 5px 9px 0 9px;

						border-left: 1px solid #FF7D1C;
						border-right: 1px solid #FF7D1C;
						
						overflow: auto;
					}
						div.news-list ul {
							margin: 0;
							padding: 0;

							list-style: none;
						}
							div.news-list ul li {
								margin: 0;
								padding: 0;
							}
								div.news-list ul li div.line {
									margin-bottom: 5px;

									border-bottom: 1px solid #E3E3E3;
								}

								div.news-list ul li div.date {
									width: 35px;

									float: left;

									font-size: 11px;

									font-weight: bold;
								}

								div.news-list ul li div.title {
									width: 125px;

									padding-bottom: 5px;
									
									float: left;
								}
							
							div.news-list ul li.active {
								font-weight: bold;
							}

					div.news-list-long {
						height: 250px;
					}

					div.sidebar-news h2 {
						padding: 8px 10px 8px 10px;

						background-color: #FF7D1C;
						
						color: #000;

						font-weight: bold;
						font-size: 12px;
					}
						div.sidebar-news h2 a {
							color: #000;
							text-decoration: none;
						}
							div.sidebar-news h2 a:hover {
								color: #000;
								text-decoration: none;
							}

						div.sidebar-news h2 span.rss-icon {
							float: right;
						}
							div.sidebar-news h2 span.rss-icon a:hover {
								border-bottom: none;
							}

			div.main p {
				line-height: 18px;
			}
			
			div.main li {
				line-height: 18px;
			}

			div.main .light {
				color: #777;
			}

			div.main p.error {
				color: red;
			}

			div.main p.center {
				text-align: center;
			}

			div.main a {
				color: #000;
				text-decoration: underline;
			}

			div.main a:hover {
				color: #FF7917;
				text-decoration: underline;
			}

			div.main a.light {
				color: #777;
				font-size: 10px;
				text-decoration: underline;
			}
				div.main a.light:hover {
					color: #FF7917;
					text-decoration: underline;
				}

			div.main span.date-right {
				float: right;
			}

			div.main div.middle img {
				vertical-align: middle;
			}

		div.footer {
			margin-top: 15px;
		}
			div.footer hr {
				height: 2px;
			}

			div.footer ul {
				height: 19px;

				margin: 0;
				padding: 0 0 0 30px;

				list-style: none;

				background-image: url('../images/koppie.gif');
				background-repeat: no-repeat;
			}
				div.footer ul li {
					margin: 0;
					padding: 0 0 0 10px;

					line-height: 19px;

					display: inline;

					text-transform: lowercase;
				}
					div.footer ul li img {
						vertical-align: middle;
					}

					div.footer ul li a:hover {
						text-decoration: none;
					}
			
			div.footer p {
				margin: 0;
				padding: 0;

				color: #686868;
				font-size: 10px;
			}
				div.footer p a {
					color: #686868;
				}

div.homepage_button {
	position: absolute; 
	left: 550px; 
	top: 60px; 
}

* html div.homepage_button img {
	behavior: url("client/kol/js/png.htc");
}

div.code {
	padding: 5px;
	margin: 0px 20px 15px 20px;
	border: 1px dotted #000;
	background: #ebebeb;
}

div.code h3 {
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #555;
	font-weight: bold;
}

table.dienstenTable {
	margin: 20px 0px 20px 0px;
}

table.dienstenTable tr td {
	padding: 3px;
	border-bottom: 1px solid #e2e2e2;
}

table.dienstenTable tr td.last {
	border-bottom: 1px solid #e2e2e2;
}

div.systemMessage {
	padding: 10px;
	background: #ffefd8;
	border: 1px solid #ffab32;
	margin: 0px 0px 10px 0px;
}