/* $Id: screen.css,v 1.60 2010-04-23 10:28:38 bram Exp $ */
/* $Name:  $ */

* { margin: 0; padding: 0; }
body, html { height: 100%; width: 100%; }

body, input, button, select, textarea {
  font-family: "Verdana";
}
body { font-size: 0.75em; }
input, button, select, textarea { font-size: 1em; }

body {
  line-height: 1.35em; color: #000; background: url("bg.gif") repeat-y #fff;
}
.eerste { background: url("bg_gradient.jpg") no-repeat #fff; }

#tagline, #telefoon, #website-naam { position: absolute; top: 0; left: 0; }

#website-naam {
  z-index: 2; padding-top: 62px; height: 71px; width: 1004px; text-indent: 190px;
  font-size: 1.75em; font-weight: normal; text-transform: lowercase; white-space: nowrap;
  background: #72634d url("bg_h1.gif") 100% 0%;
  margin: 0;
}

#website-naam a { float: left; text-indent: 0; line-height: 2em; margin: -0.6em 0 0 190px; color: #ACD14F; text-decoration: none; }
#website-naam span { color: #fff; }

#tagline { z-index: 4; top: 95px; left: 499px; top: 99px; margin: 0; width: 336px; height: 66px; }
#tagline a { text-decoration: none; font-size: 2em; color: #fff; }
#tagline img { display: block; }

#telefoon {
  z-index: 3; top: 34px; left: 190px; width: 305px; height: 28px; margin: 0;
  font-size: 1.75em; font-weight: bold; white-space: nowrap; line-height: normal; letter-spacing: -1px;
  color: #fff; background: #72634d;
}
#telefoon span { font-size: 0.5em; font-weight: normal; letter-spacing: normal; }

h1, h2, h3, h4 { margin: 1em 0 0.3em 0; line-height: 1.35em; }
h1 { font-size: 1.2em; }
h2 { font-size: 1em; }
h3 { font-size: 0.8em; }

p, ul, ol, dt, table { margin: 0.3em 0 1em 0; }

ul { padding-left: 20px; }
li { list-style-type: disc; }
ul ul { margin-top: 0; margin-bottom: 0px; }

fieldset { border: 0; }
textarea, .forum input { width: 400px; }
button { padding: 0 4px; }

label { cursor: pointer; }

cite { font-style: normal; }

img { border: 0; }

form dl { margin: 0 0 15px 0; }
form dd { margin: 0 0 2px 155px; }
form dt {
  margin-bottom: 2px;
  overflow: hidden;
  width: 150px;
  float: left;
  white-space: nowrap;
  clear: left;
}
form.alles-verplicht strong label { font-weight: normal; }

table { width: 100%; margin-left: -2px; margin-right: -2px; border-collapse: collapse; border: 2px solid #fff;  }
form table { width: auto; }
th, td { padding: 2px 6px; vertical-align: top; text-align: left; }
td { background: #F2F7E3; border: 2px solid #fff; }
th, th * { color: #fff; background: #72634D; white-space: nowrap; }
td.getal { text-align: center; }
td.datum, td .datum, td.getal { font-size: 0.9em; }
td.gemeente { width: 90px; }
td a { font-weight: bold; }

td, td + td + td, td + td + td + td + td, td + td + td + td + td + td + td { background: #E6F1C9; }
td + td, td + td + td + td, td + td + td + td + td + td, td + td + td + td + td + td + td + td { background: #F2F7E3; }

.error { color: #f00; }
dd p.error { margin: 0; }

p.pad { margin-top: -1.6em; font-size: 0.9em; color: #999; }
p.pad a { color: #4D4DF3; }
p.pad a:visited { color: #885FAE; }
p.pad span { color: #666; }

.auteur, .actief { font-weight: bold; }

#pagina { width: 1004px; min-height: 100%; background: url("bg.gif") repeat-y; }
* html #pagina { height: 100%; }

#inhoud { margin-left: 190px; padding: 218px 21px 80px 21px; width: 583px; min-height: 435px; }

#inleiding, #pay-off { font-weight: bold; }

.belangrijk h2 { background: #72634D; color: #fff; padding: 1px 8px;  }
.belangrijk ul { padding: 8px 0 8px 20px; margin-top: -4px; background: #E6F1C9; }
.belangrijk p { font-weight: bold; }

.menu { position: absolute; top: 0; }
.menu ul { margin: 0; padding: 14px 0; }
.menu ul.eerste { margin-top: 141px; border-top: 0 !important; background: transparent; }
.menu li { display: block; margin: 0; padding: 0; list-style-type: none; }
.menu a { display: block; padding: 6px 15px 6px 0; color: #000; text-decoration: none; font-weight: bold; background: #acd14f; }
.menu span a { color: #000; background: #fff; }
* html .menu li { width: 100%; }

#menu-content { z-index: 2; width: 190px; }
#menu-content ul { width: 175px; margin-left: 15px; border-top: 1px solid #fff; }
#menu-content span a { margin-left: -15px; padding-left: 15px; }
body.eerste #menu-content span a { background: #d4e9a8; }

#menu-overig { z-index: 6; width: 189px; left: 815px; }
#menu-overig ul { margin-left: 32px; border-top: 1px solid #72634D; }
#menu-overig a { color: #ACD14F; background: #4c4537; }
#menu-overig span a { margin-left: -12px; padding-left: 12px; color: #000; background: #acd14f; }

#provincies-tekst { float: right; margin-top: 70px; width: 240px; }

#naar-navigatie { position: absolute; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; }
#naar-navigatie a { position: absolute; display: block; padding: 2px 10px; top: -9999px; white-space: nowrap; background: #fff; }
#naar-navigatie a:focus { top: 0; }

#logo-drempelvrij { position: absolute; left: 847px; top: 649px; width: 157px; padding: 30px 0 10px 0; text-align: center; border-top: 1px solid #72634D; }

#zelf-in-de-hand { margin: -60px 0 0 260px; }
#zelf-in-de-hand img { display: block; }

span.afgesloten { padding-left: 8px; font-size: 0.9em; color: #999; white-space: nowrap; }
h2 span.afgesloten { font-size: 0.75em; font-weight: normal; }
span.telefoonnummer, span.bijelkaarhouden { white-space: nowrap; }