@charset "utf-8";

/* basic settings & reset */

html, body, div, ul, li, object, h1, h2, h3, h4, h5, h6, p, a, img, form, fieldset, label, select, input, textarea 
{
margin:0px;
padding:0px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#535D66;
/*#636D76;*/
}

body, li, p, a{
line-height:24px;
}

img, fieldset
{
border:none;
}

a
{
color:#838D96;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#535D66;
}

li
{
list-style-position:inside;
}


/* layout */

html
{
width:100%;
height:100%;
}

body
{
width:100%;
height:100%;
background-image:url(img/tileBackground.png);
}

#wrapper
{
width:960px;
min-height:100%;
margin:0px auto;
background-image:url(img/tile_vertical.gif);/*url(img/tile_baseline_grid.gif);*/
background-repeat:repeat;/*, repeat-y;*/
/* hack */
overflow:hidden;
}

#nav
{
float:left;
/*clear:right;*/
width:160px;
padding:0px 15px;
background-image:url(img/logo_grijs.gif);
background-repeat:no-repeat;
background-position:15px -12px;
/* hack */

padding-bottom: 32767px;
margin-bottom: -32727px;
}

#content
{
margin-left:24px;
/*margin-left:214px;*/
/*width:auto;*/
width:728px;
padding-bottom:72px;
float:left;
}

/* layout menus */

.menu
{
list-style:none;
list-style-type:none;
}

.menu li a
{
display:block;
padding-left:8px;
}

#menu1
{
font-weight:bold;
border-top:1px solid #D1D1D1;
margin-top:155px;
padding-top:24px;
padding-bottom:11px;
border-bottom:1px solid #D1D1D1;
margin-bottom:19px;
}

#menu1 a.woningen{ color:#0F79BA; }
#menu1 a.huurwoningen{ color:#ff43b4; }
#menu1 a.makelaars{ color:#70B700; }
#menu1 a.financiering{ color:#F2C300; }
#menu1 a.huis-en-inrichting{ color:#FF3600; }
#menu1 a.bedrijven{ color:#F2C300; }
#menu1 a.vrije-tijd{ color:#FF43b4; }
#menu1 a.webwinkels{ color:#FF501A; }

#menu1 li a
{
font-size:16px;
line-height:36px;
}

#menu2
{
padding-bottom:16px;
margin-bottom:19px;
border-bottom:1px solid #D1D1D1;/*#6E7782;*/
}

#menu3
{

}


/* layout content */

div#banner
{
margin-top:18px;
margin-bottom:12px;
}

div.index_zoek
{
min-height:395px;
border-bottom:1px solid #D1D1D1;
}

div.container{
/*height:455px;*/
border-bottom:1px solid #D1D1D1;
}

div.columnsfloat
{
float:left;
}

div.columns23
{
width:479px;
margin-right:19px;
float:left;
}

.column3
{
width:230px;
margin-right:19px;
float:left;
}

div.last-child
{
margin-right:0px;
}


ul.links
{
padding-top:7px;
list-style:none;
padding-bottom:5px;
width:230px;
}

ul.links li
{
width:211px;
}

.border-top
{
border-top:1px solid #D1D1D1;
}

.border-bottom
{
border-bottom:1px solid #D1D1D1;
margin-bottom:12px;
}

div.informatie
{
padding-top:7px;
}

div.informatie p.last-child
{
margin-bottom:0px;
}


/* ads */

div.ads
{
border:1px solid #D1D1D1;
}


/* titles */

h1
{
font-size:16px;
line-height:35px;
border-bottom:1px solid #D1D1D1;
margin-bottom:11px;
max-width:728px;
}

