/* ------------------------------------------------------------------------------------------------------------ */
/*                                                         																											*/
/*    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: #a1c4b5;
color: #303030;
}

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


/* 
***************************************************************************************
BoxOver in huizenoverzicht
***************************************************************************************
*/	
.tooltipheader
{
text-align: left;
width: 350px;
border-top: 1px solid #345d4b;
border-left: 1px solid #345d4b;
border-right: 1px solid #345d4b;
padding: 3px;
color: #FFFFFF;
font: 12px Arial; 
font-weight: bold;
background-color: #345d4b;
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 #345d4b;
padding: 3px;
color: #FFFFFF;
font: 11px Arial; 
background-color: #303030;
filter:alpha(opacity=90); /* IE */
-moz-opacity:.90; /* Opera */
opacity:.90; /* FF */
}

.tooltip_txt 
{ 
display:none;
color: #FFFFFF; 
font: 11px Verdana; 
width: 100%;
text-align: left;
background-color: #345d4b;
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: block;position:absolute;} /* Firefox */
.picture_element_imgstatus_verkocht { display: block;position:absolute; } /* Firefox */
.picture_element_imgstatus_verhuurd { display: block;position:absolute; } /* Firefox */
.picture_element_imgstatus_verkochtov { display: block;position:absolute; } /* Firefox */
.picture_element_imgstatus_aangekocht  { display: block;position:absolute; }

.picture_element_imgstatus_aangekocht,
.picture_element_imgstatus_verkocht,
.picture_element_imgstatus_verkochtov,
.picture_element_imgstatus_verhuurd,
.picture_element_imgstatus_verhuurdov{
width:453px;
height:100px;
}

.picture_element_imgstatus_verkocht{
background-image: url(../../images/status/verkocht.gif);
background-repeat: no-repeat;
background-position: 1px 50%;
text-indent: -999px;
margin-left:80px ;
}

.picture_element_imgstatus_verkochtov{
background-image: url(../../images/status/verkochtov.gif);
background-repeat: no-repeat;
background-position: 1px 50%;
text-indent: -999px;
margin-left: 80px ; 
}

.picture_element_imgstatus_verhuurd{
background-image: url(../../images/status/verhuurd.gif);
background-repeat: no-repeat;
background-position: 1px 50%;
text-indent: -999px;
margin-left:80px;
}

.picture_element_imgstatus_verhuurdov{
background-image: url(../../images/status/verhuurdov.gif);
background-repeat: no-repeat;
background-position: 1px 50%;
text-indent: -999px;
margin-left:80px;
}

.picture_element_imgstatus_aangekocht{
background-image: url(../../images/status/verhuurdov.gif);
background-repeat: no-repeat;
background-position: 1px 50%;
text-indent: -999px;
}

.IMG_Menu_Pic
{
border: 0px;
}

.element_td2_even #FlashText{
Width:200px;
}
.element_td2_odd #FlashText{Width:200px;}

#FlashText{width:600px;}

.picture_element_imgstatus_onderbod{
display:none;
}

.Flashlink_txt
{
display:none;
color: #000000; font: 11px Arial;
}

