body, html
{
    height: 100%;
    width:100%;
    font-size:12px;
}
body.home
{
   margin :0;
   padding:0;
   color:#fff;
   background: #FA6C15;
   font-family: Arial, Verdana, Sans-Serif;
}

body.vervolg 
{
   margin :0;
   padding:0;
   color:#fff;
   background: #000;
   font-family: Arial, Verdana, Sans-Serif;
}

body#diensten #innercontent   
{
    margin-top:0px;
    width:700px;
}

/* LAY-OUT HOME
==================================== */
div#nonfooter-home 						/*deze div bevat all andere divs BEHALVE de footer */
{
    position:relative;
    min-height: 100%;			/* min-height:100%; om de footer naar beneden te drukken! */
    background:url(/images/bg_home.gif);
    background-repeat:repeat-x;
}
div#header-home
{
    position:relative;
    height: 120px;
    text-align:center;
    margin:0;
    padding:0;	
}

div#header-home img 
{
    margin-top:30px;
}

div#content-home
{
    width:100%;
    height:357px;
    margin-top:3px;
    background:#000;
}

#home-wrap 
{
    position:relative;
    margin:0 auto;
    width:780px;
    height:235px;
}

#home3, 
#home2,
#home1 
{
    position:relative;
    width:230px;
    height:230px;
    background:#000;
    border:2px solid #fff;
    margin-right:25px;
    margin-top:60px;
    float:left;
}

div#menu-home
{
    position:relative;
    height:132px;
    margin-top:4px;
}

/* MENU'S
================================================================================================================= */

#nav 
{
    margin:0 auto;
    width:900px;
    height:132px;
    list-style:none;
}

#nav li 
{
    width:136px;
    height:132px;
    float:left;
}

/* home knop*/

#nav li.home a 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-home1.jpg) no-repeat;
} 

#nav li.home a:hover 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-home2.jpg) no-repeat;
} 

/* woningaanbod knop*/

#nav li.woningaanbod a 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-woningaanbod1.jpg) no-repeat;
} 

#nav li.woningaanbod a:hover 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-woningaanbod2.jpg) no-repeat;
}

/* diensten knop*/

#nav li.diensten a 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-diensten1.jpg) no-repeat;
} 

#nav li.diensten a:hover 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-diensten2.jpg) no-repeat;
} 

/* referenties knop*/

#nav li.referenties a 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-referenties1.jpg) no-repeat;
} 

#nav li.referenties a:hover 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-referenties2.jpg) no-repeat;
} 

/* inloggen knop*/

#nav li.inloggen a 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-inloggen1.jpg) no-repeat;
} 

#nav li.inloggen a:hover 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-inloggen2.jpg) no-repeat;
}

/* uitloggen knop*/

#nav li.uitloggen a 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-uitloggen1.jpg) no-repeat;
} 

#nav li.uitloggen a:hover 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-uitloggen2.jpg) no-repeat;
} 

/* contact knop*/

#nav li.contact a 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-contact1.jpg) no-repeat;
} 

#nav li.contact a:hover 
{
    display:block;
    width:136px;
    height:132px;
    background:url(/images/menu-contact2.jpg) no-repeat;
} 

/* LAYOUT VERVOLG
========================================================*/

body.vervolg 
{
    background:#000;
}

#nonfooter 
{
    position:relative;
    min-height: 100%;			/* min-height:100%; om de footer naar beneden te drukken! */
    background:url(/images/bg_vervolg.gif);
    background-repeat:repeat-x;
}

div#header
{
    position:relative;
    height: 130px;
    text-align:center;
    margin:0;
    padding:0;	
}

div#header img 
{
    margin-top:30px;
}

#menu 
{
    position:relative;
}

#content-wrap
{
  position:relative;
  min-height:466px;
  background:#000;
  margin:0;
  padding:0;
  overflow:hidden; 
}

#subcontent 
{
    position:relative;
    width:280px;
    height:330px;
    float:left;
}

#content 
{
    position:relative;
    width:600px;
    min-height:400px;
    float:left;
    padding-bottom:52px;
}

#innercontent 
{
    position:relative;
    min-height:300px;
    padding-left:10px;
    margin-top:80px;
    border:1px solid #fff;
} 

div#contentmenuknoppen
{
	padding-top:20px;
	padding-bottom:10px;
	overflow:hidden;
}

