html, body {
  height: 100%;
}

html {
  background: #808080 url("../gfx/back_body.gif") center repeat-y;
}

body {
  font-family: arial, helvetica, sans-serif;
  margin: 0px;
  text-align: center;
}

.column {
  float: left;
  height: 100%;
}

.column_0 {
  width: 192px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #e3e3e3;
}

.column_1 {
  border-left: 1px solid #fff;
}

img {
  border: 0px;
}

a:active, a:focus {
  outline: none;
}

.niki-container {
  width: 962px;
  margin: 0 auto 0 auto;
  text-align: left;
  /*background: #fff url("../gfx/sub_koop.jpg") 193px 1px no-repeat;*/
  height: 100%;
}

.box {
  width: 192px;
  border-top: 1px solid #fff;
}

.box {
  float: left;
}

.box_2_0 {
  float: left;
  width: 575px;
  height: 142px;
  border-top1: 1px solid #fff;
  border-left: 1px solid #fff;

}

.box ul {
  margin-top: 10px;
}

.box_0_0 {
  height: 142px;
  background: #000;
  overflow: hidden;
}

.box_0_0 img {
  margin: 0px;
}

.box_0_2 {
  width: 192px;
  height: 160px;
  background: #17A6C9;
  border-top: 1px solid #fff;
}

.box_0_2 img {
  margin: 12px 12px 20px 12px;
}

.box_0_2 div {
  font-size: 10pt;
  color: #fff;
  margin: -9px 0 0 12px;
}

.box_0_3 {
  width: 192px;
  height: 69px;
  border-top: 1px solid #fff;
}

/************************** menu links (opnieuw zoeken etc.) */
.leftmenu, .leftmenu li {
  padding:0px;
  margin:0px;
  display:inline;
  list-style-position:inside;
}

.leftmenu span {
  display:none;
}

.leftmenu li, .leftmenu a {
  width:192px;
  height:69px;
  float:left;
  display:block;
  background-repeat:no-repeat;
}

.leftmenu {
  margin-right:-3px;
}

.leftmenu #li1 {
  background-image:url("../gfx/nav_opnieuw-zoeken.gif");
  border-top:1px solid #fff;
}

.leftmenu #li1 a:hover {
  background-image:url("../gfx/nav_opnieuw-zoeken_hover.gif");
}

.leftmenu #li1.li1a {
  background-image:url("../gfx/nav_terug_woningzoeker.gif");
  border-top:1px solid #fff;
}

.leftmenu #li1.li1a a:hover {
  background-image:url("../gfx/nav_terug_woningzoeker_hover.gif");
}

.leftmenu #li2 {
  background-image:url("../gfx/nav_terug.gif");
  border-top:1px solid #fff;
}

.leftmenu #li2 a:hover {
  background-image:url("../gfx/nav_terug_hover.gif");
}

.leftmenu #li2a {
  /*background-image:url("../gfx/nav_terugvorige.gif");*/
  /*border-top:1px solid #fff;*/
   display:none;
}

/*.leftmenu #li2a a:hover {*/
  /*background-image:url("../gfx/nav_terugvorige_hover.gif");*/
/*}*/

.leftmenu #li3 {
  background-image:url("../gfx/nav_terug-factsheet.gif");
  border-top:1px solid #fff;
}

.leftmenu #li3 a:hover {
  background-image:url("../gfx/nav_terug-factsheet_hover.gif");
}

.leftmenu #li3_piv {
  background-image:url("../gfx/nav_terug-factsheet_piv.gif");
  border-top:1px solid #fff;
}

.leftmenu #li3_piv a:hover {
  background-image:url("../gfx/nav_terug-factsheet_piv_hover.gif");
}

.leftmenu #li4 {
  background-image:url("../gfx/nav_huurwoningen.gif");
  border-top:1px solid #fff;
}

.leftmenu #li4 a:hover {
  background-image:url("../gfx/nav_huurwoningen_hover.gif");
}

.leftmenu #li5 {
  background-image:url("../gfx/nav_koopwoningen.gif");
  border-top:1px solid #fff;
}

.leftmenu #li5 a:hover {
  background-image:url("../gfx/nav_koopwoningen_hover.gif");
}

