/* ===================================================
  Name:   f-main
  Version:  2.1
  Date:   15-05-2005
====================================================== */

/*  --------------------------------------------------
  HEADINGS
  -------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  clear:left;
}
h1 {
  color: #360;
  font-size: 1.4em;
  margin: 0;
  padding: 0 0 .7em 0;
}
h2 {
  color: #808080;
  font-size: 1.25em;
}
h3 {
  background: #eee;
  color: #808080;
  font-size: 1.05em;
  margin: 1em 0;
  padding: .1em .3em;
}
h4 {
  color: #000;
  font-size: 1.05em;
}

h6 {
  color: #360;
  font-size: 1.4em;
  margin: -0.2em 0 -0.1em 0;
  padding: 0 0 .0em 0;
}



/* ----------------------------------------------
  IMG Styles
---------------------------------------------- */
img {
  border: 0;
}
img.icon {
  margin-right: .5em;
  vertical-align: middle;
}
/* ----------------------------------------------
  LIST & LISTED LINKS 
---------------------------------------------- */
ul {
  margin-left: 1.2em;
  margin-top: 0;
  padding-left: 0;
}
ul.links, ol.links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.links li {
  background: no-repeat left;
  list-style-type:none;
  margin: 2px 0 6px 0; 
  padding: 0;
}
/* ----------------------------------------------
  TEXT Styles 
---------------------------------------------- */
p {
  margin-top: 0;
}

z {
  margin: 0;
}

pre, .pre, .courier {
  font-family: "Courier New", Courier, mono;
  font-size: 1.05em;
}
.hits {
  color: #808080;
  font-size: 10px;
  font-weight:normal;
}
.txt-red-dark-bold /* oude style maar moet blijven voor blob promo's */ {
  color: #990000;
  font-weight: bold;
}
.txt-light {
  color: #808080;
}
.txt-small {
  font-size: .85em;
}
.txt-large {
  font-size: 1.05em;
  font-weight: bold;
}
.txt-highlight {
  background-color:#ffb;
  padding:0 .1em;
}
.promo {
  padding: .4em;
  border:1px dashed #fc3;
  text-align:center;
  background-color: #ffc;
  color: #000;
}
.bewerken {
  padding: .4em;
  border:1px solid #00ccff;
  background-color: #effeff;
  color: #000;
  margin-bottom: 10px;
}
.promo a {
  color: #ce6700;
}
.promo .hdr {
  font-size: .85em;
  font-weight: bold;
  color: #900;
  text-transform: uppercase;  
}
.promo p{
  margin: 0 auto;
}
.re-error, .re-success {
  padding: 6px;
  border: 1px solid;
  margin: 1em 0;
}
.re-error p, .re-success p {
  margin: 0;
  text-align: center;
}
.re-error {
  border-color: #f00;
  background: #fff1f1;
}
.re-success {
  border-color: #390;
  background: #f1fff1;
}
.txt-error {
  color: #f00;
}
.txt-success {
  color: #390;
}
.nieuw{
  color: #f8b800;
  font-size: 70%;
  font-weight: bold;
}
.tophuis {
  color: #79a324;
  font-size: 70%;
  font-weight: bold;
}
.updated{
  color: #8cd5F9;
  font-size: 70%;
  font-weight: bold;
}
.verkocht-onder-voorbehoud{
  color: #ee3338;
  font-size: 70%;
  font-weight: bold;
}
.unavailable{
  color: #f00;
  font-size: 70%;
  font-weight: bold;
}
.ipix {
  color: #a158e9;
  font-size: 70%;
  font-weight: bold;
}
.recreatie {
  color: #960;
  font-size: 70%;
  font-weight: bold;
}
/* ----------------------------------------------
  Forms 
---------------------------------------------- */
form {
  margin: 0;
}
table.form td{
  vertical-align: top;
  padding: .5em 1em .5em 0;
}
div.row {
  margin: 1px 0;
  padding: .2em 0;
  clear: both;
  float: left;
  width: 100%;
}
div.label {
  text-align:right;
  padding-right: .5em;
  width: 13em;
  float: left;
}
div.entry {
  text-align:left;
  float: left;
  padding-left: .5em;
}
legend {
  color: #808080;
  font-weight:bold;
  font-size: 1.1em;
}
fieldset {
  border: 1px solid #ccc;
  padding: 10px;
}
div.form-submit {
  border-top:1px solid #ccc;
  padding-top:1em; 
  margin-top:1em;
}
/* ----------------------------------------------
  Layout, Positioning
---------------------------------------------- */
body {
  background: #fff;
  color: #000;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: center;
}

