/*
	- 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:#fff;
   background:#333333;
   font-family: "Trebuchet MS", Arial,  Verdana, Sans-Serif;
}
body.vervolg
{
   background:#6F6D70 url(/images/vervolg_header.gif) repeat-x;
}
h1.kreet
{
    position:absolute;
    margin:0;
    padding:0;
    font-size:15px;
    color:#5F5F5F;
    font-style:italic;
    font-family: "Trebuchet MS";
    display:block;
    right:40px;
    bottom:5px;
}

h2
{font-size:13px;}
/* LAY-OUT
=============================== */

div#nonfooter   /*deze div bevat alle andere divs */
{
    position:relative;
    width: 1000px;
    min-height: 100%;
    background: url(/images/bg-menu.gif) repeat-y;
    margin:0 auto;
    overflow:hidden;
    /* de kleur #fff is de achtergrondkleur van div#content en het achtergrondplaatje is om een schermhoge menukolom te faken */
}
    div#header
    {
        position:relative;
        height: 190px;
        background:url(/images/vervolg_header.gif) repeat-x;
        margin:0;				/* Niet veranderen! margin en/of padding... */
        padding:0;				/* ... aanpassen in div#innerheader!!       */
    }
    div#header img
    {
        margin-top:46px;
        margin-left:40px;
    }
    div#menu
    {
        position:relative;
        width:195px;        /* breedte van de achtergrong in #nonfooter  */
        float:left;
        /* background:url(/images/bg-menu-grijs.gif) no-repeat right 140px; */
        min-height:405px;
    }
    div#content
    {
        padding:0;         /* Padding en margin NIET veranderen (behalve margin-left), doe dit in #innercontent! */
        margin:0;
        width:622px;
        float:left;
    }
        div#innercontent
        {
	        padding-left:20px;
	        padding-right:20px;
	        padding-bottom:20px;
        }
        div#kop
        {
            margin:10px 0;
        }
    div#adreskolom
    {
        float:left;
        width:147px;
      /*  background:url(/images/bg-menu-grijs.gif) no-repeat right 200px; */
        min-height:400px;
    }
/* special */
#special
{
    width:123px;
    margin:10px auto 0 auto;
}
    #specialtext
    {
        text-align:center;
        margin-top:-15px;
    }
    #specialtext a
    {
     text-decoration:none;
    }
    #highlight
    {
        font-size:10px;
    }
.adressen
{
    margin-left:10px;
    color:#000;
}
.adressen span
{
    display:block;
}
    .vestiging
    {
        font-weight:bold;
		text-transform:uppercase;
    }
	 .vestiging a
	 {
	 	color:#000;
		font-size:10px;
	 }
    .telefoonnr
    {
        /* background:url(/images/telefoontje.gif) no-repeat;*/
        /* padding-left:15px; */
        line-height:9px;
        font-size:12px;  
        margin:2px 0px 0px 0px
    }
    .email
    {
        /* background:url(/images/email.gif) no-repeat; */
        /* padding-left:15px; */
        line-height:9px;
        margin:2px 0px 0px 0px
    }
    .email a
    {
        font-size:12px;  
        color:#000;
    }
	 a.openhuis
	 {
	 	border:none !important;
		background: none !important;
		color:#fff !important;
	 }
	 a.openhuis:hover
	 {
	 	border:none !important;
		background: none !important;
		color:#fff !important;
	 }
	 	a.openhuis img
	 {
	 	border:none !important;
		background: none !important;
		color:#fff !important;
	 }
/* spam */
#logos
{
    padding:10px;
}
#logos img
{
    display:block;
}
#logosverzekeringen
{
    text-align:center;
}
    .branchelogo
    {
        margin-top:45px;
        border:none;
        margin-right:5px;
    }
    .branchelogoverzekeringen
    {
        border:none;
        margin-top:45px;
    }
    .onsaanbod
    {
        font-size:10px;
        font-weight:bold;
        clear:left;
        color:#000;
    }
    .spam
    {
        margin:0;
        padding:0;
        list-style:none;
    } 
    .spam a
    {
        font-size:10px;
        color:#000;
    }
/* home */
#centreerhorizontaal
{
    position:relative;
    width:978px;
    margin:0 auto;
    top:50%;
    margin-top:-115px;
    position:relative;
    height:220px;
}

/*MENU'S
=================================================================================================================*/
ul#homemenu
{
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
}
ul#homemenu li a
{
	display:block;
	font-size:25px;
	font-style:italic;
	font-weight:normal;
	height:261px;
	text-align:center;
	text-decoration:none;
	width:327px;
    background: url(/images/gray.jpg)
}
ul#homemenu li a img
{
	border: none;
}
ul#homemenu li a:hover
{
    text-decoration:none;
    font-size:25px;
    color:#fff;
    background: url(/images/orange.jpg)
}

     ul#homemenu li span
     {
        position:absolute;
        left:0px;
     }
    ul#homemenu li
    {
        position:relative;
        float:left;
        width:326px;
        height:220px;
    }
    ul#homemenu li.logo_home
    {
        display:block;
        width:326px;
        cursor:default;
        height:280px;
        background:url(/images/logo_home.jpg) no-repeat;
    }
/* Vervolg menu */   
ul#nav
{
	margin:16px 0 0 32px;	/* Margins om het menu uit de kant te houden. */
	padding:0;
	text-transform:uppercase;
	list-style:none;
}
ul#nav li
{
	margin-bottom:7px;      /* Margin om ruimte te maken tussen de listitems. */
}
ul#nav a
{
	/* color:#241F20; */
	color:#333333;
	font-weight:bold;
	text-decoration:none;
    padding-left:5px;
    display:block;
	width:158px;
	font-size:11px;
}
ul#nav a:hover
{
	/* background:#666666; */
	background:#E48A13;
	color:#fff;
}

