/* ---------------------      niki-container:  in addition  to style class in algemeen.css       */
.niki-container{
   box-shadow: -1px 2px 5px #333333;
   -webkit-box-shadow: -1px 2px 5px #333333;
   -moz-box-shadow: -1px 2px 5px #333333;
   filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=-3, offY=3, positive=true);
   border: solid 1px #ddd;
   margin-top: 44px;
   min-height: 517px;
   height: auto !important;
   height: 517px;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   padding-top: 12px;
   position: absolute;
   width: 784px;
   background-color:#fff;
   left:208px;
   z-index:10000;
}


.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 {
   height: 173px;
   background:url("../gfx/index/bg_box_hoofdmenu.gif") no-repeat scroll 0% 50%;
   /*padding-top: 65px;*/
   width: 214px;
   margin:20px 0 0 29px;
}

.button_switch {
   margin: 0 0 2px 0;
   width: 214px;
   height: 31px;
   display: block;
}

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

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

.button_koop_on {
   background:url("../gfx/index/button_koop_hover.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_switch.button_piv_over {
   background:url("../gfx/index/button_piv_hover.png") no-repeat scroll 0% 50%;
}

.button_piv_on {
   background:url("../gfx/index/button_piv_hover.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;*/
}

/* ---------------------        boxen zoekcriteria         */
.box {
   height: 258px;
   margin-bottom: 20px;
   margin-left:5px;
   overflow-x: hidden;
   overflow-y: hidden;
   padding-top: 50px;
   width: 214px;
   position: relative;
    left: 150px;
   border: none;
   display: block;
}

/* ---------------------        box provincies         */
.box_1_1 {
   background: url( "../gfx/index/bg_box_province.gif" ) no-repeat scroll top left;
  left:243px;
padding-top:0;
position:absolute;
top:12px;
}

.box_1_1 #kaartjenl {
   margin: -12px 0 0 41px;
   width: 182px;
}

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

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

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

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

.box_1_3_piv {
   height: 139p;
   position: absolute;
   top:12px;
   left:462px;
   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: 0px 0 0 70px;
}

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

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

/* ---------------------       box  bullets         */
.box ul {
   height: 194px;
   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: 0px 3px;
}

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

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

/* ---------------------        opnieuw knop         */
.searchresults_nav {
   left: 467px;
   position: absolute;
   top: 214px;
   width: 208px;
}

.opnieuwknop {
   position: absolute;
   top: 138px;
   display:block;
   width: 214px;
   height: 115px;
   background-image:url("../lnp/gfx/opnieuwzoeken.png");
}

.opnieuwknop img {
       display:none;
}

.opnieuwknop:hover  {
   width: 214px;
   height: 115px;
   background-image:url("../lnp/gfx/opnieuwzoeken_hover.png");
}

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

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

.fadeoverlay a span {
  float:left;
margin-left:22px;
margin-top:33px;
   /*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: #fff;
   font-weight: bold;
   position: relative;
   top: 8px; 
}


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

#indicator2 {
   display:none;
}

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