* { font-family: Arial; }

body { background: #fff; }
* html body {  }

form 					{ margin: 0px; padding:0px;}
body, td, div 			{ font-family: Arial !important; font-size: 11px;  }
img						{ border: 0px; }

input, select			{ font-family: Arial font-size: 11px; color: #303030; border: 1px solid #3b4c52; padding: 2px; margin: 2px; margin-left: 0px; padding-left: 6px; }
img.disabledcheckbox	{ padding: 2px; margin: 2px; margin-left: 0px; padding-left: 6px; }
input.disabledcheckbox	{ display:none; }
input.login				{ width: 157px; }
select.zoek				{ width: 164px; }

div.font_size_13 {  font-size: 13px; }

a { color: #ff870b; }

a.button_green			{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-top: 5px; text-decoration: none; color: #68aa00; display: block; width: 164px; height: 20px; white-space: nowrap; border-bottom: 1px solid #68aa00; vertical-align: middle; text-align: right; }

.clear_both				{ clear: both; height: 1px; overflow: hidden; }

.float_right			{ float: right; }
.float_left				{ float: left; }

.hidden 				{ display: none; }

.bouwnummers { border-collapse: collapse; border: 1px solid #68aa00; padding: 0px; margin: 0px; }
.bouwnummers_header { background-color: #e2e4e5; font-weight: bold;  margin: 0px;}
.bouwnummers td { padding: 4px;}

.bottom { position: absolute; bottom: 0px; }

span.new, span.sold 	{ position: absolute; color: #FFFFFF; font-weight: bold; font-size: 9px; padding-left: 2px; padding-right: 2px;}
span.new				{ background-color: #68aa00; }
span.sold				{ background-color: #dc0000; }

span.dark_button			{ height: 20px; display: inline; margin: 10px; clear: both;}
	span.dark_button .left{ background: url(/images/button_dark_left.gif); height: 20px; float: left; width: 12px; }
	span.dark_button .middle{  background: url(/images/button_dark_middle.gif); height: 20px; float: left; whitespace: no-wrap;}
		span.dark_button .middle a{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #FFFFFF; line-height: 16px; text-decoration: none; }
	span.dark_button .right{ background: url(/images/button_dark_right.gif); height: 20px; float: left; width: 12px; }

span.light_button			{ height: 23px; display: inline; margin: 10px;}
	span.light_button .left{ background: url(/images/button_light_left.gif); height: 23px; float: left; width: 20px; }
	span.light_button .middle{ padding-left: 5px;   background: url(/images/button_light_middle.gif); height: 23px; float: left;  }
		span.light_button .middle a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #3b4c52; line-height: 23px; text-decoration: none; }
	span.light_button .right{ background: url(/images/button_light_right.gif); height: 23px; float: left; width: 20px; }


html, body 				{ margin: 0px; padding: 0px; }
html>body 				{ min-height: 100%;}

div.positioner 			{ position: relative; margin: 0 auto; width: 100%; min-height: 96%; }
* html div.positioner 	{ height:98%; }

/*headercontainer*/
div.container_head 		{ position: relative; margin: 0 auto; width: 924px; height: 61px; }
	div.container_head .top_menu { position: absolute; left: 180px; width: 545px;top: 13px; text-align: right; }
		div.container_head .top_menu a { color: #000000; text-decoration: none; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }

/*blauwe lage balkje*/
div.blue_bar 			{ position: relative; margin: 0 auto; width: 924px; height: 7px; background-color: #3b4c52; line-height: 7px;}

/*oranje menuheader*/
div.orange_menu			{ border-bottom: 6px solid #FFFFFF; position: relative; margin: 0 auto; width: 924px; height: 262px; background: url(/images/menu_background.jpg); background-repeat: repeat-x; background-color: #ff870b; color: #FFFFFF;  }
	/* menu links in de header */
	div.orange_menu .menu_container { width: 191px; height: 227px; float: left; }
		ul.menu { width: 191px; height: 227px; }
		ul.menu, ul.menu ul, ul.menu ul li, ul.menu li { margin: 0px; list-style-type: none; padding: 0px; }
		ul.menu li { background: url(/images/menu_arrow.gif); background-repeat: no-repeat; background-position: 10px 0px; padding-left: 15px; }
		ul.menu { margin: 0px; margin-top: 15px;   }
			ul.menu li { margin-bottom: 20px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 16px; text-indent: 10px;}
				ul.menu li a { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; }
			ul.menu ul li { margin-bottom: 0px; padding-left: 15px; }
			ul.menu ul li.selected { background: url(/images/menu_arrow_selected.gif) no-repeat; background-position: 10px 0px; background-color: #ff5a03;}
				ul.menu ul { margin-left: -15px; }
				ul.menu ul li a { font-weight: normal; }
	/* normale header */
	div.orange_menu .flash_header { position: relative; width: 542px; height: 262px; float: left;  }
		div.orange_menu div.white_borders { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 528px; }
	/* loggedin header */
		div.orange_menu div.header_loggedin { position: relative; background: url(/images/mijn.jpg); background-position: 4px 0px; background-repeat: no-repeat; width: 510px; height: 201px; padding-top: 59px; padding-left: 14px; color: #000000;}
			div.orange_menu div.flash_header .messages {  margin-left: 0px; margin-top: 12px; color: #FFFFFF; }
			div.orange_menu div.flash_header .tabs_container { position: absolute; bottom: 0px; left: 4px; height: 24px; }
				div.orange_menu div.flash_header .tabs_container .tab_1, div.orange_menu div.flash_header .tabs_container .tab_2, div.orange_menu div.flash_header .tabs_container .tab_selected {
					float: left; width: 116px; height: 20px; margin-right: 3px; font-weight: bold; font-size: 11px; padding-top: 4px; padding-left: 8px; cursor: pointer;
				}
				div.orange_menu div.flash_header .tabs_container .tab_selected { background: url(/images/tab_top_white.gif); color: #000000; }
				div.orange_menu div.flash_header .tabs_container .tab_1 { background: url(/images/tab_top_rouge.gif); color: #ff870b; }
				div.orange_menu div.flash_header .tabs_container .tab_2 { background: url(/images/tab_top_orange.gif); color: #ff870b; }
	/* logginform rechts in de header */
	div.orange_menu .login_form { width: 191px; height: 242px; float: left; }
		div.orange_menu .login_form	img.header { padding-top: 17px; padding-left: 14px; }
		div.orange_menu div.login_form div.login_box, div.orange_menu div.login_form .login_box_loggedin { width: 163px; margin-left: 18px; margin-top: 6px; line-height: 18px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
			div.orange_menu div.login_form div.login_box a.form_button, div.orange_menu div.login_form div.login_box_loggedin a.form_button	{ display: block; width: 155px; text-align: right; color: #FFFFFF; font-weight: bold; white-space: nowrap; text-decoration: none;  }
				div.orange_menu div.login_form div.login_box a, div.orange_menu div.login_form div.login_box_loggedin a { text-decoration: none; color: #FFFFFF; }
		div.login_box_loggedin ul { padding: 0px; margin: 0px; list-style: none; }
			div.login_box_loggedin ul ul li { line-height: 18px; }
			div.login_box_loggedin ul ul { padding-top: 10px; }
			* html div.login_box_loggedin ul ul { padding-top: 0px; }


/*content vak*/
div.content_container	{ position: relative; margin: 0 auto; width: 924px; } /* min-height: 442px; */
* html div.content_container { } /* height: 442px; */
div.content_borders { min-height: 200px; border-left: 1px solid #ff870b; border-right: 1px solid #ff870b; margin-bottom: 6px; background-color: #ffffff;}
* html div.content_borders { height: 200px; }

div.content_borders td { font-size: 13px;}

/*footer*/
div.footer_container	{ white-space: nowrap; position: relative; margin: 0 auto; width: 924px; height: 40px; background: url(/images/footer_background.gif); background-repeat: no-repeat; }
	div.footer_container a {  color:#000000; text-decoration: none; line-height: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

#addthis {line-height:16px; margin-top:12px;}
#addthis a {line-height:16px;}

div.white { 	height: 1px; background-color: #FFFFFF; line-height: 1px; margin-bottom: 3px; margin-top: 3px;}




/*
	alle definities hieronder vallen binnen de content_container div
*/

/********************************HOMEPAGE (mont homepage.psd)******************/
	div.content_borders ul.category_container { margin: 0px; list-style: none; padding: 0px;  }
	div.content_borders li.category, div.content_borders li.category_news { float: left; margin-top: 0px; position: relative; border-right: 1px solid #ff870b; margin-left: 3px; width: 173px; padding-right: 5px;  line-height: 15px; padding-left: 2px; min-height: 400px;}
	* html div.content_borders li.category, * html div.content_borders li.category_news { height: 250px; }
	div.content_borders li.category_news img { margin-top: 5px; margin-bottom: 5px; }
		h2.header { margin: 0px; margin-bottom: 5px; width: 173px; height: 50px; background-repeat: no-repeat; background-color: #3b4c52; font-size: 1px; text-indent: -1500px; overflow: hidden; }
		h2.header_white { margin: 0px; margin-bottom: 8px; width: 66px; height: 26px; background-repeat: no-repeat; background-color: #FFFFFF; background-position: 0px 5px; font-size: 1px; text-indent: -1500px; overflow: hidden; }
		div.content_borders li.category .divider { background: url(/images/divider.jpg); background-repeat: no-repeat; width: 173px; height: 6px; margin-top: 5px; margin-bottom: 5px;}
		div.content_borders li.category a {color: #000000; text-decoration: none;}
	div.content_borders .category ul {	padding: 0px; margin: 0px; text-indent: 0px; list-style-type: none; }
	div.content_borders li.category_news { border-right: 0px; width: 168px; padding-left: 3px; }
		div.news_item { font-size: 10px; }

/********************************Resultaat nieuwbouw ( mont aanbod BOG.psd )*************/
div.search { width: 168px; margin-left: 5px; }

div.detail { padding-left: 5px; margin-left: 6px; width: 731px; border-left: 1px solid #ff870b; }
	div.detail_header	{ position: relative; width: 728px; height: 30px; background-color: #e2e4e5; }
		div.detail_header h2 { margin: 0px; padding: 0px; text-indent: -1500px; background-repeat: no-repeat; height: 30px; width: 300px; }
		div.detail_header .detail_header_links { position: absolute; right: 14px; top: 8px; }
			div.detail_header .detail_header_links a { color: #000000; }
	div.detail_sub_header{ position: relative; margin-right: 5px; margin-left: 5px; width: 721px; height: 20px; border-bottom: 1px solid #ff870b; font-size: 10px; line-height: 20px; margin-bottom: 12px; }
		div.detail_sub_header .sub_tabs_container { position: absolute; right: 0px;  width: 540px; height: 20px; bottom: -3px; }
			div.detail_sub_header .sub_tabs_container .sub_tab, div.detail_sub_header .sub_tabs_container .sub_tab_selected { height: 17px; width: 98px; float: right; margin-right: 4px; font-weight: bold; color: #3b4c52; padding-left: 5px; text-align: center; }
				div.detail_sub_header .sub_tabs_container .sub_tab a, div.detail_sub_header .sub_tabs_container .sub_tab_selected a { font-size: 11px; line-height: 17px; text-decoration: none; color: #3b4c52; }
			div.detail_sub_header .sub_tabs_container .sub_tab { background-image: url(/images/sub_tab.gif); background-repeat: no-repeat;}
			div.detail_sub_header .sub_tabs_container .sub_tab_selected {  z-index: 100; background-image: url(/images/sub_tab_selected.gif); background-repeat: no-repeat; border-bottom: 1px solid #FFFFFF; }
			div.detail_sub_header .sub_tabs_container .sub_tab_selected a { color: #ff870b; }
	div.detail_left		{ width: 363px; margin: 0px; margin-left: 5px; }
	* html div.detail_left { margin-left: 3px; }
		div.detail_left img { border: 1px solid #3b4c52; }
		div.photo_nav_container { position: relative; width: 358px; height: 25px; margin-top: -2px; }
			div.photo_nav_container a.more_pictures { line-height: 25px; text-align: center; display: block; background-color: #dbdfe1; height: 25px; width: 122px; color: black; font-weight: bold; font-size: 12px; }
			div.photo_nav_container a.enlarge_picture { position: absolute; right: 0px; top: 0px; }
			div.detail_left_links { margin-top: 12px; text-align: right; margin-right: 6px; }
				div.detail_left_links a { color: #000000; font-size: 12px;  }
	div.detail_right	{ margin-left: 6px; width: 354px;  font-size: 13px; }
		div.detail_right h3 { margin: 0px; padding: 0px; font-weight: bold; font-size: 13px; }
		div.detail_right h4 { margin: 0px; padding: 0px; font-weight: bold; font-size: 11px; }
		div.detail_right .data { width: 100%; padding: 0px; border-collapse: collapse; border: 0px;  font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
			div.detail_right sup { font-size: 8px;}
			div.detail_right .data .data_1 { width: 50%; padding: 0px; margin: 0px; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
			div.detail_right .data .data_2 { width: 50%; padding: 0px; margin: 0px; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}

/*********************************Financieel (mont financieel.psd)*******************/
div.left_column { width: 178px; margin-left: 5px;  } /* geldt ook voor mont hypotheek berekening.psd*/
	div.left_column img { margin: 10px; }
div.middle_column { padding-top: 10px; padding-left: 5px; border-left: 1px solid #ff870b; width: 539px; margin-left: 5px; font-size: 13px; padding-right: 5px; }
* html div.middle_column { width: 534px; }
	div.middle_column h4 { padding: 0px; margin: 0px; font-weight: bold; font-size: 13px;  }
div.right_column { width: 177px; margin-top: 22px; font-size: 10px; }
	div.right_column img { margin-top: 5px; margin-bottom: 5px; }

/*********************************Financieel (mont financieel.psd)*******************/
	div.left_column h2 { width: 174px; padding: 0px; margin: 0px; text-indent: -1500px; font-size: 10px; height: 20px; background-repeat: no-repeat; margin-top: 5px; }
	div.left_column .divider { background: url(/images/divider.jpg); background-repeat: no-repeat; width: 173px; height: 6px; margin-top: 5px; margin-bottom: 4px;}
	div.left_column a { line-height: 15px; font-weight: bold; text-decoration: none; font-size: 10px; color: #000000; }
div.hypotheek_right { position: relative; padding-left: 5px; border-left: 1px solid #ff870b; width: 728px;}
	div.hypotheek_right h4 { font-weight: bold; font-size: 13px; margin: 0px; padding: 0px; }
	div.hypotheek_right .steps { position: absolute; right: 5px; top: 5px; font-size: 10px; }
	div.hypotheek_right .tabs { height: 35px; margin-top: 10px; background: url(/images/tab_bottom_border.gif); background-repeat: repeat-x; padding-left: 1px; }
		div.hypotheek_right .tabs .tab,  div.hypotheek_right .tabs .tab_selected { padding: 4px; padding-right: 0px; padding-bottom: 0px; font-weight: bold;  float: left; width: 210px; height: 35px; margin-right: 10px; background: url(/images/tab.gif); background-repeat: no-repeat; }
		* html div.hypotheek_right .tabs .tab,  div.hypotheek_right .tabs .tab_selected { height: 31px; }
		div.hypotheek_right .tabs .tab_selected { color: #ff870b; background-image: url(/images/tab_selected.gif); }
		table.frm { padding: 0px; margin: 0px; border-collapse: collapse; border: 0px; }
			table.frm a { position: relative; display: block; width: 132px; height: 28px; background-color: #637887; color: #FFFFFF; font-weight: bold; font-size: 11px; text-decoration: none; line-height: 28px; padding-left: 8px; }
				table.frm a img { position: absolute; right: 5px; top: 8px; }

/*********************************Woningaanbod (mont woningaanbod.psd & mont mijn vandewater.psd)*******************/
div.ranking { float: right;}
div.aanbod { padding-left: 5px; margin-left: 6px; width: 731px; border-left: 1px solid #ff870b; }
	div.aanbod_header	{ width: 728px; height: 30px; background-color: #e2e4e5; }
		div.aanbod_header h2 { margin: 0px; padding: 0px; text-indent: -1500px; background-repeat: no-repeat; height: 30px; width: 300px; }
		div.aanbod_header .aanbod_header_links { position: absolute; right: 14px; top: 4px; }
			div.aanbod_header .aanbod_header_links a { color: #000000; }
			div.aanbod_header .aanbod_header_links li.totaal { list-style: inline; list-style-type: none; float: right; padding-right: 5px; margin-right: 50px; padding: 0;  line-height: 20px;}
			div.aanbod_header .aanbod_header_links li.toon { list-style: inline; list-style-type: none; float: right; padding-right: 5px; margin-top: 0px; font-weight: bold; line-height: 20px; vertical-align: middle;  }
			div.aanbod_header .aanbod_header_links li.toon_2 { list-style: inline; list-style-type: none; float: right; padding-right: 5px; margin-top: -4px; font-weight: bold; line-height: 20px; vertical-align: middle;  }
				#limit { margin-top: 6px; font-size: 10px;}
				#sortering { margin-top: 6px; font-size: 10px;}
			div.aanbod_header .aanbod_header_links input {  }
			div.aanbod_header .aanbod_header_links .tooninput { width: 20px; font-weight: bold; color:#000; height: 18px; font-size: 11px; margin: 0; padding: 0 0 0 5px;}
	div.aanbod_sub_header{ position: relative; margin-right: 5px; margin-left: 5px; width: 721px; height: 20px; border-bottom: 1px solid #ff870b; font-size: 10px; line-height: 20px; margin-bottom: 0px; }
		div.aanbod_sub_header .bladeren{ position: absolute; right: 0px; top: 0px; font-size: 10px;}
			div.aanbod_sub_header .bladeren a { color: #000000; text-decoration: none; }
			div.aanbod_sub_header a {color: #000000; text-decoration: none; }
	div.aanbod_left		{ width: 360px; margin: 0px; margin-left: 0px; border-right: 1px solid #ff870c; }

	div.aanbod_left .aanbod_woning_kader, div.mijn_aanbod_large .aanbod_woning_kader_large { border-bottom: 1px solid #ff870c; min-height: 139px; width: 361px; margin: 0; padding: 0;}
	 * html div.aanbod_left .aanbod_woning_kader, div.mijn_aanbod_large .aanbod_woning_kader_large { height: 123px; }
	 div.mijn_aanbod_large .aanbod_woning_kader_large { width: 722px; margin-right: 3px; background-color: #f5f5f5; }
	 	div.mijn_aanbod_large .aanbod_woning_kader_large .omschrijving { float: right; width: 350px; margin-top: 9px; line-height: 14px;}
			div.mijn_aanbod_large .aanbod_woning_kader_large .omschrijving a { color: #000000;}
	 div.aanbod_left .aanbod_woning_foto, div.mijn_aanbod_large .aanbod_woning_foto { width: 165px; height: 82px; float: left; padding: 3px 0 0 0; margin: 0 0 3px 0; }
	 div.aanbod_left .aanbod_woning_foto img.border, div.mijn_aanbod_large .aanbod_woning_foto img.border{ border: 1px solid #3a4d51; }
	 div.aanbod_left .aanbod_woning_info, div.mijn_aanbod_large .aanbod_woning_info_large { width: 195px; min-height: 85px; float: left; }
	 	* html div.aanbod_left .aanbod_woning_info, div.mijn_aanbod_large .aanbod_woning_info_large {height: 85px;  }
	 	div.mijn_aanbod_large .aanbod_woning_info_large { width: 537px; }
	 div.aanbod_left .aanbod_woning_info ul, div.mijn_aanbod_large .aanbod_woning_info_large ul { list-style: none; margin: 0; padding: 8px 0 0 0;  }
	 div.mijn_aanbod_large .aanbod_woning_info_large ul { float: left;  }
	 	div.mijn_aanbod_large .aanbod_woning_info_large ul li { padding: 2px;}
	 		div.aanbod_left .aanbod_woning_kader .aanbod_woning_info ul li a { text-decoration: none; color: #000000; }
	 		div.aanbod_right .aanbod_woning_kader .aanbod_woning_info ul li a { text-decoration: none; color: #000000; }
	* html div.aanbod_left { margin-left: 3px; }
	div.aanbod_right		{ width: 360px; margin: 0px; float: left; }

	div.aanbod_right .aanbod_woning_kader { border-bottom: 1px solid #ff870c; min-height: 139px; width: 361px; margin: 0; padding: 0;}
	* html div.aanbod_right .aanbod_woning_kader { height: 123px;}
	div.aanbod_right .aanbod_woning_foto { width: 150px; height: 82px; float: left; padding: 3px 0 0 0; margin: 0 0 0 3px; }
	div.aanbod_right .aanbod_woning_foto img.border { border: 1px solid #3a4d51; }
	div.aanbod_right .aanbod_woning_info { width: 195px; min-height: 85px; float: left; }
	* html div.aanbod_right .aanbod_woning_info { height: 85px;  }
	div.aanbod_right .aanbod_woning_info ul { list-style: none; margin: 0; padding: 8px 0 0 0; }
		div.aanbod_right h3 { margin: 0px; padding: 0px; font-weight: bold; font-size: 13px; }
		div.aanbod_right h4 { margin: 0px; padding: 0px; font-weight: bold; font-size: 11px; }
		div.aanbod_right .data { width: 100%; padding: 0px; border-collapse: collapse; border: 0px; }
			div.aanbod_left sup, div.aanbod_right sup { font-size: 8px;}
			div.aanbod_right .data .data_1 { width: 50%; padding: 0px; margin: 0px; font-size: 10px; }
			div.aanbod_right .data .data_2 { width: 50%; padding: 0px; margin: 0px; font-size: 10px; }

/*********************************Woningaanbod nieuwbouw (mont woningaanbod_nieuwbouw.psd)*******************/
div.images { width: 115px; }
	div.images img { border: 1px solid #3b4c52 }
div.detail_text	{ width: 420px; border-right: 1px solid #ff870b; padding-right: 5px; font-size: 13px; }
	div.detail_text	h4, div.woning_typen h4 { margin: 0px; padding: 0px; font-weight: bold; font-size: 13px; }
div.woning_typen { width: 182px; padding-left: 5px; }
	div.woning_typen .divider { background: url(/images/divider.jpg); background-repeat: no-repeat; width: 175px; height: 6px; margin-top: 5px; margin-bottom: 0px;}
	div.woning_typen ul { padding: 0px; padding-left: 4px; margin: 0px; width: 175px; list-style: none; }
	div.woning_typen ul li { padding-left: 3px; }
	div.woning_typen ul li.selected { background-color: #ebeced;}
		div.woning_typen ul li a { text-decoration: none; color:#000000; }
	#fotosDiv img { margin: 4px; }

table.mijnvdwater th { background-color: #ff870c; color: #FFFFFF; }

div.geen_objecten { padding-left: 5px; padding-top: 5px; font-size: 13px;}

div#realisatie {clear: left; margin: 0px auto; width: 35px; }
div#realisatie a {display: block; text-indent: -500px; overflow: hidden; width: 100%; height: 30px; background: url('http://www.e-sites.nl/banners/small/2.jpg') center center no-repeat}
div#realisatie a:hover {background: url('http://www.e-sites.nl/banners/small/2.jpg?hover=ja&style=allpink ') center center no-repeat;}