/*------------------------------------------
---------------- 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 			{ height: 100% }
body 			{ height: 100%; color: #6E6E6E; background: #dddddd url(/images/body.gif) repeat-x; font-family: "Tahoma",  sans-serif;font-size:12px;}
				  
h1, h2, h3, h4, h5, h6
 				{ font-weight: normal }
h1 				{ font-size: 17px; line-height: 18px; margin-bottom: 18px } 
h2 				{ font-size: 14px; line-height: 18px; margin-bottom: 18px }
h3				{ font-size: 14px; line-height: 18px; margin-bottom: 10px }
h4, h5, h6		{ font-size: 10px; line-height: 18px; margin-bottom: 10px }

p, pre, code
				{ font-size: 12px; line-height: 18px; margin-bottom: 18px }
ul, ol			{ margin-bottom: 18px }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 36px; color: #333; }
li p 			{ color: #fff }

em				{ font-style: italic; }
strong			{ font-weight: bold; }
/*------------------------------------------
------------------ Fonts -------------------
----------------------------------------- */

h1, h2, h3, h4, h5, h6
 				{ font-family: "Tahoma",  sans-serif; color: #fff }
p, pre, label, th, td, li
				{ font-family: "Tahoma", tahoma,   sans-serif } 			
				
/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

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

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

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

.textLeft		{ text-align: left }
.textRight		{ text-align: right; padding-top: 0 !important }
.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 }
.noMargin		{ margin: 0 !important}
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }

/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap				{ min-height: 100%; width: 1000px; overflow: visible; margin: 0 auto; background: #fff url(/images/wrap.gif) left top repeat-y; 
						position:relative}	
/*---------------------------------------*/

#header				{ overflow:hidden; height: 33px;background: #fff}

#links				{ float:right; padding:10px 48px 0 5px}
#links li			{ float:left; list-style: none; padding: 0 4px; margin: 0; font: 10px/13px "Verdana", sans-serif}
#links li a			{ font: 11px/13px "Tahoma", sans-serif; padding-top: 3px; color: #9b9b9b; text-decoration: underline}

/*---------------------------------------*/
#content			{ overflow:hidden; padding-bottom: 50px}

