﻿/* commented backslash hack v2 \*/ 
html, body
{
    height:100%;
} 
/* end hack */ 
html,body 
{
	margin: 0;
	padding: 0;
}
body 
{		
	font-size: 8pt;
	font-family: verdana,arial,helvetica;
	text-align: center;
	color: #000;
	background-color: #fff;
}	
#container 
{
	margin-left:auto;
	margin-right:auto;
	width: 925px; 
	min-height:100%;
	text-align: left;
    position:relative;
}
/* commented backslash hack v2 \*/ 
* html #container 
{
    height:100%;
}
* html #container 
{
    width:927px;w\idth:925px;
}
* html body
{
    font-size:7pt;f\ont-size:8pt;
}
/* end hack */ 

#mainheader 
{
	position:absolute;
	left:0;
	top:0;
	height: 180px;
	width:100%;
	z-index:1;	
}
#header 
{
	height: 110px;
	width:100%;
	margin: 0px 0px 5px 0px;
	padding:15px 0px 0px 0px;
	position:relative;
	z-index:2;
	overflow:hidden;
	text-align:center;
}
* html #mainheader 
{
    height:161px;he\ight:160px
}
* html #header 
{
    height:127px;he\ight:127px
}
#mainnav 
{
	width:100%;
	height: 25px;
	position:relative;
	z-index:2;
	font-size:9pt;
}
#mainnav table, #homenav
{
    width: 100%;
    font-size:9pt;
}
#mainnav td.nav, #homenav td.nav
{
    width:220px;
    height:25px;
    background:#FF2117;    
    text-align:center;
}

#homenav td.navphoto
{
    /*border: solid 1px #FF2117;*/
}
#mainnav td.nav a, #homenav td.nav a
{
    text-decoration:none;
    color:#FFF;
}
#mainnav td.nav a:hover, #mainnav td.nav a.active, #homenav td.nav a:hover
{
    color:#000;
}
#mainnav td.blank, #homenav td.blank
{
    width:15px;
}
* html #mainnav
{
    height:22px;he\ight:20px
}

.realestatechoice a
{
	border: solid 1px #FF2117;
}
.realestatechoice_active a
{
	border: solid 1px fuchsia;
}
.realestatechoice a:hover
{
	border: solid 1px fuchsia;
}
	
#sidebar 
{
	float: right;
	width: 218px;
	padding: 0;
	margin-top:15px;
}
#content 
{
    margin-top:15px;
	width: 688px;
	padding: 15px 0;
	border: solid 1px #FF2117;
}
#content_realestate
{
    margin-top:0px;
	width: 688px;
	padding: 15px 0;
	border-right: solid 1px #FF2117;
	border-bottom: solid 1px #FF2117;
	border-left: solid 1px #FF2117;
}
#content p, #sidebar p, #mainnav p, #header p, #content h1, #content h2, #content_realestate p, #content_realestate h1, #content_realestate h2
{
    margin:0 5px 5px 5px;
}
#sideimage
{
    border: solid 1px #FF2117;
    margin-bottom: 15px;
    height:150px;
}
#sidenav
{
    border: solid 1px #FF2117;
    padding: 15px;
    margin-bottom: 15px;
}
#sidenav a
{
    text-decoration:none;
    color:#000;
    font-weight:bold;
}
#sidenav a:hover
{
    color:#FF2117;
}
#sideaddress
{
    border: solid 1px #FF2117;
    padding: 10px;
    color:#000;
}
img
{
    border:0px;
}
.textbox{
    font-family: verdana,arial,helvetica;
    border: #000 1px solid;
    font-size: 8pt;   
}
.button{
    font-size: 8pt;   
}
.bold{
    font-weight:bold;
}
.selectbox{
    font-size: 8pt;  
    font-family: verdana,arial,helvetica;
}
h1
{
    font-size:12pt;
}
a
{
    color: #000;
}
a:hover
{
    color: #FF2117;
}