/* ----------------------------------------------
  CONTAINERS & POSITIONING
---------------------------------------------- */
.clear, div.blob {
  clear: both;
}
hr.clr {
   clear:both;
   height:1px;
   margin: -1px 0 0 0; padding:0;
   border:0;
   visibility: hidden;
}
div.container {
}
div.container-center {
   text-align: center;
}
.pos-l {
  float: left;
}
.pos-r {
  float: right;
}
.pos-m {
  margin: 0 auto;
  text-align: left;
}
.pct50 {
  width: 48%;
  padding: 0;
  margin: 0;
}
.pct33 {
  width: 33%;
  padding: 0;
  margin: 0;
}
/* ----------------------------------------------
  TABLE
---------------------------------------------- */
table {
  border: 0;
  padding: 0;
  margin: 0;
}
td {
  text-align: left;
  vertical-align: top;
}
th {
  text-align: left;
  font-weight: bold;
}
th a:link, th a:visited {
  color: #808080;
  text-decoration: none;
}
th a:hover {
  color: #000;
  text-decoration: underline;
}
th a:active {
  color: #000;
  text-decoration: none;
}
th a#sel-up, th a#sel-down {
  padding: 1px 15px 1px 2px;
  background-color: #eef;
  color: #000;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
th a#sel-up {
  background: url("http://www.fundalandelijk.nl/img/2/frm/srt-up.gif") no-repeat right;
}
th a#sel-down {
  background: url("http://www.fundalandelijk.nl/img/2/frm/srt-down.gif") no-repeat right;
}
th a#sel-up:link, th a#sel-up:visited, th a#sel-down:link, th a#sel-down:visited  {
  text-decoration: none;
}
th a#sel-up:hover, th a#sel-down:hover {
  text-decoration: underline;
}
th a#sel-up:active, th a#sel-down:active {
  text-decoration: none;
}
th.min, td.min {
  white-space: nowrap;
  /*width:1%*/
}
th.num, td.num, th.action ,td.action, th.date {
  text-align: right;
  white-space: nowrap;
}
td.date {
  font-size: .9em;
  text-align: right;
  white-space: nowrap;
  vertical-align: bottom !important;
  padding-top:0 !important;
}
td.category {
  font-size: .9em;
  vertical-align: bottom !important;
  padding-top:0 !important;
}
/* ----------------------------------------------
  TABLE - LAYOUT
---------------------------------------------- */
table.layout {
  border: 0;
  clear: both;
	margin-left: auto;
	margin-right: auto;
  vertical-align: top;
  width: 97%;         /* false value for WinIE4/5 */
  voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
  voice-family:inherit; /* recover from trick for modern browsers */
  width: 100%;      /* intended value for modern browsers */
}
table.layout td {
  vertical-align: top;
}
table.layout td.col-l {
  padding-right: 15px;
  vertical-align: top;
}
table.layout td.col-m {
  width: 100%;
  vertical-align: top;
}
table.layout td.col-r {
  padding-left: 15px;
  vertical-align: top;
}
/* ----------------------------------------------
  TABLE - SPECIFICATIONS
---------------------------------------------- */
table.specs {
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-bottom: .5em;
}
table.specs th {
  color: #808080;
  white-space: nowrap;
  padding: 3px 0;
}
table.specs td {
  border-top: 1px solid #ccc;
  padding: 3px 0;
}
table.specs td.var {
  color: #808080;
  white-space: nowrap; 
}
table.specs td.val {
  padding-right: 5px;
}
table.specs td.val a{
  color: #000;
}
/* ----------------------------------------------
  TABLE - LISTINGS
---------------------------------------------- */
table.listing {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width:100%;
  float:left;
  margin-bottom: .5em;
}
table.listing th {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  white-space: nowrap;
  background: #eee;
  color: #000;
  line-height: 1.4em;
}
table.listing tr.odd td {
}
table.listing tr.even td {
  background: #f7fcde;
}
table.listing td {
  vertical-align: top;
  padding: .5em;
}
table.listing#gallery {
  border-left: solid 1px #ccc;
  border-bottom: none;
}
table.listing#gallery td {
  text-align: center;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  width: 33%;
}
table.listing#compare {
  border-bottom:0;
}
table.listing#compare th{
  border-bottom:1px solid #ccc;
  font-weight:normal;
}
table.listing#compare th.vert {
  text-align: center !important;
  background-color: transparent;
  border-bottom:1px solid #ccc;
}
table.listing#compare th.horz {
  text-align:right;
  background-color:#eee;
  border-bottom:1px solid #ccc;
}
table.listing#compare td {
  text-align: center !important;
  background-color: transparent;
  border-bottom:1px solid #ccc;
}
table.listing tr.promo td {
  margin: 0;
  padding: .4em;
  border-bottom:1px solid #fc3;
  text-align:center;
  background-color: #ffc;
  color: #000;
}
table.listing td.logo {
  white-space: nowrap;
  width: 1%;
  text-align: center;
}

