/*
/* (CC) Wevolve®, 2010
/*
/* Feel free to be inspired by this CSS, see the
/* Creative Commons License (http://creativecommons.org/)
/*
/* If you re-use parts or whole of this CSS, you must
/* include this copyright notice at the start of the file.
/*
/* Please contact us for commercial use and to find out
/* how we can help you with various web-based solutions:
/*
/* web:   http://wevolve.nl/
/* e-mail:  info@wevolve.nl
/* tel.:   +31-(0)74 255 2140
/*
/* -------------------------------------------------------- */

body {
  padding:0; margin:0;

  font:83% arial, geneva, verdana, helvetica, sans-serif;
  color:#333;
  text-align:center;
  background:#efefef;
}

.nocss {
  display:none;
}

#wrapper {
  margin:0 auto;
  margin-bottom:2em;
  padding:0;
  width:58.3em;

  color:#333;
  text-align:left;
  background:#fff;
  border:2px solid #ccc;
}

* html #contents { height:1%; }


/* -------------- shortcuts -------------- */

#shortcutcontainer {
  margin:0 auto;
  width:58.3em;

  line-height:2em;
}

ul#shortcuts {
  padding:0; margin:0;
  float:left;display:inline;
  min-height:0;
}

#shortcuts li {
  display:inline;
  padding:0; margin:0;

  font-size:.9em;
  background:url("../img/shortcuts_sep.gif") 100% 50% no-repeat;
}

#shortcuts li a {
  float:left; display:inline;
  padding:.5em;
  margin:0;

  color:#333;
  text-decoration:none;
  background:url("../img/shortcuts_sep.gif") 100% 50% no-repeat #efefef;
}

#shortcuts li a:hover {
  color:#000;
  text-decoration:underline;
}

#shortcuts li,
#shortcuts li.noborder a,
#shortcuts li.noborder a:hover { background:none; }

#search {
  float:right; display:inline;
  padding:.5em;
  min-height:0;
  text-decoration:none;
}

#search form {
  padding:0; margin:0;
}

#search li label {
  display:inline;
  padding:0; margin:0;
  text-indent:-999em;
}

.searchtext {
  display:inline;
  padding:0; margin:0;
  width:8em;
  font-size:1.1em;
}

.searchsubmit {
  display:inline;
  margin:0;
}


/* -------------------- header general --------------------- */

#header h1 {
  float:left; display:inline;
  padding:0; margin:0;
  text-indent:-999em;
}

#header h1 a {
  padding:0; margin:0;
  display:block;
  width:320px;
  height:96px;
}

#header h2 {
  float:right; display:inline;
  padding:0;
  margin:0 0 -2em 0;
  text-indent:-999em;
}

#header h2 a {
  padding:0; margin:0;
  display:block;
  min-width:260px;
  height:96px;
}

#shortcutcontainer:after,
#header:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* hhtml #header { height:1%; }


/* -------------------- header specific --------------------*/

#header h1.nederland { background:url("../img/headers/fbe_header_nederland.png") 0 50% no-repeat; }
#header h2.nederland { background:url("../img/headers/fbe_logo_nederland.png") 100% 50% no-repeat; }

#header h1.drenthe { background:url("../img/headers/fbe_header_drenthe.png") 0 50% no-repeat; }
#header h2.drenthe { background:url("../img/headers/fbe_logo_drenthe.png") 100% 50% no-repeat; }

#header h1.friesland { background:url("../img/headers/fbe_header_friesland.png") 0 50% no-repeat; }
#header h2.friesland { background:url("../img/headers/fbe_logo_friesland.png") 100% 50% no-repeat; }

#header h1.gelderlandoost { background:url("../img/headers/fbe_header_gelderlandoost.png") 0 50% no-repeat; }
#header h2.gelderlandoost { background:url("../img/headers/fbe_logo_gelderlandoost.png") 100% 50% no-repeat; }

#header h1.gelderland { background:url("../img/headers/fbe_header_gelderland.png") 0 50% no-repeat; }
#header h2.gelderland { background:url("../img/headers/fbe_logo_gelderland.png") 100% 50% no-repeat; }

#header h1.groningen { background:url("../img/headers/fbe_header_groningen.png") 0 50% no-repeat; }
#header h2.groningen { background:url("../img/headers/fbe_logo_groningen.png") 100% 50% no-repeat; }

