/* Design & Code (c) ABOVO Media */
html, body { 
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 13px "Arial", "Verdana", sans-serif;
	background		: #e3f3f0;
	color			: #555555; 
}	

#wrapper {
	margin			: 0 auto;
	width			: 970px;
	padding-right: 25px;
	position:relative;
}	
	
#header {
	float			: left;
	display 		: inline;
	width			: 965px;
	background 		: transparent url('../_images/background.gif') repeat-y center;
	padding-left 	: 5px;
	height 			: 196px;
}

#home #header {
	height 			: 361px;
}

	#header #headerleft {
		float			: left;
		display 		: inline;
		width			: 315px;
	}

	#headerleft #logo {
		float			: left;
		display 		: inline;
		margin			: 14px 0 0 33px;
	}
	
	#home #headerleft #logo {
		margin			: 14px 0 16px 33px;
	}

		#headerleft #logo img {
			width			: 254px;
			height			: 114px;
		}
		
	#header #headerleft #zoeken {
		float			: left;
		display 		: inline;
		padding 		: 15px 0 0 22px;
		background 		: transparent url('../_images/zoekbg.gif') no-repeat top left;
		font-size		: 12px;
		
	}
	
	#header #headerright {
		float			: left;
		display 		: inline;
		width			: 645px;
		height 			: 196px;
	}
	
	#home #header #headerright {
		height 			: 361px;
	}
	
	
		#header #headerright #sfeerbeeld {
			position		: absolute;
			height 			: 196px;
			width 			: 645px;
		}
		
		#home #header #headerright #sfeerbeeld {
			position		: absolute;
			height			: 361px;
			width 			: 645px;
		}
		
		#header #headerright #imgoverlay {
			position		: absolute;
			height			: 196px;
			width 			: 645px;
			background 		: transparent url('../_images/sfeerbeeld_vv_overlay.png') no-repeat top left;
		}
		
		#home #header #headerright #imgoverlay {
			position		: absolute;
			height			: 361px;
			width 			: 645px;
			background 		: transparent url('../_images/sfeerbeeld_overlay.png') no-repeat top left;
		}
	
	#nav {
		width			: 970px;
		height			: 90px;
		background 		: transparent url('../_images/nav_vv.gif') no-repeat top left;
	}
	
	#home #nav {
		background 		: transparent url('../_images/nav.gif') no-repeat top left;
	}
	
		#nav #mainmenu {
			float 	: left;
			display : inline;
			width 	: 970px;
		}
		
		#nav #submain {
			float 	: left;
			display : inline;
			width 	: 970px;
		}
	
	
	#navinfo {
		width			: 965px;
		background 		: transparent url('../_images/background.gif') repeat-y top left;
		padding 		: 0 0 0 5px;
	}	
	
		#breadcrumbs {
			float 	: left;
			display : inline;
			margin 	: 15px 0 0 25px;
		}
		
		#filter {
			float 	: right;
			display : inline;
			margin 	: 15px 25px 0 0;
		}
			
	#content {
		width			: 965px;
		background 		: transparent url('../_images/background.gif') repeat-y top left;
		padding 		: 0 0 0 5px;
		line-height	 	: 18px;
	}
	
		#left {
			float 	: left;
			display : inline;
			width	: 295px;
			margin	: 10px 25px 15px 0;
		}
		
		#home #left {
			float 	: left;
			display : inline;
			width	: 275px;
			margin	: 25px 20px 15px 25px;
		}
		
			#left #zoeken {
				float			: left;
				display 		: inline;
				padding 		: 20px 0 0 30px;
				background 		: transparent url('../_images/zoekbg.gif') no-repeat top left;
				font-size		: 12px;
				margin			: 0 0 20px 0;
				
			}
			
			#left .block {
				float			: left;
				display 		: inline;
				padding 		: 20px 0 0 30px;
				background 		: transparent url('../_images/zoekbg.gif') no-repeat top left;
				font-size		: 12px;
				margin			: 0 0 20px 0;
				
			}
			
			#left .block ul li {
				list-style-type: disc;
				margin-left: 20px;
			}
			
			#left .block ol li {
				list-style-type: decimal;
				margin-left: 25px;
			}
		
		#mid {
			float 	: left;
			display : inline;
			width	: 280px;
			margin	: 25px 20px 15px 20px;
		}
		
		#right {
			float 	: left;
			display : inline;
			width	: 620px;
			margin	: 10px 0px 15px 20px;
		}
		
		#vervolg #right {
			width:	560px;
		}
		
		#home #right {
			float 	: left;
			display : inline;
			width	: 275px;
			margin	: 25px 25px 15px 20px;
		}
		
			#right ol li {
				list-style-type: decimal;
			}
			#right li {				
				margin-left: 35px;
				padding-bottom: 10px;
				list-style: disc;
				list-style-position: outside;
			}
				
			#right .block {
				float 	: left;
				display : inline;
				padding 	: 10px 20px 20px 0;
			}
			
			#right #adres {
				float 	: left;
				display : inline;
				margin 	: 0 0 15px 0;
			}
			
			#right #tabs {
				float 	: left;
				display : inline;
				margin 	: 0 0 15px 0;
				width	: 100%;
			}
			
			#right #tabs li {
				margin : 0;
			}
			
			#right #opties {
				float 	: left;
				display : inline;
				margin 	: 0 0 15px 0;
			}
		
			#right .object {
				float 		: left;
				width		: 620px;
				background 	: transparent url('../_images/object_back.gif') no-repeat top right;
				padding 	: 0 0 20px 0;
			}
			
				#right .object .foto {
					float 		: left;
					display		: inline;
					width 		: 278px;
					height 		: 185px;
					position	: relative;
				}
				
				#right .object .foto .defoto {
					position 	: absolute;
					width 		: 278px;
					height 		: 185px;
				}
				
				#right .object .foto .verkocht {
					position	: absolute;
					width 		: 278px;
					height 		: 29px;
					left		: 0;
					bottom		: 0;
					background 	: transparent url('../_images/verkocht.png') no-repeat bottom left;
				}
				
				#right .object .foto .verkochtov {
					position	: absolute;
					width 		: 278px;
					height 		: 29px;
					left		: 0;
					bottom		: 0;
					background 	: transparent url('../_images/verkochtov.png') no-repeat bottom left;
				}
            
            #right .object .foto .verhuurd {
               position : absolute;
               width       : 278px;
               height      : 29px;
               left     : 0;
               bottom      : 0;
               background  : transparent url('../_images/verhuurd.png') no-repeat bottom left;
            }
            
            #right .object .foto .verhuurdov {
               position : absolute;
               width       : 278px;
               height      : 29px;
               left     : 0;
               bottom      : 0;
               background  : transparent url('../_images/verhuurdov.png') no-repeat bottom left;
            }
				
				#right .object .foto .houseroute {
					position	: absolute;
					width 		: 278px;
					height 		: 29px;
					left		: 0;
					bottom		: 0;
					background 	: transparent url('../_images/huizenroute.png') no-repeat bottom left;
				}
				
				#right .object .foto .nieuw {
					position	: absolute;
					width 		: 75px;
					height 		: 90px;
					margin 		: -17px 0 0 225px;
					background 	: transparent url('../_images/nieuw.png') no-repeat bottom left;
				}
				
				#right .object .foto .openhuis {
					position	: absolute;
					width 		: 75px;
					height 		: 90px;
					margin 		: -17px 0 0 225px;
					background 	: transparent url('../_images/openhuis.png') no-repeat bottom left;
				}
				
				#right .object .info {
					float 	: left;
					display	: inline;
					padding : 2px 0 0 20px;
				}
		
		#paginate {
		}
		
		
		#carousel {
			float 	: left;
			display : inline;
			width 	: 960px;
			margin	: 25px;
		}
		
			#carousel #prev {
				display : inline;
				float 	: left;
				margin 	: 0 20px 0 0;
			}
			
			#carousel #next {
				display : inline;
				float 	: left;
				margin 	: 0 0 0 20px;
			}
			
			#carousel #objects {
				display 		: inline;
				float 			: left;
				position		: relative;
				overflow		: hidden;
				width			: 808px;
			}

			#carousel #objects #object {	
				overflow		: hidden;
				margin			: 0px auto;
				position		: relative; 
			}


				#carousel #objects #object ul {
					width			: 10000000px;
					position		: relative;
					z-index			: 1;
				}

				#carousel #objects #object ul li {
					float			: left;
					list-style		: none;
					overflow		: hidden;
					cursor			: pointer;
				}
			
			
			#objects .object {
				display : inline;
				float 	: left;
				width 	: 187px;
				margin 	: 0 20px 0 0;
			}
			
				#objects .object .img {
					float 	: left;
					margin	: 0;
					padding : 0;
				}
				
				#objects .object .desc {
					float 		: left;
					height 		: 40px;
					width 		: 187px;
					color 		: #fff;
					text-align 	: center;
					padding 	: 4px 0 0 0;
					font-size 	: 12px;
					background	: url('../_images/desc_bg.gif') repeat-x top left;
				}

	#footer {
		width			: 965px;
		background 		: transparent url('../_images/content_bottom.gif') no-repeat top left;
		padding 		: 25px 0 25px 5px;
		line-height	 	: 18px;
	}
	
		#contact1 {
			float 			: left;
			display : inline;
			width 			: 270px;
			border-right	: 1px solid #9cb8ca;
			padding			: 0 25px;
			color 			: #009574;
		
		}
		
		#contact2 {
			float 			: left;
			display : inline;
			width 			: 270px;
			border-right 	: 1px solid #9cb8ca;
			padding			: 0 25px;
			color 			: #009574;
		}
		
		#links {
			float 	: left;
			display : inline;
			width 	: 270px;
			padding	: 12px 25px 0 25px;
		}
		

