/*------------------------------------------
---------------- 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, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ height: 100% }
body {
	height: 100%;
	color: #666;
	background: #c50d25;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	}
body.popup {
	background:#fff;
	padding:8px;
	text-align:left;
}
.hypBody		{ background: #f8f8f8 !important}

h1, h2, h3, h4, h5, h6
 				{ font-weight: bold }
h1 				{ font-size: 17px; margin-bottom: 12px; color:#C50D25; } 
h2 				{ font-size: 13px; margin-bottom: 12px }
h3				{ font-size: 12px; margin-bottom: 12px }
h4, h5, h6		{ font-size: 12px; margin-bottom: 12px }

p, pre, code, label, th, td, dd, dt, select
				{ font-size: 12px; margin-bottom: 12px }
ul, ol			{ margin-bottom: 12px }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 16px; color: #666; }
li p 			{ color: #666; }

select {
	vertical-align:top;
	}
/*------------------------------------------
------------------ Fonts -------------------
----------------------------------------- */

h1, h2, h3, h4, h5, h6
 				{ font-family: Verdana, Arial, Helvetica, sans-serif }
p, pre, label, th, td, li
				{ font-family: Verdana, Arial, Helvetica, sans-serif } 			
				
/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited
				{ font-weight: normal; text-decoration: underline; color: #666;}
a:hover			{ color:#C50D25; }
a:active
				{ color: #666;}
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 }
.noBorder		{ border: none !important }
.noMargin		{ margin: 0 !important}
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
h1.titel		{ margin:10px 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #C50D25; }
strong			{ font-weight:bold; color:#C50D25; }
/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap {
	width: 943px;
	margin:0 auto;
	position:relative;
	}
body.vervolg #wrap {
	background:url(/images/bg-wrap-vervolg.gif) repeat-y;
	}
/*---------------------------------------*/

#header					{ width: 928px; height: 90px; padding-right: 15px}
.logo	{
	float:right;
	width: 355px;
	height: 65px;
	margin: 0;
	display:block;
	margin-top: 10px;
	}

body.vervolg #header {
	width:943px;
	height:160px;
	position:relative;
	background:#C50D25;
	position:relative;
	}
body.vervolg .logo	{
	margin-right:15px;
	}
/*---------------------------------------*/
#content				{ overflow:hidden; width: 881px; padding: 0 62px 0 0; position:relative; 
							background:url(/images/content.gif) left 33px no-repeat; height: 511px}

body.vervolg #content {
	background:url(/images/bg-content-vervolg.gif) right top no-repeat;
	height:auto;
	overflow:hidden;
	padding:28px 0 96px;
	width:943px;
	}
body.vervolg #content #contentinner {
	padding:0 64px 0 114px;
	min-height:300px;
	}

.inner					{ background: url(/images/center-menu.gif) 312px 156px no-repeat !important; 
							width:800px !important; padding:0 !important; margin:0 auto;}

#contentmenuknoppen {
	height:16px;
	margin-bottom:15px;
}
.submit					{ position:absolute; left: 22px; bottom: 10px}

#submenu li				{ list-style: none; margin:0; position:absolute}
#submenu li a			{ font: bold 24px/24px Verdana, Arial, Helvetica, sans-serif; color: #cc0033; text-decoration:none; padding-top: 80px;
							 width: 185px; height: 106px; text-align:center; background:url(/images/submenu.png) no-repeat; display:block}
#submenu li a:hover		{ color: #d8be62}
.koop					{ top: 153px; left:0} 				
.huur					{ top:0; left: 155px}
.wij					{ top: 310px; right: 155px}
.diensten				{ right:0; top: 153px}
.inschrijven			{ top: 310px; left:155px}
.contact				{ top:0; right: 155px}
.u						{ left:314px;top:157px;}
#submenu li.u a			{ background: none; color:#FFFFFF; }
#submenu li.u a:hover	{ background: none; color:#D8BE62; }