#header h1.limburg { background:url("../img/headers/fbe_header_limburg.png") 0 50% no-repeat; }
#header h2.limburg { background:url("../img/headers/fbe_logo_limburg.png") 100% 50% no-repeat; }

#header h1.limburgnoord { background:url("../img/headers/fbe_header_limburgnoord.png") 0 50% no-repeat; }
#header h2.limburgnoord { background:url("../img/headers/fbe_logo_limburgnoord.png") 100% 50% no-repeat; }

#header h1.limburgmidden { background:url("../img/headers/fbe_header_limburgmidden.png") 0 50% no-repeat; }
#header h2.limburgmidden { background:url("../img/headers/fbe_logo_limburgmidden.png") 100% 50% no-repeat; }

#header h1.limburgzuid { background:url("../img/headers/fbe_header_limburgzuid.png") 0 50% no-repeat; }
#header h2.limburgzuid { background:url("../img/headers/fbe_logo_limburgzuid.png") 100% 50% no-repeat; }

#header h1.noordbrabant { background:url("../img/headers/fbe_header_noordbrabant.png") 0 50% no-repeat; }
#header h2.noordbrabant { background:url("../img/headers/fbe_logo_noordbrabant.png") 100% 50% no-repeat; }

#header h1.overijssel { background:url("../img/headers/fbe_header_overijssel.png") 0 50% no-repeat; }
#header h2.overijssel { background:url("../img/headers/fbe_logo_overijssel.png") 100% 50% no-repeat; }

#header h1.rivierenland { background:url("../img/headers/fbe_header_rivierenland.png") 0 50% no-repeat; }
#header h2.rivierenland { background:url("../img/headers/fbe_logo_rivierenland.png") 100% 50% no-repeat; }

#header h1.utrecht { background:url("../img/headers/fbe_header_utrecht.png") 0 50% no-repeat; }
#header h2.utrecht { background:url("../img/headers/fbe_logo_utrecht.png") 100% 50% no-repeat; }

#header h1.veluwe { background:url("../img/headers/fbe_header_veluwe.png") 0 50% no-repeat; }
#header h2.veluwe { background:url("../img/headers/fbe_logo_veluwe.png") 100% 50% no-repeat; }

#header h1.zeeland { background:url("../img/headers/fbe_header_zeeland.png") 0 50% no-repeat; }
#header h2.zeeland { background:url("../img/headers/fbe_logo_zeeland.png") 100% 50% no-repeat; }

#header h1.zuidholland { background:url("../img/headers/fbe_header_zuidholland.png") 0 50% no-repeat; }
#header h2.zuidholland { background:url("../img/headers/fbe_logo_zuidholland.png") 100% 50% no-repeat; }


/* -------------------- nav -------------------- */

ul#nav {
  clear:both;
  padding: 0 0 0 1em;
  margin: 0;
  min-height:0;

  color: #fff;
  border: 1px solid #fff;
  background:#4cb200;
}

#nav li {
  float:left; display:inline;
  padding:0 1px 0 0;
  margin:0;

  list-style-type:none;
  background:url("../img/navsep.gif") 100% 50% no-repeat;
}

#nav li.last { background:none; }

#nav li a,
#nav li strong {
  display:block;
  padding:1em;
  margin:0;

  color:#fff;
  text-decoration:none;
  background:#4cb200;
}

#nav li a:hover,
#nav li.onpath a,
#nav li.onpath strong {
  font-weight:normal;
  text-decoration:none;
  background:url("../img/nav_on.gif") 50% 100% no-repeat;
}

ul#nav:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}
* html ul#nav {height:1%;}

/* -------------------------- content ------------------------- */

#contents {
  clear:both;
  padding:1em 0 0 0;
  margin:0;
  text-align:left;
}

#contents:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #contents { height:1%; }


/* ------------------------- columns ------------------------- */

.columntext,
.columntextwide {
  float:left; display:inline;
  padding:0; margin:0;
  min-height:0;
}

.columntext {
  padding:0 1em;
  width:49%;
}

.columntextwide {
  margin:0;
  padding:0;
  width:37em;
  padding:0 2em;
  overflow:hidden;
}

.navcolumn {
  float:left; display:inline;
  padding:0;
  margin:0 0 0 1.4em;
  padding:0;
  width:15em;
}