.leftmenu #li6 {
  background-image:url("../gfx/nav_projecteninvoorbereiding.gif");
  border-top:1px solid #fff;
}

.leftmenu #li6 a:hover {
  background-image:url("../gfx/nav_projecteninvoorbereiding_hover.gif");
}

/*
.leftmenu #li7 {
  background-image:url("../gfx/nav_widget.gif");
  border-top:1px solid #fff;
}

.leftmenu #li7 a:hover {
  background-image:url("../gfx/nav_widget_hover.gif");
}
*/




#zoek_opslaan {
  width: 192px;
  height: 69px;
  clear:both;
  border-top:1px solid #fff;
}

#zoek_opslaan a {
  width: 192px;
  height: 69px;
  display:block;
  text-indent: -9000px;
  background: url("../gfx/nav_zoek_opslaan.gif") no-repeat top left;
}

#zoek_opslaan a:hover {
  background-position: bottom left;
}


/************************** contact, over niki, gebruikersvoorwaarden, privacyverklaring */
.box_0_4 {
  width: 192px;
  height: 100px;
  border-top: 1px solid #fff;
/*  overflow-x:auto !important;*/
  overflow:hidden;
}

.navigation {
  position:relative;
  left:5px;
  float:left;
  clear:both;
}

.navigation, .navigation li {
  display:inline;
  padding:0px;
  margin:0px;
  clear:both;
}

.navigation li, .navigation li a {
  height:14px;
  display:block;
  background-repeat:no-repeat;
  background-position:3px 0px;
  float:left;
}

.navigation li {
  height:19px;
  border:none !important;
}

.navigation li span {
  display:none;
}

.navigation #li1, .navigation #li1 a {
  width:53px;
}

.navigation #li1 {
  background-image:url("../gfx/navigation_result_contact.gif");
}

.navigation #li1 a:hover {
  background-image:url("../gfx/navigation_contact_underline.gif");
}

.navigation #li2, .navigation #li2 a {
  width:75px;
}

.navigation #li2 {
  background: url("../gfx/navigation_over-niki.gif") no-repeat 3px 0px;
}

.navigation #li2 a:hover {
  background:url("../gfx/navigation_over-niki_underline.gif") no-repeat 3px 0px;
}

.navigation #li3, .navigation #li3 a {
  width:148px;
}

.navigation #li3 {
  background:url("../gfx/navigation_disclaimer.gif") no-repeat -1px 0px;
}

.navigation #li3 a:hover {
  background:url("../gfx/navigation_disclaimer_underline.gif") no-repeat -1px 0px;
}

.navigation #li4, .navigation #li4 a {
  width:108px;
}

.navigation #li4 {
  background:url("../gfx/navigation_privacyverklaring.gif") no-repeat -2px 0px;
}

.navigation #li4 a:hover {
  background:url("../gfx/navigation_privacyverklaring_underline.gif") no-repeat -2px 0px;
}

.navigation #li7, .navigation #li7 a {
  width:66px;
}

.navigation #li7 a{
  background:url("../gfx/navigation_overzicht.gif") no-repeat -2px 0px;
}

.navigation #li7 a:hover {
  background:url("../gfx/navigation_overzicht_underl.gif") no-repeat -2px 0px;
}

.navigation #li8, .navigation #li8 a {
  width:67px;
}
.navigation #li8 a{
  background:url("../gfx/navigation_favorieten.gif") no-repeat -5px 0px;
}

.navigation #li8 a:hover {
  background:url("../gfx/navigation_favorieten_underl.gif") no-repeat -5px 0px;
}

/************************** copyright */
.copyright {
  clear: both;
  margin: 0 0 0 15px;
  font-size: 60%;
}

.copyright a {
  color: #797878;
  text-decoration: none;
}

.copyright a:hover {
  color: #797878;
  text-decoration:underline;
}


.box_0_5 {
  width: 192px;
  height: 71px;
  border-top: 1px solid #fff;
}

.box_1_0 {
  width: 191px;
  height: 142px;
  background: #000;
  opacity: 0.3;
  -moz-opacity:0.3;
  filter: Alpha(opacity:30);
  border: 0px;
  margin-top: 1px;
}