/* ----------------------------------------------
  OBJECT & REALTOR LISTING
---------------------------------------------- */
.item {
  font-size:1.05em;
  font-weight: bold;
} 
a.item:link {
  color: #36c;
}
a.item:visited {
  color: #8257A4;
}
.loc {
  font-size:.9em; 
  color:#000;
  margin-bottom: 5px; 
}
.rel {
  font-size:.9em; 
  color:#808080;
  margin-bottom: 5px; 
}
.rel a:link, .rel a:visited, .rel span {
  color: #000;
  text-decoration: none;
}
.rel a:hover, .rel a:active {
  text-decoration: underline;
}
.price {
  font-size:1.0em;
  font-weight: bold;
  margin-bottom:-3px;

}

.price-ext {
  font-size:.75em;
}
/* TIARA Optie 1
img.thumb {
  width: 112px;
  height: 84px;
}
*/
/* TIARA Optie 2
img.thumb {
  width: 120px;
  height: 90px;
}
*/
/* TIARA Optie 3
img.thumb {
  width: 107px;
  height: 80px;
}
*/
img.thumb, img.logo {
  padding: 5px;
  background: #fff;
  border: solid 1px #ccc;
}
a img.thumb {
  border-color: #ccc;
}
div.photo {
  padding: 5px;
  background: #fff;
  border: solid 1px #ccc;
  float: left;
}
div.video {
  border: solid 1px #ccc;
  float:left;
  background-color:#eee;
  padding:5px;
}
div.plan {
  text-align:center;
  font-size:.9em;
  margin-bottom:1em;
}
div.plan img {
	border: solid 1px #ccc;
}
div.container div.photo, div.container img.thumb, div.container img.logo {
  float:left;
  margin: 0 10px 10px 0;
}
table.listing td img.thumb, table.listing td img.logo {
  margin: 0 !important;
  float: none;
}
/* ----------------------------------------------
  OBJECT - DETAIL
---------------------------------------------- */
div#detail-hdr {
  position:relative;
  width:100%;
  left: 1px;
}
div#detail-hdr div#nav-back {
  position:absolute; 
  top:-.7em; 
  right:0; 
}
div#detail-hdr div.contact {
  position:absolute;
  top:1.5em; 
  right:0;
}
div#detail-hdr div.tabs-content {
  position:absolute;
  left:0;
  bottom:0;
}
div#summary img.thumb {
  float: left;
  margin-right: 15px;
}
div#summary h1 {
  margin: 0;
  padding: 0;
}
div#summary p {
  margin-top: 0;
  margin-bottom: .5em;
}
div.description p{
  margin-top: 0; 
  line-height:1.6em; 
  text-align:justify;
}
div#preview {
  margin-right:13em; 
  border-right:solid #ccc 1px;
}
div#preview.description {
  padding-right:2em; 
}
table.buurt {
  width:100%;
}
table.buurt td {
  text-align:center;
  line-height:1.8em;
  padding: .5em;
}
table.buurt td.hdr {
  text-align:left;
  color: #808080;
  font-size: 1.1em;
  font-weight: bold;
  background: #eee;
  padding: 0em .3em;
  margin: 0;
}
table.buurt td ol {
  text-align:left;
}
table.buurt#sociodemo td {
  text-align:left;
  border-bottom: 1px solid #eee;
}
/* ----------------------------------------------
  NAV - TABS
---------------------------------------------- */
.tabs-content, .tabs-listing {
  float: left;
  line-height: normal;
  width: 100%;
}
.tabs-content  {
  background: url("http://www.fundalandelijk.nl/img/2/tabs/line.gif") repeat-x bottom;
  padding-bottom: 1px;
  margin-bottom: 1em;
}
.tabs-listing {
  background: url("http://www.fundalandelijk.nl/img/2/tabs/line-listing.gif") repeat-x bottom;
  padding-bottom: 5px;
  margin-bottom: 0;
}
div.box-tabs div.tabs-content {
  padding: 0;
  margin:0;
  background: none;
  width: auto;
}
div.box-tabs div.box-round{
  float:left;
  width: 100%;
}
.tabs-content div.extra, .tabs-listing div.extra  {
  position:relative; 
  top: -2px; 
  z-index:1;
  float:right;
}
ul.tabs {
  margin: 0 !important;
  padding: 0;
  list-style: none;
}
ul.tabs li {
  font-size: 0.9em;
  float:left;
  margin:0 4px 0 0;
  padding:0 0 0 9px;
  list-style-type: none;
  background: url("http://www.fundalandelijk.nl/img/2/tabs/tableft-g.gif") no-repeat left top;
}
.tabs-listing ul.tabs li {
  background: url("http://www.fundalandelijk.nl/img/2/tabs/tableft-o.gif") no-repeat left top;
}
ul.tabs li a:link, ul.tabs li a:visited {
  float: left;
  display: block;
  padding: 4px 9px 1px 0px;
  text-decoration: none;
  font-weight: bold;
  color: #808080;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.tabs li a:link, ul.tabs li a:visited {float: none;}
/* End IE5-Mac hack */

ul.tabs li a:hover {
  color: #333;
  text-decoration: none;
}
ul.tabs li a  {
  background: url("http://www.fundalandelijk.nl/img/2/tabs/tabright-g.gif") no-repeat right top;
}
.tabs-listing ul.tabs li a {
  background: url("http://www.fundalandelijk.nl/img/2/tabs/tabright-o.gif") no-repeat right top;
}
ul.tabs li#sel  {
  background-image: url("http://www.fundalandelijk.nl/img/2/tabs/tableft-g-sel.gif");
  margin-bottom: -1px;
  position:relative;
  z-index: 1;
}
.tabs-listing ul.tabs li#sel {
  background-image: url("http://www.fundalandelijk.nl/img/2/tabs/tableft-o-sel.gif");
  margin-bottom: -1px;
}
ul.tabs li#sel a {
  color: #000;
  padding-bottom: 2px;
}
ul.tabs li#sel a  {
  background-image:    url("http://www.fundalandelijk.nl/img/2/tabs/tabright-g-sel.gif");
}
.tabs-listing ul.tabs li#sel a {
  background-image:    url("http://www.fundalandelijk.nl/img/2/tabs/tabright-o-sel.gif");
}
.tabs-header {
  padding: 0;
  margin: 0;
  background: #fbd18a;
  clear: both;
}