#mainMenu {
	position:absolute;
	left:0;
	bottom:0;
	height:34px;
	margin:0;
	padding:0;
}
#mainMenu li {
	float:left;
	list-style: none;
	margin: 0;
	line-height:34px;
}
#mainMenu li a {
	display:block;
	padding-left:34px;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	}
#mainMenu li a:hover {
	color: #d8be62;
	}
#mainMenu li a span {
	display:block;
	padding-right:34px;
	font-size:18px;
	}
#verkoop #mainMenu li.dienstenlink a,
#aankoop #mainMenu li.dienstenlink a,
#dienstenhuur #mainMenu li.dienstenlink a,
#dienstenverhuur #mainMenu li.dienstenlink a,
#taxaties #mainMenu li.dienstenlink a,
#hypotheken #mainMenu li.dienstenlink a,
#huur #mainMenu li.huurlink a,
#wiezijnwij #mainMenu li.wiezijnwijlink a,
#u li.klantenlink a
 {
	background:url(/images/but-links.gif) no-repeat;
	color:#C50D25;
	}
#search #mainMenu li.searchlink a {
	background:#fff;
	color:#C50D25;
	}
#verkoop #mainMenu li.dienstenlink a span,
#aankoop #mainMenu li.dienstenlink a span,
#dienstenhuur #mainMenu li.dienstenlink a span,
#dienstenverhuur #mainMenu li.dienstenlink a span,
#taxaties #mainMenu li.dienstenlink a span,
#hypotheken #mainMenu li.dienstenlink a span,
#search #mainMenu li.searchlink a span,
#huur #mainMenu li.huurlink a span,
#wiezijnwij #mainMenu li.wiezijnwijlink a span,
#u #mainMenu li.klantenlink a span
 {
	background:url(/images/but-rechts.gif) right top no-repeat;
	}

ul#contactmenu {
	position:absolute;
	margin:0;
	padding:0;
	top:15px;
	left:0;
	list-style:none;
	}
ul#contactmenu li {
	float:left;
	display:block;
	padding:0 8px;
	margin:0;
	border-right:solid 1px #fff;
	color:#fff;
	}
ul#contactmenu li.firstitem {
	padding-left:0;
	}
ul#contactmenu li.lastitem {
	border-right:none;
	}
ul#contactmenu li a {
	display:block;
	padding:0;
	margin:0;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	}
ul#contactmenu li a:hover {
	color: #d8be62;
	}
#headLeft				{ float:left; overflow:hidden;  height: 33px; margin:27px 0 0 0;  padding-left: 134px}
#headLeft p				{ float:left; display:inline; color: #6a6458 }

#navigation				{ float:left; overflow:hidden; width:746px; border-bottom: 6px solid #cd9700; margin-left: 134px}
#buttons				{ float:left}
#buttons a				{ float:left; padding: 5px 18px 0 18px; font: bold 10px/10px Verdana, Arial, Helvetica, sans-serif !important; 
							background: #cd9700; color: #c61503; height: 16px; margin-right: 8px; text-decoration:none}
#pageNumber				{ float:right; padding-right:5px; color: #c61503}
#pageNumber	p			{ margin-bottom:0; font-size: 11px;}
#pageNumber	a:visited,
#pageNumber a:link		{ color:#c61503; font-size: 11px;  text-decoration:underline}
#pageNumber	a:hover,
#pageNumber	a:active	{ text-decoration:none}

.bottomNumber			{ margin-top: 13px}

