body {
  font-family: arial, helvetica, sans-serif;
  margin: 0px;
  text-align: center;
  background:#ffffff url(../gfx/back_body.gif) repeat-y scroll center center;
}

body, html {
  height: 100%;
}

img {
  border: 0px;
}

.png {
  height:30px;
  width:205px;
  behavior:url("/js/pngbehavior.htc");
}

.niki-container {
  width: 962px;
  border: 0px solid #fff;
  margin: 0 auto 0 auto;
  text-align: left;
  position: relative;
  height:100%;
  background:transparent url(../gfx/index/container_bg.gif) no-repeat scroll 30px 185px;
}
/*
.niki-container {
  width: 962px;
  border: 0px solid #fff;
  */
 /* margin: 0 auto 0 auto; */
/*
  text-align: left;
  position: relative;
}
*/


.hoofdmenu {
  width:245px;
  float:left;
}

.box {
  width: 214px;
  height: 226px;
  overflow: auto;
  overflow-y:auto;
  overflow-x:hidden;
/* douwe haalt weg:    background-color:#FFA840; */
  border:0px solid #FFFFFF;
  top:220px;
}

.box ul {
  padding-left:20px;
  margin: 0px;
}

.box ul li {
  font-size:80%;
  color: #ffffff;
  list-style-type: none;
  line-height: 15px;
}


.box_0_0 { 
  height:70px;
  margin-bottom:24px;
  border: 0px;
  overflow: hidden;
  width:100%;
}

/* alleen voor IE */
html>body .box_0_0 {
  background: #FF8A00 url(../gfx/logo_nieuwbouwzoeken.png) no-repeat scroll -15% 0%;
  display:none;
}
/*---------------*/
.box_0_0 img {
  display:none;
}

.box_0_1 { 
  background: #FF8A00;
  width:717px;
  height: 70px;
  margin:1px 0 54px;
  filter: Alpha(opacity:100);
  -moz-opacity:1;
  opacity: 1;
  display:none;
}

.box_0_2 {
  display:none;
  height: 1px; 
  width: 685px;
  border:none;
  
}

.box_1_0 { 
	background-position:0px;
	height:255px;
	padding:0pt;
	position:absolute;
/* douwe vervangt:  	top:100px; */
    top:185px;
	left:30px;
}


/* alleen voor IE */
html*.box_1_0 {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/index/4stappen.png', sizingMethod='crop');
}

html>body .box_1_0 {
/* douwe haalt weg:    background: #FFA840 url(../gfx/index/4stappen.png) no-repeat scroll -15% 0%; */
}
/*---------------*/

.box_1_0 .button_switch {
  position: absolute;
  width: 214px;
  height: 27px;
  cursor: pointer;
}

.box_1_0 .button_koop_on {
  background:#0E266D url(../gfx/index/button_koop.png) repeat scroll 0% 50%;
  margin:121px 0pt 0pt;
  cursor: default;
}


.box_1_0 .button_koop_over {
  background:#0E266D url(../gfx/index/button_koop.png) repeat scroll 0% 50%;
  margin:121px 0pt 0pt;
}

.box_1_0 .button_koop {
 background:#4BC1E7 url(../gfx/index/button_koop.png) repeat scroll 0% 50%;
 margin:121px 0pt 0pt;
}

html>body .button_koop_on {
  background: #4BC1E7 url(/gfx/index/button_koop.png) no-repeat scroll -15% 0%;
}
/*---------------*/

.box_1_0 .button_huur_on {
  background:#0E266D url(../gfx/index/button_huur.png) repeat scroll 0% 50%;
  margin:159px 0pt 0pt;
  cursor: default;
  display:none;
}

.box_1_0 .button_huur_over {
  background:#0E266D url(../gfx/index/button_huur.png) repeat scroll 0% 50%;
  margin:159px 0pt 0pt;
    display:none;
}

.box_1_0 .button_huur {
  background:#4BC1E7 url(../gfx/index/button_huur.png) repeat scroll 0% 50%;
  margin:159px 0pt 0pt;
  display:none;
}

.box_1_0 .button_piv_on {
  background:#0E266D url(../gfx/index/button_piv.png) repeat scroll 0% 50%;
/*  margin:197px 0pt 0pt; */
  margin:160px 0pt 0pt;
  cursor: default;
}

.box_1_0 .button_piv_over {
  background:#0E266D url(../gfx/index/button_piv.png) repeat scroll 0% 50%;
/*  margin:197px 0pt 0pt; */
  margin:160px 0pt 0pt;
}