.left				{ float:left; width: 203px; color: #000; margin:0 24px 0 12px; text-align:center; }
.logo				{ display:block; width: 203px; height: 123px}
#blockLeft			{ background: #ddd; width: 203px; margin-top: 20px}
.gratiszoekprofiel	{ display:block; margin-top:50px;} 
/*-----------------------------------
#menu				{ position:relative; height:180px; z-index:100; }
#menu li			{ display:block; overflow:hidden;float: left; list-style: none; margin:0; width: 203px; 
						background: url(/images/menuBackground.gif) repeat-x; height: 26px; text-align:left;}
#menu li a			{ color: #6e6e6e; font: normal 14px/26px "MetaPlusNormal-Roman", sans-serif; display:block; 
						background: url(/images/submit.gif) left top no-repeat; padding-left: 28px; text-decoration:none; }
#menu li a:hover	{ color: #294295 !important; background:url(/images/submit-hover.gif) right top no-repeat !important}
#menu li:hover		{ background: #fff !important}

#menu li ul 		{ display: none; position: absolute; left: -999em; }
#menu li:hover ul 	{ display: block; margin-left:203px; margin-top:-26px;  }
#menu li:hover ul, 
#menu li.sfhover ul	{ display: block; left:auto; }
#menu li ul 		{ position: absolute; width: 10em; left: -999em; }
#menu li:hover ul 	{ left: auto; }
#menu li:hover ul, #menu li:hover ul, #menu li.sfhover ul, #menu li.sfhover ul { left: -999em; }
#menu li:hover ul, #menu li.sfhover ul { left: auto; }

.active				{ background: #fff !important}
.active	a 			{ color: #294295 !important; background:url(/images/submit-hover.gif) right top no-repeat !important}
.actived			{ background: #fff !important}
.actived a	 		{ color: #294295 !important; background:url(/images/submit-hover.gif) right top no-repeat !important}

/*-----------------------------------*/
.meer 				{  border-bottom: 1px solid #c2c2c2; margin-bottom: 34px; font-size:12px; text-transform:uppercase; float:left; height:12px;}
.meer a				{ color: #294295 !important;; font: normal 10px "MetaPlusNormal-Roman", sans-serif; text-transform:uppercase; 
						padding:1px 0 2px 27px; text-decoration:none; width:177px;}
.meer a:hover		{ color: #294295}																
.sublogo			{ margin:0 0 20px 0}

/*-----------------------------------*/
.main				{ width: 740px;  color: #333; background: #ddd; border-top: 1px solid #cecece; padding-bottom: 20px; 
						overflow:hidden}
#leftImg			{ float: left;  position: relative; margin-top: 54px; width: 425px; background:url(/images/imgHome.jpg) no-repeat; 
						height: 282px; overflow:hidden }
#leftImg h1			{  position: absolute; bottom: 10px; left: 32px; text-align:center; font-size:24px;}
/*-----------------------------------*/

#rightNieuws		{ background: #b8b8b9; float:right; width: 252px; margin:54px 20px 0 0; padding: 26px 0 32px 43px; height: 224px}
#rightNieuws img.nieuwtekst
{
	display:block;
	margin-bottom:12px;
}
#rightNieuws h1		{ border-bottom: 1px solid #a1a1a2;font: normal 17px/20px Verdana, Arial, sans-serif}
#specialdiv img	    { float:left; border: 4px solid #fff; margin:0 10px 10px 0}
#rightNieuws span
{
	font-weight: bold;
	font-size: 11px;
}
#rightNieuws #highlight span#adrestext
{
	margin-top:-15px;
	font-weight:normal;
}
#rightNieuws #huizendiv
{
	width:128px;
	height:88px;
	background:#fff;
	float:left;
}
#rightNieuws p		{ font: normal 11px/15px Verdana, Arial, sans-serif; color: #393a3c; padding-top: 28px }
.two				{ padding-top: 43px !important}

/*-----------------------------------*/
.grau				{ clear:right;  background: #4d4e50; margin-right: 20px;  padding-bottom: 30px; overflow:hidden; min-height: 213px}
.leftMain			{ float:left; margin:24px 25px 0 43px; width: 357px; }
.leftMain p			{ font: normal 11px/15px "Tahoma", sans-serif; color: #fff}
.maatjegroter p		{ font-size:14px !important; line-height:16px; }
.rightMain			{ float:right; width: 253px; margin: 19px 0 0 42px; }
.rightMain h1		{ border-bottom: 1px solid #a1a1a2;font: normal 17px/20px "MetaPlusNormal-Roman", "Tahoma", sans-serif; margin-bottom:5px;}
.rightMain p 		{ font: bold 11px/18px "Tahoma", sans-serif; color: #fff; margin-bottom: 7px}
.rightMain span		{ text-decoration:underline}
.rightMain a			{ font-weight:bold; text-decoration:none; color:#FFF; }
.rightMain a:hover	{ color:#FFF; text-decoration:underline; font-weight:bold;}
body.home div.rightMain table td { padding:5px;}

.submit				{ background: url(/images/bottom.gif) repeat-x; height: 20px; border: none; color: #fff; margin-left: 8px;
						font: normal 13px/17px "MetaPlusNormal-Roman", "Tahoma", sans-serif}
/*-------------------------------------*/										
#grauContentV 		{ background: #b8b8b9; width: 721px; padding-bottom: 30px; overflow:hidden; height: 30px }
#grauContentV h1 	{ font: normal 23px/20px "MetaPlusMedium-Roman", "Tahoma", sans-serif; margin:20px 0 0 44px; 
						padding-bottom: 8px; border-bottom: 4px solid #a1a1a2}
.title				{ background:url(/images/titleBackground.gif) repeat-x; overflow:hidden;margin:0 21px 0 44px; padding:2px 0 0 16px; height: 23px} 
.title	p			{ float:left;  color: #294295; font: normal 16px/20px "MetaPlusMedium-Roman", "Tahoma", sans-serif; font-weight:bold;}
.rightLink 			{ float:right !important; text-align:right; margin-right: 9px}
.rightLink a		{ color: #a1a1a2 !important;font: normal 14px/20px "MetaPlusMedium-Roman", "Tahoma", sans-serif}
.rightLink span		{ font-family: "arial", tahoma,  sans-serif}

#inhoud             { padding:20px 20px 50px 45px; overflow:hidden;}
/*------------------------------------*/
#submenu			{ margin:14px 0 0 27px; float:left}
#submenu div		{ float: left; margin: 13px 18px; width: 150px; background: #fff; padding:6px 6px 0 6px}
#submenu div p 		{ float:left; font: normal 16px/20px "MetaPlusMedium-Roman", "Tahoma", sans-serif; margin:0; padding: 8px 0 11px 9px}
.arrow				{ float:right; background: url(/images/arrow.gif) top right no-repeat; height: 35px; width: 15px; display:block}
.activeSub			{ background: #4d4e50 !important; color: #fff !important}
.activeSub a.arrow	{ background:url(/images/arrow-hover.gif) top right no-repeat  !important}
.activeSub img		{  width: 150px; height: 113px}

.hover				{ display:block !important}
.visible			{ display:none}

/*---------------------------------*/						
#footer				{ position:relative;  margin:-46px auto 0 auto; width:1000px; padding:3px 0; text-align:right; height: 40px; 
						background:url(/images/footerHome.gif) 238px bottom no-repeat;}					
#footer p			{ font: normal 11px/15px "Tahoma", sans-serif; color:#9b9b9b; padding-right: 21px; margin-bottom: 0; padding-top: 14px}

#footerV			{ position:relative;  width:955px; padding:3px 0; text-align:center; height: 84px; 
						background:url(/images/footer.gif) 238px bottom no-repeat; padding: 7px 0 0 45px; margin:-91px auto 0 auto;}					
#footerV p			{ font: normal 10px/14px "Tahoma", sans-serif ; color:#fff; padding-right: 20px}
#footerV a			{ font: normal 10px/14px "Tahoma", sans-serif ; color:#fff; text-decoration:underline}
#footer img.payoff	{ position:relative; float:right; margin-top:-20px; margin-right:43px;}
.copyRight			{ text-align:right; color: #9b9b9b !important; padding-top: 25px; margin-right: 45px;font: normal 11px/15px "Tahoma", sans-serif !important; margin-bottom: 0 }
.copyRight img.payoff	{ position:relative; float:right; margin-top:-31px; margin-right:0px;}

/* Active menu */
.home .homeli a,
.binnenkort .aanbod a,
.nieuw .aanbod a,
.woningaanbod .aanbod a,
.huuraanbod .aanbod a,
.bog .aanbod a,
.aanbodpagina .aanbod a,
.gevraagd .aanbod a,
.veiling .aanbod a,
.verkoop .diensten a,
.beheer .beheer a,
.dienstenkoop .diensten a,
.taxeren .diensten a,
.dienstenveiling .diensten a,
.hypotheken .hypotheken a,
.links .links a,
.verzekeringen .verzekeringen a,
.contact .contact a,
.wiezijnwij .wiezijnwijli a	{ color: #294295 !important; background: #FDFDFD url(/images/submit-hover.gif) right top no-repeat !important }

.dienstenkoop .diensten ul li a,
.verkoop .diensten ul li a,
.taxeren .diensten ul li a,
.dienstenveiling .diensten ul li a,
.aanbodpagina .aanbod ul li a,
.binnenkort .aanbod ul li a,
.nieuw .aanbod ul li a,
.woningaanbod .aanbod ul li a,
.bog .aanbod ul li a,
.huuraanbod .aanbod ul li a,
.veiling .aanbod ul li a,
.gevraagd  .aanbod ul li a			{ background: url(/images/submit.gif) left top no-repeat!important; color:#6E6E6E!important; }

.dienstenkoop .diensten ul li a:hover,
.verkoop .diensten ul li a:hover,
.taxeren .diensten ul li a:hover,
.aanbodpagina .aanbod ul li a:hover,
.binnenkort .aanbod ul li a:hover,
.nieuw .aanbod ul li a:hover,
.woningaanbod .aanbod ul li a:hover,
.bog .aanbod ul li a:hover,
.huuraanbod .aanbod ul li a:hover,
.gevraagd .aanbod ul li a:hover			{ background: url(/images/submit-hover.gif) right top no-repeat!important; color:#6E6E6E!important; }

.dienstenkoop .diensten ul li.aankoop a,
.verkoop .diensten ul li.verkoop a,
.taxeren .diensten ul li.taxaties a,
.dienstenveiling .diensten ul li.veiling a,
.woningaanbod .aanbod ul li.woningaanbod a,
.huuraanbod .aanbod ul li.huur a,
.bog .aanbod ul li.bog a,

.veiling .aanbod ul li.veiling a { background:#FDFDFD url(/images/submit.gif) right top no-repeat!important; color:#294295!important; }

#menu li a:hover						{ background:#FDFDFD url(/images/submit-hover.gif) right top no-repeat !important}

/* PADDING IN DE POPUPS IN HET ZOEKSCHERM
====================================================== */
.popup
{
	padding: 10px;
}
/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */

a{
	font-size:12px;
	color: #333;
	font-family:  Arial, Verdana, sans-serif;
}
a:hover
{
	 color: #f00;
}
td
{
	color: #333;
	font-size:12px;
	vertical-align:top;
}
select
{
	color: #333;
    font-size:12px;
}
input
{
	color: #333;
    font-size:12px;
}
textarea
{
	color: #333;
    font-size:12px;
}
body #fout
{
    font-size:12px;
    color: red
}
body #informatietext
{
	color: #333;
}
body #boginfotitletekst
{
	color: #333;
}
body #titel
{
	color: #333;
}
body #highlight 
{
	color: #333;
	display:block;
	float:left;
	margin-left:6px;
	margin-top:-25px;
	width:116px;
}
body #highlight span
{
    color: #fff;
    display:block;
}
body #homespecialborder {
	background-color:transparent;
	border:medium none;
	overflow:hidden;
	width:300px;
}
body #homespecialborder a {
	text-decoration:none;
}
body #nieuwsdatum
{
	color: #333;
}
body #nieuwsimage
{
    border: #333 1px solid
}
body #selectbox
{
    font-size: 12px;
    background-color: #fff;
    text-decoration: none
}
.printwindow
{
    background-color: #fff;
}
.verkocht
{
    color: #f00;
}
.linkimage
{
	display:block;
}
body #huislink
{
    text-decoration: none
}
body #inputdisabled
{
    background-color: #888888
}
body #checkbox
{
    width: 13px
}
body #informatie
{
    font-size:12px;
    color: #333;
}
body #informatietext
{
    font-size:12px;
    color: #333;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #000;
}
body #lijntje
{
    background-color: #888;
}
body #login_box_password_input
{
    width: 98px
}
body #login_box_email_input
{
    width: 98px;
}
body #searchinfotitletekst
{
    color: #333;
}
.buurtgegevens_header
{
    background-color: #344085;
    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: 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;
	text-align:left !important;
	}
.OpenHuisMainDiv
{
	position:relative;
	min-height:100%;
}
* html .OpenHuisMainDiv
{
	height:100%;
	text-align:left;
}
.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:center;
	color: #fff;
	background: #BED7EF; /*hier kun je een een logo van de betreffende makelaar zetten*/
}
body#Openhuis p.OpenHuisDate
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#4D4E50;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#4D4E50;
}
.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:#BED7EF;
	color:#000;
}
.TableTitle
{
	font-weight:bold;
	color: #0000;
}
.TableData
{
color: black;
}
.TableData a
{
color: #4D4E50;
}

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

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

body.popup {
	background:none;
	}
body.reageerophuis {
	padding:0px;
	}

#thickboxForm td {
		text-align:left;
		}
		
img.linkimage { 
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	}
	
/*----------------------------------- FORMS -----------------------------------------------*/
fieldset
{
	border:solid 1px #CDC9C3;
	padding:5px;
	margin-bottom:10px;
}
legend
{
	display:block;
	font-weight:bold;
	float:left;
}
.data
{
	clear:both;
	overflow:hidden;
	margin-bottom:2px;
}
.data label
{
	width:75px;
	float:left;
	margin:0;
	padding:0;
}
.data input,
.data textarea
{
	width:200px;
	float:left;
}
.data .checkbox
{
    width:auto !important;
    border:none;
}
.data .radio
{
    float:none;
    border:none !important;
    width:auto !important;
}

body.faq table td textarea,
body.faq table td input {
	width:300px;
	}
	
#medewerker {
	position:relative;
	float:left;
	width:575px;
	margin-bottom:20px;
	}
	
#medewerker span {
	float:left;
	clear:left;
	margin-bottom:3px;
	}
		
#medewerker img {
	float:right;
	padding:10px;
	background:#CCC;
	clear:left;
	}