h1.blauw{ border-bottom:solid 1px #0F79BA; }
h1.paars{ border-bottom:solid 1px #660066; }
h1.groen{ border-bottom:solid 1px #70B700; }
h1.geel{ border-bottom:solid 1px #F2C300; }
h1.oranje{ border-bottom:solid 1px #FF501A; }
h1.roze{ border-bottom:solid 1px #FF43b4; }


/* zoekmachines */

form.small
{
min-height:228px;
}

form.big
{
min-height:385px;
padding-bottom:10px;
}

div.selects, div.input, div.select_double{
padding-top:7px;
width:230px;
min-height:53px;
}

div.inputList div
{
min-height:0px;
}

h2, label
{
line-height:24px;
display:block;
font-weight:bold;
}

div.input input
{
width:226px;
margin-right:10px;
}

div.radio
{
padding-bottom:5px;
border-bottom:1px solid #D1D1D1;
margin-bottom:12px;
}

div.radio input
{
width:auto;
margin-top:5px;
float:left;
clear:left;
}

form.zoek div.select, div.selects div.select
{
float:left;
}

form.zoek div.select2, div.selects div.last-child
{
float:right;
}

div.selects div.select
{
padding-top:0px;
}

form.zoek select
{
width:105px;
}

div.select_double select, select#WoningAanbieder
{
width:230px;
}

div.form_rechts
{
width:230px;
float:right;
}

div.selects div
{
width:106px;
}

/*

*/
/*
div.submit{
clear:left;
}
*/
div.submit input
{
margin-top:14px;
min-width:5em;
font-weight:bold;
}

.input_vb
{
color:#999999;
}

.zoek_formulier_ingeklapt
{
overflow:hidden;
}

div#inklap
{
height:0px;
overflow:hidden;
}

div#inklap p
{
padding-top:6px;
}

div.index_map
{
margin-top:23px;
border:solid 1px #7f9db9;
height:275px;
margin-bottom:11px;
}

/* nieuwsitems */

div.nieuwsitem
{
padding-top:7px;
padding-bottom:5px;
border-bottom:1px solid #D1D1D1;
margin-bottom:-1px;
}

div.nieuwsitem h2
{
display:inline;
}

div.nieuwsitem p.date
{
display:inline;
}




/* zoekresultaten */

div.zoekresultaten
{
width:728px;
min-height:29px;
float:left;
padding-top:18px;
border-bottom:1px solid #D1D1D1;
margin-bottom:12px;
}

div.paginate_menu
{
clear:left;
width:728px;
}

div.paginate_menu span.current, div.paginate_menu a
{
margin-top:9px;
margin-right:19px;
padding-top:3px;
margin-bottom:15px;
display:-moz-inline-stack;
display:inline-block;
width:29px;
/*height:25px;*/
border: solid 1px #D9CFB8;
text-decoration:none;
text-align:center;
}

div.paginate_menu div.disabled
{
display:none;
}

div.paginate_menu span.current
{
color:#535D66;
font-weight:bold;
}

span, span a{
/*
background-color:#FF0000;
display:inline
*/
}

/* woningen */

div#woningen, div#bedrijven
{
float:left;
}

div.woning
{
float:left;
width:728px;
min-height:251px;
border-bottom:1px solid #D1D1D1;
margin-bottom:12px;
}

div.woning div.column3
{
margin-top:7px;
}

div.woning p, div.informatie p
{
margin-bottom:12px;
}

div.woning .links
{
margin-top:-7px;
}


/* woning, bedrijf */

div.top
{
border-bottom:1px solid #D1D1D1;
margin-top:12px;
}

.columns23 img
{
margin-top:15px;
margin-bottom:4px;
}

div.top .links
{
border:none;
padding-bottom:5px;
border-bottom:1px solid #D1D1D1;
}

div.kaart
{
border:solid 1px #7f9db9;
background-color:#EFEFEF;
height:275px;
margin-top:11px;
}

div.informatie
{
padding-bottom:5px;
border-bottom:1px solid #D1D1D1;
}

p.omschrijving
{
clear:both;
padding-top:7px;
}


a.blauw
{
font-weight:bold;
color:#0F79BA;
text-decoration:none;
}

a.paars
{
font-weight:bold;
color:#660066;
text-decoration:none;
}

a.groen
{
font-weight:bold;
color:#70B700;
text-decoration:none;
}

a.oranje
{
font-weight:bold;
color:#FF501A;
text-decoration:none;
}

a.geel
{
font-weight:bold;
color:#F2C300;
text-decoration:none;
}

/* WONINGEN, BEDRIJVEN */

div#bedrijven
{
width:498px;
float:left;
}


div.bedrijf
{
width:479px;
min-height:251px;
border-bottom:1px solid #D1D1D1;
margin-bottom:12px;
}

div.bedrijvenAds
{
margin-top:53px;
}



.woningThumb a
{
text-decoration:none;
}

.thumb
{
float:left;
margin-left:10px;
margin-top:5px;
}

.thumbinfo{
margin-left:184px;
}

.pinfo{
line-height:normal;
padding:0px;
margin:0px;
margin-top:1px;
margin-bottom:9px;
width:auto;
}

.foto
{
margin-top:21px;
}

.pageLinks a, .pageLinks b
{
padding-right:4px;
margin-right:4px;
border-right:solid 1px #666666;
}


/* WONING, BEDRIJF */

.mainWoning{
width:400px;
}

.actieMenu{
float:right;
width:140px;
}

.actieMenuUl
{
position:relative;
top:-12px;
display:block;
line-height:1.5em;
padding-left:8px;

}

#fotoslide
{

width:340px;
height:324px;
margin-left:8px;
}

p.beschrijving
{
width:340px;
}

div.openingstijden label, label.contact-informatie
{
width:42px;
display:-moz-inline-stack;
display:inline-block;
zoom:1; 
*display:inline;
}

div.openingstijden p, p.contact-informatie
{
width:188px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}

p.adres
{
padding-bottom:5px;
border-bottom:1px solid #D1D1D1;
margin-bottom:20px;
}

/*
{
float:left;
margin-bottom:0px;
margin-bottom:0px;
float:right;
margin-bottom:0px;
width:192px;
}
*/


/* makelaars */

.kambronotte{
background-image:url(logos_makelaars/logomakelaar_kambronotte.jpg);
background-position:right;
background-repeat:no-repeat;
}

.vandermeer{
background-image:url(logos_makelaars/logomakelaar_vandermeer.jpg);
background-position:right;
background-repeat:no-repeat;
}

.wouters{
background-image:url(logos_makelaars/logomakelaar_wouters.jpg);
background-position:right;
background-repeat:no-repeat;
}

.woningetalage{
background-image:url(logos_makelaars/logomakelaar_woningetalage.jpg);
background-position:right;
background-repeat:no-repeat;
}


/* etalage */

.etalage 
{
float:left;
width:728px;
position:relative;
margin-top:24px;
height:143px;
}

.etalage .wrapper
{
clear:both;
width:728px; /* .etalage width - (.wrapper margin-left + .wrapper margin-right) */
overflow:hidden;
min-height:150px;
height:auto !important;
height:150px;
margin:0px;
position:absolute;
top:0;
}

.etalage .wrapper ul 
{
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}

.etalage ul li
{
display:block;
float:left;
padding-right:20px;
width:167px;
height:125px;
}

.etalage ul li a img 
{
/*display:block;*/
}

.etalage .arrow {
display:block;
height:27px;
width:29px;
background-color:#FFF;
border: solid 1px #D1D1D1;
/*background: url(img/pijl_rechts.jpg) no-repeat 0 0;*/
text-indent: 10px;
padding-top:1px;
position: absolute;
top:95px;
cursor: pointer;
}

.etalage .arrow:hover
{
background: #FFF url(img/pijl_rechts.jpg) no-repeat -29 0;
}

.etalage .forward
 {
background-position: 0 0;
right: 0;
}

.etalage .back 
{
display:none;
background-position: 0 -72px;
left: 0;
}

.etalage .forward:hover {
  background-position: 0 -36px;
}

.etalage .back:hover {
  background-position: 0 -108px;
}

/* thumbs */

.thumbs
{
float:left;
width:479px;
margin-top:20px;
margin-right:19px;
height:173px;
border:none;
}

.thumbs .wrapper
{
width:479px; /* .etalage width - (.wrapper margin-left + .wrapper margin-right) */
min-height:173px;
}

.thumbs ul li
{
padding-right:19px;
width:230px;
height:173px;
}

.thumbs .arrow {
top:134px;
}

/* view */

#view_thumbs
{
display:none;
}

.foto_thumbs
{
margin-top:19px;
height:136px;
border:none;
border-bottom:1px solid #D1D1D1;
margin-bottom:12px;
}

.foto_thumbs .wrapper
{
min-height:136px;
}

#foto_thumbs_uitklappen
{
width:728px;
border-bottom:1px solid #D1D1D1;
padding-bottom:5px;
margin-bottom:12px;
}

div#div_image{
height:384px;
}

div#spinner{
background:url('colorbox/images/loading.gif') no-repeat;
width:32px;
height:32px;
border:1px solid #D1D1D1;
display:none;
position:relative;
top:-202px;
left:228px;
}

div#spinnerZoek{
background:url('colorbox/images/loading.gif') no-repeat;
width:32px;
height:32px;
display:none;
float:left;
position:relative;
top:-5px;
margin-right:8px;
}

/* kaart */

form#BedrijfKaartForm div.input{
width:auto;
min-height:0px;
}

form#BedrijfKaartForm div.checkbox{
width:182px;
float:left;
}



/* makelaars_26 */
h1.arcuris-bloemendaal-makelaars{ 
background-image:url('../img/aanbieders/arcuris-bloemendaal-makelaars/arcuris-bloemendaal-makelaars_26.jpg'); 
background-repeat:no-repeat;
background-position:496px;
}