/* BODY */
body
{
	font-family: "Light", Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 13px;	
}

/* WRAPPER */
#wrapper
{
	width: 976px;
	margin: 0 auto;	
}

/* HEADER */
#header
{
	background: #fff;
	position: relative;
	width: 976px;
	height: 78px;	
	z-index: 100;
	font-size: 12px;
	
}

	#header a
	{
		color: #666;	
		text-decoration: none;
	}
	
	#header a:hover, #header .actief
	{
		color: #c06;	
	}

	#logo
	{
		display: block;
		width: 239px;
		height: 30px;
		background: url('img/logo.png');
		position: absolute;
		top: 24px;
		left: 32px;	
	}
	
	#topmenu
	{
		font-family: "Light", Helvetica, Arial, sans-serif;
		position: absolute;
		left: 324px;
		line-height: 4em;
	}
	
	#switch
	{
		font-family: "Regular", Helvetica, Arial, sans-serif;
		position: absolute;
		right: 27px;
		line-height: 4em;
		text-transform: uppercase;	
	}
	
	#topmenu a, #switch a
	{
		padding: 5px 2px;	
	}
	
	#zoeken
	{
		position: absolute;
		right: 16px;
		top: 40px;	
		top: 14px;
	}
	
		#zoeken input
		{
			border: none;
			background: url('img/zoeken.png');
			width: 150px;
			height: 24px;
			font-family: "Regular", Helvetica, Arial, sans-serif;
			font-size: 12px;
			margin: 0;
			padding: 0 0 0 26px;
			color: #999;	
		}
	
/* DROPDOWN */
#menu
{
	width: 976px;
	height: 32px;	
	background: #fff url('img/menu.png') repeat-x;
	position: relative;
	z-index: 100;
}

	#dropdown
	{
		font-family: "Light", Helvetica, Arial, sans-serif;
		position: absolute;
		z-index: 100;
	}
	
	#dropdown li
	{
		float: left;
		width: 162px;
		height: 32px;
		line-height: 32px;
		background: url('img/menu_seperator.png') no-repeat right center;	
	}
	
		#dropdown li.first
		{
			width: 166px;	
		}
	
		#dropdown li a
		{
			padding-left: 15px;
			color: #e6e6e6;
			text-decoration: none;	
			display: block;
			font-size: 16px;
		}
	
		#dropdown li a:hover,
		#dropdown li.actief a, 
		#dropdown li a.actief
		{
			/* background: url('img/menu_actief.png');	
			background: #fff;
			color: #036; */
			
			background: url('img/dropdown_pijl2.png') no-repeat center left;	
			color: #fff;
		}
		
		/*
		#dropdown li a.actief
		{
			background: url('img/dropdown_pijl2.png') no-repeat center left;	
			color: #fff;
		}
		*/
		
		#dropdown ul
		{
			display: none;	
			background: #fff;
			padding: 10px 0;
			height: 195px;
		}
		
		#dropdown ul li
		{
			height: auto !important;
			line-height: 20px;	
			background: #fff url('img/menu_pijl.png') no-repeat 5px -2px;
		}
		
			#dropdown ul li a
			{
				background: url('img/hr.png') repeat-x center bottom;
				color: #999;	
				padding: 0 0 0 10px;
				margin: 0 5px 0 5px;
				font-size: 13px;
			}
			
			#dropdown .actief li a
			{
				color: #036;	
				background: url('img/hr.png') repeat-x center bottom;
			}
			
			#dropdown .actief li a:hover, #dropdown li li a.actief
			{
				color: #c06;
				background: url('img/hr.png') repeat-x center bottom;
			}

/* CONTENT */
#content
{
	width: 976px;
	margin: 32px 0;
	min-height: 500px;
	height: auto !important;
	height: 500px;		
}

	.content-left
	{
		float: left;
		width: 640px;
		line-height: 1.5em;	
	}
	
	.content-left-klein
	{
		float: left;
		width: 304px;
		margin: 0 32px 0 0;	
	}
	
	.content-right
	{
		float: right;
		width: 304px;	
	}
	
	.content-makelaardij-menu
	{
		float: left;
		width: 240px;	
		line-height: 2em;	
	}
	
	.content-makelaardij
	{
		float: right;
		width: 704px;	
	}
	
	.content-detail-left
	{
		float: left;
		width: 188px;
		margin: 0 32px 0 0;	
		line-height: 1.5em;	
	}
	
		.content-detail-left ul li
		{
			border-bottom: 1px solid #f5f5f5;
			font-size: 12px;
			padding: 1px 0;
		}
	
	.content-detail-center
	{
		float: left;
		width: 420px;	
		position: relative;
	}
	
		#virtour
		{
			width: 95px;
			height: 39px;
			display: block;
			background: url('img/virtueletour.png');	
			position: absolute;
			right: 0;
			top: 86px;
		}