.line					{ float:left; width: 720px; padding: 0 26px 0 0; background: #fbf5e5; 
							border: 1px solid #c4a00e; overflow:hidden; margin: 13px 0 0 134px}
.line img				{ float:left;  margin-right: 19px}
.line p					{ margin-bottom:0; color: #c61503}
.line h4				{ margin: 0; color: #c61503}
.rightText				{ float:right;margin-top: 17px; width: 220px}
.rightText p			{ color: #6a6458}
.links					{ margin-top: 18px}
.links a:visited,
.links a:link			{ color: #c61503; text-decoration:none; font-weight: bold !important}
.links a:hover			{ text-decoration:underline}

#hypotheekknoppen		{ width: 130px; margin: 25px 25px 0 0; float: left; }
#hypotheekknoppen img	{ margin: 0 0 5px 0; }
/*---------------------------------------*/
#footer					{ width: 900px; height: 20px; padding-top: 0; margin:0 auto}

#menuFooter				{ width: 540px; margin:0 auto; margin-top: 10px}
#menuFooter li			{ float:left; list-style: none; margin:0; height: 12px; border-right: 1px solid #fff; padding:0 4px}
#menuFooter p			{ float:left; margin:0; color:#fff; font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;}
#menuFooter a			{ text-decoration:underline; color:#fff }
#menuFooter a:hover		{ color:#d8be62;}

#footerVervolg {
	width:943px;
	height:37px;
	position:relative;
	margin:-65px auto 0;
	padding-top:28px;
	background:#C50D25 url(/images/bg-footer-vervolg.gif) no-repeat;
	}
#footerVervolg ul {
	margin:0 auto;
	}
	
body.loginpopup {
	background:#fff;
	text-align:center;
}
body.loginpopup h2 {
	margin-top:8px;
}
body.loginpopup p {
	margin-bottom:0;
}
body.loginpopup input {
	display:block;
	margin:0 auto 4px;
}

body.woonplaatsselect form,
body.woonplaatsselect table,
body.woonplaatsselect select,
body.woonplaatsselect td {
	vertical-align:top;
	margin:0;
}
body.woonplaatsselect img {
	visibility:hidden;
	display:none;
}

body#reageer,
body#mailhuis {
	background:#fff;
}
body#mailhuis {
	padding:8px;
}
/* CONTACTPERSONEN
====================================================== */
.contactpersonen
{
	display:block;
	float: left;
	clear:left;
	width:136px;
}
.contactcontainer
{
	position:relative;
	height:230px;
}
.contactphoto
{
	position:absolute;
	top:0px;
	right:0px;
}
/* U
====================================================== */
.ucontainer
{
	 height:212px;
	 margin:0 0 20px 0;
}
.ucontainer img
{
	float:left;
	margin:0 20px 0 0;
}
/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
select
{
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0;
}
input
{
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
textarea
{
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
		vertical-align:top;
}
body #fout
{
    font-size:12px;
    color: red
}
body #informatietext
{
    color: #666;
}
body #boginfotitletekst
{
    color:#666;
}
body #titel
{
    color:#666;
}
body #highlight
{
    color:#666;
}
body #nieuwsdatum
{
    color:#666;
}
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:#666;
}
body #informatietext
{
    font-size:12px;
    color:#666;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #000;
}
body #lijntje
{
    background-color:#666;
}
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:#666;
}
.buurtgegevens_header
{
    background-color:#CC9900;
    width:680px;
    color:#fff;
}
.buurtgegevens_header a
{
    color:#fff !important;
		font-weight:bold !important;
}
.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;
}
#thickboxForm td {
	font-family:Verdana;
	font-size:12px;
	text-align:left;
}
/* OPEN HUIS
================================================================================================================*/


body#Openhuis
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#fff;
}
.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
{
	height:60px;
	background:#C50D25 url(/images/logo-openhuis.gif) no-repeat center 10px;
}
body#Openhuis p.OpenHuisTitle
{
	height:40px;
	line-height:40px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color: #C50D25;
}
body#Openhuis p.OpenHuisDate
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#C50D25;
}
body#Openhuis p.OpenHuisTime
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#C50D25;
}
.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:#CD9700;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color: #666;
}
.TableData
{
color: #666;
}
.TableData a
{
color: #666;
}
.TableData a:hover
{
color: #C50D25;
}
#footerOH
{
	position:relative;
	height:20px;
	margin-top:-20px;
	background: #C50D25;
}

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