/* ---------------------      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;
}

.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;
}

/* ---------------------        knoppen ingang koop/huur/piv         */
.hoofdmenu {
   float: left;
   height:172px;
   background:url("../gfx/index/bg_box_hoofdmenu.gif") no-repeat scroll 0% 50%;
   width: 194px;
   margin-left:43px;
   padding-top:120px;
}

.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 0% 50%;
}

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

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

.button_huur {
   background:url("../gfx/index/button_huur.png") no-repeat scroll 0% 50%;
}

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

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

.button_piv {
   background:url("../gfx/index/button_piv.png") no-repeat scroll 0% 50%;
}

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

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

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

.button_koop_over, .button_huur_over, .button_piv_over,
   .button_koop_on, .button_huur_on, .button_piv_on {
   background-color: #3c3d41;
}

/* ---------------------  kindofrealestate checkboxes */
.buildtypes{
  margin-top:9px;
}

.buildtypes label{
   float:left;
   color:#3F3F40;
   font-size:80%;
}

.buildtypes input{
   float:left;
   margin-left:7px;
}

.buildtypes span{
   float:left;
  margin:1px 0 0 3px;
}

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

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

.box_1_1 #kaartjenl {
   margin-left: -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;
}

#neighbourhood {
   background:url("../gfx/index/bg_box_buurt.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 70px;
}

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

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

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

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

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

.hc-item a {
   color: #3F3F40;
   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 {
   float: left;
   height: 30px;
   margin-left: 44px;
   width: 205px;
}

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

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

.fadeoverlay a {
   width: 203px;
   height: 32px;
   display: block;
   text-decoration: none;
}

.fadeoverlay a span {
   float: right;
   margin-right: 150px;
   margin-top: 3px;
   text-align: right;
}

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

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

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

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

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

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

/* ---------------------       # woningen/projecten         */
.indicator1 {
   color: #3F3F40;
   font-weight: bold;
   position: relative;
   top: 8px; 
}

.piv .indicator1 {
   top: 0;
   margin-top:12px;
   margin-right:107px;
}
.piv .indicator2 {
    color:#3F3F40;
    font-size:60%;
    margin-top: 0;
    margin-right: 12px;
}

/* ---------------------        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;
}