/*
	- html, body, body.home, body.vervolg
	- Lay-out
	- Menu's
		- ul#nav {hoofdmenu)
		- ul#submenu (submenu)
	- Systeem styles
*/

body, html
{
    height: 100%;
    width:100%;
	font-family:Verdana, Arial, Sans-Serif;
    font-size:12px;
}
body.home, body.vervolg
{
   margin :0;
   padding:0;
   color:#fff;
   background:#8C8C8C;
}
/* */
.nolist
{
    list-style-type:none;
}
h2
{
	font-size:12px;
}
td a
{
   color:#fff;
}
td a:hover
{
   color:#FD0100;
}
/* Index
===================================*/
#index_nonfooter
{
    position:relative;
    width:1000px;
    margin:0 auto;
    min-height:100%;		
}
#index_header
{
    position:relative;
    width:1000px;
    height:195px;
    background:url(/images/header1.jpg) no-repeat;
}
#index_menu
{
    position:relative;
    width:868px;
    margin:0 auto;
    height:282px;
}
#index_innermenu
{

}
img.funda-home {
	display:block;
	margin:8px auto 0;
	border:none;
	}
#index_footer
{
    position:relative;
    margin-top:-35px;
    height:35px;
    width:100%;
    clear:both;
}
#index_innerfooter
{
    position:relative;
    width:1000px;
    margin:0 auto;
    text-align:center;
    font-family:Verdana, Arial, Sans-Serif;
    color:#fff;
    font-size:11px;
}
#index_innerfooter a, #index_innerfooter a:hover
{
    font-family:Verdana, Arial, Sans-Serif;
    color:#fff;
    font-size:11px;
}
/*
==================================menuhome==============*/
ul#index_nav
{
	margin:0px 0 0 0px;
	padding:0;
	list-style:none;
}
ul#index_nav li
{
	margin-bottom:0px;
	float:left;
	margin-left:20px;
}

#index_nav a
{
	color:#fff;
	text-decoration:none;
	display:block;
	width:263px;
	height:282px;
}
#index_nav a img
{
	border:none;
}

/* LAY-OUT
=============================== */

div#nonfooter 						/*deze div bevat all andere divs BEHALVE de footer */
{
	position:relative;
	width: 1000px;
	min-height: 100%;
	background: url(/images/nonfooterrepeat.gif) repeat-y;
	margin:0 auto;
	overflow:hidden;
}
div#inner
{
	position:relative;
	width: 1000px;
	min-height:630px;
	overflow:hidden;
}
div#header
{
    position:relative;
    width:1000px;
    height:194px;
    background:url(/images/header.jpg) no-repeat;
}
div#innerheader
{
    position:relative;
    width:1000px;
    height:194px;
 }
 img.funda {
	display:block;
	position:absolute;
	left:50px;
	bottom:10px;
	border:none;
	}
#menu
{
    position:relative;
    width:120px;
    float:left;
    margin-top:50px;
}

div#content
{
    position:relative;
    float:left;
		width:760px;
}
div#innercontent
{
    padding:0 0 60px 0;
    margin-left:60px;
}
#contentmenukop
{
    float:right;
		margin-top:8px;
}
#knoppen
{
    position:relative;
    margin-top:18px;
	clear:right;    
}

#knoppen a 
{
	margin-right:5px;
}

div#footer
{
    position:relative;
    width:100%;
    margin-top:-36px;
}
div#innerfooter
{
    position:relative;
    width:1000px;
    height:36px;
    margin:0 auto;
    background:url(/images/footer.jpg);
}

/*----------------------------------- FORMS -----------------------------------------------*/
fieldset
{
	position:relative;
	border:solid 1px #CDC9C3;
	padding:5px;
	margin-bottom:10px;
}
legend
{
	display:block;
	font-weight:bold;
	float:left;
	color:#FFFFFF;
}
.persoon
{
	margin:0 0 0 142px;
}
.persoon label
{
	margin:0 98px 0 0;
}
.data
{
	clear:both;
	overflow:hidden;
	margin-bottom:2px;
}
.data span
{
	width:140px;
	float:left;
	margin:0;
	padding:0;
}
.data label
{
	width:140px;
	float:left;
	margin:0;
	padding:0;
}
.data label.man1		{ margin-left:-25px; float:none; }
.data label.vrouw1		{ margin-left:-25px; float:none; }
.data input.inputman2	{ margin-left:58px; }
.data label.man2		{ margin-left:-25px; float:none; }
.data label.vrouw2		{ margin-left:-25px; float:none; }



