@charset "utf-8";
/* CSS Document */

div.main {
  position: relative;
  margin-top: 40px;
}
div.topmenu {
  position: absolute;
  width: 100%;
  height: 40px;
  top: -40px;
  left: 0px;
  background: url(/gfx/leeuwarden/header-back.gif);
}
div.topmenu div.home {
  background: url(/gfx/leeuwarden/header-name.gif);
  height: 39px;
  width: 441px;
  font-size: 0px;
}
div.topmenu div.button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  margin: 0px;
  padding: 0px;
  height: 22px;
  width: 74px;
}
div.topmenu div.button a {
  display: block;
  padding: 2px 8px 2px 0px;
  line-height: 18px;
  background: transparent;
  color: #fff;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
}
div.topmenu div.button a:hover {
  background-position: bottom right;
  color: #91abcd;
}
/* The content area */
div.content {
  position: relative;
  margin-right: 208px;
  padding-top: 6px;
  overflow: hidden;
}
/* Menu styles */
div.menu {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 199px;
  padding-top: 6px;
  background-color: #91abcd;
  border-left: solid black 1px;
  border-bottom: solid black 1px;
}
div.menu ul {
  margin: 6px 8px;
  padding: 0px;
}
div.menu li {
  list-style-type: none;
  width: 153px;
}
div.menu a {
  font-size: 8pt;
  display: block;
  line-height: 18px;
  color: black;
  text-decoration: none;
  font-weight: bold;
}
div.menu a:hover {
  color: #2e4769;
}
/* After every header comes a chapter */
.chapter {
  margin: 0px 8px;
}
/* Control: Parts containing script specific controls  */
.control {
  background-color:  #91abcd;
  color: black;
}
.control .c1-2, .control .c1-3 {
  border: solid 1px black;
  border-right: none;
  text-align: left;
}
.control .c2-3 {
  border: solid 1px black;
  border-left: none;
  border-right: none;
  text-align: center;
}
.control .c2-2, .control .c3-3 {
  border: solid 1px black;
  border-left: none;
  text-align: right;
}
.control a {
  display: block;
  color: black;
  text-decoration: none;
  margin: 4px;
}
.control a:hover {
  color: #2e4769;
}
.control input {
  background-color: #2e4769;
  border: solid 1px black;
  margin: 4px;
  cursor:hand; cursor: pointer;
}
.info {
  background-image: url(/gfx/markup/light-shadow.png) !important;
  background-image: none;
}
.info th {
  border: solid 1px #f0f0f0 !important;
  border: solid 1px #fff;
}
/* Generic even and off lines in lists and views */
.even {
  clear: both;
  background-color : #f0f6ff;
  line-height:1.4em;
  padding: 4px;
  }
.odd {
  clear: both;
  background-color: #fff;
  line-height:1.4em;
  padding: 4px;
  }