.hr_dotted {
	clear		: both;
	height 		: 3px;
	line-height : 0;
	font-size 	: 0;
	background	: transparent url('../_images/hr_dotted.gif') repeat-x center center;
	margin 		: 0 30px 0 25px;
	padding 	:	0;
}

.hr_dotted2 {
	clear		: both;
	height 		: 3px;
	line-height : 0;
	font-size 	: 0;
	background	: transparent url('../_images/hr_dotted.gif') repeat-x center center;
	margin 		: 0 30px 0 0;
	padding 	:	0;
}
	
.clear {
	clear	: both;
}
	
/* Headings H1-H6 */
h1 { }

	#content h1 {
		font-size	: 18px;
		line-height	: 22px;
		margin 		: 0 0 8px 0;
	}
	
	#adres h1 {
		line-height	: 24px;
		height 		: 24px;
		font-size 	: 24px;
		margin 		: 0 0 5px 0;
	}

h2 { }
	
	#headerleft h2, #left h2 {
		line-height : 12px;
		width 		: 200px;
		padding 	: 5px 0 5px 35px;
		margin 		: 0 0 3px 0;
		background 	: transparent url('../_images/zoek.gif') no-repeat center left;
	}
	
	#left .block h2 {
		background 	: transparent url('../_images/rondhuis.gif') no-repeat center left;
	}
	
	#right .object .info h2 {
		line-height	: 20px;
		height 		: 20px;
		font-size 	: 18px;
		margin 		: 0 0 5px 0;
	}
	
