/* ---------------------      niki-container:  in addition  to style class in algemeen.css       */
.niki-container{
   min-height: 358px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   position: relative;
   width: 990px;
}

.ec_niki{
   margin-top:162px;
   padding-left:205px;
   height:304px;
}

.ec_niki.koop{
  background: transparent url("../gfx/index/index_bg_bottom_koop.gif") scroll no-repeat center top;
}

.ec_niki.huur{
  background: transparent url("../gfx/index/index_bg_bottom_huur.gif") scroll no-repeat center top;
}

.ec_niki.piv{
  background: transparent url("../gfx/index/index_bg_bottom_piv.gif") scroll no-repeat center top;
}

.contentholder .zw_header {
   /*margin: auto;*/
   /*min-height: 123px;*/
   /*max-height: 200px;*/
   /*width: 990px;*/
   /*padding-bottom:15px;*/
   /*background:transparent url("/content/common/gfx/shadow_left_right.gif") repeat-y;*/
   display:none;
}

/* ---------------------        knoppen ingang koop/huur/piv         */
.hoofdmenu {
   width: 197px;
   margin-left:8px;
   position:relative;
top:307px;
}

.button_switch {
   margin: 9px 0 0 6px;
   /*width: 184px;*/
   height: 27px;
   display: block;
}

.button_koop {
   background:url("../gfx/index/button_koop.png") no-repeat scroll top right;
}

.button_koop_over {
   background:url("../gfx/index/button_koop.png") no-repeat scroll top right;
}

.button_koop_on {
   background:url("../gfx/index/button_koop.png") no-repeat scroll top right;
}

.button_huur {
   background:url("../gfx/index/button_huur.png") no-repeat scroll top right;
}

.button_huur_over {
   background:url("../gfx/index/button_huur.png") no-repeat scroll top right;
}

.button_huur_on {
   background:url("../gfx/index/button_huur.png") no-repeat scroll top right;
}

.button_piv {
   background:url("../gfx/index/button_piv.png") no-repeat scroll top right;
}

.button_piv_over {
   background:url("../gfx/index/button_piv.png") no-repeat scroll top right;
}

.button_piv_on {
   background:url("../gfx/index/button_piv.png") no-repeat scroll top right;
}

.button_koop, .button_huur, .button_piv {
   background-color: #3294AC;
}

.button_koop_over, .button_koop_on{
   background-color: #C12B4B;
}

.button_huur_over,  .button_huur_on{
  background-color: #FF8E13;
}

.button_piv_over,  .button_piv_on{
   background-color: #5EB54F;
}


/* ---------------------        boxen zoekcriteria         */
.box {
   height: 136px;
   margin-bottom: 20px;
   overflow-x: hidden;
   overflow-y: hidden;
   padding-top:21px;
   width: 191px;
   float: left;
   border: none;
   display: block;
}

/* ---------------------        box provincies         */
.box_1_1 {
background-repeat:no-repeat;
height:136px;/*background:url("../gfx/index/bg_box_province.gif") no-repeat scroll top left;*/
}

.box_1_1 #kaartjenl {
   /*margin: -8px;  0 0 -8px;*/
}

/* ---------------------        box plaatsen         */

/*.box_1_2 {*/
#city {
   /*background:url("../gfx/index/bg_box_city.gif") no-repeat scroll top left;*/
}

#district {
   /*background:url("../gfx/index/bg_box_wijk.gif") no-repeat scroll top left;*/
}

/* ---------------------        box prijzen         */
.box_1_3_koop, .box_1_3_huur{
   /*height: 89px;*/
   /*background:url("../gfx/index/bg_box_price.gif") no-repeat scroll top left;*/
}

.box_1_3_piv {
   /*height: 89px;*/
   /*background:url("../gfx/index/bg_box_date.gif") no-repeat scroll top left;*/
}

.box_1_3 select {
width:125px; 
}
.box_1_3 #startingdates select,
.box_1_3 #startingprices select {
  margin: 15px 0 0 65px;
}

.box_1_3 #endingprices select,
.box_1_3 #endingdates select {
   margin: 8px 0 0 65px;
}

/* ---------------------        box woningsoorten         */
.box_1_4 {
   /*height: 125px;*/
   /*background:url("../gfx/index/bg_box_model.gif") no-repeat scroll top left;*/
   margin:0 13px 9px 0;
   float:right;
}

/* ---------------------       box  bullets         */
.box ul {
   height: 136px;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   overflow-y: auto;
   padding-left:32px;
}

.box ul li {
   color: #fff;
   font-size: 80%;
   line-height: 15px;
   list-style-type: none;
}

.hc-item {
   cursor: pointer;
   padding-left: 17px;
}

.hc-item a {
   color: #fff;
   text-decoration: none;
}

.box .hc-item_off {
   background:url("../gfx/index/bullet_off.gif");
   background-repeat: no-repeat;
   background-position: 0 3px;
}

.box .hc-item_vi {
   background:url("../gfx/index/bullet_vi.gif");
   background-repeat: no-repeat;
   background-position: 0 3px;
}

.box .hc-item_on {
   background:url("../gfx/index/bullet_vi.gif");
   background-repeat: no-repeat;
   background-position: 0 3px;
}

/* ---------------------        opnieuw knop         */
.searchresults_nav {
   clear: left;
}

.opnieuwknop {
   height:18px;
   left:15px;
   position:absolute;
   width:188px;
}

.opnieuwknop img {
   /*width: 205px;*/
   /*height: 30px;*/
}

/* ---------------------        toon de woningen/projecten knop         */
.fadeoverlay {
   float: right;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: top right;
   height:78px;
   margin-right:13px;
   width:386px;
}

.fadeoverlay a {
   height: 76px;
   width: 384px;
   display: block;
   text-decoration: none;
   position: relative;
}

.fadeoverlay a span {
   text-align: right;
}

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

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

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

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

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

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

/* ---------------------       # woningen/projecten         */
.indicator1 {
   display: block;
   color: #FFFFFF;
   font-size: 21px;
   font-weight: bold;
   letter-spacing: 1.2px;
   position: relative;
   top: 38px;
   width: 98px;
}

.piv .indicator1 {
   width: 170px;
}

.piv .indicator2 {
   display: block;
   position: relative;
   top: 38px;
   width: 296px;
   color: #ffffff;
   font-size: 60%;
   margin: 0;
}

/* ---------------------        copyright         */
.copyright {
  clear: both;
  margin: 0 0 0 33px;
  font-size: 60%;
}

.copyright a {
  color: #797878;
  text-decoration: none;
}

.copyright a:hover {
  color: #797878;
  text-decoration:underline;
}

/* ---------------------        overrule box styles         */
.layout-2-boxes .box_1_3_koop, .layout-2-boxes .box_1_3_huur, .layout-2-boxes .box_1_3_piv, .layout-2-boxes .box_1_4,
.layout-3-boxes .box_1_3_koop, .layout-3-boxes .box_1_3_huur, .layout-3-boxes .box_1_3_piv, .layout-3-boxes .box_1_4{
  height:258px;
}