/* Request: form to search data */
.request {
  width: 100%;
}
table.request tr.hidden {
  display: none;
}
.request tr.first td {
  border-top: solid 1px #000;
}
.request tr.last td {
  border-bottom: solid 1px #000;
}
.request tr.one td {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
}
.request .label {
  border-left: solid 1px #000;
  background-color: #f0f6ff;
  padding: 2px;
}
.request .input {
  border-right: solid 1px #000;
  background-color: #f0f6ff;
  padding: 2px;
}
.request .input select, .request .input input {
  padding-bottom: 3px;
}
.request .unified {
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  background-color: #f0f6ff;
  padding: 2px;
}
/* Request: radio to tabs conversion */
.request .domein-selectie {
  border-bottom: solid 1px black;
  margin: 0px;
  padding: 0px;
  padding-top: 1px; /* needed by IE or labels loose their top border... */
}
.radio-domein {
  position: absolute;
  left: -500px;
}
.domein-selectie label {
  margin: 0px 2px;
  padding: 0px 2px;
  background-color: #fff;
  color: black;
  border: solid 1px black;
}
.domein-selectie label.radioOff {
  border-bottom: solid 1px black;
}
.domein-selectie label.radioOn {
  border-bottom: solid 1px #f0f6ff;
  font-weight: bold;
  background-color: #f0f6ff;
}
/* Result: answer to a request */
.result-hide {
  visibility: hidden;
}
.result-show {
  width: 100%;
}
.result-show .count {
  padding: 8px 4px;
  text-align: center;
}
.result-show .input input {
  border: solid 1px black;
  background-color: #2e4769;
  color: #fff;
  padding: 2px;
  cursor:hand; cursor: pointer;
}
/* View: list of properties */
.view {
  width: 100%;
}
.view td {
  padding: 2px 0px;
}
.view .label {
}
.view .value {
}
.view .script a {
  display: block;
  color: black;
}
.view .script a:hover {
  background-color: #91abcd;
}
/* Obsolete */
.clear-spacer {
  margin: 0px;
  padding: 0px;
  clear: both;
}
/* Styles for points/items */
.agenda .gremium {
  margin-bottom: 0.5em;
  font-size: 1.1em;
}
.agenda .datum {
}
.agenda .aanhef {
  font-weight : bold;
  font-size: 1.1em;
  margin-top: 0.5em;
}
.agenda .punten {
}
.agenda .punten .header {
  position: relative;
  padding: 2px 2px 2px 40px;
  margin: 8px 0px 6px 0px;
  background-color: #fff;
}
.agenda .punten .header .titel {
  font-weight: bold;
}
.agenda .punten .header .body {
  font-style: italic;
}
.agenda .punten .punt {
  position: relative;
  padding: 2px 2px 2px 40px;
  margin: 6px 0px 4px 0px;
  background-color: #f0f0f0;
}
.agenda .punten .punt .tag {
  position: absolute;
  width: 32px;
  text-align: right;
  overflow: hidden;
  left: 2px !important;
  left: -38px;
}
.agenda .punten .tekst {
  width: 100%;
}
.agenda .action {
  float:right;
  display: inline;
}
.agenda .punten .punt .titel {
}
.agenda .punten .punt .body {
}
.agenda .punten .docu {
  position: relative;
  padding: 2px 2px 2px 20px;
  margin: 2px 0px 2px 0px;
}
.agenda .punten .docu .icon {
  position: absolute;
  text-align: left;
  width: 20px;
  overflow: hidden;
  left: 0px !important;
  left: -20px;
}
.agenda .punten .docu .titel {
  width: 100%;
}
.xxx-subpunt {
  position: relative;
  padding: 2px 2px 2px 55px;
  text-indent: -15px;
  margin: 4px 0px 4px 0px;
  background-color: #f0f0f0;
}
/* Styles to show the popup help screen for extended search */
/* Much css for only one item */
.request .question {
  position : relative;
  top: 0px;
  left: 0px;
  margin-left: 5px;
  }
.request .question img {
  display : inline; /* Need to because of tricky inheritance */
  }
.request .question #search-info {
  display : block;
  position : absolute;
  top: -4px;
  left: -1000px;
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
  color: black;
  width : 300px;
  border : 1px solid black;
  background-color: #fde435;
  line-height: 200%;
  z-index: 120;
}
.request .question iframe { /* IE Magic to cover Selects */
  position : absolute;
  top: -4px;
  left: -1000px;
  width : 298px; /* As IE adds the border thickness */
  height: 200px;
  background-color: #fde435;
  border : 1px solid black;
  z-index: 115;
}
.request .question:hover {
  font-size: 100%;
  cursor : help;
}
.request .question:hover #search-info {
  left: 30px;
}
.request .question:hover iframe {
  left: 30px;
}
#search-info .line {
  position: relative;
  margin-left: 7em;
}
#search-info .key {
  position: absolute;
  left: -7em;
}
#search-info tt {
  background-color: white;
  padding: 2px;
  border: solid 1px black;
}