.box_1_0 .button_piv {
  background:#4BC1E7 url(../gfx/index/button_piv.png) repeat scroll 0% 50%;
/*  margin:197px 0pt 0pt; */
  margin:160px 0pt 0pt;
}

.box_1_0 .veld_snelcode {
  background: url("../gfx/button_piv_off.gif");
  margin: 91px 0 0 0;
}

.box_1_1 {
  display:none;
}


.box_display_block {
  display:block;
}

.box_display_none {
  display:none;
}

#district {
	display:none;
}

.box_1_2 { 
	background-attachment:fixed;
	background-position:0px;
	background-repeat:no-repeat;
	left:260px;
	position:absolute;
/* douwe voegt toe:*/
	display:none;
}

.box_1_3 { 
  height:226px;
/* douwe vervangt:   	left:489px;*/
	left:252px;
	position:absolute;
  overflow:hidden;
  background:transparent url(../gfx/index/van_tot.png) no-repeat scroll 0px 0px;
}
.box_1_3 select {
  margin:8px 0px 0px 60px;
  width:130px;
}

.box_1_3 select option {
  border: 0px;
}

.box_1_4 { 
	height:226px;
/* douwe vervangt:  	left:718px; */
	left:481px;
	overflow:hidden;
	position:absolute;
}

.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_1_1 .hc-item_off {
  background: url("../gfx/index/ws_bullet_off.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

.box_1_1 .hc-item_off {
  background: url("../gfx/index/ws_bullet_off.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

/* FOlE DOESN'T EXCIST! */
.box_1_1 .hc-item_vi {
  background: url("../gfx/index/ws_bullet_vi.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}


.box_2_0 {
	background: transparent;
	width:242px;
	height:142px;
	position:absolute;
/* douwe vervangt	top:357px; */
	top:445px;
}

.box_2_0_koop, .box_2_1_koop {
  background: transparent;

}

.box_2_0_huur, .box_2_1_huur {
  background: transparent;
}

.box_2_0_piv, .box_2_1_piv {
  background: transparent;
}

.box_2_0 #mijnnikibut img, #help_button img {
  margin-top: 10px;
  display: none;
}


.box_2_0 #uitgebreidzoeken_button img {
  margin-top: 10px;
}

.box_2_0 #terugnaarhome_button img {
  margin-top: 25px;
}

.box_2_1 { 
  display:none;
  filter: Alpha(opacity:30);
  -moz-opacity:0.3;
  opacity: .3;
  width: 191px;
  height:75px;
}

.box_2_2 {
  float:right;
  height:90px;
  overflow:hidden;
  width:578px;
}

.box_2_2 a {
  text-decoration: none;
}

/************************** lijn boven navigation ul */
.bottomline {
  display:none;
  border-top: 1px solid #fff;
  clear: both;
}

/************************** contact, over niki, gebruikersvoorwaarden, privacyverklaring */
.navigation {
  display:none;
  width:957px;
  border-left:5px solid #e3e3e3;
  float:left;
  background:#e3e3e3;
}

.navigation, .navigation li {
  display:none;
  padding:0px;
  margin:0px;
}

.navigation li, .navigation li a {
  height:14px;
  display:block;
  background-repeat:no-repeat;
  float:left;
}

.navigation li span {
  display:none;
}

.navigation #li1, .navigation #li1 a {
  width:55px;
}

.navigation #li1 {
  background-image:url("../gfx/navigation_contact.gif");
}

.navigation #li1 a:hover {
  background-image:url("../gfx/navigation_contact_underline.gif");
}

.navigation #li2, .navigation #li2 a {
  width:75px;
}

.navigation #li2 {
  background-image:url("../gfx/navigation_over-niki.gif");
}

.navigation #li2 a:hover {
  background-image:url("../gfx/navigation_over-niki_underline.gif");
}

.navigation #li3, .navigation #li3 a {
  width:153px;
}

.navigation #li3 {
  background-image:url("../gfx/navigation_disclaimer.gif");
}

.navigation #li3 a:hover {
  background-image:url("../gfx/navigation_disclaimer_underline.gif");
}

.navigation #li4, .navigation #li4 a {
  width:113px;
}

.navigation #li4 {
  background-image:url("../gfx/navigation_privacyverklaring.gif");
}

.navigation #li4 a:hover {
  background-image:url("../gfx/navigation_privacyverklaring_underline.gif");
}

.navigation #li5, .navigation #li5 a {
  width:66px;
}