.data input
{
	/*float:left;*/
	margin:0 30px 0 0;
}
.data .checkbox
{
    width:auto !important;
    border:none;
}
.data .radio
{
    float:none;
    border:none !important;
    width:auto !important;
}
/*MENU'S
===================================================================================================================*/
ul#nav
{
	margin:16px 0 0 12px;	/* Margins om het menu uit de kant te houden. */
	padding:0;
	list-style:none;
	position:absolute;
	width:120px;
	z-index:1;
}
ul#nav li
{
	margin-bottom:6px;      /* Margin om ruimte te maken tussen de listitems. */
}
ul#nav a.buttonBig
{
	height:60px;
}

ul#nav a
{
	color:#fff;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
	text-decoration:none;
	display:block;
	height:20px;
	line-height:18px;
	font-weight:bold;
	width:108px;
	border:1px solid #fff;
	background:#000;
  padding:2px 0 0 16px;
}
ul#nav a:hover
{
    display:block;
	border:1px solid #fff;
	background:#6D6E70;

}
ul#submenu
{
    position:relative;
    float:right;
    list-style:none;
    margin:0 20px 0 0;
    padding:8px 0 0;
}
ul#submenu li
{
    float:left;
    padding:0 6px;
    border-right:solid 1px #000;
}
ul#submenu a
{
	color:#000;
	text-decoration:none;
}
ul#submenu a:hover
{
	color:#fff;
}
ul#nav li.lastitem,
ul#submenu li.lastitem
{
   border-right:none;				/* Geen border voor het laatste menu item. */
}
/*---------------------searchmenu---------*/
ul#searchmenu
{
	margin:17px 0 0 0;	/* Margins om het menu uit de kant te houden. */
	padding:0;
	list-style:none;
	z-index:2;
	overflow:hidden;
	position:relative;
}
ul#searchmenu li
{
	position:relative;
	float:left;
	margin-right:4px;
}
ul#searchmenu a
{
	color:#fff;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:20px;
	line-height:20px;
	text-align:center;
	width:100px;
	border:1px solid #fff;
	background:#000;
}
ul#searchmenu a:hover
{
    display:block;
	border:1px solid #fff;
	background:#6D6E70;

}



/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
a
{
	font-size:12px;
	color: #fff;
	font-family:Verdana, Arial, Sans-Serif;
}
a:hover
{
	 color: #f00;
}
td
{
	font-size:12px;
	font-family:Verdana, Arial, Sans-Serif;
}
select
{
	font-size:12px;
    font-family:Verdana, Arial, Sans-Serif;
}
input
{
	font-size:12px;
    font-family:Verdana, Arial, Sans-Serif;
	border: 1px solid #E0E0E0;
}
textarea
{
	font-size:12px;
    font-family:Verdana, Arial, Sans-Serif;
	border: 1px solid #E0E0E0;
}
body #fout
{
	font-size:12px;
    color: red
}
body #informatietext
{
    color: #fff;
}
body #boginfotitletekst
{
    color: #fff;
}
body #titel
{
    color: #fff;
}
body #highlight
{
    color: #fff;
}
body #nieuwsdatum
{
    color: #fff;
}
body #nieuwsimage
{
    border:1px solid #fff;
}
body #selectbox
{
    font-size: 12px;
    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:11px;
    color: #fff;
}
body #informatietext
{
    font-size:11px;
    color: #fff;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #fff;
}
body #lijntje
{
    background-color: #fff;
}
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;
}
.buurtgegevens_maintable
{
    width:100%;
}
body #login_box_password_input
{
    width: 98px
}
body #login_box_email_input
{
    width: 98px;
}
body #searchinfotitletekst
{
    color: #fff;
}
.buurtgegevens_header
{
    background-color: #000;
    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;
}
#popup
{
color:#000;
}
/* 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:center;
	color: #fff;
	background: #01678d url(/images/housenet.gif) no-repeat 12px 10px; /*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:#01678d;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#607998;
}
.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:#01678d;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color: #01678d;
}
.TableData
{
color: black;
}
.TableData a
{
color: #01678d;
}

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

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