/*
	- 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-size:12px;
}
body.home, body.vervolg
{
   margin :0;
   padding:0;
   color:#000;
   background: #fff;
   font-family:Trebuchet MS;
}

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

div#nonfooter 						/*deze div bevat all andere divs BEHALVE de footer */
{
	position:relative;
	margin:0 auto;
	width:1002px;
	min-height:100%;
}

div#logo-left 
{
    position:relative;
    width:107px;
    height:500px;
    float:left;
    background:url(/images/logo-left.jpg) no-repeat;
}

div#wrapper 
{
    position:relative;
    width:895px;
    min-height:500px;
    float:left;
}

div#header 
{
    position:relative;
    width:893px;
    height: 207px;
    margin:0;				/* Niet veranderen! margin en/of padding... */
    padding:0;				/* ... aanpassen in div#innerheader!!       */
}


	.body_info div#header, 
	.body_column div#header, 
	.body_epc div#header, 
	.body_verkoop div#header, 
	.home div#header 
	{	
		background:url(/images/banner-home.jpg) no-repeat;
	}
	
	#contactpersonen div#header, 
	.body_aanhuur div#header, 
	.body_verhuur div#header, 
	.body_taxaties div#header, 
	.body_diensten div#header
	{
		background:url(/images/banner-diensten.jpg) no-repeat;
	}
	
	#cmn div#header, 
	#contact div#header, 
	.body_hypotheken div#header, 
	.body_aankoop div#header, 
	.body_wiezijnwij div#header,
	.body_prospect div#header
	{
		background:url(/images/banner-wiezijnwij.jpg) no-repeat;
	}
	
	#aanbod div#header
	{
		background:url(/images/banner-aanbod.jpg) no-repeat;
	}

div#innerheader /* hier kun je je header foto's in kwijt. */
{
    position:relative;
    width:858px;
    height:164px;
    left:11px;
    top:26px;
}

div#innerheader .veiling{
	position:relative;
	float:right;
	top:5px;
	right:5px;
	text-decoration:none;
	color:#C1001B;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

div#innerheader .veiling:hover{
	color:#000;
}

div#menu-home
{
    position:relative;
    width:860px;
    height:20px;
    margin-left:10px;
}

div#innermenu-home
{
	position:relative;
}

div#content-home
{
    padding:0;         /* Padding en margin NIET veranderen (behalve margin-left), doe dit in #innercontent! */
    margin:0;
    width:860px;
    height:206px;
    margin-left:10px;
}

div#innercontent-home
{
}

div#naw 
{
    position:relative;
    width:860px;
    height:20px;
    clear:both;
}

div#naw img.vbo 
{
    float:left;
    margin-right:10px;
    border:none;
} 
div#overbruggingsgarantie
{
	float: left;
	width: 860px;
	height: 50px;
	text-align:center;
	margin-bottom:15px;
}

div#naw span.adres 
{
    height:23px;
    float:left;
    margin-right:10px;
	font-family:Trebuchet MS;
	font-size:11px;
	
}

div#naw img.bedrijfsmatig 
{
    float:left;
    border:none;
}

div#knoppen
{
	clear:both;
	padding-top:5px;
}

div#knoppen span 
{
    padding-right:6px;
}

/* vervolg pagina's
=======================================================*/

div#menu
{
    position:relative;
    width:858px;
    height:20px;
    top:147px;
    background:#AD0012;
}

div.innermenu
{
}

div#side-menu 
{
    position:relative;
    width:140px;
    height:250px;
    margin-left:10px;
    float:left;
}

div#content
{
    padding:0;         /* Padding en margin NIET veranderen (behalve margin-left), doe dit in #innercontent! */
    margin:0;
    width:690px;
    min-height:206px;
    margin-left:10px;
    float:left;
    border-left:1px solid #999999;
    padding-left:10px;
    margin-bottom:15px;
}

div#innercontent
{

}
img.sorgeloos
{
	float:right;
	border:none;
	display:block;
	margin:0 0 12px 12px;
}
/* CONTACTPERSONEN
=================================================================================================================*/
#contactpersonen table.contacttable
{
	margin-bottom:20px;
	width:500px;

}
/* COLUMN
==================================================================================================================*/
div.archief
{
	 float:right;
	 border:solid 2px #ccc;
	 margin:20px 0 0 12px;
	 font-size:10px;
	 padding:0 6px;
}
div.archief p
{
	 font-size:12px;
	 font-weight:bold;
	 text-align:center;
	 margin-bottom:0;
}
div.archief a
{
	 font-size:11px;
}
/*MENU'S
===================================================================================================================*/