/* ----------------------------------------------
  NAV - PAGES
---------------------------------------------- */
.nav-pg-back {
  float: right;
}
.nav-pg-top {
  float: right;
  font-size: .85em;
}
#listing-hits {
  text-align:left;
  float:left;
}
#listing-prev-next {
  text-align:right;
  float:right;
}
#listing-pages {
  text-align: center;
  font-weight: bold;
  font-size: 1.05em;
}
#listing-pages #sel {
  color: #fff;
  background: #264c99;
  text-decoration: none;
  padding: 0 .3em;
  width: 1.2em;
  margin-bottom: -0.4em;
}
#listing-pages span, #listing-pages a:link, #listing-pages a:visited  {
  padding: 0 .3em;
  margin: 0;
  text-decoration: none;
   border: 1px solid #fff;
}
#listing-pages a:hover, #listing-pages a:active {
  text-decoration: none;
   color:  #264c99;
   border-color: #264c99;
}
/* ----------------------------------------------
  NAV - QUERY
---------------------------------------------- */
p#nav-query {
  margin: 0 0 1em 0;
  line-height: 1.6em;
}
p#nav-query a{
  color: #808080;
}
p#nav-query a:hover, p#nav-query a:active {
  text-decoration:underline;
}
/* ----------------------------------------------
  NAV - FILTER
---------------------------------------------- */
div#nav-filter {
  border-left: 1px solid #ccc;
  padding-left: 1em;
}
td.col-r div#nav-filter {
  border-left: 0 !important;
  padding-left: 0 !important;
}
div#nav-filter h5 {
  color: #900;
  margin-top: 1em;
  margin-bottom: .1em;
  font-size: .9em;
}
div#nav-filter ul {
  margin-left: .4em;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}