/* -------------------- rounded boxes menu ------------------- */

.roundedbox {
  padding:0 0 0 10px;
  margin:0 1em 0 0;

  background:url("../img/boxbottomleft.gif") 0 100% no-repeat;
}

.roundedbox div {
  padding:0 0 3px 0;
  margin:0;

  background:url("../img/boxbottomright.gif") 100% 100% no-repeat;
}

.roundedbox div div {
  padding:0 10px 0 0;
  margin:0;

  background:url("../img/boxtopright.gif") 100% 0 no-repeat;
}

.roundedbox div div div {
  padding:3px 0 0 10px;
  margin:0 0 0 -10px;

  background:url("../img/boxtopleft.gif") 0 0 no-repeat;
}

.roundedbox div div div div {
  padding:0;
  margin:0;

  background:none;
}

.roundedbox h2,
.roundedbox h2 a {
  margin:0; padding:0;

  font-size:100%;
}

.roundedbox h2.title a {
  padding:0; margin:0;
}

.roundedbox.yellow { background-color:#4cb200; }

.roundedbox.grey { background-color:#aaa; }

* html .roundedbox div div div,
* html .roundedbox a { height:1%; }


/* -------------------- subnav -------------------- */

#subnav,
#subnav ul {
  padding:0; margin:0;
  list-style-type:none;
}

#subnav li {
  margin:.5em 0;
  padding:0;
  list-style-type:none;
}

#subnav li a,
#subnav li div {
  display:block;

  text-decoration:none;
  color:#888;
  font-weight:bold;
}

#subnav li li a,
#subnav li li strong {
  display:inline;

  padding:0 0 0 1em;
  margin:0;
}


#subnav li a:hover { text-decoration:underline; }

#subnav .grey div,
#subnav .grey a { color:#fff; }

#subnav .yellow div,
#subnav .yellow a { color:#fff; }

#subnav li li.onpath a,
#subnav li.onpath li div,
#subnav li li a:hover {
  background: url("../img/arrow1.png") 0 .2em no-repeat transparent;
}


/* -------------------- location -------------------- */

ul#location {
  padding:0 0 1em 0;
  margin:0;
  min-height:0;

  font-size:.85em;
}

#location ul {
  display:inline;
  padding:0;
  margin:0;
  list-style-type: none;
}

#location li {
  display:inline;
  padding:0 1em 0 0;
  margin:0;
  list-style-type: none;
}

#location li a {
  padding:0 10px 0 0;
  margin:0;

  color:#999;
  text-decoration:none;
  background:url("../img/pathway.gif") 100% 0 no-repeat #fff;
}

#location li a:hover {
  color:#666;
  text-decoration:underline;
  background:url("../img/pathway.gif") 100% 50% no-repeat #fff;
}

#location li.last a,
#location li.last a:hover {
  color:#666;
  text-decoration:none;
  background:#fff;
}

#location:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html #location { height:1%; }


/* ---------------- content text items --------------- */

h3,
h3.blue {
  padding:0 0 .5em 0;
  margin:0;

  font-size:1.3em;
  background:#fff;
}

h3.blue {
  color:#0055b2;
  border-bottom:1px solid #ccc;
}

.columntext a,
.columntext a:link,
.columntextwide a,
.columntextwide a:link {

  padding: 0 1.2em 0 0;
  margin:0;

  color:#0054b2;
  font-size: 1em;
  text-decoration: none;
  background: url("../img/meer.gif") 100% 8% no-repeat #fff;
}

.columntext a:hover,
.columntextwide a:hover {
  color: #0054b2;
  text-decoration: underline;
  background: url("../img/meer.gif") 100% 50% no-repeat #fff;
}

/* ---------------- general rounded boxes --------------- */

.roundboxes {
  padding:0 0 0 20px;
  margin:0;

  background:url("../img/box/bottomleft.gif") 0 100% no-repeat;
}

* html .roundboxes {height:1%;}

.roundboxes div {
  padding:0 0 20px 0;
  margin:0;

  background:url("../img/box/bottomright.gif") 100% 100% no-repeat;
}

.roundboxes div div {
  padding:0 20px 0 0;
  margin:0;

  background:url("../img/box/topright.gif") 100% 0 no-repeat;
}

