/* ===================================================
  Name:     f-hdr-ftr
  Version:  2.1
  Date:     15-05-2005
====================================================== */
noscript {
  background-color:#c00;
  color: #fff;
  line-height: 2.5em;
  padding: .2em;
}
body {  
  background: #fff;
  color: #000;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body, body div, body p, body th, body td, body li, body dd, body dt { 
  font-size: x-small;
  voice-family: "\"}\""; voice-family:inherit;
  font-size: small;
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body dt { 
  font-size: small;
}
a:link {
  color: #36c;
}
a:visited {
  color: #36c;
}
a:hover, a:active  {
  color: #36c;
  text-decoration: underline;
}
/*  --------------------------------------------------
  MAIN
  -------------------------------------------------- */
div#main {
  width: 98%;
  margin: 0 auto;
  padding: 0;
  border: 0;
  text-align: left;
}
body.layout-fixed div#main {
   width: 55em;
   margin: 0 auto;
   text-align: left;
}
/*  --------------------------------------------------
  HEADER & FOOTER
  -------------------------------------------------- */
#browsernote {
  display: none;
}

/* header */
#hdr div.container, #ftr div.container {
   margin-left: 15px;
   margin-right: 15px;
   float:none;
   text-align:left;
}
body.layout-fixed #hdr div.container, body.layout-fixed #ftr div.container  {
   margin-left: auto;
   margin-right: auto;
   width: 55em;
}
#hdr {
  clear: both;
  margin: 0 0 1.5em 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.hp #hdr {
  margin: 0 0 2em 0;
}
#hdr #fade {
  background: #f7fcdc url("http://www.fundalandelijk.nl/img/2/hdr/bg-header.jpg") no-repeat top left;
  border: 0;
  float: left;
  width: 100%;
}
#hdr img#logo {
  border: 0;
  display: block;
  float: left;
  padding: 6px 0;
}

/* footer */
#ftr { clear: both;padding:0;border-top:1px solid #ccc;color:#666;width:auto;float:none;margin:0;margin-top:2em;}
#ftr .pg-width {margin-top:1em !important; * padding-top:1em;}
#ftr a {color:#333;text-decoration:none;}
#ftr a:hover, #ftr a:active {text-decoration:underline;}
#ftr p {font-size:.9em;line-height:2em;}
#ftr #ftr-nvm {float:right;}

/* footer extra */
#ftr-extra {padding:0;background-color:#eee;border-bottom:1px solid #ccc; text-align:center; height:37px;}
#ftr-extra .ftr-search {margin:0 auto; width:520px; position:relative; height:36px; padding-left:50px; }
#ftr-extra .ftr-cut-out {height:39px; width:39px; position:absolute; left:0; top:-1px; text-indent:-999em; }
#ftr-extra .ftr-cut-out .icn-cutout {top:6px;left:-5px; background: url(../../Images/1.1/cutout.gif) no-repeat 5px -6px;}
#ftr-extra .ftr-cut-out-funda { background-color:#fbaf17; }
#ftr-extra .ftr-cut-out-funda-agr { background-color:#b3cf01; }
#ftr-extra select {margin:8px 15px 0 0; float:left; width:180px; height:20px; border:1px solid #999; width:180px; }
#ftr-extra .ftr-cut-out-funda-ib { background-color:#6ccff6; }

#ftr-extra .input-via-funda, #ftr-extra .select-via-funda {margin:8px 15px 0 0; float:left; width:206px; height:15px; border:1px solid #999; padding:2px 2px 1px;  }
#ftr-extra select.select-via-funda { height:22px; padding:0; }
#ftr-extra select.select-via-funda.hide { display:none; }
#ftr-extra p {margin:0; float:left; line-height:1.5; }
#ftr-extra p.txt-in {margin:9px 15px 0 0; float:left; }
#ftr-extra input.button {margin:6px 0 0; * display:inline;}


/*  --------------------------------------------------
  NAV-MY
  -------------------------------------------------- */
#hdr #nav-my {
  color: #000;
  display: block;
  float: right;
  font-size: .9em;
  margin-top: 17px;
}
#nav-my a:link, #nav-my a:visited {
  color: #000;
  margin: 0 .2em;
}
#nav-my a:hover, #nav-my a:active {
  color: #000;
  text-decoration: underline;
}
#nav-my #new {
  color: #900;
  font-weight: bold;
}
#nav-my-check {
  color: #808080; 
  font-size: .6em;
  font-weight:normal; 
  margin-left: 1em;
}
/*  --------------------------------------------------
  NAV-GLOBAL
  -------------------------------------------------- */


/* --------------------------------------------------
		NAVIGATION: HEADER
-------------------------------------------------- */

#nav-hdr {float:right;font-size:.9em;}
#nav-hdr a {text-decoration:none;}
#nav-hdr a:hover, #nav-hdr a:active {text-decoration:underline;}
#nav-hdr a#my-new {font-size:.9em;text-decoration:underline;text-transform:uppercase;}

a#nav-close {padding-left:15px;background: url(/img/icn/icn-close.gif) no-repeat center left;}

/* --------------------------------------------------
		NAVIGATION: GLOBAL
-------------------------------------------------- */

#hdr #nav-global { background-color: #b3cf01; clear: both; height: 24px; padding-top: 5px; text-align: center; }

#nav-global ul { margin: 0 auto; padding: 0; }
#nav-global li { float: left; list-style: none; }
#nav-global a { background-image: url(../../Images/1.1/nav-global.gif); background-repeat: no-repeat; display: inline; float: left; height: 24px; margin: 0 2px; overflow: hidden; text-indent: -999em; }

/* Navigation: funda */
#nav-global ul { width:225px;  }
#nav-global a { background-image: url(../../Images/1.1/nav-global.gif); }

.nav-aanbod a { background-position: 0 0; width: 73px; }
.nav-aanbod a.on { background-position: 0 -50px; }
.nav-makelaars a { background-position: -83px 0; width: 127px; }
.nav-makelaars a.on { background-position: -83px -50px; }


/*  --------------------------------------------------
  NAV-SUB
  -------------------------------------------------- */
#hdr #nav-sub {
  clear: both;
  background: #fff;
  border-bottom: 1px solid #ccc;
  position:relative;
  width:100%;
}
#nav-sub div.container {
  font-size: .9em;
  margin:0 !important;
  padding: .5em 0;
  text-align:left;
}
#nav-sub ul {
  margin: 0;
  padding: .2em 0 .4em 0;
  text-align: center;
  }
#nav-sub ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  }
#nav-sub ul a {
  color: #808080;
  margin: 0 .5em 0 .5em;
  text-decoration: none;
  }
#nav-sub ul a#sel:link, #nav-sub ul a#sel:visited, #nav-sub ul a:hover {
  border-bottom: 4px solid #ccc;
  color: #333;
  padding-bottom: 1px;
  }
#nav-sub ul a#sel {
  font-weight: bold;
}
#nav-sub ul a#sel:link, #nav-sub ul a#sel:visited, #nav-sub ul a:hover {
  border-bottom: 4px solid #ccc;
  color: #333;
  padding-bottom: 1px;
  }

/*  --------------------------------------------------
  POPUP
  -------------------------------------------------- */
#popup #hdr #fade {
  height: 37px;
}
#popup #nav-close {
  background: url("http://www.fundalandelijk.nl/img/2/icn/icn-close.gif") no-repeat left;
  color: #000;
  float: right;
  font-size: .9em;
  padding-left: 15px;
  margin-top: 10px;
}
#popup div#main {
  width: 90%;
}