.resultfooter {
  background: #fff;
  float: right;
  width: 762px;
  padding: 3px;
  font-size: 10pt;
}

.resultfooter a {
  color: #727272;
  text-decoration: none;
}

.resultfooter a:hover {
  text-decoration: underline;
}

.resultfooter span {
  float: right;
  margin: 0 10px 0 0;
}

.searchcriteria_long {
  width: 768px;
  background: #e3e3e3;
  font-size:70%;
  float:left;
  display:none;
}

.searchcriteria_long ul{
 padding-left:-20px;
}
/************************** infoitem op detailpagina */
.infoitem {
  position: absolute; 
  margin: -30px 0 0 30px !important;
  margin: -15px 0 0 15px;
  display: none;
  background: #fff;
  border: 1px solid #cecece;
  padding: 5px;
  width: 300px;
}

.infoitem .closeinfo {
  width:15px;
  height:15px;
  text-align:center;
  border:1px solid #cecece;
  background-color:#cecece;
  color:#fff;
  display:block;
  float:right;
  text-decoration:none;
  font-size:12px;
}

.infoitem .closeinfo:hover {
  background-color:#fff;
  color:#afafaf;
}

/************************** statische content */
.static_content h2 {
  margin:0 0 18px 0 !important;
}

.static_content h3 {
  margin:3px 0 0 -9px !important;
}

.static_content .uitgebreid_zoeken_help{
  height:47px;
  background:transparent url("../extendedsearch/gfx/uitgebreidzoeken_help.gif") no-repeat scroll 1px 0pt;
  margin:3px 0 0 -9px; 
}

.static_content .uitgebreid_zoeken_help span{
display:none;
}
.static_content a {
  /*color:#000;*/
  color:#E34B64;
}

.static_content a:hover {
  text-decoration:none;
}

/************************** mijn niki */

.mijnniki_index {
    float: left;
}

div#mijnniki_content {
  width: 435px;
  float:left;
  font-size: 12px;
  line-height: 1.7em;
  padding: 0 55px;
}

div#mijnniki_content h2 {
  font-size: 14px;
  color: #757575;
}

div#mijnniki_content a {
  color: #000;
}

div#mijnniki_content a:hover {
  text-decoration: none;
}

h1#h_mijnniki {
  text-indent: -8888px;
  background: url("../gfx/mijn_niki_header.gif") no-repeat;
  height: 48px;
  margin-top:12px;
  margin-bottom: 29px;
  position:relative;
  left: -55px;
}

#mijnniki_criteria h1#h_mijnniki {
  margin-bottom: 5px;
}

div#mijnniki_inlog {
  width: 157px;
  float:left;
  margin-top: 90px;
  padding: 14px;
  background:#bfbebc url("../gfx/inlog_form_header.gif") no-repeat;
}

div#mijnniki_inlog form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

div#mijnniki_inlog form legend {
  margin: 0;
  padding: 0;
  text-indent: -8888px;
}

div#mijnniki_inlog form #lab_email {
  background: url("../gfx/inlog_email.gif") no-repeat;
  text-indent: -8888px;
  display: block;
  height: 20px;
  margin-top: 20px;
}

div#mijnniki_inlog form #lab_pass {
  background: url("../gfx/inlog_password.gif") no-repeat;
  text-indent: -8888px;
  display: block;
  height: 20px;
}

div#mijnniki_inlog form p {
  margin:0px;
}

div#mijnniki_inlog form input  {
 background: #dcdcdc;
 border: none;
 margin-bottom: 10px;
 padding: 2px 1px;
 width: 155px;
}

div#mijnniki_inlog form #submit {
 float:right;
 padding: 0;
 margin-top: 10px;
 margin-bottom: 0;
 width: auto;
}

.inlog_error {
  margin-top: 35px;
  font-size: 12px;
  color: #c00;
}

.inlog_error p {
  margin: 0;
}

#wachtwoord_vergeten {
  font-size: 11px;
  color: #333;
  text-decoration: none;
}

#wachtwoord_vergeten:hover {
  text-decoration: underline;
}


