/* ------------------------------------------------------------------------------------------------------------ */
/*                                                         																											*/
/*    www.goesenroos.nl         																												*/
/*    © 2005-2006 Goes & Roos.																															    								*/
/*                                                         																											*/
/* ------------------------------------------------------------------------------------------------------------ */

/* 
***************************************************************************************
Notities
***************************************************************************************
* Paden naar images worden getraceerd vanaf de stylesheet, niet vanaf de HTML pagina.
* Deze stylesheet is firefox proof gemaakt, staat achter de items aangegeven.
* De huizentabel begint met het plaatsen van huis nummer 0 en dan 1 en dan 2. Dus eigenlijk is even oneven en oneven is even.
*/	

/* 
***************************************************************************************
ERBIJ START
***************************************************************************************
*/	

/* 
***************************************************************************************
Zoek mogelijkheid in huizenoverzicht
***************************************************************************************
*/	
#ozcont_omschrijvingoverzicht
{
font: 12px Arial;
font-weight: bold;
text-align: left;
height: 20px;
vertical-align: bottom;
padding-bottom: 5px;
}

#zoektext
{
font: 12px Arial;
font-weight: normal;
width: 500px;
text-align: center;
height: 20px;
vertical-align: bottom;
padding-bottom: 5px;
}

.input_searchbutton
{
cursor: hand;
height: 18px;
width: 40px;
font: 12px Arial ; font-weight: bold;
border: 1px solid #303030;
background-color: #c92026;
color: #fff2e0;
}

.input_searchfield
{
height: 18px;
font: 12px Arial;
background-color: #eeeeee; 
color: #303030;
}


/* 
***************************************************************************************
BoxOver in huizenoverzicht
***************************************************************************************
*/	
.tooltipheader
{
text-align: left;
width: 350px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 3px;
color: #000000;
font: 12px Arial; 
font-weight: bold;
background-color: #fff2e0;
background-repeat: no-repeat;
background-position: right; 
filter:alpha(opacity=100); /* IE */
-moz-opacity:1; /* Opera */
opacity:1; /* FF */
}

.tooltipbody
{
text-align: left;
width: 350px;
border: 1px solid #000000;
padding: 3px;
color: #000000;
font: 12px Arial; 
background-color: #fff2e0;
filter:alpha(opacity=90); /* IE */
-moz-opacity:.90; /* Opera */
opacity:.90; /* FF */
}

.tooltip_txt 
{ 
color: #000000; 
font: 12px arial; 
width: 100%;
text-align: left;
background-color: #ea8e1f;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
margin-left: -2px;
margin-bottom: 3px;
margin-top: 3px;
background-image: url("../../images/hmodule/bg.gif");
background-repeat: no-repeat;
background-position: right; 
}