div#nav-filter li{
  font-size: .85em;
}
div#nav-filter a:link, div#nav-filter a:visited {
  text-decoration:none;
}
div#nav-filter a:hover, div#nav-filter a:active {
  text-decoration:underline;
}
a.more {
  display:block;
  margin-top: .2em;
}
li.more {
  list-style-type:none;
  font-weight:bold;
  margin-top: .5em;
}
div#nav-filter a.more {
  font-size: .85em;
  margin-left: .5em;
  font-weight: bold;
}
div#nav-filter select {
  margin-bottom: 5px;
}

/* ----------------------------------------------
  NAVIGATION: STEPS 
---------------------------------------------- */
.nav-submit {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 1em 0;
  background: #eee;
  height: auto;
}
.step {
  border: 1px solid;
  color: #fff;
  background: #900;
  font-size: 1.05em;
  font-weight: bold;
  padding: 0 .3em;
  width: 1.2em;
  margin-bottom: -.4em;
}
#nav-steps {
  padding: 10px 0;
  float: right;
}
#nav-steps .step {
  border-color: #808080;
  color: #808080;
  background: #eee;
  margin-left: 5px;
}
#nav-steps .step#sel {
  border-color: #39f;
  color: #fff;
  background: #39f;
}
#nav-steps  a.step {
  border-color: #39f;
  background: #e1ecf4;
  color: #39f;
  text-decoration: none;
}
#mod-steps {
  background: #fdf2d6;
  border: 1px solid #fbd18a;
   width: 230px;
   margin: 0;
 }
#mod-steps h3{
   margin: 0;
   background: #fbd18a;
   font-size: 1.05em;
  padding: 5px;
}
#mod-steps .stepbox{
  padding: 5px;
  border-top: 1px solid #fbd18a;
   background-color: #FCE8BF;
  color: #808080;
  margin: 0;
}
#mod-steps .stepbox p{
  margin:4px;
}
#mod-steps .stepbox#sel{
  background: #fdf2d6;
  position: relative;
  color: #000;
}
#mod-steps .stepbox#sel p{
  margin:4px 0 4px 32px;
}
.stepsel {
  border: 1px solid;
  color: #fff;
  background: #900;
  font-size: 1.05em;
  font-weight: bold;
  padding: 0 .3em;
  width: 1.2em;
  margin-bottom: -.4em;
}
#mod-steps .step{
  border-color: #fff;
  color: #999;
  background: #E8E8E8;
  margin-right: 10px;
}
#steps-content {
  position: relative; 
  background:url("http://www.fundalandelijk.nl/img/steps-line.gif") top repeat-x;
  height: 50px;
  width: 95%;
}
#steps-content div, #steps-content a:link {
  text-align: center;
  position: absolute;
  top: 0; 
  display: block;
}

