/* Layout
----------------------------------------------- */

body {
  background: #f1f0f0
}

.container {
  margin: 0 auto;
  width: 990px;
}

.zoekholder {
  height:370px;
  background: #fff;
}

.header {
  height:75px;
  margin-bottom:8px;
}

.header h1 {
  background:transparent url(../gfx/index/header-large.gif) no-repeat scroll 6px 5px;
  height:78px;
  text-indent: -9000px;
  width: 100%;
  padding: 0;
}

.box {
  width: 233px;
  height: 259px;
  float:left;
  background-color:#ff6600;
  background-repeat:no-repeat;
}

.box_1 {
  width: 215px;
  border-left:9px solid #fff;
  display:inline;
}

.box_wijk {
  background-image:url("../gfx/index/box_wijk_bg.gif");
  border-left:19px solid #fff;
}

.box_buurt {
  background-image:url("../gfx/index/box_buurt_bg.gif");
  border-left:19px solid #fff;
}

.box_plaats {
  background-image:url("../gfx/index/box_plaats_bg.gif");
  border-left:19px solid #fff;
}

.box_provincie {
  background-image:url("../gfx/index/box_provincie_bg.gif");
  border-left:19px solid #fff;
}

.box_soort_prijs {
  border-left:19px solid #fff;
}

.box_woningsoort {
  height: 139px;
  background-image:url("../gfx/index/box_woningsoort_bg.gif");
  border-bottom:8px solid #fff;
}

.box_prijsklasse {
  height: 112px;
  background-image: url("../gfx/index/box_prijsklasse_bg.gif");
}

.box_prijsklasse_piv {
  background-image: url("../gfx/index/box_prijsklasse_bg_piv.gif");
}

.box_zoekresultaat {
  width:225px;
  float:right;
  padding:10px 0 0 0;
  overflow:hidden;
}

/* Box-Headings
----------------------------------------------- */
.box h2 {
  height: 21px;
  text-indent: -9000px;
  padding: 0;
  line-height: 21px;
}

.box_1 h2 {
  height: 153px;
  background: url("../gfx/index/box_1_head.gif") no-repeat;
}

.box_wijk h2 {
  background: url("../gfx/index/box_wijk_head.gif") no-repeat;
}

.box_buurt h2 {
  background: url("../gfx/index/box_buurt_head.gif") no-repeat;
}

.box_plaats h2 {
  background: url("../gfx/index/box_plaats_head.gif") no-repeat;
}

.box_provincie h2 {
  background: url("../gfx/index/box_provincie_head.gif") no-repeat;
}

.box_woningsoort h2 {
  background: url("../gfx/index/box_woningsoort_head.gif") no-repeat;
}

.box_prijsklasse h2 {
  height: 24px;
  background: url("../gfx/index/box_prijsklasse_head.gif") no-repeat;
}

.box_prijsklasse_piv h2 {
  background: url("../gfx/index/box_prijsklasse_head_piv.gif") no-repeat;
}

/* Box 1
----------------------------------------------- */

#button_koop,
#button_huur,
#button_piv {
  width: 215px;
  height: 27px;
  display:block;
  cursor: pointer;
}

#button_koop {
  background: url("../gfx/index/button_koop.gif") no-repeat;
  margin-bottom: 7px;
}

#button_huur {
  background: url("../gfx/index/button_huur.gif") no-repeat;
  margin-bottom: 7px;
}

#button_piv {
  background: url("../gfx/index/button_piv.gif") no-repeat;
}

#button_koop:hover,
#button_huur:hover,
#button_piv:hover,
#button_koop.selected,
#button_huur.selected,
#button_piv.selected { 
  background-position: top right;
}

.box_1 a span, .box_1 a strong { display:none; } 


/* Box - provincieselectie
----------------------------------------------- */

