/*------------------------------------------
---------------- Reseting ------------------
----------------------------------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
em, img,  s, small, strike, strong, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ font-size: 100.01%; height: 100% }
body 			{ font-size: 62.5%; height: 100%;
				  color: #373595;
				  background: #fff url(../images/body.gif) repeat-x;
					font-family: "Trebuchet MS", Arial, Verdana, sans-serif; }
				  
h1 				{ font-size: 1.5em; line-height: 1.05em; margin-bottom: 1.35em;
				  font-weight: bold } 
h2 				{ font-size: 1.8em; line-height: 1em; margin-bottom: 0.5em; letter-spacing: -1px }
h3				{ font-size: 1.4em; line-height: 1.2857em; margin-bottom: .6428em }
h4, h5, h6		{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em }

p, pre, code
				{ font-size: 12px; line-height: 1.6em; margin-bottom: 12px; }
				
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 3.6em; color: #999; }
li p 				{ margin-bottom: 0; color: #000 }

pre, code 		{ border: #ccc .0833em solid; 
				  padding: .6666em 1em; 
				  white-space: pre; 
				  margin-top: 0 }
code			{ display: block }

.popup
{padding:5px 5px 0px 5px;}
/*------------------------------------------
------------------ Fonts -------------------
----------------------------------------- */
pre       		{ font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; font-style: italic }
code      		{ font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
dd, dt		{ font-family: "Trebuchet MS", Arial, Verdana, sans-serif; }

/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: underline; color: #373595; }
a:hover			{ color: #F20017; }
a img			{ border: 0 }

/*------------------------------------------
------------------ Homesprites -------------
----------------------------------------- */
.home .bigImages .verzekeringen {
	margin-right:0;
}
.home .bigImages li a {
	display:block;
	width:189px;
	height:254px;
	text-indent:-9999px;
}
.home .bigImages .bedrijven a {
	background:url(/images/bedrijven.png) no-repeat 0 0;
}
.home .bigImages .bedrijven  a:hover {
	background:url(/images/bedrijven.png) no-repeat 0 -255px;
}
.home .bigImages .woningen a {
	background:url(/images/wonen.png) no-repeat 0 0;
}
.home .bigImages .woningen  a:hover {
	background:url(/images/wonen.png) no-repeat 0 -255px;
}
.home .bigImages .nieuwbouw a {
	background:url(/images/nieuwbouw.png) no-repeat 0 0;
}
.home .bigImages .nieuwbouw  a:hover {
	background:url(/images/nieuwbouw.png) no-repeat 0 -255px;
}
.home .bigImages .verzekeringen a {
	background:url(/images/verzekeringen.png) no-repeat 0 0;
}
.home .bigImages .verzekeringen  a:hover {
	background:url(/images/verzekeringen.png) no-repeat 0 -255px;
}


/*------------------------------------------
------------- Global Classes ---------------
----------------------------------------- */

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }

ul.oranje li	{ color: #F29400; }
/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap 			{ min-height: 100%; position: relative;
				  width: 1000px; margin: 0 auto;
				  background:url(../images/wrap.gif) repeat-y }
#splashWrap		{ height: 100%; height: auto !important; min-height: 100%; position: relative;
				  width: 825px; margin: 0 auto }

/*------------------------------------------
---------------- Layout --------------------
----------------------------------------- */

.extra			{ background: url(../images/content.gif) no-repeat }
.logo			{ margin: 22px 0 0 17px }
.rightLogos		{ float: right; list-style: none; margin: 21px 19px 0 0 }
.rightLogos	li	{ margin-left: 0; display: inline; margin-right: 3px }

/*--------------------------------------- */

#splashHeader	{ text-align: center; padding-top: 13px }

#topMenu		{ list-style: none; margin: 22px 0 0 40px }
#topMenu li		{ margin-left: 0; float: left }
#topMenu a		{ display: block; width: 140px; height: 23px; text-align: center; text-decoration: none;
				  color: #fff; font-weight: bold;
				  background: #373595 url(../images/top-menu-tab.gif) no-repeat; padding-top: 9px }
.twoLines		{ line-height:1;padding-top: 6px !important; height: 26px !important }
#topMenu a:hover	
				{ background: #373595 url(../images/top-menu-tab-hover.gif) no-repeat }
#search #topMenu a.searchlink,
#huur #topMenu a.searchlink	,
#project #topMenu a.searchlink,
#bog #topMenu a.boglink,
#hypotheken #topMenu a.hypothekenlink,
#afspraak #topMenu a.hypothekenlink,
#aankoop #topMenu a.kopenlink,
#verkoop #topMenu a.verkopenlink,
#prospect #topMenu a.prospectlink
				{ background: #373595 url(../images/top-menu-tab-active.gif) no-repeat; color: #12097c }

/*--------------------------------------- */

#content		{ clear: both; overflow:hidden;padding-bottom:50px;}

.leftCol		{ width: 167px; overflow: hidden; float: left; padding-bottom:50px;
				  text-align: center; margin-left: 21px }
#leftMenu		{ float: left; list-style: none; margin: 10px 0 36px 18px }
#leftMenu li	{ margin: 0; text-align: left }
#leftMenu a:link,
#leftMenu a:visited
				{ display: block; width: 131px; height: 17px; text-decoration: none; padding-bottom: 1px;
				  color: #373595; background: url(../images/left-menu-tab.gif) bottom repeat-x; }
#leftMenu a:hover
{
	color: #F20017;
}

#search #leftMenu a.menusearch,
#huur #leftMenu a.menuhuur,
#project #leftMenu a.menuproject,
#waardebepaling #leftMenu a.menuwaardebepaling,
#taxaties #leftMenu a.menutaxaties,
#wiezijnwij #leftMenu a.menuwiezijnwij,
#vestigingen #leftMenu a.menuvestigingen,
#links #leftMenu a.menulink,
#nieuws #leftMenu a.menunieuws,
#contact #leftMenu a.menucontact,
#bog #leftMenu a.menubog,
#afspraak #leftMenu a.menuafspraak
{
	color: #F20017;
}
#vestigingen img.kantoor
{
	border: 1px solid #333;
	margin: 0 0 10px 0;
}	
/*--------------------------------------- */
		
.mainCol
{
	margin-left: 189px;
	padding: 9px 36px 72px 14px;
	position: relative;
	font-size:12px;
}
.rightBlockPresent
{
	margin: 0 300px 0 189px;
}

#search .rightBlockPresent,
#huur .rightBlockPresent,
#project .rightBlockPresent,
#bog .rightBlockPresent
{
	margin: 0 30px 0 189px;
}

		
/*--------------------------------------- */
		
.rightBlock		{ float: right; width: 285px; padding-left: 15px; margin-top:15px; }
#contentmenuknoppen
{
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
}
#menukop
{
	position:relative;
	
}
#menuknoppen
{
	position:absolute;
	right:0;
	top:0;
}
#zoekscherm
{
	position:relative;
	/*margin-top:28px;*/
	/*clear:left;*/
	padding:20px 0 0 12px;
	height:116px;
	background:url(/images/bg-zoekscherm.gif) no-repeat;
}

/*--------------------------------------- */

#footer			{height: 26px; position: relative; margin:-50px auto 0 auto; width:1000px; padding-top: 24px;
				  background: url(../images/footer.gif) repeat-x; text-align: center }
#footer p		{ font: normal 1.1em/1.5em "Trebuchet MS", sans-serif; display: inline }
.email			{ background: url(../images/email.gif) 0 4px no-repeat; padding-left: 18px; margin-right: 18px }
.phone			{ background: url(../images/phone.gif) 0 4px no-repeat; padding-left: 17px }

.splashFooter	{ width:802px !important; border-top: #7b76aa 1px solid; background: none !important; padding-top: 10px !important }

/*--------------------------------------- */

.bigImages		{ list-style: none; width: 825px; margin: 21px auto 0 auto; overflow: hidden }
.bigImages li	{ margin: 0 23px 0 0; float: left }

.smallImages	{ clear: both; list-style: none; width: 746px; margin: 16px auto 0 auto; overflow: hidden; padding-bottom: 72px }
.smallImages li	{ margin: 0 114px 0 0; float: left }

.last			{ margin-right: 0 !important }

ul#sorteerprijs li
{
	float:left;
	margin-right:3px;
	margin-left:0px;
	text-align:center;
}
ul#sorteerprijs li
{
	float:left;
	margin-right:3px;
	text-align:center;
	width:134px;
	height:22px;
	line-height:22px;
	list-style:none;
}
ul#sorteerprijs li a
{
	width:134px;
	height:22px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	background: url(/images/bg-sorteerprijs.gif) no-repeat top left;
}
ul#sorteerprijs li a:hover
{
	color:#303883;
	background:url(/images/bg-sorteerprijs.gif) no-repeat bottom left;
}
ul#sorteerprijs li.rood a
{
	width:134px;
	height:22px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	background: url(/images/bg-sorteerprijsrood.gif) no-repeat top left;
}
ul#sorteerprijs li a:hover
{
	color:#303883;
	background:url(/images/bg-sorteerprijsrood.gif) no-repeat bottom left;
}


/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
td
{
	font-size:12px;
}
select
{
    font-size:12px;
    font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}
input
{
    font-size:12px;
    font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}
textarea
{
    font-size:12px;
    font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}
body #fout
{
    font-size:12px;
    color: red
}
body #informatietext
{
    color: #373595;
}
body #boginfotitletekst
{
    color: #373595;
}
body #titel
{
    color: #373595;
}
body #highlight
{
    color: #373595;
}
body #nieuwsdatum
{
    color: #373595;
		width:80px;
		display:block;
}
body #nieuwsimage
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid
}
body #selectbox
{
    font-size: 12px;
    font-family: 'lucida console', terminal, 'courier new', courier, mono;
    background-color: #fff;
    text-decoration: none
}
.printwindow
{
    background-color: #fff;
}
.verkocht
{
    color: #f00;
}
body #huislink
{
    text-decoration: none
}
body #inputdisabled
{
    background-color: #888888
}
body #checkbox
{
    width: 13px
}
body #informatie
{
    font-size:12px;
    color: #373595;
}
body #informatietext
{
    font-size:12px;
    color: #373595;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #000;
}
body #lijntje
{
    background-color: #373595;
}
body #homespecialborder
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: white;
}
body #login_box_password_input
{
    width: 98px
}
body #login_box_email_input
{
    width: 98px;
}
body #searchinfotitletekst
{
    color: #373595;
}
.buurtgegevens_header
{
    background-color:#373595;
    /*width:400px;*/
    color:#fff;
}
.mailhuis_input
{
    width: 200px
}
.loginbox
{
    background-position: left top;
    background-image: url(/images/pic_loginbox.gif);
    background-repeat: no-repeat
}

.hometableborder
{
    BORDER-RIGHT: silver thin double;
   BORDER-TOP: silver thin double;
    BORDER-LEFT: silver thin double;
    BORDER-BOTTOM: silver thin double;
    BACKGROUND-COLOR: #ebebeb
}
#prospectaanbiedertabellijntje1
{
}
#prospectaanbiedertabelborder
{
background-color:#516779;
}
#prospectaanbiedertabelheader
{
	background-color:#E3E8EC;
	font-weight:bolder;
}
#prospectaanbiedertabelrow1
{
	background-color:#BAC7D1;
}
#prospectaanbiedertabelrow2
{
	background-color:#9BAEBD;
}

/* OPEN HUIS
================================================================================================================*/


body#Openhuis
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.OpenHuisMainDiv
{
	position:relative;
	min-height:100%;
}
* html .OpenHuisMainDiv
{
	height:100%;
	text-align:center;
}
.OpenHuisMainDiv div
{
	position:relative;
	padding-bottom:30px;
}
body#Openhuis p
{
	margin:0;
	padding:0;
}
.OpenHuisHeaderText
{

}
body#Openhuis p.OpenHuisTitle
{
	position:relative;
	height:60px;
	line-height:60px;
	font-size:22px;
	font-weight:bold;
	text-align:right;
	color: #fff;
	background: #373595 url(/images/logo_blv.gif) no-repeat 12px 10px; /*hier kun je een een logo van de betreffende makelaar zetten*/
	padding:5px;
	padding-right:60px;
}
body#Openhuis p.OpenHuisDate
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#373595;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#373595;
}
.OpenHuisMainDiv table
{
	width:96%;
	border-collapse:collapse;
	margin:0 auto;
}
.OpenHuisMainDiv table td
{
	padding-left:6px;
}
.TableWoonplaats
{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background:#373595;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color: #373595;
}
.TableData
{
color: #373595;
}
.TableData a
{
color: #373595;
}

.TableData a:hover
{
color: #F20017;
}
#footerOH
{
	position:relative;
	height:20px;
	margin-top:-20px;
	background: #373595 url(/images/footer_openhuis.gif) repeat-x 0px;
}

/* END OPEN HUIS
==================================================================================================================*/