/******************
 *	Basic
 */

*{
	margin:0;
	padding:0;
	font-family: "Arial", sans-serif;
}

html{
	margin:0;
	padding:0;
}

body#body{
	margin:0;
	padding:0;	
	background:url("../images/bg_body.gif") #fff repeat-x;
	text-align:center;
	font-size:0.9em;
	color:#303030;	
}

img{
	border:0;
}

.clear{
	display:block;
	clear:both;
}

pre{
	display:inline;
	padding:0px;
	margin:0px;
}

a,
a:link,
a:active,
a:visited{
	color:#12a6e4;	
	text-decoration:underline;
}

a:hover{
	color:#fff;
	text-decoration:none;
}	

h2{
	color:#12a6e4;
	font-size:17px;
	font-weight:bold;
	padding:1em 0px 0.3em 0px;
}

h1{
	color:#12a6e4;
	font-size:17px;
	font-weight:bold;
	padding:1em 0px 0.3em 0px;
}

fieldset{
	padding:0px;
	margin:0px;
	border:0px;
}

fieldset legend{
	display:none;
}

p{
	padding-bottom:1em;
}

input{
	color:#303030;
}
textarea{
	font-size:1em;
}

form{
	padding:0px;
	margin:0px;
}

.formRow{
	clear:both;
	padding-top:5px;
}

.formRow .label{
	float:left;
	width:45px;
	line-height:22px;
}

.formRow .input{
	float:left;
}


/** Layout Elements */

body#mailfriendbody{
	font-size:0.8em;
	padding:0px 15px 15px 15px;
}

	#mailfriendbody input.submit{
		width:84px;
		height:24px;
		line-height:23px;
		font-weight:bold;
		color:#fff;
		background:url("../images/bg_button_send.gif") no-repeat transparent;
		border:none;
		margin-left:72px;
		margin-top:8px;
		cursor:pointer;
	}