/************************** mijn niki - registratie */


#mijnniki_content #interestForm {
  line-height: 2em;
  padding-top: 35px;
  background: #ebebeb url("../gfx/mijnniki_form_head.gif") no-repeat 10px 10px;
  width: 460px;
}

#mijnniki_content #interestForm fieldset {
  border: none;
  margin: 0;
  padding: 0 10px;
}

#mijnniki_content #interestForm legend {
  display:none;
}

#mijnniki_content #interestForm label {
  width: 180px;
  display: block;
  float:left;
}

#mijnniki_content #interestForm div {
  clear:left;
}

#mijnniki_content #interestForm input {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

#mijnniki_content #interestForm .inputText {
  border: 1px solid #000;
}


#mijnniki_content #interestForm #submit {
  position: relative;
  left: 375px;
  top: 40px;
  font-size:13px;
}

.tweelabeldiv label {
  width: auto !important;
}

.tweelabeldiv {
  width: 180px;
  float:left;
}

#div_mobiel {
  margin-bottom: 30px;
}

#mijnniki_content .req  {
  color: #c00;
}

#mijnniki_content .form_help {
  font-size: 11px;
  color: #666;
  padding-left: 5px;
}

.errors {
  border: 1px solid #c00;
  padding: 10px;
  margin-bottom: 10px;
  background: #fde3e3;
}

.errors h3 {
  text-indent: -8888px;
  border-bottom: 1px solid #c00;
  background: url("../gfx/form_error.gif") no-repeat;
  margin-top: 0;
  height: 30px;
  padding-bottom: 5px;
}

.errors p {
  margin: 0;
}

.verplicht_info {
  margin-left: 10px;
  margin-right: 150px;
}

/************************** mijn niki - zoekcriteria */

#koophuur {
  padding-left: 32px;
  padding-bottom: 5px;
  font-size: 12px;
}

#radio_huur {
  margin-left: 10px;
}

#mijnniki_criteria {
  width: 470px;
  margin-right: 20px;
  margin-left: 55px;
  float:left;
}

#mijnniki_criteria .box {
  width: 470px;
  height: 140px;
  overflow: auto;
  overflow-y:auto;
  overflow-x:hidden;
  background-attachment: fixed;
  scrollbar-base-color:#878c8d;
}

#mijnniki_criteria .box .pref_selected {
  float:left;
  width: 250px;
  height: 120px;
  margin-left: 32px;
  font-size: 12px;
  color: #fff;
  padding: 10px 5px;
  display:inline;
}

#pref_selected_province {
  background: #9a9ea1;
}

#pref_selected_city {
  overflow-y:auto;
  background: #979d9d;
}

#pref_selected_price {
  background: #b4b8b9;
}

#pref_selected_model {
  background: #979c9f;
}

#mijnniki_criteria .box ul {
  float:right;
  width: 155px;
  height: 130px;
  margin: 0;
  padding: 5px 5px 5px 0;
  overflow: auto;
  overflow-y:auto;
  overflow-x:hidden;
}

#mijnniki_criteria .box ul li {
  font-size: 80%;
  color: #fff;
  list-style-type: none;
  line-height: 15px;
}

#mijnniki_criteria #box_0 ul {
  margin-top: 70px;
  height: auto;
}

#mijnniki_criteria .hc-item {
  padding-left: 20px;
  cursor: pointer;
}

#mijnniki_criteria .box .hc-item_off {
  background: url("../gfx/mijnniki_bullet_off.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

#mijnniki_criteria .hc-item-over {
  background: url("../gfx/bullet_on.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 20px;
}

#mijnniki_criteria .hc-item_on {
  background: url("../gfx/bullet_on.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

#mijnniki_criteria .hc-item_vi {
  background: url("../gfx/bullet_vi.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
  text-decoration:underline;
}

#mijnniki_criteria #box_0 {
  background: #9ca0a1 url("../gfx/mijnniki_box_0_bg.gif") no-repeat;
}

#mijnniki_criteria #province {
  background: #8a9092 url("../gfx/mijnniki_box_1_bg.gif") no-repeat;
}