h3 { }

	#footer h3 {
		line-height : 10px;
		width 		: 200px;
		padding 	: 5px 0 5px 35px;
		margin 		: 0 0 3px 0;
		background 	: transparent url('../_images/vestiging.gif') no-repeat center left;
	}

h4 { }


	#adres h4 {
		line-height	: 22px;
		height 		: 22px;
		font-size 	: 22px;
		margin 		: 0 0 5px 0;
	}
	
	#right .object .info h4 {
		line-height	: 20px;
		height 		: 20px;
		font-size 	: 20px;
		margin 		: 0 0 5px 0;
	}

h5 { }

	h5 {
		font-weight 	: bold;
		margin			: 0 0 8px 0;
	}

h6 { }

	h6 {
		font-size 		: 11px;
		font-weight 	: bold;
		margin			: 0 0 8px 0;
	}


/* Paragraph and Link Styles */
p { }
	
	#content p {
		margin 	: 0 0 10px 0;
	}

a { }	

	a, #zoeken a{
		color 	: #555;
	}
	
	a:hover , #zoeken a:hover{
		color 	: #000;
	}
	
	a.meer {
		float 	: right;
	}
	
	#right .block a {
		color 	: #009574;
	}
	
	
	#footer a {
		color 	: #009574;
	}
	
	#footer a:hover, #right .block a:hover {
		color 	: #000;
	}
	
	a.high {
		color 	: #009574;
		line-height	: 22px;
	}
	
	a.high:hover {
		color 		: #000;
	}
	
	a.meerinfo {
		color 		: #009574;
		line-height	: 40px;
		padding 	: 2px 0 2px 25px;
		background 	: transparent url('../_images/meerinfo.gif') no-repeat center left;
	}
	
	a.meerinfo:hover {
		color 		: #000;
	}
	
	#paginate ul li a {
		text-decoration 	: none;
	}
	
	#paginate ul li a:hover {
		text-decoration 	: underline;
	}
	
	#paginate ul li.active a {
		color 				: #fff;
		font-weight			: bold;
		text-decoration 	: none;
	}
	
	#paginate ul li.active a:hover {
		text-decoration 	: underline;
	}
	
	
	a.arrow {
		color 		: #009574;
		line-height	: 20px;
		padding 	: 0 25px 0 0;
		background 	: transparent url('../_images/arrow.gif') no-repeat center right;
	}
	
	a.arrow:hover {
		color 		: #000;
	}
	
	

	
/* Lists and Navigation */

