/*
	- 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;
}

}
/* PADDING IN DE POPUPS IN HET ZOEKSCHERM
====================================================== */
.popup
{
	padding: 10px;
}
/* STYLES DIE DOOR HET SYSTEEM WORDEN GEGENEREERD
====================================================== */a
a{
	font-size:12px;
	color: #000;
	font-family:  Arial, Verdana, sans-serif;
}
a:hover
{
	 color: #f00;
}
td
{
	font-size:12px;
	font-family:  Arial, Verdana, sans-serif;
}
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: #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: '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
{
    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:#406A92;
    width:655px;
    color:#fff;
	padding:2px;
	font-weight:bold;
}
.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:100px;
	line-height:60px;
	font-size:22px;
	font-weight:bold;
	text-align:right;
	color: #00386E;
	margin-top:10px;
	padding-right:20px;
	background: #FFFFFF url(/images/openhuis-header.jpg) no-repeat; /*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
==================================================================================================================*/
/* FANCY INLOG */

#sign_in fieldset {
	float:left;
	border:1px solid;
	padding:10px;
	margin-left:4px;
	}
#sign_in legend {
	font-size:18px;
	padding:5px;
	font-weight:bold;
}	
#sign_in input#mailadres, 
#sign_in input#wachtwoord{
	width:238px;
}
#sign_in input#mailadres {
	background:#ffffff url(/images/user.png) 5px 2px no-repeat;
	padding-left:40px;
	}
#sign_in input#wachtwoord {
	background:#ffffff url(/images/password.png) 10px 2px no-repeat;
	padding-left:40px;
	}

#sign_in input.text {
	color:#333333;
	font-size:1em;
	font-weight:bold;
	height:15px;
	padding:5px 6px;
}

#sign_in label {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:6px 10px 0 0;
	text-align:right;
	width:77px;
}

#sign_in div.knoppen {
	text-align:right;
	float:left;
	width:375px;
}

#sign_in div.knoppen .knop {
	margin-left:5px;
}
/* MAIN MENU */
ul.topnav {  
    list-style: none;  
		padding: 0;  
		margin: 0 0 1em 0;  
    float: left;  
    width: 727px;  
		font-size: 1.2em;
		background: #00386e;  
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
		padding: 3px 15px;  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    text-transform:uppercase;
		font-size:10px;
		height:16px;
		border-right:solid 1px #406A92;		
}
ul.topnav li a.dropdown{  
		padding: 3px 25px 3px 15px;  
    border-right:solid 1px #406A92;
		background: #00386e  url(/images/dropdown.png) right top no-repeat;		 
} 
ul.topnav li a:hover{  
		background: #406A92;
		height:17px;
} 
ul.topnav li a.dropdown:hover{  
		background: #406A92 url(/images/dropdown.png) right top no-repeat;  
}  

ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0;
		top: 23px;  
    margin: 0;
		padding: 2px 0 0;  
    display: none;  
    float: left;  
    width: 180px;
		border:none;
}  
ul.topnav li ul.subnav li {  
		margin:0; padding: 0;  
    border:none;	
    clear: both;  
    width: 180px;
		background:#00305e;		
}  
html ul.topnav li ul.subnav li a,
.home ul.topnav li.home ul.subnav li a,
.aanbod ul.topnav li.aanbod ul.subnav li a,
.diensten ul.topnav li.diensten ul.subnav li a,
.verhuisservice ul.topnav li.verhuisservice ul.subnav li a,
.links ul.topnav li.links ul.subnav li a,
.contact ul.topnav li.contact ul.subnav li a {  
    float: left;  
    width: 165px;  
		background: 	#00305E url(/images/submenu-marker.gif) no-repeat 10px center !important;
		padding-left:	20px;
		color:			#B4CAE0 !important;
		border:none;
		text-transform: capitalize;		
}  
html ul.topnav li ul.subnav li a:hover,
.home ul.topnav li.home ul.subnav li a:hover,
.aanbod ul.topnav li.aanbod ul.subnav li a:hover,
.diensten ul.topnav li.diensten ul.subnav li a:hover,
.verhuisservice ul.topnav li.verhuisservice ul.subnav li a:hover,
.links ul.topnav li.links ul.subnav li a:hover,
.contact ul.topnav li.contact ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: 	#406A92 url(/images/submenu-marker.gif) no-repeat 10px center !important;
		height:16px;
}
.home .topnav li.home a,
.aanbod .topnav li.aanbod a,
.diensten .topnav li.diensten a,
.verhuisservice .topnav li.verhuisservice a,
.links .topnav li.links a,
.contact .topnav li.contact a {
	background:	#F19206;
	border-top:	1px solid #F19206;
	text-decoration:none;
}
.aanbod .topnav li.aanbod a ,
.diensten .topnav li.diensten a,
.verhuisservice .topnav li.verhuisservice a {
	padding: 3px 25px 3px 15px;
	background:	#F19206 url(/images/dropdown.png) right top no-repeat;
}