.box_provincie ul {
  height: 215px;
  margin:15px 7px 0 34px;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.box_provincie ul li {
  padding-left: 17px;
  cursor: pointer;
}

/* Box - plaatsselectie
----------------------------------------------- */

.box_plaats ul {
  height: 215px;
  margin:15px 7px 0 34px;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.box_plaats ul li {
  padding-left: 17px;
  cursor: pointer;
}

/* Box - wijkselectie
----------------------------------------------- */

.box_wijk ul {
  height: 215px;
  margin:15px 7px 0 34px;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.box_wijk ul li {
  padding-left: 17px;
  cursor: pointer;
}

/* Box - buurtelectie
----------------------------------------------- */

.box_buurt ul {
  height: 215px;
  margin:15px 7px 0 34px;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.box_buurt ul li {
  padding-left: 17px;
  cursor: pointer;
}

/* Box 2 & 3 list bullets
----------------------------------------------- */

.hc-item:hover {
  text-decoration:underline;
}

.hc-item_vi {
  font-weight: bold;
}

.hc-item_off {
  background: url("../gfx/index/bullet.gif") no-repeat 0px 4px;
}

.hc-item_on { 
  background: url("../gfx/index/bullet_hover.gif") no-repeat 0px 4px;
}

.hc-item_vi {
  background: url("../gfx/index/bullet_select.gif") no-repeat 0px 4px;
}

.box_soort_prijs .hc-item_off,
.box_soort_prijs .hc-item_on,
.box_soort_prijs .hc-item_vi {
  background-position: 0 50%;
}

/* Box 3a -woningtypeselectie
----------------------------------------------- */

.box_soort_prijs ul {
  height: 95px;
  margin:15px 7px 0 34px;
  line-height: 15px;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.box_soort_prijs ul li {
  padding-left: 17px;
  cursor: pointer;
}

/* Box 3b - prijs/datumselectie
----------------------------------------------- */

#prijsselectie {
  padding-top: 16px;
  margin-left: 50px;
}

#prijsselectie span {
  font-size: 11px;
  width: 30px;
  float:left;
}

#prijsselectie div {
  margin-bottom: 10px;
  height: 20px;
  overflow: hidden;
}

#prijsselectie select {
  width: 112px;
  font: 12px Arial, sans-serif;
}

#startingdates {
  margin-top: -60px;
  margin-left: 30px;
}

#endingdates {
  margin-left: 30px;
}

#startingdates select,
#endingdates select {
  width: 120px;
}

/* Box 4 - resultaat
----------------------------------------------- */

h3#indicator1 {
  width:60px;
  color:#252525;
  float:left;
  font-weight:normal;
  padding:0 0 0 10px;
  display:block;
}

h3.woningen_gevonden {
  width:146px !important;
  height:17px;
  padding:0;
  background: url("../gfx/index/woningen_gevonden.gif") no-repeat;
  margin-bottom: 12px;
  float:left;
}

h3.projecten_gevonden {
  width:140px !important;
  background: url("../gfx/index/projecten_gevonden.gif") no-repeat;
}

h3.woningen_gevonden span {
  display:none;
}

h3#toon_button {
  padding-top: 10px;
}



h3#toon_button_projecten a {
  background: url("../gfx/index/bekijk_projecten.gif");
}

h3#toon_button a {
  background: url("../gfx/index/bekijk_woningen.gif");
}

h3#opnieuw_zoeken a {
  background: url("../gfx/index/wis_opnieuw.gif");
  border-top:10px solid #f1eff0;
}

.box_zoekresultaat h3 {
  width:233px;
  float:left;
  padding:0px;
  margin:0px;
}

.box_zoekresultaat h3 a {
  width:223px;
  height: 27px;
  display:block;
  text-indent: -9000px;
  float:left;
  background-repeat:no-repeat !important;
  background-position:top left;
}

.box_zoekresultaat h3 a:hover {
  background-position: bottom left !important;
}
.nikibanner {
	float:        left;
	padding: 3px;
	padding-left: 10px;
}