#mijnniki_criteria #kaartjenederland {
  margin: 0 10px 0 0;
  padding: 0;
  float:right;
}

#mijnniki_criteria #city {
  background: #878c8d url("../gfx/mijnniki_box_2_bg.gif") no-repeat;
}

#mijnniki_criteria #box_3 {
  background: #a7acad url("../gfx/mijnniki_box_3_bg.gif") no-repeat;
}

#mijnniki_criteria #model {
  background: #878d8e url("../gfx/mijnniki_box_4_bg.gif") no-repeat 3px 0;
}

#mijnniki_criteria #zoek {
  background: #bfbebc;
  height: 70px;
  margin-bottom: 25px;
}

#mijnniki_criteria #zoek #zoekresultaat {
  text-indent: -9000px;
  background: url("../gfx/zoekresultaat_button_2.gif") no-repeat;
  width:155px;
  height: 43px;
  display:block;
  float:right;
  margin-top: 14px;
  margin-right: 14px;
}


#mijnniki_criteria #box_3 #dropdown {
  float:right;
  margin-right: 25px;
  display:inline;
}

#mijnniki_criteria #box_3 #startingprices {
  margin-top: 50px;
  margin-bottom: 25px;
}

#mijnniki_criteria #box_3 select {
  width: 135px;
}


/************************** mijn niki - profiel */

#mijnniki_gegevens {
  width: 185px;
  float:left;
  margin-top: 90px;
}

#mijnniki_ingelogd {
  width: 155px;
  padding: 15px;
  background: #bfbebc url("../gfx/ingelogd_bg.gif") no-repeat top right;
}

#mijnniki_ingelogd h3 {
  margin: 0;
  height: 16px;
}

#mijnniki_ingelogd p {
  margin: 0 0 8px 0;
  font-size:12px;
}

#ingelogd_email {
  text-indent: -8888px;
  background: url("../gfx/h_email_ingelogd.gif") no-repeat;
}

#ingelogd_als {
  text-indent: -8888px;
  background: url("../gfx/h_ingelogd_als.gif") no-repeat;
}

#ingelogd_mobiel {
  text-indent: -8888px;
  background: url("../gfx/h_mobiel_ingelogd.gif") no-repeat;
}

#wijzigen {
  text-indent: -8888px;
  background: url("../gfx/profiel_wijzigen.gif") no-repeat;
  display:block;
  width: 159px;
  height: 30px;
}

#uitloggen {
  text-indent: -8888px;
  background: url("../gfx/uitloggen.gif") no-repeat;
  display:block;
  width: 159px;
  height: 30px;
}

#zoekresultaat_box {
  width: 185px;
  margin: 15px 0;
}

#zoekresultaat_box #zoekresultaat {
  text-indent: -9000px;
  display:block;
  width: 185px;
  height: 73px;
  background: url("../gfx/mijn_zoekresultaat_button.gif") no-repeat;
}

#mijnniki_service {
  margin-top: 15px;
}

#mijnniki_service form {
  background: url("../gfx/opdehoogte.gif") no-repeat 10px 0; 
  font-size: 12px;
  padding: 20px 5px 0 5px;
}

#mijnniki_service fieldset {
  border:none;
  margin: 0;
  padding: 0;
}

#mijnniki_service legend {
  display:none;
}

#mijnniki_service form span {
  font-weight: bold;
  color: #757575;
  font-size: 13px;
}

#mijnniki_service form p {
  margin: 0;
  padding: 0 10px 0 20px;
}

#mijnniki_service form p a {
  color: #c00;
}

#mijnniki_service form p a:hover {
  text-decoration: none;
}

#mijnniki_service input.submit {
  margin-top: 10px;
  margin-left: 5px;
}

#mijnniki_service h3#opheffen {
  border-top: 1px solid #bababa;
  margin-left: 10px;
  height: 25px;
}

#mijnniki_service h3#opheffen a {
  background: url("../gfx/mijnniki_opheffen.gif") no-repeat;
  text-indent: -8888px;
  display:block;
  width: 93px;
  padding-top: 10px;
  margin-top: 10px;
}

/************************** mijn niki - validatie */