.searchresults, .searchoptions, .housetable
{
	width: 678px;
	margin: 0px 5px 5px 5px;
}
.searchresults th 
{	
	background-color: #FF2117; 
	color: #FFF;
}
.searchresults td, .searchresults th  { padding: 5px; }
.searchresults th a { color: #FFF; }
.searchresults th a:hover { color: #000; }

.housetabmenu
{
	margin-top: -16px; /* zorg dat het tabmenu tegen de bovenkant van het contentgedeelte valt */
	width: 689px;
}
.housetabmenu .tab
{
	padding: 5px 0px;
	border-right: 1px solid #FF2117;
	border-top: 1px solid #FF2117;
	border-bottom: 1px solid #FF2117;
    text-align: center;
    font-size: xx-small;
    width: 172px;
    cursor: pointer;
}
.housetabmenu .tab_selected
{
	padding: 5px 0px;
	border-right: 1px solid #FF2117;
	border-top: 1px solid #FF2117;
	border-bottom: 1px solid #fff;
    text-align: center;
    font-size: xx-small;
    font-weight:bold;
    width: 172px;
    cursor: pointer;
}
.listingtabmenu
{
	margin-top: 15px;
	width: 690px;
}
.listingtabmenu .tab
{
	background-image: url('../../images/aanbod_tab.png');
	background-repeat: no-repeat;
	padding: 5px 0px;
	border-bottom: 1px solid #FF2117;
    text-align: center;
    font-size: small;
    width: 230px;
    cursor: pointer;
}
.listingtabmenu .tab_selected
{
	background-image: url('../../images/aanbod_tab.png');
	background-repeat: no-repeat;
	padding: 5px 0px;
    text-align: center;
    font-size: small;
    font-weight:bold;
    width: 230px;
    cursor: pointer;
}


.housetable
{
}
.housetable .citycell
{
	font-size: x-large;
}
.housetable .resultphoto{
    border: #FF2117 1px solid;
}
.housetable .addresscell
{
	padding-top: 5px;
    font-size: medium;
    font-weight: bold;
}

.housetable .pricecell{
    font-size: medium;
    font-weight: bold;
}

.housetable .infotable{
	margin-top: 15px;
}    
.housetable .infotable td{
	border-bottom: 1px solid #FF2117;
	text-align: left;

}
.housetable .searchedcell{
    font-size: xx-small;
}
.housetable .searchedcell a{
    color: #000000;
}
.housetable .pagecell{
    font-size: xx-small ;
}
.housetable .pagecell a{
    color:#000000;
}
.housetable .scrolltext{
    color: #dd0000;
    font-weight:bold;
    font-size:14px;

}
.housetable .soldmessage{
    color: #ee0000;
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;
}

.mainfoto 
{
	padding-right: 5px;
	/*max-width: 678px;*/
}
.fotoscroll
{
	padding-left: 5px;
}

/*
.tab{    
    BORDER-RIGHT: 2px solid #dd0000;
    BORDER-BOTTOM: 2px solid #dd0000; 
    width:100px;
    text-align:center;
    font-size: xx-small;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    BACKGROUND-IMAGE: url(../../images/tab_unselect.gif);
}
.tab_selected{
    BORDER-RIGHT: 2px solid #dd0000;
    width:100px;
    text-align:center;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    font-size: xx-small;
}
.tab_end{
    BACKGROUND-IMAGE: url(../../images/tab_gradient_100x20.gif);
    background-repeat : repeat-y;
    width:100px;
}*/

/* MAP BEGIN*/
.mapnorthwest{
    background-image: url(../../images/arrow_northwest.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapnorth{
    background-image: url(../../images/arrow_north.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}  
.mapnortheast{
    background-image: url(../../images/arrow_northeast.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}  
.mapeast{
    background-image: url(../../images/arrow_east.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}  
.mapsoutheast{
    background-image: url(../../images/arrow_southeast.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}  
.mapsouth{
    background-image: url(../../images/arrow_south.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}  
.mapsouthwest{
    background-image: url(../../images/arrow_southwest.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}  
.mapwest{
    background-image: url(../../images/arrow_west.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}    
.mapzoomin {
    background-image: url(../../images/btn_square_zoomin.png);
    background-position: center center;
    border:0px;
    width:60px;
    height:20px;
    cursor:hand;
}
.mapzoomout {
    background-image: url(../../images/btn_square_zoomout.png);
    background-position: center center;
    border:0px;
    width:60px;
    height:20px;
    cursor:hand;
}
.mapzoom1{
    background-image: url(../../images/square_1.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom1_selected{
    background-image: url(../../images/square_1_selected.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom2{
    background-image: url(../../images/square_2.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom2_selected{
    background-image: url(../../images/square_2_selected.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom3{
    background-image: url(../../images/square_3.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom3_selected{
    background-image: url(../../images/square_3_selected.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom4{
    background-image: url(../../images/square_4.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom4_selected{
    background-image: url(../../images/square_4_selected.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom5{
    background-image: url(../../images/square_5.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom5_selected{
    background-image: url(../../images/square_5_selected.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom6{
    background-image: url(../../images/square_6.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom6_selected{
    background-image: url(../../images/square_6_selected.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom7{
    background-image: url(../../images/square_7.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom7_selected{
    background-image: url(../../images/square_7_selected.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom8{
    background-image: url(../../images/square_8.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.mapzoom8_selected{
    background-image: url(../../images/square_8_selected.png);
    background-position: center center;
    border:0px;
    width:20px;
    height:20px;
    cursor:hand;
}
.maproute{
    background-image: url(../../images/btn_square_toonroute.png);
    background-position: center center;
    border:0px;
    width:80px;
    height:20px;
    cursor:hand;
}
.mapbegin{
    background-image: url(../../images/btn_square_zoomstart.png);
    background-position: center center;
    border:0px;
    width:80px;
    height:20px;
    cursor:hand;
}
.mapend{
    background-image: url(../../images/btn_square_zoomend.png);
    background-position: center center;
    border:0px;
    width:80px;
    height:20px;
    cursor:hand;
}
.mapall{
    background-image: url(../../images/btn_square_zoomroute.png);
    background-position: center center;
    border:0px;
    width:80px;
    height:20px;
    cursor:hand;
}
.mapcell IMG{
    border:1px solid #000000;
}
.maptable{
    padding:0px;
    spacing:0px;
}
/* MAP END */