ul#nav a.bog:hover
{
	color:#fff;
}
#Link a.links,
#Contact a.contact,
#Contactform a.inschrijven,
#disclaimer a.disclaim,
#nieuws a.nieuws,
#waardebepaling a.waardebepaling,
#verkoop a.verkoop,
#aankoop a.aankoop,
#taxaties a.taxaties,
#bog a.bog,
#prospect a.prospect,
#huur a.huur,
#duitsland a.duitsland,
#search a.search,
#hypotheken a.hypotheken,
#verzekeringen a.verzekeringen,
#pensioenen a.pensioenen,
#hypothecaireplanning a.hypothecaireplanning,
#erkendadvieseur a.erkendadvieseur,
#kredieten a.kredieten,
#uitvaart a.uitvaart,
#consultancy a.nieuwbouwconsultancy,
#dienstenwijzer a.dienstenwijzer,
#project a.project
{
   	background:#E48A13;
	color:#fff;
}
/* financieelmenu */
#financieelmenu
{
    list-style:none;
    margin:30px auto 0;
    padding:0;
    width:567px;
    text-transform:uppercase;
}
#financieelmenu li
{
    float:left;
    width:179px;
    margin-right:10px;
}
#financieelmenu li a
{
    position:relative;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
}
#financieelmenu li a:hover
{
    color:#fff;
}
#financieelmenu li a span
{
    text-align:center;
    bottom:10px;
    position:absolute;
    width:179px;
}
#financieelmenu .hypotheken
{
    background:url(/images/hypotheken.jpg) no-repeat;
    width:179px;
    height:238px;
    display:block;
	border:none;
}
#financieelmenu .hypotheken:hover
{
    background:url(/images/hypotheken.jpg) center bottom no-repeat;
	border:none;
}
#financieelmenu .verzekeringen
{
    background:url(/images/verzekeringen.jpg) no-repeat;
    width:179px;
    height:238px;
    display:block;
}
#financieelmenu .verzekeringen:hover
{
    background:url(/images/verzekeringen.jpg) center bottom no-repeat;
}
#financieelmenu .pensioenen
{
    background:url(/images/pensioenen.jpg) no-repeat;
    width:179px;
    height:238px;
    display:block;
}
#financieelmenu .pensioenen:hover
{
    background:url(/images/pensioenen.jpg) center bottom no-repeat;
}

/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
a
{
	font-size:12px;
	color: #fff;
       font-family: "Trebuchet MS", Arial,  Verdana, Sans-Serif;
    }
a:hover
{
	 color: #FE9A16;
}
td
{
	font-size:12px;
	font-family:  "Trebuchet MS", Arial,  Verdana, sans-serif;
}
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: #FE9A16;
}
body #informatietext
{
    color: #fff;
}
body #boginfotitletekst
{
    color: #fff;
}
body #titel
{
    color: #fff;
}
body #highlight
{
    color: #000;
}
body #nieuwsdatum
{
    color: #fff;
}
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: #000;
}
body #informatietext
{
    font-size:12px;
    color: #000;
}
.homebox
{
    background-color: #fff;
}
body #huizeninformatiekleur
{
    background-color: #000;
}
body #lijntje
{
    background-color: #888;
}
body #homespecialborder
{
    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: #999;
    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:#666;
	font-weight:bolder;
}
#prospectaanbiedertabelrow1
{
	background-color:#999;
}
#prospectaanbiedertabelrow2
{
	background-color:#666;
}
/* OPEN HUIS
================================================================================================================*/


body#Openhuis
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#333333 url(../images/pic_bg-openhuis.jpg) top left repeat-x;
}
.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;
   font-family: "Trebuchet MS", Arial,  Verdana, Sans-Serif;
	height:110px;
	line-height:110px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color: #fff;
	background: url(../images/pic_logo-openhuis.jpg) left top no-repeat; /*hier kun je een een logo van de betreffende makelaar zetten*/
}
body#Openhuis p.OpenHuisDate
{
	font-size:18px;
    font-family: "Trebuchet MS", Arial,  Verdana, Sans-Serif;
	font-weight:bold;
	text-align:center;
	color:#f0731f;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#f0731f;
	font-family: "Trebuchet MS", Arial,  Verdana, Sans-Serif;

}
.OpenHuisMainDiv table
{
	width:96%;
	border-collapse:collapse;
	margin:0 auto;
	text-align:left;
}
.OpenHuisMainDiv table td
{
	padding-left:6px;
}
.TableWoonplaats
{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background:#666666;
	color:#fff;
    font-family: "Trebuchet MS", Arial,  Verdana, Sans-Serif;
}
.TableTitle
{
	font-weight:bold;
	color: #fff;
}
.TableData
{
color: #FFF;
}
.TableData a
{
color: #fff;
    font-family: "Trebuchet MS", Arial,  Verdana, Sans-Serif;

}

.TableData a:hover
{
color: #f0731f;
    font-family: "Trebuchet MS", Arial,  Verdana, Sans-Serif;

}
#footerOH
{
	position:relative;
	height:20px;
	margin-top:-20px;
	background: #666666 url(/images/footer_openhuis.gif) repeat-x 0px;
}

/* END OPEN HUIS */

#nieuwsdatum
{
    display:block;
    width:80px;
}


/*----------------------------------- 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:150px;
	float:left;
	margin:0;
	padding:0;
}
.data input
{
	width:200px;
	float:left;
}
.data .checkbox
{
    width:auto !important;
    border:none;
}
.data .radio
{
    float:none;
    border:none !important;
    width:auto !important;
}

.cluetip-jtip #cluetip-outer {
  background-color: #333!important;
}