#site{
	position:relative;
	margin:0px auto;
	padding:0px;
	width:840px;
	text-align:left;
}

	#header{		
		position:relative;
		z-index:0;
		background: url("../images/bg_header.gif") bottom left no-repeat;
		height:144px;	
	}
	
		#logo{
			position:absolute;
			z-index:1;
			left:27px;
			top:16px;			
		}

			#logo a span{
				display:none;
			}
		
		#servicedesk{
			position:absolute;
			z-index:1;
			left:583px;
			top:0px;
			width:234px;
			height:78px;
			background: url("../images/bg_servicedesk.gif") top left no-repeat;
		}
		
		#servicedesk legend{display:none;}
		#servicedesk dl{
			margin-left:11px;
			margin-top:27px;
			color:#fff;
		}
		#servicedesk dt{
			padding:0px;
			margin:0px;
			font-size:1.1em;
		}
		
		#mainnavigation{
			position:absolute;
			z-index:1;
			left:26px;
			top:98px;
		}
		
		#mainnavigation li{			
			background:url("../images/bg_menu_left_normal.gif") no-repeat top left;	
			padding-left:10px;
			margin-right:3px;
			display:inline;
			position:relative;
			line-height:28px;
			float:left;
		}

		#mainnavigation li.active{
			background:url("../images/bg_menu_left_active.gif") no-repeat top left;	
		}
		
		#mainnavigation a,
		#mainnavigation a:link,
		#mainnavigation a:visited{
			display:block;
			float:left;
			text-decoration:none;
			text-align:center;
			text-transform:uppercase;
			font-weight:bold;
			font-size:0.8em;
			color:#fff;
			height:28px;
			line-height:28px;
			padding-right:10px;
			background:url("../images/bg_menu_right_normal.gif") no-repeat top right;
			background-color:#303030;
		}
		
		#mainnavigation li.active a,
		#mainnavigation li.active a:hover,
		#mainnavigation li.active a:active,
		#mainnavigation li.active a:link,
		#mainnavigation li.active a:visited{			
			background:url("../images/bg_menu_right_active.gif") no-repeat top right;	
			background-color:transparent;
		}		

	
	#contentwrapper{
		position:relative;
		z-index:0;
		left:0px;
		top:0px;
		width:840px;
		padding:0px 0px 10px 0px;
		background:url("../images/bg_contentwrapper.gif") repeat-y top left;
		
	}
	
	#mainbackground{
		position:absolute;
		display:block;
		z-index:1;
		top:0px;
		left:1px;			
		background:url("../images/bg_mainbackground.gif") repeat-x top left;
		width:836px;
		height:241px;

	}

		.small #maincontent{
			position:relative;
			z-index:2;
			width:525px;
			float:left;
			margin:0px;
			left:22px;
		}

		.big #maincontent{
			position:relative;
			width:796px;
			left:22px;
			z-index:2;
		}

			#fotobanner{
				position:relative;
				z-index:2;
			}

			#content{
				position:relative;
				z-index:2;
				font-size:0.8em;
				line-height:1.4em;
				padding-top:0px;
			}

				#content a:hover{
					background-color:#303030;
				}
					#content ol.linklist a:hover{
						background-color:#fff;
					}
				
				#content ol li,
				#content ul li{
					margin-left:22px;					
				}
				
				
				#searchresult{
					list-style:none;
					margin-top:1.4em;
					
				}
				#content #searchresult li{
					margin-left:0px;
					padding-bottom:13px;
					display:block;
				}
				
				#searchresult h2{
					margin-top:8px;
					font-size:12px;
				}
				
				#searchresult label{
					color:#12a6e4;
					padding-left:14px;
				}
				
				#searchresult p{
					padding: 1.4em 0px 0px 0px;
				}
				
				#searchresult a,
				#searchresult a:link,
				#searchresult a:hover,
				#searchresult a:active,
				#searchresult a:visited{
					color:#ed4638;
					text-decoration:none;
				}
				#searchresult a:hover,
				#searchresult a:active{
					background-color:transparent;
					text-decoration:underline;
				}
								
				#pager{
					padding-left:17px;
				}
				
				#pager a.back,
				#pager a.back:link,
				#pager a.back:hover,
				#pager a.back:visited,
				#pager a.back:active{
					background-color:transparent;
					color:#303030;
					text-decoration:none;
				}
				#pager a.back:hover{
					text-decoration:underline;
				}
				
				#pager a.forward,
				#pager a.forward:link,
				#pager a.forward:hover,
				#pager a.forward:visited,
				#pager a.forward:active{
					background-color:transparent;
					color:#e74436;
					text-decoration:none;
				}
				#pager a.forward:hover{text-decoration:underline;}					

				#pager a{
					padding:0px 2px;
				}
				
				#searchresult div.info{
					float:right;
					width:635px;
				}				
				
				#content div.thumb{					
					position:relative;
					width:139px;
					height:124px;
					float:left;					
					text-align:center;
					cursor:pointer;
				}
				
				#content #object div.thumb{					
					position:relative;
					width:163px;
					height:127px;
					float:left;					
					text-align:center;
					cursor:pointer;
				}				
				
				#content #object div.thumb{
					float:none;
				}
				
				#content div.thumb div.cover{
					position:absolute;
					top:0px;
					left:0px;
					background:url("../images/bg_thumb.gif") no-repeat;
					height:124px;
					width:139px;
					z-index:100000;
				}
				
				#content div.thumb img.thumb{
					margin-top:13px;
				}

					#content #object div.thumb div.cover{
						position:absolute;
						top:0px;
						left:0px;
						background:url("../images/bg_objectthumb.gif") no-repeat;
						height:127px;
						width:163px;
						z-index:100000;
					}

					#content #object div.thumb img{
						margin-top:10px;
					}
				
				#content div.floaters{
					position:relative;
					float:left;
					margin-right:22px;
				}
					#content div.floaters div.map{
						margin-top:1em;
					}
				
					#thumbmap{
						width:163px;
						height:127px;
						position:relative;
						overflow:hidden;
					}
					
					a.thumbmap{
						display:block;
						text-align:center;
						padding-top:3px;
					}
					
					div.mapholder{
						border:1px solid #e5e5e5;
						padding:4px;
						width:512px;
					}
						div.city,
						div.province{
							width:788px;
						}
																
						#bigmap{						
							height:260px;
							width:512px;
						}

						.city #bigmap,
						.province #bigmap{
							height:300px;
							width:788px;						
						}

							#bigmap img.thumb{
								border:2px solid #e5e5e5;
								display:block;
								margin-top:4px;
							}
						
					#object{
						padding:1.4em 0px 0px 0px;
					}				

					#object h1{
						margin-top:0px;
						padding-top:4px;
					}
					
					#react{
						margin-top:1em;
					}
					
					#react, #request{
						margin-bottom:20px;
					}
					
						#react .column,
						#request .column,
						#apply .column{
							width:350px;
							float:left;
						}

						#react .formLabel,
						#request .formLabel,
						#apply .formLabel{
							float:left;
							width:140px;
						}

						#react .formInput,
						#request .formInput,
						#apply .formInput{
							float:left;
						}
						
						#react input,
						#request input,
						#apply input,
						#react textarea,
						#request textarea,
						#apply textarea{
							width:156px;
						}
						
						#react input.iradio,
						#react input.icheck,
						#request input.iradio,
						#request input.icheck,
						#apply input.iradio,
						#apply input .icheck{
							width:18px;					
							border:none;
						}
						
						#react input.submit,
						#request input.submit,
						#apply input.submit,
						#newsletter input.submit{
							width:84px;
							height:24px;
							line-height:23px;
							font-weight:bold;
							color:#fff;
							background:url("../images/bg_button_send.gif") no-repeat transparent;
							border:none;
							margin-left:72px;
							margin-top:8px;
							cursor:pointer;
						}
						
						#content .widecolumn .formLabel,
						#content .widecolumn .formInput{
							width:100%;
							float:none;							
						}
						#content .widecolumn .formLabel{
							padding-bottom:4px;
						}
						#content .widecolumn input{
							width:296px;
						}
						#content .widecolumn textarea{
							width:646px;
							height:65px;
						}
						#content .widecolumn input.iradio,
						#content .widecolumn input.icheck{
							width:18px;					
							border:none;
						}
						
						
						#slideshow{
							position:relative;
							margin:1em 0px;
						}
							#slideshow #slides{
								position:relative;
								overflow:hidden;
								width:100%;
							}
							#slideshow #strip{
								position:relative;
								left:0px;
								top:0px;							
								list-style:none;
								margin:0px;
								padding:0px;
								width:1024px;
							}
							#slideshow #strip li{
								float:left;
								position:relative;
								display:block;
								width:175px;
								margin:0px 0px 0px 0px;
							}
							#slideshow #strip li a{
								display:block;
								width:162px;
								height:163px;
								text-align:center;
								cursor:pointer;
							}
							#slideshow #strip li a,
							#slideshow #strip li a:link,
							#slideshow #strip li a:hover,
							#slideshow #strip li a:visited,
							#slideshow #strip li a:active{
								color:#303030;
								text-decoration:none;
								background-color:#fff;
							}						
							#slideshow .slide label{
								position:relative;
								z-index:5;
								display:block;
								clear:left;
								cursor: pointer;
								
							}
							#slideshow .slide img{
								margin-top:10px;
							}
							#slideshow .slide label span{
								color:#12a6e4;							
							}
							#slideshow .slide span.cover{
								display:block;
								position:absolute;
								z-index:4;
								left:0px;
								top:0px;
								width:163px;
								height:163px;
								background:url("../images/bg_uitgelicht.gif") no-repeat transparent;
							}

							#slideshow .previous{
								position:absolute;
								top:71px;
								left:-14px;
								cursor:pointer;
							}
							#slideshow .next{
								position:absolute;
								top:71px;
								right:-12px;
								cursor:pointer;
							}
							
						#fotoslideshow{
							position:relative;
							margin:2em 0px;
							width:505px;
						}
						
							#fotoslideshow #active{
								float:left;
								width:390px;
								height:262px;
								text-align:center;
							}
							#fotoslideshow #active div{
								padding:4px;
								border:1px solid #d7d4d4;
							}
							#fotoslideshow #slides{
								position:relative;	
								float:right;
								width:auto;
								height:267px;
								overflow:hidden;
							}

							#fotoslideshow #strip{
								position:relative;
								top:0px;
								left:0px;
								list-style:none;
								margin:0px;
								padding:0px;
							}
							#content #fotoslideshow #strip li{
								display:block;
								background-color:#d7d4d4;
								padding:1px;								
								margin:0px 0px 5px 0px;
								margin-left:0px;
							}
							#fotoslideshow #strip li.active{
								background-color:#303030;
								border:1px solid #303030;
							}
							
							#fotoslideshow #strip li a{
								display:block;
								width:80px;
								height:60px;
								text-align:center;
								cursor:pointer;
							}
							#fotoslideshow #strip li a,
							#fotoslideshow #strip li a:link,
							#fotoslideshow #strip li a:hover,
							#fotoslideshow #strip li a:visited,
							#fotoslideshow #strip li a:active{
								color:#303030;
								text-decoration:none;
								background-color:transparent;
							}								

							#fotoslideshow .previous{
								position:absolute;
								top:-14px;
								right:34px;
								cursor:pointer;
							}
							#fotoslideshow .next{
								position:absolute;
								top:268px;
								right:34px;
								cursor:pointer;
							}
					h2.featured{
						text-align:center;
						padding:0px;
						margin-top:2em;
						background:url("../images/featured.gif") center top no-repeat;
						line-height:28px;
						height:28px;
						width:508px;
					}
					h1.featured{
						text-align:center;
						padding:0px;
						margin-top:2em;
						background:url("../images/featured.gif") center top no-repeat;
						line-height:28px;
						height:28px;
						width:508px;
					}
					h1.featured span{
						text-transform:uppercase;
						font-size:14px;
						font-weight:bold;
					}
					
					div.foto-links{
						float:left;
						border:1px solid #d7d4d4;
						margin-right:10px;
						line-height:0px;
						white-space:nowrap;
					}
					
					div.foto-rechts{
						float:right;
						border:1px solid #d7d4d4;
						margin-left:10px;
						line-height:0px;
						white-space:nowrap;
					}
					div.foto-rechts img,
					div.foto-links img{					
						padding:3px;
					}
					
						#description{
							float:left;
							width:600px;
						}

					table.listing{
						width:796px;
						background: url("../images/bg_listing.gif") left top repeat-x;
						padding-left:5px;
					}
					table.listing th{
						height:30px;
						line-height:25px;
						vertical-align:top;
					}
					
					ol.linklist{
						float:left;
						width:126px;
						list-style:none;
						margin:0;
						padding:0;
					}
					
					#content ol.linklist li{
						margin:0;
						padding:0px 0px 0px 2px;					
					}
					
					
					ol.linklist a,
					ol.linklist a:link,
					ol.linklist a:link:visited,
					ol.linklist a:link:active{						
						background-color:#fff;
						color:#757575;
						text-decoration:none;
					}
					ol.linklist a:hover{
						background-color:#fff;	
						text-decoration:underline;
					}


		.small #tools{
			position:relative;
			display:inline;
			z-index:5;
			width:239px;
			float:right;
			margin-right:22px;
			top:-29px;
		}
		
		.big #tools{
			position:absolute;
			z-index:5;
			width:239px;
			right:22px;
			top:-29px;		
		}
		
			#search{
				margin-bottom:10px;
			}
				
			#search h2{
				height:29px;
				width:239px;				
				text-align:center;
				line-height:29px;				
				background:url("../images/bg_search.gif") no-repeat 0px 1px;
				font-size:0.8em;
			}
			
				#search form{
					width:239px;
					height:152px;					
					background:url("../images/bg_searchform.gif") no-repeat top left;
					font-size:0.8em;
				}
				
				#search form div{
					padding:0px 10px;
				}
				
				#search label{
					display:block;
					padding-top:10px;
					padding-bottom:4px;
				}
				
					#search select.plaats{
						width:219px;
						
					}
					
					#search select.min{
						width:80px;				
					}
					
					#search select.max{
						width:135px;
					}
					
					#search input.submit{
						width:90px;
						float:right;
						margin-top:6px;
						border:1px solid #303030;
						color:#000;
						cursor:pointer;
					}					
					
					#search label span{
						color:#757575;
						padding:0px;
						margin:0px;
					}
			
			a.steden, a.provincies{
				display:block;
				text-decoration:none;
				color:#fff;
				font-size:0.8em;
				width:239px;
				text-align:center;
				height:34px;
				line-height:34px;
				background:url("../images/bg_grey_button.gif") no-repeat top left;
				margin-bottom:10px;
			}
			
			a.steden:hover, a.provincies:hover{
				text-decoration:underline;
			}
			
			#tagcloud{
				padding-top:12px;
				width:239px;	
				background:url("../images/bg_tagcloud_top.gif") no-repeat top left;
			}
			
				#tagcloud ul{
					padding:0px;
					margin:0px;
					text-align:justify;
					padding: 0px 12px 12px 7px;
					background:url("../images/bg_tagcloud_bottom.gif") no-repeat bottom left;
					background-color:#12a6e4
				}

				#tagcloud li{
					display:inline;
					line-height:20px;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin:0px 1px 8px 1px;			
				}

				#tagcloud p{
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
					display:inline;
				}

				#tagcloud a,
				#tagcloud a:link,
				#tagcloud a:active,
				#tagcloud a:visited{
					color:#fff;	
					text-decoration:none;
				}
				#tagcloud a:hover{
					text-decoration:underline;
				}

				#tagcloud li.size1 a{font-size:0.8em;}
				#tagcloud li.size2 a{font-size:0.9em;font-weight:bold;}
				#tagcloud li.size3 a{font-size:1.0em;font-weight:bold;}
				#tagcloud li.size4 a{font-size:1.2em;font-weight:bold;}				
		
			#newsletter{
				position:relative;
				margin-top:10px;
				padding-top:11px;
				background:url("../images/bg_newsletter_top.gif") no-repeat top left;
				color:#fff;
				font-size:0.8em;			
			}
			
				#newsletter h2{
					font-size:1em;
					font-weight:normal;
					text-decoration:none;
					color:#fff;					
				}

				#newsletter form{				
					padding:0px 0px 10px 12px;
					background:url("../images/bg_newsletter_bottom.gif") no-repeat bottom left;
					background-color:#303030;
				}
				
				#newsletter .label{
					font-weight:bold;
					text-decoration:underline;	
				}
				
				#newsletter input.input{
					border:0px;
					background-color:#3e3e3e;
					color:#fff;
					height:21px;
					line-height:21px;
					margin-bottom:5px;
					font-size:1em;					
					width:172px;
				}
				
				#newsletter input.aanmelden{
					position:relative;
					margin-left:133px;
					margin-top:5px;
				}
				
				#newsletter .loader{
					position:absolute;
					bottom:14px;
					left:58px;
				}
		
	#footer{
		position:relative;
		background:url("../images/bg_footer.gif") no-repeat top left;
		height:100px;
		padding-top:4px;
	}
		#footer ol{
			color:#303030;
			text-align:center;
		}
		#footer ol a,
		#footer ol a:link,
		#footer ol a:active,
		#footer ol a:visited{
			font-size:0.8em;
			color:#303030;	
			text-decoration:none;
		}
		#footer ol a:hover{
			text-decoration:underline;
		}
			#footer ol li{
				display:inline;
			}
		
		div.bookmark{
			position:absolute;
			display:none;
			width:210px;			
			height:50px;
			left:-50px;
			top:-70px;
			background-color:#fff;
			border:1px solid #e5e5e5;
			padding:3px;
			z-index:15000;
		}
		div.bookmark ul li{
			display:inline;
			padding-right:5px;
		}		
		div.bookmark strong{
			font-size:1em;
			display:block;
			padding-bottom:5px;
		}
		#copyright{
			position:absolute;
			top:65px;
			color:#757575;
			font-size:0.8em;
			padding-left:18px;
		}
		
		#copyright a,
		#copyright a:link,
		#copyright a:visited{
			text-decoration:none;
			color:#757575;
		}
		
		#copyright a:hover,
		#copyright a:active{
			text-decoration:underline;
		}

/** Forms */
.formRow{
	display:block;
	clear:both;
	width:100%;
}

.formLabel{
	float:left;
	width:40%;
}

.formInput{
	float:right;
	width:60%;
}

	.formInput input,
	.formInput textarea,
	.formInput select,
	.formInput file{
		border:1px solid #878484;
	}
	.formInput textarea{
		height:50px;
	}

.error{
	color:#e74436;
	font-weight:bold;
	font-size:1.2em;
	padding-bottom:1em;
}
		
/** Special content */

#footer li.BOOKMARK,
#header li.BOOKMARK,
#footer li.MAILAFRIEND,
#header li.MAILAFRIEND,
#footer li.PRINT,
#header li.PRINT{
	display:none; 
}
#footer li.BOOKMARK{
	position:relative;
}