div#contentmenuknoppen span
{
    float:left;
    margin-top:5px;
}
  
div#footer
{
	position:relative;
	height:52px;
    background:url(/images/bg_footer.gif);
    background-repeat:repeat-x;
	margin:0; 						/* Hoogte van de nonfooter. */
	margin-top:-52px; 			/* Negatieve waarde van de hoogte om hem weer in het scherm te trekken. */
	padding:0;						/* Padding en margin NIET veranderen (behalve margin-top), doe dit in #innerfooter! */
}

div#footer p
{
   margin:0;
   padding:0;
   line-height:35px;
   text-align:center;
}

/* MENU DIENSTEN / AANBOD
==================================================================*/

#diensten p 
{
    margin-right:20px;
}

#submenu 
{
    position:relative;
    margin:0;
    padding:0;
    margin-top:48px;
}

#menu_diensten ,
#menu_aanbod
{
    width:550px;
    height:20px;
    margin-left:0;
    padding-left:0;
    list-style:none;
}

#menu_diensten li,
#menu_aanbod li 
{
    width:122px;
    height:20px;
    margin-right:10px;
    float:left;
}

/* knop aankoop*/

#menu_diensten li.aankoop a 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/aankoop1.jpg) no-repeat;
}

#menu_diensten li.aankoop a:hover 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/aankoop2.jpg) no-repeat;
}

/* knop verkoop*/

#menu_diensten li.verkoop a 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/verkoop1.jpg) no-repeat;
}

#menu_diensten li.verkoop a:hover 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/verkoop2.jpg) no-repeat;
}

/* knop taxaties*/

#menu_diensten li.taxaties a 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/taxaties1.jpg) no-repeat;
}

#menu_diensten li.taxaties a:hover 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/taxaties2.jpg) no-repeat;
}

/* knop hypotheken*/

#menu_diensten li.hypotheken a 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/hypotheken1.jpg) no-repeat;
}

#menu_diensten li.hypotheken a:hover 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/hypotheken2.jpg) no-repeat;
}
     
/* knop koop*/

#menu_aanbod li.koop a 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/koop1.jpg) no-repeat;
}

#menu_aanbod li.koop a:hover 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/koop2.jpg) no-repeat;
}

/* knop huur*/

#menu_aanbod li.huur a 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/huur1.jpg) no-repeat;
}

#menu_aanbod li.huur a:hover 
{
    display:block;
    width:122px;
    height:20px;
    background:url(/images/huur2.jpg) no-repeat;
}

/* foto's subcontent
==================================================================*/

#pic1
{
    position:relative;
    width:95px;
    height:95px;
    border:1px solid #fff;
    background:url(/images/pic1.jpg) no-repeat;
    margin-top:80px;
    margin-left:20px;
    float:left;
}

#pic2
{
    position:relative;
    width:95px;
    height:95px;
    border:1px solid #fff;
    background:url(/images/pic2.jpg) no-repeat;
    margin-top:80px;
    margin-left:20px;
    float:left;
}

#pic3
{
    position:relative;
    width:95px;
    height:95px;
    border:1px solid #fff;
    background:url(/images/pic3.jpg) no-repeat;
    margin-top:20px;
    margin-left:20px;
    float:left;
}

#pic4
{
    position:relative;
    width:95px;
    height:95px;
    border:1px solid #fff;
    background:url(/images/pic4.jpg) no-repeat;
    margin-top:20px;
    margin-left:20px;
    float:left;
}

/* setje van 4 diensten */

#diensten #pic1
{
    background:url(/images/pic9.jpg) no-repeat;
}

#diensten #pic2
{
    background:url(/images/pic10.jpg) no-repeat;
}

#diensten #pic3
{
    background:url(/images/pic7.jpg) no-repeat;
}

#diensten #pic4
{
    background:url(/images/pic8.jpg) no-repeat;
}

/* setje van 4 contact */

#contact #pic1
{
    background:url(/images/pic13.jpg) no-repeat;
}

#contact #pic2
{
    background:url(/images/pic14.jpg) no-repeat;
}

#contact #pic3
{
    background:url(/images/pic16.jpg) no-repeat;
}

#contact #pic4
{
    background:url(/images/pic15.jpg) no-repeat;
}

/* setje van 4 Referenties */

#referenties #pic1
{
    background:url(/images/pic12.jpg) no-repeat;
}