/* ----------------------------------------------
  LISTED LINKS - CONTACT
---------------------------------------------- */
div.contact .links li {
  font-size: .85em;
  line-height: 1.5em; /* height of icon */
}
div.contact .links li a {
  padding-left: 22px; /* width of icon + whitespace */
}
div.contact .links li a:link, div.contact .links li a:visited {
  text-decoration: none;
}
div.contact .links li a:hover, div.contact .links li a:active {
  text-decoration:underline;
}
div.contact li#email { background-image:  url("http://www.fundalandelijk.nl/img/2/icn/icn-but-email.gif"); }
div.contact li#phone { background-image:  url("http://www.fundalandelijk.nl/img/2/icn/icn-but-phone.gif"); }
div.contact li#brochure { background-image:  url("http://www.fundalandelijk.nl/img/2/icn/icn-but-brochure.gif"); }
div.contact li#broch-dl { background-image:  url("http://www.fundalandelijk.nl/img/2/icn/icn-but-broch-dl.gif"); }
/* ----------------------------------------------
  LISTED LINKS - tools
---------------------------------------------- */
div#tools {
  float:right; 
  padding-left: 1em;
}
div#tools div#my {
  margin-bottom: 1em;
}
div#tools .links li {
  font-size: .85em;
  line-height: 1.5em; /* height of icon */
}
div#tools .links li a {
  padding-left: 16px; /* width of icon + whitespace */
  text-decoration: none;
}
div#tools li#save { background-image:  url("http://www.fundalandelijk.nl/img/2/icn/icn-save.gif"); }
div#tools li#print { background-image:  url("http://www.fundalandelijk.nl/img/2/icn/icn-print.gif"); }
div#tools li#email { background-image:  url("http://www.fundalandelijk.nl/img/2/icn/icn-email.gif"); }
div#tools li#sms { background-image:  url("http://www.fundalandelijk.nl/img/2/icn/icn-sms.gif"); }
/* ----------------------------------------------
  Printvriendelijke pagina
---------------------------------------------- */
#print-nav {
   margin: 0;
   padding-bottom: 1em;
   text-align: center;
   line-height: 2em;
}
div.layout-left-mid div.col-l ul {
  margin: 0;
  padding: 0 2em 0 0;
  list-style-type:none;
}
div.layout-left-mid div.col-l li {
  margin: 0;
  padding: .5em 0;
  border-top: 1px solid #ccc;
}
div.layout-left-mid div.col-l h2 {
  margin-top: 0;
}
/* ----------------------------------------------
  BOX - ROUND
---------------------------------------------- */
div.box-round {
  border:solid 1px #acacac;
  padding:0px 5px 0px 5px;
}
div.box-body {
  margin: 0;
  padding: 0 10px;
  background-color: transparent;
}
div.box-tl, div.box-bl, div.box-tr, div.box-br {
  height:5px;
  position:relative;
  font-size:1px;
  line-height:0;
}
div.box-tl, div.box-bl {
  float:left;
  width:5px;
  left:-6px; 
}
div.box-tr, div.box-br {
  left:6px; 
}
div.box-tl {
  top:-1px;
  background: url("http://www.fundalandelijk.nl/img/2/box/custom_corners_topleft.gif") top left no-repeat;
} 
div.box-bl {
  top:1px;
  background: url("http://www.fundalandelijk.nl/img/2/box/custom_corners_bottomleft.gif") bottom left no-repeat;
}
div.box-tr {
  bottom:1px;
  background: url("http://www.fundalandelijk.nl/img/2/box/custom_corners_topright.gif") top right no-repeat;
}
div.box-br {
  top:1px;
  background: url("http://www.fundalandelijk.nl/img/2/box/custom_corners_bottomright.gif") bottom right no-repeat;
}
/* ----------------------------------------------
  BOX - ALTERNATIVES
---------------------------------------------- */
div.box-bg div.box-round {
   background:  url("http://www.fundalandelijk.nl/img/2/box/bg-fade-blue.gif") repeat-x;
}
/* ----------------------------------------------
  BOX - CONTACT
---------------------------------------------- */
div.contact div.box-round {
  background: url("http://www.fundalandelijk.nl/img/2/box/bg-contact.gif") no-repeat;
  width: 11.2em;
}
div.contact div.box-body {
  padding-top: 20px;
}
/* ----------------------------------------------
  BOX - WONING IN BEELD
---------------------------------------------- */
div.box-wib {
  position: relative;
  clear: both;
  margin-top: 1em;
  left: 1px;
}
div.box-wib div.box-round {
  background: url("http://www.fundalandelijk.nl/img/2/box/bg-wib.gif") no-repeat;
}
div.box-wib div.box-body {
  padding-top: 20px;
  height: 130px;
}