ul { }

	ul.main {
		float	: left;
		display : inline;
		margin 	: 0 0 0 5px;
	}
	
		ul.main li {
			float		: left;
			display 	: inline;
			padding		: 15px 25px 0 25px;
			height 		: 35px;
			background 	: transparent url('../_images/nav_bg.gif') no-repeat top right;
		}
		
		ul.main li.active {
			float		: left;
			padding		: 15px 25px 0 25px;
			height 		: 35px;
			background 	: transparent url('../_images/nav_bg_active.gif') no-repeat top right;
		}
		
			ul.main li a {
				font-weight		: bold;
				color 			: #fff;
				text-decoration	: none;
			}

			ul.main li a:hover {
				color 			: #fff;
				text-decoration	: underline;
			}
			
	ul#submain {
		float	: left;
		display : inline;
		margin 	: 6px 0 0 15px;
		line-height 	: 18px;
	}
	
		ul#submain li {
			float		: left;
			display : inline;
			padding		: 0 15px 0 15px;
			border-right	: #c2c2c2 1px solid;
		}
		
		ul#submain li.last {
			float		: left;
			padding		: 0 15px 0 15px;
			border-right	: 0px;
		}
		
			ul#submain li a {
				color : #555555;
				font-weight: bold;
				text-decoration	: none;
			}
			
			ul#submain li.active a {
				text-decoration	: underline;
			}

			ul#submain li a:hover {
				text-decoration	: underline;
			}

#paginate ul {
	height: auto;
	float: left;
	max-width: 500px;
}

	#paginate ul li {
		float			: left;
		min-width 	: 14px;
		text-align	: center;
		line-height	: 25px;
		display 		: inline;
		padding		: 0 6px 0 6px;
		margin 		: 0px 2px 4px 2px;
		border		: #b0c8d8 1px solid;
	}
	
	#paginate ul li.active {
		border		: #009574 1px solid;
		background 	: #009574;
	}

#right #tabs ul {
	float 			: left;
	border-left 	: 1px solid #cfcfcf;
	
}

	#right #tabs ul li {
		display		: inline;
		float 		: left;
		height		: 26px;
		padding 	: 8px 0 0 0;
		background 	: transparent url('../_images/tab_bg.gif') no-repeat top right; 
	}
	
	#right #tabs ul li.active {
		background 	: transparent url('../_images/tab_bg-active.gif') repeat-x top right; 
	}
	
	#right #tabs ul li a{
		text-decoration	: none;
	}
	
	#right #tabs ul li.active a{
		color 		: #fff;
	}
	
	#right #form select, #right .block select {
		border 	: 1px solid #dddddd;
		height 	: 25px;
		padding	: 3px;
		font	: normal 13px "Arial", "Verdana", sans-serif;
		color	: #555555; 
	}

	#right #form input, #right #form textarea, #right .block input, #right .block textarea {
		border 	: 1px solid #dddddd;
		padding	: 3px;
		font	: normal 13px "Arial", "Verdana", sans-serif;
		color	: #555555; 
		margin-bottom: 2px;
	}
/* Tables */

#zoeken td {
	padding	: 3px;
}

/* Forms */

#zoeken select {
	width	: 200px;
	border 	: 1px solid #dddddd;
	height 	: 25px;
	padding	: 3px;
	font	: normal 13px "Arial", "Verdana", sans-serif;
	color	: #555555; 
}

#filter select {
	width	: 150px;
	border 	: 1px solid #dddddd;
	height 	: 25px;
	padding	: 3px;
}

.text {
	padding			: 3px 4px 0 4px;
	width			: 192px;
	overflow		: hidden;
	height			: 19px;
	z-index			: 1;
	font-size		: 13px;
	background		: #fff url('../_images/dropdown.gif') no-repeat right;
}

.dropdown {
	position		: absolute;
	display			: none;
	border			: 1px solid #8e8f8e;
	background-color: #fff;
	top				: 21px;
	left			: 0px;
	width			: 300px;
	z-index			: 10;
	padding			: 7px 12px;
	line-height		: 22px;
}

.dropdown .close {
	position		: absolute;
	right			: 5px;
	top				: 0px;
	font-size		: 14px;
}

.tooltip{
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	padding:5px;
	white-space:nowrap;
}
.googleMarkerTab .address{
	margin-bottom: .6em;
}
.tooltip dt{
	font-weight: bold;
}
.tooltip dd{
	margin-left: 1em;
	font-size: .9em;
}

#shareBar {
   height:217px;
   left:965px;
   overflow:hidden;
   position:absolute;
   top:266px;
   width:59px;
}

#home #shareBar {
   top:431px;   
}

#shareBar .shareIcons {
   position: absolute;
   left: -59px;
}

#shareBar.over .shareIcons {
   left: -59px;
}