#referenties #pic2
{
    background:url(/images/pic11.jpg) no-repeat;
}

#referenties #pic3
{
    background:url(/images/pic6.jpg) no-repeat;
}

#referenties #pic4
{
    background:url(/images/pic5.jpg) no-repeat;
}


/* MENU'S VERVOLG
================================================================= */

#vervolg_menu 
{
    margin:0 auto;
    width:900px;
    height:30px;
    list-style:none;
}

#vervolg_menu li 
{
    width:136px;
    height:30px;
    float:left;
}

/* home knop VERVOLG*/

#vervolg_menu li.home_vervolg a 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-home1.jpg) no-repeat;
} 

#vervolg_menu li.home_vervolg a:hover 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-home_vervolg2.jpg) no-repeat;
} 

/* woningaanbod knop VERVOLG*/

#vervolg_menu li.woningaanbod_vervolg a 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-woningaanbod1.jpg) no-repeat;
} 

#vervolg_menu li.woningaanbod_vervolg a:hover 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-woningaanbod_vervolg2.jpg) no-repeat;
}

/* diensten knop VERVOLG*/

#vervolg_menu li.diensten_vervolg a 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-diensten1.jpg) no-repeat;
}

#vervolg_menu li.diensten_vervolg a:hover 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-diensten_vervolg2.jpg) no-repeat;
}  

/* referenties knop VERVOLG*/

#vervolg_menu li.referenties_vervolg a 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-referenties1.jpg) no-repeat;
} 

#vervolg_menu li.referenties_vervolg a:hover 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-referenties_vervolg2.jpg) no-repeat;
}

/* inloggen knop VERVOLG*/

#vervolg_menu li.inloggen_vervolg a 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-inloggen1.jpg) no-repeat;
} 

#vervolg_menu li.inloggen_vervolg a:hover 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-inloggen_vervolg2.jpg) no-repeat;
}

/* uitloggen knop VERVOLG*/

#vervolg_menu li.uitloggen_vervolg a 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-uitloggen1.jpg) no-repeat;
}

#vervolg_menu li.uitloggen_vervolg a:hover 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-uitloggen_vervolg2.jpg) no-repeat;
} 

/* contact knop VERVOLG*/

#vervolg_menu li.contact_vervolg a 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-contact1.jpg) no-repeat;
} 

#vervolg_menu li.contact_vervolg a:hover 
{
    display:block;
    width:136px;
    height:30px;
    background:url(/images/menu-contact_vervolg2.jpg) no-repeat;
} 

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

#contact #innercontent table 
{
    clear:both;
}


/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */
a
{
	font-size:12px;
	color: #fff;
	font-family:  Arial, Verdana, sans-serif;
	text-decoration:none;
}
a:hover
{
	 color: #fff;
	 text-decoration:underline;
}
td
{
	font-size:12px;
	font-family:  Arial, Verdana, sans-serif;
	color:#fff;
}
select
{
    font-size:12px;
    font-family:  Arial, Verdana, sans-serif;
}
input
{
    font-size:12px;
    font-family:  Arial, Verdana, sans-serif;
}
textarea
{
    font-size:12px;
    font-family:  Arial, Verdana, sans-serif;
}
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-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: #fff;
}
body #huislink
{
    text-decoration: none
}
body #inputdisabled
{
    background-color: #888888;
}
body #checkbox
{
    width: 13px
}
body #informatie
{
    font-size:12px;
    color: #fff;
}
body #informatietext
{
    font-size:12px;
    color: #fff;
}
.homebox
{
    background-color: #fff;
} 
#huizeninformatiekleur;
{
    background-color: #fff;
}
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: #fff;
}
td.buurtgegevens_header
{
    background:#FA6C15;
    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:#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: #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:#fff;
	margin-top:12px;
}
body#Openhuis p.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
.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: #fff;
}

.TableData a
{
color: #fff;
}

.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
===================================================================================================================*/

/* popup
===============================================*/

.popup 
{
    background:#000;
}

/* TAble opmaak
==============================================*/

#prospect #innercontent table 
{
    clear:left;
    margin-top:10px;
}

#prospect #innercontent table table 
{
    clear:none;
    margin-top:10px;
}

/* Contact menu
==============================================*/

ul#contact 
{
    list-style:none;
    margin:0;
    padding:0;
    margin-top:5px;
}

ul#contact li 
{
    float:left;
    margin-right:5px;
}

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