/* ----------------------------------------------
  BOX - nieuwbouw IN BEELD
---------------------------------------------- */
div.box-nbib {
  position: relative;
  clear: both;
  margin-top: 1em;
  left: 1px;
}
div.box-nbib div.box-round {
  background: url("http://www.fundalandelijk.nl/img/2/box/bg-nbib.gif") no-repeat;
}
div.box-nbib div.box-body {
  padding-top: 20px;
  height: 130px;
}

/* ----------------------------------------------
  BOX - ADVERTENTIES
---------------------------------------------- */
div.box-aib {
  position: relative;
  clear: both;
  margin: 1em 0;
}
div.box-aib div.box-round {
  background: url("http://www.fundalandelijk.nl/img/2/box/bg-aib.gif") no-repeat;
}
div.box-aib div.box-body {
  padding-top: 20px;
  height: 130px;
}
/*  --------------------------------------------------
  POP UP
  -------------------------------------------------- */
a.ext-site {
  background : url("http://www.fundalandelijk.nl/img/2/icn/icn-ext-site.gif") right no-repeat;
  padding-right:12px;
  text-decoration: none;
  border-bottom: 1px dashed;
}
a.ext-popup:link, a.ext-popup:visited, a.ext-popup:hover, a.ext-popup:active  {
  background: url("http://www.fundalandelijk.nl/img/2/icn/icn-ext-popup.gif") right no-repeat; 
  padding-right: 12px;
  text-decoration: none;
  border-bottom: 1px dashed;
}
div#obj-recent {
  border: solid 1px #FBD18A; 
  margin: 1em 0;
}
div#obj-recent h3 {
  background-color:#FBD18A;
  color: #000;
  margin: 0;
}
div#obj-recent table.listing {
  border: none;
  margin-bottom: 0;
}
div#obj-recent table.listing td {
  text-align: center;
  border: none;
}
div#obj-recent div.container {
	width:100%;
	height:8.5em;
	overflow:hidden;
}
div.container div.obj{
	float:left;
	text-align: left;
	height:7em;
	width: 21.5em;
	margin: 10px 10px 10px 5px;
}
.display-on .comment {
  display: block;
}
.display-off .comment {
  display: none;
}
.comment {
  border:1px solid #ccc;
  padding:.3em;
  background: #fff;
  font-size: .9em;
  color: #808080;
}
.comment strong {
  color: #000;
  font-style:normal;
  font-weight:bold;
}
.txt-dark {
  color: #000;
}
/*  --------------------------------------------------
  BOXES & MODULES
  -------------------------------------------------- */
div.box {
  border:#ccc 1px solid; 
  padding:1em;
}
div.mod-o h3, div.mod-g h3, div.mod-w h3 {
  line-height:1.6em;
  border:0;
  margin: 0;
  padding:0 .3em;
} 
div.mod-o h3{
  background-color:#fbd18a;
  color: #000;
}
div.mod-o div.box{
  border:#fbd18a 2px solid ;
  background-color:#fff;
}
div.mod-g h3{
  border:#ddd 2px solid ;
  background-color:#ddd;
  color: #000;
}
div.mod-g div.box{
  border:#ddd 2px solid ;
  background-color:#fff;
}

div.box-fb div.box-body p {
  font-size:.9em;
  color: #808080;
}
div.top-bar-small
{
	width:400px;
}