.roundboxes div div div {
  padding:20px 0 0 20px;
  margin:0 0 0 -20px;

  background:url("../img/box/topleft.gif") 0 0 no-repeat;
}

.roundboxes div div div div {
  padding:0;
  margin:0;

  background:transparent;
}


/* ---------------- specific rounded boxes faunabase -------------- */

#faunabasehead {
  height:120px;

  color:#fff;
  background:url("../img/box/faunabasehead.png") top left no-repeat #0054b2;
}

#faunabasehead ul li,
#faunabase ul li {
  padding:1em 1em;
  list-style-type:none;
}

#faunabase {
  color:#fff;
  background:#4cb200;
}

#faunabase ol li {
  list-style-type:none;
  background:none;
}

#faunabase dl dd {
  float:left; display:inline;
  padding:0 0 .5em 0;
  margin:0;
  list-style-type:none;
}

#faunabasesearch select.searchbase {
  float:left; display:inline;
  padding:0; margin:0;
  width:6em;
}

#faunabasesearch input.searchbasesubmit {
  float:right; display:inline;
  padding:0;
  margin:0;
}

#faunabase a,
#faunabase a:visited {
  float:left; display:inline;
  clear:both;
  color: #fff;
  text-decoration:none;
  background: #4cb200;
}

#faunabase a:hover {
  color: #fff;
  text-decoration:underline;
  background: #4cb200;
}

#faunabasesearch:after {
  content:".";
  height:0;
  visibility:hidden;
  clear:both;
  display:block;
}

* html #faunabasesearch {height:1%;}


/* ------------------- specific rounded boxes faq ----------------- */

#faq .roundboxes {
  color:#fff;
  background-color:#0054b2;
}

#faq h2 {
  padding:0; margin:0;
  font-size:1em;
}

#faq ol {
  padding:.5em 0; margin:0;
  list-style-position:inside;
}

#faq li {
  padding:.1em 0; margin:0;

  font-size:.9em;
  background:none;
}

#faq a {
  padding:0; margin:0;

  color:#fff;
  text-decoration:none;
  background:#0054b2;
}

#faq a:hover {
  color: #fff;
  text-decoration:underline;
  background:#0054b2;
}

#gans {
  padding:0; margin:0;
  height:49px;

  color:#666;
  background:url("../img/box/gans.gif") 75% 0 no-repeat #fff;
}

#print a {
  background: url("../img/printer.png") 0 50% no-repeat;
  color: #666666;
  display: block;
  padding: 0.5em 0.5em 0.5em 2em;
  text-decoration: none;
}

.navcolumn #print {
  margin-top: 2em;  /* extra space in left menu */
}


/* ------------------- specific rounded boxes provincie --------------- */

#provincie {
  background:url("../img/box/provincies.png") 50% 0 no-repeat #ff4b00;
}

#provincie .roundboxes {
  background:url("../img/box/bottomleft.gif") 0 100% no-repeat transparent;
}

#provincie .roundboxes div {
  background:url("../img/box/bottomright.gif") 100% 100% no-repeat transparent;
}

#provincie .roundboxes div div {
  background:url("../img/box/topprovright.gif") 100% 0 no-repeat transparent;
}

#provincie .roundboxes div div div {
  background:url("../img/box/topprovleft.gif") 0 0 no-repeat transparent;
}

#provincie .roundboxes div div div div {
  padding:0; margin:0;
  background:none transparent;
}

#selectprov {
  max-width:9em;
}

#flashcontainer {
  height:200px;
  text-align:center;
}

#provinciesearch {
  margin:0;
  padding:25px 0 0 0;
}


/* -------------- specific rounded boxes areacode --------------- */

#areacode {
  padding:0; margin:0;

  background:#4cb200;
}

#areacode h4 {
  padding:0 0 1em 0;
  margin:0;
  font-size:120%;

  background:#4cb200 none;
}


/* -------------------- css/tooltip.css -------------------- */

#areacode {
  position:relative;

  color:#fff;
  text-decoration:none;
  cursor:help;
}

#areacode form {
  position: relative; /* for tip */
  padding:0; margin:0;
}

#areacode .tip {
  display:none;
  position:absolute;
  padding:1em;
  top:2em;
  left:1em;
  width:14em;
  z-index:100;

  color:#666;
  font-size:.9em;
  font-weight:normal;
  border-top:1px solid #ccc;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
  border-left:1px solid #ccc;
  background:#ffc;
}