.mijnniki_validatie {
  width: 435px;
  float:left;
  font-size: 12px;
  line-height: 1.7em;
  padding: 0 55px;
}

.mijnniki_validatie form {
  background: #bfbebc;
  padding: 35px 5px 5px 5px;
}

.mijnniki_validatie form#email_val {
  background: #bfbebc url("../gfx/h_email_validatie.gif") no-repeat;
}

.mijnniki_validatie form#sms_val {
  background: #bfbebc url("../gfx/h_sms_validatie.gif") no-repeat;
}

.mijnniki_validatie form#pass_request {
  background: #bfbebc url("../gfx/h_wachtwoord.gif") no-repeat;
}

.mijnniki_validatie form p {
  margin: 0 0 10px 0;
}

.mijnniki_validatie fieldset {
  border: none;
}

.mijnniki_validatie legend {
  display:none;
}

.mijnniki_validatie .submit {
  margin-top: 15px;
}

.mijnniki_validatie label input {
  background: #dcdcdc;
  border: none;
}

.mijnniki_validatie a {
  color: #000;
}

.mijnniki_validatie a:hover {
  text-decoration: none;
}

/* snelcode error pagina */

#snelcode {
  padding: 15px;
  float: left;
  margin: 10px;
  border: 1px solid #a5a35e;
  background: #f9f8d7;
}

h3#snelcode_error {
  font-weight: bold;
  font-size: 12px;
  border-bottom: 1px solid #a5a35e;
  padding-bottom: 15px;
  margin-top: 0px;
}

#snelcode form label {
  font-size: 12px;
  font-weight: bold;
}

#snelcode form #submit {
  margin-left: 6px;
}

/* styles used if noscript content is displayed */

.noscr_invisible {
   display:none;
}

.noscr_column {
  font-size: 10pt;
  background: #e3e3e3;
  width: 200px;
  float: left;
  margin: 25px 0 10px 25px;
  padding: 10px;
}

.noscr_projectresult {
   width: 280px;
}

.noscr_head {
   font-size: 100%;
   margin: 0;
}

.noscr_column a {
  color: #000;
}

.noscr_column h2 {
  font-size: 10pt;
}

.noscr_column_0 {

}

.noscr_column_1 {

}

.noscr_column_2 {

}

.noscr_crums {
  float: left;
  background: #e3e3e3;
  width: 757px;
  padding: 2px 0 2px 10px;
  font-size: 8pt;
}

.noscr_crums a {
  font-size: 8pt;
  color: #000;
}

/* extra divs voor de owz */
.owz_header01{
  display:none;
}

.owz_header02{
  display:none;
}

.owz_header01{
  display:none;
}

.owz_footer01{
  display:none;
}

.owz_footer02{
  display:none;
}

.owz_footer03{
  display:none;
}

#static_content {
   margin-left: 20px;
}

.intro {
   font-weight: bold;
}

.voordelen {
   list-style: none;
   border: solid #d7d7d7;
   border-width: 1px 0 0 0;
   padding: 0;
}

.voordelen li {
   float: left;
   border: solid #d7d7d7;
   border-width: 0 0 1px 0;
   padding: 5px;
}

.voordeelster {
   float: left;
   width: 65px;
}

.voordeeltekst {
   float: left;
   width: 500px;
}

.static_content .show_more, .static_content .show_less {
   float: right;
   padding-right: 20px;
   color: #000;
}

.show_more {
   background: url("../gfx/leesmeer.gif") no-repeat right;

}

.show_less {
   background: url("../gfx/leesminder.gif") no-repeat right;

}

.less {
   display: none;
}

.more {
   /*display: none;*/
}

.voordelen h3 {
   margin: 0 0 10px !important;
}

.voordelen .blue {
   color: #009AD9;
}

.voordelen .orange {
   color: #F78F1E;
}

.over_niki_logo {
   float: right;
   margin: 0 0 20px;
}

.over_lnp_logo {
   float: left;
   margin: 0 15px 0 0;
}

.over_lnp {
   clear: right;
}

#loader {
   display: none;
   position: absolute;
   width: 40px;
   height: 40px;
   background: url("../gfx/loading.gif") no-repeat transparent;
   z-index: 1001;
}