.tooltip_txt  A:link { text-decoration: none; }
.tooltip_txt  A:active { text-decoration: none; background-color: #345d4b; }
.tooltip_txt  A:visited { text-decoration: none; background-color: #345d4b; }
.tooltip_txt  A:hover { text-decoration: none; background-color: #345d4b; }

/* 
***************************************************************************************
ERBIJ STOP
***************************************************************************************
*/		

.picture_element_imgstatus_verhuurdov { display: none; } /* Firefox */
.picture_element_imgstatus_verkocht { display: none; } /* Firefox */
.picture_element_imgstatus_verhuurd { display: none; } /* Firefox */
.picture_element_imgstatus_verkochtov { display: none; } /* Firefox */
.picture_element_imgstatus_  { display: none; }

.IMG_Menu_Pic
{
border: 0px;
}

.Flashlink_txt
{
color: #000000; font: 10px Arial;
vertical-align: middle;
}

/* #FlashText {
color: green;
} */

/* Kenmerken */
.TABLE_Kenmerken .TD_Kenmerken_Pic
{
width: 2%;
}		

.TABLE_Kenmerken .TD_Kenmerken_Props1
{
width: 80px;
color: #000000; font: 12.5px Arial;
height: 10px;
}		

.TABLE_Kenmerken .TD_Kenmerken_Props2
{
width: 2px;
color: #000000; font: 12.5px Arial;
}
		
.TABLE_Kenmerken .TD_Kenmerken_Props3
{
width: 200px;
color: #000000; font: 12.5px Arial;
}		

/* Flash items */
.table_xtratxt 
{ 
width: 100% ;
cell-spacing: 0px;
margin: 0px; 
padding: 0px ;
border: 0px ;
border-collapse: collapse; /*geen borders?*/ /* Cellspacing */
background: transparant ;   
}
 
.td_xtratxtlineleft { border: 0px ; margin: 0px; padding: 0px ; width: 100% ; text-align: left;}
.td_xtratxtlinecenter { border: 0px ; margin: 0px; padding: 0px ; width: 100% ; text-align: center;}
.td_xtratxtlineright { border: 0px ; margin: 0px; padding: 0px ; width: 100% ; text-align: left;}

/* 
***************************************************************************************
De Huizen teksten
***************************************************************************************
*/	

/* Adres: */
#element_adres { color: #000000; font: 12.5px arial ; font-weight: bold  ; text-align: left }
	
/* Omschrijving: */
#element_omschrijving { color: #000000 ; font: 12.5px arial ; text-align: left }
	
/* Vraagprijs (het woord 'vraagprijs' dus..) */	
#element_prijs1 { color: #000000 ; font: 12.5px arial ; font-weight: bold  ; text-align: right }
	
/* De echte vraagprijs */
#element_prijs2 { color: #000000 ; font: 12.5px arial ; text-align: right }	
	
/* Bijzondere tekst voor bijvoorbeeld boven de omschrijving, vraagprijs e.d. */
#tstatus, #extratekst2, #extratekst3 { color: #000000 ; font: 12.5px arial ; font-weight: bold  ; text-align: left ; letter-spacing: px;}		

#extratekst1{ color: #c92026 ; font: 12.5px arial ; font-weight: bold  ; text-align: left ; letter-spacing: px;}		


/* 
***************************************************************************************
De Huizen tabel achtergronden
***************************************************************************************
*/	

/* Oneven */
/* Achtergrond Tabel voor de foto Numero 1,3,5 etc. */
.element_td1_even
{
background-color: #fff2e0;
width: 170px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
border: 1px solid #fff2e0;
cursor: pointer; /* Firefox */
}

/* Achtergrond Tabel voor de uitlegtekst Numero 1,3,5 etc. */
.element_td2_even
{
width: 60%;
padding: 10px;
background-color: #fff2e0;
border-bottom: 1px solid #000000;
border-top: 1px solid #fff2e0;
border-right: 0px dotted #fff2e0;
cursor: pointer; /* Firefox */	
}

/* Achtergrond Tabel voor de prijs huizen Numero 1,3,5 etc. */
.element_td3_even
{
width: 20%;
background-color: #fff2e0;
text-align: center ;
border: 1px solid #fff2e0;
cursor: pointer; /* Firefox */	
}

/* even */
/* Achtergrond Tabel voor de foto Numero 2,4,6 etc. */
.element_td1_odd
{
background-color: #fff2e0;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
width: 170px;
border: 1px solid #fff2e0;

cursor: pointer; /* Firefox */	
}

/* Achtergrond Tabel voor de uitlegtekst Numero 2,4,6 etc. */
.element_td2_odd
{
width: 60%;
padding: 10px;
background-color: #fff2e0;
border-bottom: 1px solid #000000;
border-top: 1px solid #fff2e0;
border-right: 0px dotted #fff2e0;
cursor: pointer; /* Firefox */	
}

/* Achtergrond Tabel voor de prijs huizen Numero 2,4,6 etc. */
.element_td3_odd
{
width: 20%;
background-color: #fff2e0;
text-align: center ;
border: 1px solid #fff2e0;
cursor: pointer; /* Firefox */	
}

/* 
***************************************************************************************
De Huizen foto's
***************************************************************************************
*/	

.element_img1 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top;	}
.element_img1_2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }
.element_img2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top;	}
.element_img2_2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }

.element_img3 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top;	}
.element_img3_2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }

.element_img4 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }
.element_img4_2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }
.element_img5 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top;	}
.element_img5_2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }
.element_img6 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top;	}
.element_img6_2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }
.element_img7 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top;	}
.element_img7_2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }
.element_img8 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top;	}
.element_img8_2 { align: left; valign: top; width: 150px; border: 1px solid #FFFFFF; vertical-align: top; }

.element.verkocht
{
background-image: url("../../images/hmodule/printen.gif");
width: 20px;
height: 16px;
}

/* Verkocht plaatjes */
.element_imgstatus_verkocht
{
background-image: url("../../images/status/verkocht.gif");
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 122px;
height: 44px;
background-repeat: no-repeat;	
background-position: top left;	
}
	
.element_imgstatus_verkochtov
{
background-image: url("../../images/status/verkochtov.gif");
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 122px;
height: 44px;
background-repeat: no-repeat;	
background-position: top left;		
}
	
.element_imgstatus_aangekocht
{
background-image: url("../../images/status/aangekocht.gif");
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 122px;
height: 44px;
background-repeat: no-repeat;	
background-position: top left;		
}
	
.element_imgstatus_verhuurd
{
background-image: url("../../images/status/verhuurd.gif");
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 122px;
height: 44px;
background-repeat: no-repeat;	
background-position: top left;		
}
	
.element_imgstatus_verhuurdov
{
background-image: url("../../images/status/verhuurdov.gif");
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 122px;
height: 44px;
background-repeat: no-repeat;	
background-position: top left;		
}			
	
/* 
***************************************************************************************
Top en bottom tekst
***************************************************************************************
*/		
/* Bottom tekst en Top tekst (meer informatie, niets gevonden etc..) */
#ozcont_gentxt2 { color: #000000 ; font: 12.5px arial ; text-align: left }
#ozcont_gentxt3 { color: #000000 ; font: 12.5px arial ; text-align: center }
#ozcont_gentxt4 { color: #000000 ; font: 12.5px arial ; text-align: center }
#ozcont_gentxt5 {display:none; color: #000000 ; font: 12.5px arial ; text-align: center }
#ozcont_gentxt6 { color: #000000 ; font: 12.5px arial ; text-align: center }

/* Top tekst overzichtspagina (Totaal aanbod etc.) */
.ozcont_gentitle { color: #000000 ; font: 13.5px arial ; font-weight: bold  ; text-align: left ; margin-left: 0px;}
	
/* Tekst properties voor de teksten m.b.t. bijzonder object */
#ozcont_gentxt7 { color: #000000 ; font: 14.5px arial ; font-weight: bold  ; text-align: left }
#ozcont_gentxt8 { color: #000000 ; font: 12.5px arial ;  text-align: left }
#ozcont_gentxt9	{ color: #000000 ; font: 14.5px arial ; font-weight: bold  ; text-align: left }	
#ozcont_gentxt10 { color: #000000 ; font: 14.5px arial ; font-weight: bold  ; text-align: left }	

/* 
***************************************************************************************
Hoofdtabel
***************************************************************************************
*/		

.ozcont_outline
{
width: 100%;
}

.ozcont_spacer
{
width: 100%;
}

.ozcont_maintable
{
width: 90%;
text-align: left;
cell-spacing: 0px;
border-collapse: collapse; /*geen borders?*/ /* Cellspacing */
}

/* Waardes maintable (float, align etc.) */
.ozcont_tableprops
{
width: 100%;
vertical-align: left;
}	

table tr.gridrowOnmouseover td {background-image: url('../../images/sl.gif'); }	

.element_imgstatusMASK_verkochtov
{
height:     91px;
width:      131px;
text-align: center;
background-image: url(/images/image_mask.png);
}

.element_imgstatusTEXT_verkochtov 
{ 
color: #7A7A7A ; 
font: 15.5px arial ;
text-align: left ; 
}

.ozcont_toptekst
{
float: center;
width: 100%;
cell-spacing: 0px;
border-collapse: collapse; /*geen borders?*/ /* Cellspacing */	
text-align: center;
}
	
.ozcont_header_align
{
width: 91%; /*desgewenst de tabel breedte*/
cell-spacing: 0px;
border-collapse: collapse; /*geen borders?*/ /* Cellspacing */	
text-align: left;
margin:0px auto; 
}
	
.ozcont_bottomtekst
{
margin-top: 0px;
float: center;
width: 100%;
cell-spacing: 0px;
border-collapse: collapse; /*geen borders?*/ /* Cellspacing */	
text-align: center;
}		
	
/* 
***************************************************************************************
Zoeken op prijs, type, plaats etc. (in appart frame dus)
***************************************************************************************
*/		
	
/* Select Dropdown shitjes */
.select_mainprop
{
margin:0px auto;  /* Firefox */
text-align: center;
float: center;
width: 87%;
}
	
.select_select
{	
background-color: #000000;
font: 12.5px arial;
margin-left: 5px;
}
	
/* Zoek text  (bijv. klik hier om te zoeken) */
#select_text  { color: #000 ; font: 12px arial ; font-weight: bold  ; text-align: left ; vertical-align: text-top;}

/* Zoeken (bovenaan de module, zoeken op prijs, plaats e.d.) */
.select_select_waarde 
{ 
background-color: #eeeeee;
color: #000000 ; 
font: 12px arial ; 
text-align: left ; 
width: 145px;
}

.select_select_waarde1 
{ 
background-color: #eeeeee;
color: #000000 ; 
font: 12px arial ; 
text-align: left ; 
width: 125px;
}

.select_select_waarde2
{ 
background-color: #eeeeee;
color: #000000 ; 
font: 12px arial ; 
text-align: left ; 
width: 160px;
}

.select_select_waarde3
{ 
background-color: #eeeeee;
color: #000000 ; 
font: 12px arial ; 
text-align: left ; 
width: 160px;
}

.select_select_waarde4
{ 
background-color: #eeeeee;
color: #000000 ; 
font: 12px arial ; 
text-align: left ; 
width: 160px;
}

/*  table properites van bovenste tabel totaal aanbod e.d. */
.select_table 
{
float: center;
width: 100%;
border-collapse: collapse;
text-align: center;
}
	
.select_totaalaanbod /* td waar "totaalaanbod" in staat" */
{
text-align: left;
width: 130px;
font: 12px arial ;
vertical-align: text-top;
}
	
/* Dit kan je gebruiken om de listboxen van het zoeken uit te lijnen */
.select_td
{
width: 50px;
}
		
/* NOT USED */		
.select_td1 
{
vertical-align: text-top;
text-align: center;
width: 1 px ;
}
	
.select_td2 
{
vertical-align: text-top;
text-align: right;
width: 200px;
}

.select_td3
{
vertical-align: text-top;
text-align: right;
width: 200px ;
}	
	
.select_td4
{
vertical-align: text-top;
text-align: right;
width: 200px ;
}	

HR
{
float: left;
width: 100%;
color: #000000;
background-color: #000000;
height: 1px;
}

table tr.gridrowOnmouseover td 
{
background-image: url('../../images/sl.gif');
}

/* 
***************************************************************************************
De rest
***************************************************************************************
*/

BODY 
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
scrollbar-base-color: #fff2e0;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #fff2e0;
scrollbar-face-color: #d4d4d4;
scrollbar-highlight-color: #fff2e0;
scrollbar-shadow-color: #fff2e0;
scrollbar-track-color: #fff2e0;
}

/* Print icoon */
.ozcont_printicon
{
background-image: url("../../images/hmodule/printen.gif");
width: 17px;
height: 15px;
cursor: pointer;
float: right;
margin-right: 0px;
}	

.ozcont_body
{
background-color: #fff2e0;
list-style-type: circle;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
text-align: center;

}
		
.ozcont_select /* .:. totaalwoning aanbod etc tekst .:. */
{
background-color: #fff2e0;
list-style-type: circle;
text-align: center;	
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
}


/* Top teksten (totaal aanbod e.d. ) */
.ozcont_top_table	
{
float: center;
horizontal-align: left;
cell-spacing: 0px;
border-collapse: collapse; /*geen borders?*/ /* Cellspacing */
margin-left: 100px;
background-image: url("../../images/bg.gif");
}
	
.ozcont_top_td1	
{
horizontal-align: center;
text-align: center;
background-image: url("../../images/bg.gif");
}

.ozcont_top_td2	
{
background-image: url("../../images/bg.gif");
}		

.TD_Goodbye
{
font: 12.5px arial ;
}

A:link { color: #2d2d2d; text-decoration: none;}
A:active { color: #2d2d2d; text-decoration: none;}
A:visited { color: #2d2d2d; text-decoration: none;}
A:hover {  color: #000000; background-color: #faa41a; text-decoration: underline;}