/* submenu home*/

#nav 
{
    margin:0 auto;
    list-style:none;
    text-align:center;
}

#nav li 
{
    display:inline;
}

/* home-menu */
ul#home-menu
{
    margin:0 auto;
	padding:0;
    list-style:none;
    width:860px;
    height:206px;
    margin-top:15px;
}

#home-menu li 
{
    display:inline;
    margin-right:97px;
}
#home-menu li.wiezijnwij
{
    margin-right:0;
}

/* submenu vervolg */

#sub-vervolg 
{
    list-style:none;
    float:right;
    margin:0px;
    margin-right:5px;
}

#sub-vervolg li 
{
    float:left;
    margin-left:5px;
    color:#fff;
}

#sub-vervolg li a 
{
    color:#fff;
    text-decoration:none;
}

/* Dropdown menu DIENSTEN */

#diensten, #diensten ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	/*width : 215px;*/
	z-index:200;
	margin-left: 8px;
	margin-top: 0px;
}
#diensten li { /* all list items */
	margin-top: 0px;
	position : relative;
	height:15px;
}
#diensten li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 120px;
	z-index:300;
	top:24px;
	background:none;
}

#diensten li ul.particulier li a
{
	background:#fff;
}

#diensten li ul li 
{
    height:20px;
}

#diensten li a {
	display:block;
	margin-left: 0px;
	padding-bottom:0px;
	margin-bottom:0;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	width:130px;
}

#diensten li ul a {
	display:block;
	margin-left:6px;
	margin-top: -1px;
	margin-bottom:0;
	text-decoration:none;
	font-weight:normal;
	border:1px solid #AD0012;
	padding-left:5px;
}

#diensten li:hover ul ul,
#diensten li:hover ul ul ul,
#diensten li.sfhover ul ul,
#diensten li.sfhover ul ul ul {
	left: -999em;
	z-index:200;
}
#diensten li:hover ul,
#diensten li li:hover ul,
#diensten li li li:hover ul,
#diensten li.sfhover ul,
#diensten li li.sfhover ul,
#diensten li li li.sfhover ul { /* lists nested under hovered list items */
	margin-top:-23px;
	left: auto;
	z-index:200;
}

#diensten li.diensten-sub a 
{
    font-size:12px;
    font-weight:normal;
}

/* Menu WIEZIJNWIJ en AANBOD */

#aanbod,
#wiezijnwij 
{
    list-style:none;
    margin:0;
    padding:0;
}

#aanbod li.aanbod,
#wiezijnwij li.wiezijnwij 
{
    width:150px;
}

#aanbod li.aanbod a,
#wiezijnwij li.wiezijnwij a 
{
    text-decoration:none;
}

/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */a
{
	font-size:12px;
	color: #000;
	font-family:Trebuchet MS;
}
a:hover
{
	 color:#AD0012;
}
td
{
	font-size:12px;
	font-family:Trebuchet MS;
}
select
{
    font-size:12px;
    font-family:Trebuchet MS;
}
input
{
    font-size:12px;
    font-family:Trebuchet MS;
}
textarea
{
    font-size:12px;
    font-family:Trebuchet MS;
}
body #fout
{
    font-size:12px;
    color: red
}
body #informatietext
{
    color: #000;
}
body #boginfotitletekst
{
    color: #000;
}
body #titel
{
    color: #000;
}
body #highlight
{
    color: #000;
}
body #nieuwsdatum
{
    color: #000;
}
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:Trebuchet MS;
    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: #000;
}
body #informatietext
{
    font-size:12px;
    color: #000;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #000;
}
body #lijntje
{
    background-color: #888;
}
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: #000000;
}
.buurtgegevens_header
{
    background-color: #AD0012;
    width:400px;
    color:#fff;
}

.buurtgegevens_header a 
{
    padding-left:5px;
}

.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:center;
	color: #fff;
	background: #C1001B /*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:#000;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#000;
}
.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:#C1001B;
	color:#fff;
}
.TableTitle
{
	font-weight:bold;
	color: #000;
}
.TableData
{
color: black;
}
.TableData a
{
color: #000;
}

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

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


/* contact pagina
====================================*/

#contact #innercontent b 
{
    clear:left;
    display:block;
    margin-bottom:-10px;
}

/* iso en scvm logo
===================================*/
img.scvm,
img.iso 
{
    margin-top:10px;
}

/* column button*/

a.column
{
	font-weight:bold;
	font-size:14px;
}