#areacode:hover .tip,
#areacode.hover .tip {
  display:block;
}


/* ------------------- specific rounded boxes provincie --------------- */

#postcodesearch {
  background:url("../img/box/postcodes.png") 50% 0 no-repeat transparent;
}

#postcodesearch .roundboxes {
  background:url("../img/box/bottomleft.gif") 0 100% no-repeat transparent;
}

#postcodesearch .roundboxes div {
  background:url("../img/box/bottomright.gif") 100% 100% no-repeat transparent;
}

#postcodesearch .roundboxes div div {
  background:url("../img/box/topprovright.gif") 100% 0 no-repeat transparent;
}

#postcodesearch .roundboxes div div div {
  background:url("../img/box/topprovleft.gif") 0 0 no-repeat transparent;
}

#postcodesearch .roundboxes div div div div {
  padding:0; margin:0;
  background:none transparent;
}

#postcode {
  margin:0; padding:0;
  height:220px;
  background:#f30;
}

#postcodeform {
  background:#f30;
}


/* --------------- specific rounded boxes vergunning ----------------- */

#vergunninghead {
  height: 110px;

  background: url("../img/box/vergunninghead.png") 50% 100% no-repeat;
}

#vergunning { background: url("../img/box/vergunning.png") 50% 0 no-repeat; }

#vergunninghead ul li,
#vergunning ul li {
  padding:0; margin:0;
  height:29px;
  list-style-type:none;
}


/* ---------------- sitemap --------------- */

ul#sitemap {
  font-size:1.2em;
  list-style-image:url("../img/bullet.gif");
}

#sitemap ul {
  font-size:.95em;
}

#sitemap li {
  padding:.2em .2em 0 .2em; margin:0;
}

#sitemap li a {
  padding:.1em; margin:0;

  color:#0054b2;
  text-decoration:none;
  border-bottom:2px solid #fff;
}

#sitemap li a:hover {
  color:#4cb200;
  border-bottom:2px solid #0054b2;
}


/* --------------------  search page and results  -------------------- */

#searchpage {
  padding:2em;
}

#searchpage form {
  margin:0;
  padding:.5em 10px;
  clear:both;
  line-height:1.4em;
  border:1px solid #e5e5e5;
  background-color:#eee;
}

* html #searchpage form { height:1%;}
#searchpage form:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

#wsc_extendedform div, #wsc_simpleform div {
  margin:.2em;
}

.searchoption {
  margin:0;padding:0;
  width:32%;
  float:left;
}

#searchpage label {
  margin:0; padding:0;
  display:block;

  font-size:92%;
  font-weight:bold;
}

#searchpage select, #searchpage input {
  font-size:92%;
}

.wsc_highlight {
  font-weight:bold;
}

.wsc_result {
  padding-top:1em;
}

.wsc_result dt {
  font-size:115%;
}

.wsc_result dd {
  margin:0;padding:0;
}

#contents .wsc_result dd p,
#contents .wsc_result dd p a,
#contents .wsc_result dd p a:visited  {
  margin:0;padding:0;
  color:#008000;
}

#wsc_summary {
  margin:1em 0;
}

#wsc_sortby dt,
#wsc_sortby dd {
  margin:0;padding:0;
  list-style-type:none;
  display:inline;
}

#wsc_pagenav {
  list-style-type:none;
  text-align:center;
}

#wsc_pagenav li {
  list-style-type:none;
  margin:0 .2em;
  display:inline;
}


/* --------------------  webpack  -------------------- */

.whwp-question {
  margin:1em 0;
}

.whwp-question label {
  font-weight:bold;
}

.whwp-formgroup label {
  font-weight:normal;
}

.whwp-required {
  font-size:92%;
}

.whwp-errors {
  font-size:92%;
  color:#f00;
  margin:.5em 0 0 0;
}


/* ---------------- footer -------------------- */

#footer {
  clear:both;
  padding:.5em .5em .5em 2em;
  margin:2em 0 0 0;

  color:#fff;
  font-size:.9em;
  border-top:none;
  border-right:1px solid #fff;
  border-bottom:none;
  border-left:1px solid #fff;
  background:#0054b2;
}