.navigation #li5 a{
  background-image:url("../gfx/navigation_overzicht.gif");
}

.navigation #li5 a:hover {
  background-image:url("../gfx/navigation_overzicht_underl.gif");
}

.navigation #li6, .navigation #li6 a {
  width:67px;
}
.navigation #li6 a{
  background-image:url("../gfx/navigation_favorieten.gif");
}

.navigation #li6 a:hover {
  background-image:url("../gfx/navigation_favorieten_underl.gif");
}

.publishedhouses {
  margin-top:-1px;
   display:block;
   float:left;
}

.publishedhousesLeft {
  /*margin-left:119px;*/
  margin-left:50px;
  width:37px;
  height:16px;
  background-image:url("../gfx/publishedhouses_left.gif");
}

.publishedhousesText {
  font-weight:normal;
  font-size: 80%;
  color: #595959;
}

.publishedhousesRight {
  width:347px;
  height:16px;
  background-image:url("../gfx/publishedhouses_right.gif");
}


/************************** copyright */
.copyright {
  display:none;
  clear:both;
  margin:0px;
  font-size:60%;
  border-left:10px solid #e3e3e3;
  border-top:4px solid #e3e3e3;
  background:#e3e3e3;
}

.copyright a {
  display:none;
  color: #797878;
  text-decoration: none;
}

.copyright a:hover {
  display:none;
  text-decoration: underline;
}

/************************** aantal gevonden resultaten */
#fade {
  background:transparent;
	display:block;
}

.fadebackground {
  display:none;
  width:384px;
  height:77px;
  border:1px solid #fff;
  background-color:#000;
  filter: Alpha(opacity:15);
  -moz-opacity:0.15;
  opacity: .15;
  position:relative;
  left:192px;
  top:15px;
}

.fadebackgroundhover {
  filter: Alpha(opacity:25);
  -moz-opacity:0.25;
  opacity: .25;
}

.fadeoverlay {
	height:32px;
	position:absolute;
    top:470px;
	width:376px;
}

.fadeoverlay_koop {
  background:transparent url(../gfx/index/toon_koop.png) no-repeat scroll 193px 0;
  left:588px;
}

.fadeoverlay_koop_hover {
  background:transparent url(../gfx/index/toon_koop_hover.png) no-repeat scroll 193px 0;
  left:588px;
}

.fadeoverlay_huur {
  background:transparent url(../gfx/index/toon_huur.png) no-repeat scroll 193px 0;
  left:591px;
}

.fadeoverlay_huur_hover {
  background:transparent url(../gfx/index/toon_huur_hover.png) no-repeat scroll 193px 0;
  left:591px;
}

.fadeoverlay_piv {
  background:transparent url(../gfx/index/toon_piv.png) no-repeat scroll 233px 0;
  left:591px;
}

.fadeoverlay_piv_hover {
  background:transparent url(../gfx/index/toon_piv_hover.png) no-repeat scroll 233px 0;
  left:591px;
}

.fadeoverlay a {
	float:right;
	height:40px;
	left:10px;
	position:relative;
	top:5px;
	width:200px;
}

.fadeoverlay p {
  color: #fff;
  font-weight: bold;
}

.fadeoverlay .one {
  font-size: 280%;
  float: left;
}

.fadeoverlay .two {
  font-size: 100%;
  float: left;
  width: 480px;
}

.fadeoverlay .toonknop {
  float: left;
  margin: 0 5px 0 0px;
}

.fadeoverlay_hidden {
 display:none;
 background:transparent url(../gfx/index/toon_dosearch.png) no-repeat scroll -9000px 0;
}

.fadeoverlay_dosearch {
  background:transparent url(../gfx/index/toon_dosearch.png) no-repeat scroll 0 -13px;
  display:block;
	margin-left:331px;
  width:210px;
}

.arialRounded{
  font-family: Arial Rounded MT Bold, arial, helvetica, sans-serif;
}

.indicator1 {
	color:#3F3F40;
	font-size:95%;
	font-weight:bold;
	float:right;
	left:-200px;
	position:relative;
	top:8px;
}

.indicator1_piv{
	left:-160px;
}

.indicator2 {
	color:#3F3F40;
	font-size:60%;
	height:23px;
	position:relative;
	right:64px;
	text-align:right;
	top:25px;
	float:right;
}

/************************** bullets in plaatsen en woningen */
.hc-item {
  padding-left: 20px;
  cursor: pointer;
}