/* FEATURELIST */
#featurelist
{
	width: 640px;
	height: 240px;	
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

div#featurelist ul
{
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs
{
	right: 0;
	width: 223px;
	z-index: 2;
}

ul#tabs li
{
	width: 223px;
	height: 80px;
}

ul#tabs li a
{
	display: block;
	width: 183px; /* 223-padding */
	height: 80px;
	outline: none;
	text-align: center;
	color: #999;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	padding: 0 20px;
}

ul#tabs li a strong
{
	line-height: 35px;	
}

ul#tabs li a.current
{
	color: #fff;
	background: url('img/featurelist.png') no-repeat right center;
}

ul#tabs li a.current:hover
{
	/* cursor: default; */
}

ul#output 
{
	left: 0;
	width: 640px;
	height: 240px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 640px;
	height: 240px;
}

ul#output li a
{
	display: block;
	left: 25px;
	top: 185px;
	position: absolute;
	width: 365px;
	height: 32px;
	line-height: 20px;	
	font-size: 13px;
	line-height: 16px;
}

ul#output li span
{
	cursor: pointer;
	cursor: hand;
}

ul#output li a strong
{
	color: #036 !important;		
}

ul#output li a
{
	color: #666;	
	text-decoration: none;
}

/* ACCORDION */
.accordion 
{
	width: 100%;
	border-bottom: 1px solid #ededed;
}

.accordion p
{
	margin-bottom : 10px;
	border: none;
	margin: 0px;
	padding: 0 0 20px 20px;
}

.accordion a.acc_a
{
	cursor: pointer;
	display: block;
	padding: 5px 20px;
	margin-top: 0;
	background: url('img/accordion_plus.png') no-repeat left center;
	text-decoration: none;
	color: #036 !important;
	font-family: "Regular", Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-top: 1px solid #ededed;
}

.accordion a.selected
{
	background: url('img/accordion_min.png') no-repeat left center;
}

/* SLIDESHOW */
.slideshow
{
	margin: 8px auto 0 auto;
	width: 420px;	
	position: relative;
}

	#pijl-links, #pijl-rechts
	{
		z-index: 15;
		position: absolute;
		width: 12px;
		height: 60px;
		cursor: pointer;
		cursor: hand;	
	}

	#pijl-links
	{
		left: 0;
		background: url('img/pijl.png') no-repeat left center;
	}
	
	#pijl-rechts
	{
		right: 0;
		background: url('img/pijl.png') no-repeat right center;
	}

.slideshow-thumbs
{
	z-index: 10;
	float: left;
	width: 420px;	
	overflow: hidden;
	position: relative;
}

	.slideshow-thumbs ul
	{
		position: relative;
		padding: 0;
		margin: 0;
	}
	
	.slideshow-thumbs li
	{
		width: 108px;
		height: 60px;
		float: left;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.slideshow-thumbs img
	{
		width: 100px;
		height: 60px;
		cursor: pointer;
		cursor: hand;
	}
	
/* SIDEBAR */
.sidebar
{
	padding: 8px 16px;
	line-height: 1.5em;
}

	.sidebar a, .content-makelaardij-menu li a, .blauw
	{
		text-decoration: none;
		color: #036;
		background: url('img/menu_pijl.png') no-repeat 0 -7px;
		padding-left: 10px;
		font-size: 14px;
		font-family: "Regular", Helvetica, Arial, sans-serif;	
	}
	
		.blauw
		{
			background: none;
			padding: 0;	
		}
	
	.sidebar a:hover, .content-makelaardij-menu li a:hover
	{
		color: #c06;	
	}
	
	.sidebar .geenpijl
	{
		background: none;
		padding: 0;	
	}
	
	.sidebar .tipsy
	{
		display: inline-block;
		margin-left: 4px;	
		border: 1px solid #fff;
	}
	
	.sidebar .tipsy:hover
	{
		border: 1px solid #666;	
	}
	
	.sidebar strong
	{
		color: #036;
		font-size: 14px;	
	}
	
	.sidebar .table td
	{
		font-size: 12px;	
	}
	
	.sidebar .table td a
	{
		font-family: "Light", Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 1.3em;
		color: #666;
		background: none;
		padding: 0;
	}
	
	.sidebar .table td ul
	{
		list-style: disc;
		margin-left: 1.1em;	
	}
	
	.nieuws 
	{
		font-size: 12px !important;	
	}
	
	.nieuws td a
	{
		font-size: 12px !important;		
	}

.sidebar_wit
{
	background-color: #fff;
	border: 1px solid #fff;
}

.sidebar_grijs1
{
	background-color: #f4f4f4;
	border: 1px solid #f6f6f6;
}

.sidebar_grijs2
{
	background-color: #fafafa;
	border: 1px solid #fafafa;	
}

.border
{
	padding: 8px;	
}

.border:hover
{
	border: 1px solid #c06;	
	cursor: pointer;
	cursor: hand;
}

.border:hover a
{
	color: #c06;	
}

.recent_tour
{
	background-image: url('img/virtueletour_trans.png');	
	background-repeat: no-repeat;
	background-position: right center;	
}

.vergelijk
{
	
}

.vergelijk td
{
	width: 50%;
	line-height: 1.5em;
	font-size: 13px;
}

/* CONTENT LEFT */
.content-left h2
{
	font-family: "Regular", Helvetica, Arial, sans-serif;	
	padding-top: 0;
}

.content-left ul
{
	list-style-type: disc;
	margin-left: 1.5em;	
}

.content-left a, #lineheight a
{
	color: #c06;
}

/* KNOPPEN */
.knop
{
	display: block;	
	width: 280px;
	font-family: "Regular", Helvetica, Arial, sans-serif;	
	line-height: 22px;
	padding-left: 24px;
	color: #fff !important;
	text-decoration: none;
	background: url('img/knop.png');
	margin-bottom: 3px;
}

.knop2
{
	background: url('img/knop2.png');	
}

/* KOLOM */
#kolom3
{
	line-height: 2em;	
}

#quotes
{
	font-family: Georgia, Palatino, Times;
	color: #036;
	font-style: italic;
	text-align: center;	
}

#lineheight
{
	line-height: 1.5em;	
}
	
/* FOOTER */
#footer
{
	width: 976px;
	min-height: 300px;
	height: auto !important;
	height: 300px;	
	background: url('img/footer2.png') no-repeat;
	color: #666;
}

	#footer-table
	{
		padding: 48px 32px;
		font-size: 11px;	
		line-height: 1.5em;
	}
	
	#footer-table td
	{
		padding-right: 10px;	
	}
	
	#footer-table strong
	{
		text-transform: uppercase;
		color: #999;
		font-weight: normal !important;	
	}
	
	#footer-table li
	{
		background: url('img/menu_pijl.png') no-repeat 0 -6px;		
	}
	
	#footer-table a
	{
		color: #666;
		text-decoration: none;
		padding-left: 10px;	
	}
	
	#footer-table a:hover
	{
		color: #c06;	
	}
	
/* LIJST DROPDOWN */
.lijst
{
	font-family: Arial;	
	font-size: 12px;
}

.lijst dd, .lijst dt, .lijst ul
{
	margin: 0; 
	padding: 0; 
	z-index: 300;
}

.lijst dd
{
	position: relative;
	/* IE HACK */
	_top: -260px; 
	_left: -327px;
	_height: 0;
	_zoom: 1;
}

.lijst a, .lijst a:visited
{
	outline: none;
	text-decoration: none;
	color: #666;
}

.lijst a:hover
{
	color: #c06;	
}

.lijst dt
{
	font-weight: bold;
	height: 24px;
	width: 180px;
	line-height: 1.2em;
	background: url('img/dropdown.png') no-repeat;	
}

.lijst dt a 
{
	background: url('img/dropdown_pijl.png') no-repeat scroll right center; 
	display: block; 
	margin: 0;
	padding: 0 24px 0 0;
	width: 180px;
}

.lijst dt a.actief
{
	background: url('img/dropdown_pijl_actief.png') no-repeat scroll right center; 
	color: #c06;	
}

.lijst dt a span, .lijst dt a.actief span
{
	cursor: pointer; 
	display: block; 
	padding: 5px;
}

.lijst dd ul
{ 
	background: #fff none repeat scroll 0 0; 
	border-top: 1px solid #efecec; 
	border-left: 1px solid #efecec; 
	border-right: 1px solid #efecec; 
	display: none; 
	padding: 0px; 
	position: absolute; 
	top: -1px; 
	left: 0px;
	width: auto; 
	min-width: 202px; 
	list-style: none;
}

.lijst span.value
{
	display: none !important;
}

.lijst dd ul li
{
	border-bottom: 1px solid #efecec; 
	padding: 0 5px;	
}

.lijst dd ul li a
{ 
	padding: 3px 5px; 
	display: block;
}

.lijst dd ul li a:hover 
{ 
	background-color: #fefefe;
} 

/* MAKELAARDIJ */
#makelaardij
{
	z-index: 100;
	font-family: Arial;
	font-size: 12px;
}

.blok-makelaardij
{
	position: relative;
	display: inline-block;
	background: url('img/bg_blok.png') center center repeat-x;
	border: 1px solid #eae8e8;
	width: 704px;
	min-height: 100px;
	margin: 0 auto 8px auto;
	cursor: pointer;
	cursor: hand;
	
	/* IE HACK */
	_top: -260px; 
	_left: -327px;
	_height: 0;
	_zoom: 1;
}

.blok-makelaardij:hover
{
	border: 1px solid #f0bccf;	
}

.blok-makelaardij .status
{
	position: absolute !important;
	top: 10px;
	left: 470px;
	width: 195px;
	height: 82px;
}

.blok-makelaardij .blok-text
{
	line-height: 1.4em !important;	
}

.blok-makelaardij a
{
	padding: 0 15px;
	background: url('img/bullet.png') 0 0 no-repeat;
	*background: url('img/bullet.png') 0 center no-repeat;	
	color: #666;
	text-decoration: none;
}

.blok-makelaardij a:hover, .blok-makelaardij .actief
{
	padding: 0 15px;
	background: url('img/bullet_hover.png') 0 0 no-repeat;
	*background: url('img/bullet_hover.png') 0 center no-repeat;	
	color: #c06;
}

.blok-makelaardij a.vergelijk, .blok-makelaardij a.vergelijk:hover
{
	padding: 0 15px;
	background: url('img/bullet_blauw.png') 0 0 no-repeat;
	*background: url('img/bullet_blauw.png') 0 center no-repeat;	
	color: #39f;	
}

.blok-banner
{
	margin: 0 auto 8px auto;
	width: 420px;
	height: 100px;
	overflow: hidden;	
}

.blok-text
{
	padding: 7px 8px 8px 8px;
	line-height: 18px;
}

.toon a
{
	color: #666;	
	text-decoration: none;
	padding: 3px;
}

.toon a:hover, .toon .actief
{
	color: #c06;	
}

/* HR */
.hr
{
	width: 100%;
	height: 1px;
	background: url('img/hr.png');
	margin: 16px 0;	
}

/* OVERLAY */
#overlay
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('img/overlay.png');	
	z-index: 90;
	display: none;
}

/* TABEL NY */
.tabel_ny
{
	width: 100%;	
	border-collapse: collapse;
}

.tabel_ny td
{
	background: #f7f7f7;
	border-bottom: 2px solid #fff;
	padding: 1px 5px;	
}

.td_ny
{
	background: #c06 !important;	
}

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

/* HEADINGS */
h1
{
	font-size: 24px;
	font-family: "Light", Helvetica, Arial, sans-serif;
	color: #c06;	
	margin-bottom: 24px;
	font-weight: normal;
	line-height: 1.2em;
}

h2
{
	font-size: 16px;
	font-family: "Light", Helvetica, Arial, sans-serif;
	color: #036;
	padding: 8px 0;	
	font-weight: normal;
}

h3
{
	font-size: 16px;
	font-family: "Light", Helvetica, Arial, sans-serif;
	color: #666;
	font-weight: normal;	
}

/* STRONG BOLD */
strong, b
{
	font-family: "Bold", Helvetica, Arial, sans-serif;	
}

/* FORM */
form
{
	margin: 0;
	padding: 0;	
}

form td
{
	padding: 2px 0;	
}

form input, form select, form textarea
{
	font-family: "Light", Helvetiva, Arial, sans-serif;
	font-size: 12px;
	color: #666;	
}

form select
{
	width: 200px;
	border: 1px solid #cbcbcb;
	padding: 4px;
	background: #fff;
}

form input[type='text']
{
	border: 1px solid #cbcbcb;
	padding: 4px;	
	width: 200px;
}

form textarea
{
	border: 1px solid #cbcbcb;
	padding: 4px;	
	width: 600px;	
	height: 125px;
}

form input[type='submit']
{
	border: none;
	text-align: left;	
	padding-top: 3px;
	padding-bottom: 3px;
}

/* OVERIGE */
.clear
{
	clear: both;	
}

.no_display
{
	display: none;
}

/* TIPSY */
.tipsy { padding: 5px; font-size: 12px; opacity: 1; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(img/tipsy.gif); }
.tipsy-inner { border: 1px solid #666;  padding: 5px 8px 4px 8px; background-color: #fff; color: #666; max-width: 200px; text-align: left; line-height: 1.5em; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
