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

body {
  background: #d2d2d2
}

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

.zoekholder {
  height:722px;
  padding-top:8px;
  width:682px;
  background:#ffffff url(../gfx/index/logo_doetinchem.gif) no-repeat scroll 0% 0%;
  overflow:hidden;
  margin:0px;
  float:left;
}

.header {
  background: #ff8a00;
  height: 44px;
  margin-bottom: 8px;
  display:none;
}

.header h1 {
  text-indent: -9000px;
  width: 100%;
  height: 44px;
  padding: 0;
  background: url("../gfx/index/header.gif") no-repeat;
}

.box {
  width: 203px;
  height: 96px;
  float:left;
  background-color:#ffffff;
  background-repeat:no-repeat;
  margin-right:12px;
  border: solid 1px #000;
}

.box_1 {
  width: 650px;
  margin:0px 0px 5px 21px;
  height: 18px;
  border:none;
}

.box_wijk {
  height:113px; /*96px*/
  margin-left:20px;
}

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

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

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

.box_soort_prijs {
  height:113px; /*96px*/
  width:432px;
  margin:0px;
  border:0px;
}

.box_woningsoort {
  height:113px; /*96px*/
  width:213px;
}

.box_prijsklasse {
 height:113px; /*96px*/
 margin-right:0px;
}

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

.box_zoekresultaat {
  height:100px;
  width:672px;
  float:left;
  padding:5px 0 0 5px;
  overflow:hidden;
  
}

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

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

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

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

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

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

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

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

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

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

#button_koop{
   width: 128px;
}

#button_piv {
  width: 198px;
}

#button_koop,
#button_huur,
#button_piv {
 
  height: 18px;
  display:block;
  float: left;
  cursor: pointer;
  margin-right:13px;
}

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

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

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

#button_koop:hover,
#button_huur:hover,
#button_piv:hover,
#button_koop.selected,
#button_huur.selected,
#button_piv.selected { 
  background-position: bottom left;
}

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


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

.box_provincie ul {
  height: 104px;
  margin:3px 7px 0 18px;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

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

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

.box_plaats ul {
  height: 104px;
  margin:3px 7px 0 18px;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

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

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

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

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

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

.box_buurt ul {
  height: 80px;
  margin:3px 7px 0 18px;
  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 2px;
}

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

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

.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 {
  margin:5px 7px 0 18px;
  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: 8px;
  margin-left: 18px;
}

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

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

#prijsselectie select {
  width: 112px;
  font: 11px 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:44px;
  color:#252525;
  float:left;
  font-weight:normal;
  padding:0pt 5px 0pt 0px;
  text-align:right;
  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;
  height:17px;
  background: url("../gfx/index/projecten_gevonden.gif") no-repeat;
}


h3.woningen_gevonden span {
  display:none;
}

h3.projecten_gevonden span {
  display:none;
}

h3#toon_button {
  float: right
}
h3#toon_button_projecten {
  float:right; 
}

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

h3#opnieuw_zoeken {
  padding-left:444px;
  float:right;
  
}

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

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

.box_zoekresultaat h3 a {
  width:213px;
  height: 23px;
  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;
}