.hc-item-over {
  background: url("../gfx/index/bullet_on.gif");
  background-repeat: no-repeat;
  padding-left: 20px;
}

.hc-item_on {
  background: url("../gfx/index/bullet_on.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

.hc-item_vi {
  background: url("../gfx/index/bullet_vi.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
  text-decoration:underline;
}

/*filter has to be set for IE otherwise js will not work*/
html*.box_2_2 {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fade.png', sizingMethod='image');
}

.opnieuwknop {
  margin:21px 0 0 20px;
  float:left;
}

.info {
  width: 214px;
  height: 30px;
  position:absolute;
  top: 100px;
/* douwe haalt weg:    background:#FFA840 no-repeat; */
}

/* alleen voor IE */
html*.info1 {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/index/meerdere_city.png', sizingMethod='crop');
}

html>body .info1 {
/* douwe haalt weg:  background-image: url("../gfx/index/meerdere_city.png"); */
}

html*.info2 {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/index/meerdere_district.png', sizingMethod='crop');
}

html>body .info2 {
/* douwe haalt weg:    background-image: url("../gfx/index/meerdere_district.png"); */
  display:none;
}

html*.info3 {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/index/meerdere_pric.png', sizingMethod='crop');
}

html>body .info3 {
/* douwe haalt weg:    background-image: url("../gfx/index/meerdere_pric.png"); */
}

html*.info3a {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/index/meerdere_date.png', sizingMethod='crop');
}

html>body .info3a {
/* douwe haalt weg:    background-image: url("../gfx/index/meerdere_date.png"); */
}

html*.info4 {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/index/meerdere_type.png', sizingMethod='crop');
}

html>body .info4 {
/* douwe haalt weg:    background-image: url("../gfx/index/meerdere_type.png"); */
}


.info1 {left:260px;}
.info2 {left:260px;}
.info3, .info3a { left:489px;}
.info4 { left:718px; }


.infobox {
  position: absolute;
  top: 220px;
  padding: 2px;
  font-size: 8pt;
}

.infoboxback {
  background: #fff;
  filter: Alpha(opacity:70);
  -moz-opacity:0.7;
  opacity: .7;
  width: 186px;
  height: 33px;
}

.infoboxtext {
  border: 1px solid #000;
  width: 185px;
  height: 32px;
}


.searchingidicatorOff {
  display:none ;
}


/* beneath styles are referred to by javascript */

.searchingIndicatorDoSearchStyle{
  height:33px;
  width:300px;
  display:block;
  float:left;
  margin-left:88px !important;
  margin-left:44px;
  margin-top:5px;
}
.searchButtonDoSearchStyle{
  display:none;
}

.indicator1DoSearchStyle{
  display:none;
}

.indicator2DoSearchStyle{
  display:none;
}
/* end javascript styles */ 
   
#snelcode, #uitgebreidzoeken_button, #snelcodebut, #mijnnikibut, #help_button {
 display:none;
}

.snelcode_koop,
.snelcode_huur {
 /* background: url("../gfx/snelcode_bg.png") no-repeat; */
}

.snelcode_piv {
 /* background: url("../gfx/snelcode_piv_bg.png") no-repeat; */
}

* html .snelcode_koop,
* html .snelcode_huur {
  /* background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.niki.nl/gfx/snelcode_bg.png'),sizingMethod='scale'); */
}

* html .snelcode_piv {
 /*  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.niki.nl/gfx/snelcode_piv_bg.png'),sizingMethod='scale'); */
}

#snelcode form {
 /*  margin-top: 67px;
  margin-left: 8px; */
}

#snelcode form #code {
 /*  width: 120px;
  border: 0px;
  float: left; */
}

#snelcode form #submit {
 /*  height: 17px;
  margin-left: 6px;
  margin-top: 1px; */
}

/* extra divs voor de owz */
.owz_site_header{
	display:none;
	width:962px;
	margin:auto 0;
}

/* origineel douwe 
.owz_header01, .owz_header02, .owz_header03, .owz_footer01, .owz_footer02, .owz_footer03, #owz_teller{
   display:none;
}
*/

.owz_header02, .owz_header03, .owz_footer01, .owz_footer02, .owz_footer03, #owz_teller{
   display:none;
}

/* toegevoegd door douwe */
.owz_header01{
	display:block;
	width:962px;
	background: url("../gfx/index/header_index.gif") no-repeat 0px 15px;
	height:171px;	
	margin:0 0 5px 30px;
}

.header_logo {
	display:block;
    padding:16px 0 0 4px;
}