.Flashlink_txt A:link { color: #000000}
.Flashlink_txt A:active { color: #000000 }
.Flashlink_txt A:visited { color: #000000 }
.Flashlink_txt A:hover { color: #000000 }



/* Kenmerken */
.TABLE_Kenmerken
{
border-collapse: collapse;
}

.TABLE_Kenmerken .TD_Kenmerken_Pic
{
width: 2%;
}		

.TABLE_Kenmerken .TD_Kenmerken_Props1
{
width: 35%;
padding-left: 5px;
color: #ffffff; font: 12px Arial;
}		

.TABLE_Kenmerken .TD_Kenmerken_Props2
{
width: 3%;
color: #ffffff; font: 12px Arial;
}
		
.TABLE_Kenmerken .TD_Kenmerken_Props3
{
width: 200px;
color: #ffffff; font: 12px 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: right;}

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

/* Adres: */
#element_adres { color: #ffffff; font: 13px century gothic ; font-weight: bold ; text-transform: uppercase; text-align: left }
	
/* Omschrijving: */
#element_omschrijving { color: #ffffff ; font: 11px Verdana ; text-align: left; display:block;}
	
/* Vraagprijs (het woord 'vraagprijs' dus..) */	
#element_prijs1 { color: #ffffff ; font: 12.5px Verdana ; font-weight: bold  ; text-align: right }
	
/* De echte vraagprijs */
#element_prijs2 { color: #ffffff ; font: 11px Verdana ; text-align: right }	
	
/* Bijzondere tekst voor bijvoorbeeld boven de omschrijving, vraagprijs e.d. */
#tstatus, #extratekst1, #extratekst2, #extratekst3 { color: #000000 ; font: 12px Verdana ; font-weight: bold  ; text-align: left ; }		
#element_truncatenext	{ color: #ffffff ; font: 12px Verdana  ; text-align: left; text-decoration: underline;}

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

/* Oneven */
/* Achtergrond Tabel voor de foto Numero 1,3,5 etc. */
.element_td1_even
{
border-top: 1px solid #00b4cd ;	
border-left: 1px solid #00b4cd ;	
border-bottom: 1px solid #00b4cd ;	
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #ffffff;
width: 464px;
vertical-align: middle;
cursor: pointer; /* Firefox */
}

/* Achtergrond Tabel voor de uitlegtekst Numero 1,3,5 etc. */
.element_td2_even
{
border-top: 1px solid #00b4cd ;	
border-right: 1px solid #00b4cd ;	
border-left: 1px solid #00b4cd ;	
border-bottom: 1px solid #00b4cd ;	
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: #00b4cd;
width: 244px;
height: 90px;	
vertical-align: top;
cursor: pointer; /* Firefox */	
}

/* Achtergrond Tabel voor de prijs huizen Numero 1,3,5 etc. */
.element_td3_even
{
display:block;
width: 100%;
height: 0px;
text-align: left ;
vertical-align: middle;
cursor: pointer; /* Firefox */	
}

/* even */
/* Achtergrond Tabel voor de foto Numero 2,4,6 etc. */
.element_td1_odd
{
border-top: 1px solid #00b4cd ;	
border-left: 1px solid #00b4cd ;	
border-bottom: 1px solid #00b4cd ;	
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #ffffff;
width: 555px;
vertical-align: middle;
cursor: pointer; /* Firefox */
}

/* Achtergrond Tabel voor de uitlegtekst Numero 2,4,6 etc. */
.element_td2_odd
{
border-top: 1px solid #00b4cd ;	
border-right: 1px solid #00b4cd ;	
border-left: 1px solid #00b4cd ;	
border-bottom: 1px solid #00b4cd ;	
background-color: #00b4cd;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
width: 244px;
vertical-align: top;
cursor: pointer; /* Firefox */	
}

/* Achtergrond Tabel voor de prijs huizen Numero 2,4,6 etc. */
.element_td3_odd
{
display:block;
width: 100%;
height: 0px;
text-align: left ;
vertical-align: middle;
cursor: pointer; /* Firefox */
}

.element_td_spacer{
height:5px;
}

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

/* Foto nr1 (Hoofdfoto) */
.element_img1
{
align: left;
valign: middle;
width: 140px;
height: 105px;
border: 1px solid #FFFFFF ;
vertical-align: middle;	
margin-top: 2px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
}

.element_img2
{
align: left;
valign: middle;
width: 140px;
height: 105px;
border: 1px solid #FFFFFF ;
vertical-align: middle;	
margin-top: 2px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
}	

.element_img3
{
align: left;
valign: middle;
width: 140px;
height: 105px;
border: 1px solid #FFFFFF ;
vertical-align: middle;	
margin-top: 2px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
}

.element_img6
{
align: left;
valign: middle;
width: 140px;
height: 105px;
border: 1px solid #FFFFFF ;
vertical-align: middle;	
margin-top: 2px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
}

.element_img7
{
align: left;
valign: middle;
width: 140px;
height: 105px;
border: 1px solid #FFFFFF ;
vertical-align: middle;	
margin-top: 2px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
}

.element_img8
{
align: left;
valign: middle;
width: 140px;
height: 105px;
border: 1px solid #FFFFFF ;
vertical-align: middle;	
margin-top: 2px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
}

.element_img15
{
align: left;
valign: middle;
width: 140px;
height: 105px;
border: 1px solid #FFFFFF ;
vertical-align: middle;	
margin-top: 2px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
}

.element_img17
{
align: left;
valign: middle;
width: 140px;
height: 105px;
border: 1px solid #FFFFFF ;
vertical-align: middle;	
margin-top: 2px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
}
	
	
.element_imgstatus_verkocht
{
background-image: url(../../images/status/verkocht.gif);
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 504px;
height: 41px;
background-repeat: no-repeat;	
display:none;
}
	
.element_imgstatus_verkochtov
{
background-image: url(../../images/status/verkochtov.gif);
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 504px;
height: 41px;
background-repeat: no-repeat;	
background-position: center center;		
}
	
.element_imgstatus_aangekocht
{
background-image: url(../../images/status/aangekocht.gif);
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 504px;
height: 41px;
background-repeat: no-repeat;	
background-position: center center;		
}	
	
.element_imgstatus_verhuurd
{
background-image: url(../../images/status/verhuurd.gif);
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 504px;
height: 41px;
background-repeat: no-repeat;	
background-position: center center;		
}	
	
.element_imgstatus_verhuurdov	
{
background-image: url(../../images/status/verhuurdov.gif);
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 504px;
height: 41px;
background-repeat: no-repeat;	
background-position: center center;		
}	
	
.picture_element_imgstatus_optie
{
background-image: url(../../images/status/optie.gif);
position: relative; /* Firefox */
display: block;  /* Firefox */
width: 504px;
height: 41px;
background-repeat: no-repeat;	
background-position: center center;		
}

.element_imgstatus_verkocht,
.element_imgstatus_verkochtov,
.element_imgstatus_verhuurd,
.element_imgstatus_verhuurdov,
.element_imgstatus_aangekocht{display:none;}

/* 
***************************************************************************************
Top en bottom tekst
***************************************************************************************
*/		
	
/* Bottom tekst en Top tekst (meer informatie, niets gevonden etc..) */
#ozcont_gentxt2 { color: #808080 ; font: 11.5px Verdana ; text-align: center; display:block; }
#ozcont_gentxt3 { color: #808080 ; font: 11.5px Verdana ; text-align: center }
#ozcont_gentxt4 { color: #808080 ; font: 11.5px Verdana ; text-align: center }
#ozcont_gentxt5 { color: #808080 ; font: 11.5px Verdana ; text-align: center }
#ozcont_gentxt6 { color: #808080 ; font: 11.5px Verdana ; text-align: center }

/* Top tekst overzichtspagina (Totaal aanbod etc.) */
.ozcont_gentitle { color: #FFFFFF ; font: 12.5px Verdana ; font-weight: bold  ; text-align: left; }

/* Tekst properties voor de teksten m.b.t. bijzonder object */
#ozcont_gentxt7 { color: #00b4cd ; font: 12.5px Verdana ; font-weight: bold  ; text-align: left }
#ozcont_gentxt8 { color: #808080 ; font: 12.5px Verdana ; text-align: left }
#ozcont_gentxt9	{ color: #808080 ; font: 11.5px Verdana ; text-align: center; display:block; margin-top:10px; margin-bottom:10px; }
#ozcont_gentxt10 { color: #808080 ; font: 11.5px Verdana ; text-align: center }
	
/* 
***************************************************************************************
Hoofdtabel
***************************************************************************************
*/		

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

/* Waardes maintable (float, align etc.) */
.ozcont_tableprops
{
margin:0px auto;  /* Firefox */
text-align: center;
width: 98%;
float: center;
vertical-align: center;
}

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

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

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

.ozcont_toptekst
{
display: none;
float: center;
width: 96%;
cell-spacing: 0px;
border-collapse: collapse; /*geen borders?*/ /* Cellspacing */	
text-align: center;
}
	
.ozcont_header_align
{
display:none;
border-top: 1px solid #cc0000 ;	
border-left: 1px solid #cc0000 ;	
border-right: 1px solid #cc0000 ;	
border-bottom: 1px solid #cc0000 ;	
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
height: 30px;
background-color: #380000;
width: 98%; /*desgewenst de tabel breedte*/
cell-spacing: 0px;
border-collapse: collapse; /*geen borders?*/ /* Cellspacing */	
text-align: left;
}
	
.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 */
.ozcont_select 
{
background-color: #ffffff;
list-style-type: circle;
text-align: center;	
margin-left: 0px;
margin-top: 0px;
text-align: center;
}

.ozcont_select A:link
{
color: #00b5ca;
}

.ozcont_select A:active
{
color: #00b5ca;
}

.ozcont_select A:visited
{
color: #00b5ca;
}

.select_mainprop
{
margin:0px auto;  /* Firefox */
float: center;
width: 98%;
}
	
.select_table 
{
float: center;
width: 100%;
text-align: center;
}

.select_select
{	
background-color: #000000;
font: 10px Verdana;
margin: 0px;
}
	
.select_td0
{
float: center;
}
		
.select_td1 
{
float: center;
}
	
.select_td2 
{
float: center;
width: 180px;
}
	
.select_td3
{
float: center;
width: 200px;
}	
	
.select_td4
{
display:none;
float: center;
width: 180px;
}	

/* Zoek text  (bijv. klik hier om te zoeken) */
#select_text  { color: #00b5ca ; font: 11px century gothic ;  font-weight: bold  ; text-align: right ; }

.select_select_waarde, .select_select_waarde1, .select_select_waarde5 
{ 
color: #797979; 
background-color: #ffffff;
font: 9px Verdana ; 
text-align: left ; 
width: 150px;
 }

/* begin prijs=2 plaats=4 */
.select_select_waarde2, .select_select_waarde4
{ 
color: #797979 ; 
background-color: #ffffff;
font: 9px Verdana ; 
text-align: left ; 
width: 144px;
 }
/* einde prijs=2 plaats=4 */

/* begin type=3 */
 .select_select_waarde3
 { 
color: #797979 ; 
background-color: #ffffff;
font: 9px Verdana ; 
text-align: left ; 
width: 156px;
 }
/* einde type=3 */

/* td waar "totaalaanbod" in staat"*/
 .select_totaalaanbod
{
float: center;
width: 120px;
color: #00b5ca ; font: 11px century gothic;  font-weight: bold  ; text-align: left
}

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

/* Print icoon */
.ozcont_printicon
{
background-image: url("../../images/hmodule/printen.gif");
width: 17px;
height: 16px;
cursor: pointer;  /* Firefox */
float: right;
margin-bottom: 2px;
background-repeat: no-repeat;
}	

.ozcont_body
{
background-color: #ffffff;
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
list-style-type: circle;
text-align: center;	
margin-top: 15px;
}
		
BODY
{
scrollbar-3dlight-color:#00b5ca; 
scrollbar-arrow-color:#FFFFFF; 
scrollbar-base-color:#00b5ca; 
scrollbar-darkshadow-color:#00b5ca; 
scrollbar-face-color:##00b5ca; 
scrollbar-highlight-color:ffffff; 
scrollbar-shadow-color:#ffffff; 
scrollbar-track-color:#ffffff;
}

.TD_Goodbye
{
font: 12.5px arial ;
}

HR
{
float: left;
width: 100%;
color: #cccccc;
background-color: #cccccc;
height: 1px;
}
       
A:link { color: #00b5ca }
A:active { color: #00b5ca }
A:visited { color: #00b5ca }
A:hover { color: #00b5ca }