/****************************** TAGS *******************************/

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #ffffff;
  font: 12px Trebuchet MS;
  color: #252525;
  line-height: 18px;
}

img {
  vertical-align: top;
}

a {
  font: 12px Trebuchet MS;
  text-decoration: none;
  color: #9e0b0f;
}

a:hover {
  text-decoration: underline;
}

a img {
  border-width: 0;  
}

ul {
  list-style-type: none;
}

h1, h2 {
  font: bold 18px Trebuchet MS;
}

h1 {
  padding: 20px 0 5px 0;
}

h2 {
  padding-top: 18px;
}

table {
  line-height: 20px;
}

/******************************** GLOBAL CLASSES *********************************/

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.clear-left {
  clear: left;
  height: 0;
  overflow: hidden;
}

.clear-right {
  clear: right;
  height: 0;
  overflow: hidden;
}

.imgr {
  float: right;
  margin-left: 10px;
}

.undrl {
  text-decoration: underline;
}

.undrl:hover {
  text-decoration: none;
}

.display {
  display: block !important;  
}

.header {
  height: 167px;
  background: #ffca91 url("../images/header-bg.jpg") center top no-repeat;
}

.header-inner {
  width: 991px;
  margin: 0 auto; 
}

.logo {
  display: inline;
  width: 266px;
  height: 93px;
  float: left;
  background: url("../images/logo.png") no-repeat;
  text-indent: -99999px;
  margin: 8px 0 0 14px;
  zoom: 1;
  cursor: pointer;
}

.login {
  width: 265px;
  float: right;
  color: #a33727;
  overflow: hidden;
}

.login h2 {
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 11px;
}

.login .label {
  width: 103px;
  float: left;
  font-size: 12px;
  line-height: 16px;
}
.login .label1 { font-size: 12px; line-height: 16px; width: 200px; float: left; }
.login .text-input {
  width: 161px;
  height: 16px;
  float: left;
  background-color: #ffe8ce;
  border: none;
  border-left: 1px solid #b2a290;
  border-top: 1px solid #b2a290;
  margin-bottom: 4px;
}

.tip-link {
  float: left;
  font-size: 10px;
  position: relative;
  top: -2px;
  text-decoration: underline;
}

.tip-link:hover {
  text-decoration: none;
}

.inloggen {
  width: 51px;
  height: 14px;
  float: right;
  background: url("../images/inloggen.gif") no-repeat;
  border-width: 0;
  cursor: pointer;
  margin-top: 2px;
}

.menu-top-spacer {
  height: 8px;  
}

.menu-left,
.menu-right {
    float: left;  
}

.menu {
  width: 970px;
  height: 48px;
  overflow: hidden;
  float: left;  
  background: url("../images/menu-bg.gif") repeat-x;
}

.menu ul {
  float: left;
  vertical-align: top;
  padding-top: 2px;
}

.menu ul li {
  float: left;
}

.menu ul li a,
.menu ul li span {
  display: inline-block;
  height: 42px;
  padding: 0 16px;
  color: #ffffff;
  line-height: 42px;
}

.menu ul li span {
  background-color: #822c1f;
}

.menu form {
  float: right;
  padding-right: 6px;
  position: relative;
  top: -1px;  
  padding-top: 14px;
} 

.menu form .needle {
  width: 200px;
  height: 18px;
  background-color: #b75b4e;
  border: none;
  border-left: 1px solid #804036;
  border-top: 1px solid #804036;
  padding: 0 5px;
  font: 12px Arial;
  color: #ffffff;
  vertical-align: top;  
}

.menu form .submit {
  width: 43px;
  height: 20px;
  background: url("../images/zoek.gif") no-repeat;
  border-width: 0;
  cursor: pointer;
  position: relative;
  left: -1px;
  vertical-align: top;  
}

.header-spacer {
  height: 25px;
}

.main {
  width: 981px;
  margin: 0 auto;
}

/******************************** index.html *********************************/

.left {
  width: 193px;
  float: left;
}

.left h2 {
  height: 34px;
  background: url("../images/l-block-top.gif") no-repeat;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  padding: 8px 12px 0 12px;
}

.l-block {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 0 10px;
}

.l-block-menu li {
  padding: 8px 0 10px 0;
  background: url("../images/li-spacer.gif") left bottom no-repeat;
}

.l-block-menu li.last {
  background: none;
}

.l-block-menu li a {
  line-height: 18px;
}

.l-block-menu li span {
  font-weight: bold;
  line-height: 18px;
  color: #9e0b0f;
}

.l-block-bottom {
  height: 8px;
  background: url("../images/l-block-bottom.gif") no-repeat;
  overflow: hidden;
}

.l-block-spacer {
  margin-bottom: 12px;
}

.banner {
  display: inline-block;
  margin-bottom: 10px;
}

.banner img {
  border: 1px solid #cccccc;
}

.middle {
  width: 533px;
  float: left;
  margin-left: 6px; 
}

.middle-full {
  width: 775px;
  float: left;
  margin-left: 6px; 
}

.m-block-top {
  height: 8px;
  background: url("../images/m-block-top.gif") no-repeat;
  overflow: hidden;
}

.m-block-bottom {
  height: 7px;
  background: url("../images/m-block-bottom.gif") no-repeat;
  overflow: hidden;
  margin-bottom: 5px;
}

.m-block-top-full {
  height: 8px;
  background: url("../images/m-block-top2.gif") no-repeat;
  overflow: hidden;
}

.m-block-bottom-full {
  height: 7px;
  background: url("../images/m-block-bottom2.gif") no-repeat;
  overflow: hidden;
  margin-bottom: 5px;
}

.m-block {
  border-right: 1px solid #cccccc;
  padding: 0 10px;
  height: 1%;
  overflow: hidden;
}
.m-block ul { margin-top: 10px; margin-left: 30px; list-style-type: disc; }
.h-vacatures {
  width: 85px;
  height: 67px;
  float: left;
  background: url("../images/bracket.gif") right top no-repeat;
  color: #9e0b0f;
  text-align: center;
  padding-right: 16px;
  position: relative;
}

.h-vacatures h2 {
  font-size: 16px;
  color: #a33727;
  padding: 0 0 18px 0;
}

.h-vacatures img {
  vertical-align: 1px;
  cursor: pointer;
}

.vac-spacer {
  position: relative;
  top: -1px;  
}

.vac-left-arrow {
  margin-right: 3px;  
}

.vac-right-arrow {
  margin-left: 6px; 
}

.vac-blank {
  background: url("../images/blank.gif") repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
}

.vacatures {
  display: block;
  width: 390px;
  height: 67px;
  float: left;
  margin: 0 0 0 15px;
  overflow: hidden;
}

.m-block .vacatures p {
  padding-top: 0;
}
.m-block .usual-table { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.vacatures div {
  width: 100%;
  height: 100%;
}

.vacatures h3 {
  font-size: 14px;
  padding: 3px 0 1px 0;
}

.new {
  margin: 15px 5px 0;
  border-bottom: 3px solid #d3d3d3;
  padding-bottom: 5px;
}

.new a {
  text-decoration: underline;
}

.new a:hover {
  text-decoration: none;
}

.date {
  background-color: #a6312a;
  font-weight: bold;
  color: #ffffff;
  padding: 0 6px;
  line-height: 16px;
}

.yellow {
  background-color: #ffd087;
  font-weight: bold;
  color: #ffffff;
  padding: 0 4px;
  line-height: 16px;
  margin-left: 1px;
}

.new h2 { font-size: 20px; font-weight: bold; padding-top: 10px; }

.new p { margin: 0; padding-top: 5px; padding-bottom: 5px; }

.photo { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 117px; height: 100px; overflow: hidden; float: right; margin: 15px 0 0 40px; }

.content {
  padding-bottom: 50px;
}
.content td { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; border-bottom: 1px dashed #ccc; }
.content td strong { font-size: 10pt; }
.content li { margin-top: 5px; margin-left: 30px; list-style-type: disc; }
.content li ul li { list-style-type: circle; margin-left: 30px; }
.m-block p {
  padding-top: 20px;
}

.right {
  width: 241px;
  float: left;
  margin-left: 8px; 
}

.word-lid {
  display: block;
  width: 240px;
  height: 80px;
  background: url("../images/word-lid.gif") no-repeat;
  text-align: center;
  font: bold 22px Trebuchet MS;
  color: #ffd899;
  line-height: 80px;
  margin-bottom: 8px;
}

.word-lid-full {
  display: block;
  width: 192px;
  height: 80px;
  background: url("../images/word-lid2.gif") no-repeat;
  text-align: center;
  font: bold 22px Trebuchet MS;
  color: #ffd899;
  line-height: 80px;
  margin-bottom: 8px;
}

.word-lid strong {
  color: #ffffff;
}

.r-block-top {
  height: 10px;
  background: url("../images/r-block-top.gif") no-repeat;
  overflow: hidden;
}

.r-block-bottom {
  height: 7px;
  background: url("../images/r-block-bottom.gif") no-repeat;
  overflow: hidden;
  margin-bottom: 15px;
}

.r-block {
  border-right: 1px solid #cccccc;
}

.r-block h2 {
  font-size: 16px;
  color: #a33727;
  padding: 12px 20px 0 20px;
}

.r-block dl {
  padding: 10px 20px 0 20px;
}

.r-block dt {
  font-size: 10px;
  color: #252525;
  padding-top: 10px;
}

.r-block dd {
  padding-bottom: 14px;
  background: url("../images/dl-spacer.gif") left bottom repeat-x;
}

.r-block dd.last {
  background: none;
  padding-bottom: 0;
}

.red-button {
  display: block;
  width: 230px;
  height: 22px;
  margin: 25px auto 1px auto;
  background: url("../images/red-button.gif") right -22px no-repeat;
  line-height: 22px;
  color: #ffffff;
}

.red-button span {
  display: block;
  margin-right: 5px;
  padding-left: 5px;
  background: url("../images/red-button.gif") no-repeat;
  text-align: center;
}

.footer {
  width: 980px;
  margin: 15px auto 0 auto;
}

.footer-left,
.footer-right {
  float: left;
}

.footer-inner {
  width: 960px;
  float: left;
  background: url("../images/footer-bg.gif") repeat-x;
  line-height: 34px;
  font-size: 11px;
  color: #ffffff;
  padding: 0 5px;
  margin-bottom: 20px;
}

.footer-inner a {
  font-size: 11px;
  color: #ffffff;
}

.footer-inner span {
  margin: 0 5px;
}

.creator {
  font-size: 9px;
  color: #959595;
  float: left;
  padding: 0 0 30px 8px;
}

.creator a {
  font-size: 9px;
  color: #959595;
}

.janssen {
  font-size: 9px;
  color: #959595;
  float: right;
}

.janssen a {
  margin-left: 10px;
}

.janssen a img {
  vertical-align: middle;
}

/******************************** nieuws.html *********************************/

.path {
  width: 955px;
  margin: 0 auto;
  overflow: hidden;
  padding: 8px 0;
}

.path li {
  float: left;
}

.path li a {
  font-size: 11px;
}

.path li span {
  color: #9e0b0f;
  margin: 0 7px;
}

/******************************** over_vvro.html *********************************/

.bestuur h2 {
  padding-top: 15px;
  font-size: 12px;
}

.bestuur table {
  border-collapse: collapse;
}

.left-column {
  width: 140px;
}

.contact {
  padding-top: 40px;
}

.contact a {
  text-decoration: underline;
}

.contact a:hover {
  text-decoration: none;
}

/******************************** jaargang_2007.html *********************************/

.book {
  margin: 30px 20px 0 0;
  float: left;
}

.describing {
  width: 360px;
  padding-top: 30px;
  float: left;
  line-height: 20px;
}
.describing li { margin-left: 20px; list-style-type: disc; }
.markered li {
  background: url("../images/marker.gif") 0px 7px no-repeat;
  padding-left: 7px;
}

.verstuur {
  width: 115px;
  margin: 120px 0 15px 0;
  float: right;
}

/******************************** online_inschrijving.html *********************************/

.contact-form {
  line-height: 20px;
  padding-top: 20px;
}

.contact-form .label {
  width: 120px;
  float: left;
}
.contact-form .label1 { width: 200px; float: left; }
.contact-form input {
  width: 285px;
  height: 18px;
  border: 1px solid #dbd5cd;
  float: left;
  margin-bottom: 3px;
}

.contact-form input.small {
  width: 285px;
}

.contact-form select {
  width: 287px;
  height: 20px;
  float: left;
  margin-bottom: 3px;
}

.cont-button {
  width: 115px;
  margin: 20px 0 10px 0;
}

.grey-liner {
  height: 3px;
  overflow: hidden;
  background-color: #d3d3d3;
  margin: 10px 0; 
  position: relative;
  top: 15px;
}

/******************************** over_vvro.html *********************************/

.over .left {
  width: 488px;
}

.over .left h2 {
  height: 30px;
  background: url("../images/ov-l-block-top.gif") no-repeat;
  padding-top: 6px;
}

.over .l-block {
  padding-top: 10px;  
}

.over .left .l-block-bottom {
  height: 8px;
  background: url("../images/ov-l-block-bottom.gif") no-repeat;
  overflow: hidden;
}

.over .middle {
  width: 239px;
  margin-left: 7px; 
}

.over .middle h2 {
  height: 30px;
  background: url("../images/ov-m-block-top.gif") no-repeat;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  padding: 6px 12px 0 12px;
}

.over .m-block {
  border-left: 1px solid #cccccc;
  padding-top: 10px;
}

.over .middle .m-block-bottom {
  height: 8px;
  background: url("../images/ov-m-block-bottom.gif") no-repeat;
  overflow: hidden;
}

.half a {
  font-size: 11px;
  text-decoration: underline;
}

.half {
  width: 230px;
  float: left;
  padding: 20px 0 25px 0;
}

.half a:hover {
  text-decoration: none;
}

.over input.second {
  margin-left: 10px;
}

.over .m-block table td {
  line-height: 18px;
}

.over .m-block table td.first {
  width: 70px;
} 

.over .m-block table a {
  font-size: 11px;
}

.over .m-block .grey-line {
  height: 1px;
  overflow: hidden;
  background-color: #b7b7b7;
  margin: 15px 0;
}

.over .m-block a.zoek {
  display: inline-block;
  font-size: 11px;
  text-decoration: underline;
  margin-top: 49px;
}

.over .m-block a.zoek:hover {
  text-decoration: none;
}

.calendar a.agenda {
  display: inline-block;
  font-size: 11px;
  text-decoration: underline;
  margin-top: 39px;
}

.calendar .prev {
  float: left;
  font-size: 11px;
  color: #252525;
}

.calendar .next {
  float: right;
  font-size: 11px;
  color: #252525;
}

.calendar .month {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}

.calendar .subj {
  width: 216px;
  margin: 0 auto;
  background-color: #ffd187;  
  padding: 10px 0 20px 0;
  margin-top: 15px;
  position: relative;
} 

.calendar .subj table {
  width: 90%;
  margin: 0 auto;
}

.calendar .subj table td {
  text-align: center;
  font-size: 11px;
}

.calendar .subj table a {
  background-color: #9e0b0f;
  color: #ffffff;
  padding: 0 4px;
  line-height: 17px;
}

.subj .tl {
  position: absolute;
  left: 0;
  top: 0;
}

.subj .tr {
  position: absolute;
  right: 0;
  top: 0;
}

.subj .bl {
  position: absolute;
  left: 0;
  bottom: 0;
}

.subj .br {
  position: absolute;
  right: 0;
  bottom: 0;
}

/******************************** documentatie.html *********************************/

.wide-list {
  line-height: 40px;
  padding-top: 5px;
}

.wide-list a {
  font-size: 12px;
  text-decoration: underline;
}

.wide-list a:hover {
  text-decoration: none;
}

/******************************** lid-worden.html *********************************/

.lid h2 {
  font-size: 14px;
  padding-top: 20px;
}

.lid ul { line-height: 20px; margin-left: 30px; list-style-type: disc; }
.lid p { line-height: 20px; margin-top: 0; margin-left: 3px; padding-top: 10px; }
/******************************** nieuws_recent_indivu.html *********************************/

.link-spacer {
  margin: 0 5px;
}

.pb-h1 {
  padding-bottom: 35px;
}

.big-photo { background: url(../images/big-photo-shadow.gif) no-repeat; float: right; margin: 5px 0 0 15px; }

/******************************** tijdschrift.html *********************************/

.grey-spacer {
  height: 1px;
  overflow: hidden;
  background-color: #cccccc;
  margin: 8px 13px -11px 0; 
}

/******************************** vacatures.jpg *********************************/

.lh-more p {
  line-height: 24px;
}

.usual-table { font-size: 11px; border-top-color: #ccc; border-top-width: 1px; }
.usual-table ul { font-size: 11px; margin-left: 30px; list-style-type: disc; }
.usual-table th {
  text-align: left;
}

.usual-table a { font-size: 11px; color: #9e0b0f; text-decoration: none; }

.usual-table a:hover {
  text-decoration: underline;
}

.usual-table th,
.usual-table td { line-height: 18px; padding: 3px 10px 3px 5px; border-top: 1px dotted #ccc; }

.usual-table td strong {
  color: #9e0b0f;
}
.usual-table .titel { color: #9e0b0f; font-size: 14px; }
.vac-hl {
  width: 196px;
}

.vac-name {
  width: 197px;
}

.vac-date {
  width: 59px;
}

.usual-table .even td {
  background-color: #eeeeee;
}

/******************************** registreren.html *********************************/

.reg {
  font-weight: bold;
  line-height: 23px;
  padding-top: 22px;
}

.reg .label { color: #9e0b0f; text-align: right; width: 90px; float: left; }
.reg .label1 { font-weight: normal; width: 250px; float: left; }
.reg .strong-label { width: 195px; float: left; color: #9e0b0f; font-weight: normal; font-style: normal; line-height: 120%; margin-left: 13px; padding-bottom: 10px; }
.reg .strong-label1 { color: #9e0b0f; font-style: normal; font-weight: normal; line-height: 120%; margin-left: 13px; padding-bottom: 10px; width: 350px; float: left; }
.reg input { width: 180px; height: 18px; float: left; padding: 0 5px; border: inset 1px #dbd5cd; margin-left: 13px; font-size: 11px; font-family: "Trebuchet MS"; background-color: #fffff5; }
.reg .long { font-size: 11px; font-family: "Trebuchet MS"; background-color: #fffff5; margin-left: 13px; padding: 0 5px; width: 385px; height: 18px; float: left; border: inset 1px #dbd5cd; }
.reg .nodecor { background-color: #fff; width: 15px; border-width: 0; }
.reg .checkbox {
  width: auto;
  height: auto;
  float: none;
  padding: 0;
  border: none;
  margin: 0 5px 0 0;
}

.reg .spacer {
  height: 22px;
}

.reg select { font-size: 9pt; font-family: "Trebuchet MS"; background-color: #fffff5; width: 400px; float: left; margin-bottom: 10px; margin-left: 13px; border: inset 1px #c8c8c8; }
.reg option { border: 0 #fff; }
.reg #el11 { padding:0.5em }
.reg hr { color: #dcdcdc; height: 1px; margin-top: 5px; margin-bottom: 5px; }
/******************************** leden_overzicht.html *********************************/

.wide {
  width: 782px;
}

.wide .m-block-top {
  height: 35px;
  background: url("../images/wide-top.gif") no-repeat;
}

.wide .m-block {
  border-left: 1px solid #cccccc;
}

.wide .m-block-top h1 {
  font: 14px Trebuchet MS;
  padding: 6px 0 0 13px;
  color: #ffffff;
}

.wide .m-block-bottom {
  height: 7px;
  background: url("../images/wide-bottom.gif") no-repeat;
}

.wide .usual-table { width: 100%; padding: 10px 0 5px; }

.usual-table img {
  margin: 0 auto;
}

.leov-td-1 { width: 9%; }
.leov-td-2 { width: 28%; }
.leov-td-3 { width: 28%; }
.leov-td-4 { width: 10%; }
.leov-td-5 { width: 17%; }
.leov-td-6 { width: 4%; }
.leov-td-7 { width: 4%; }

/******************************** nieuws_overzicht.html *********************************/

.neov-td-1 { width: 40%; }
.neov-td-2 { width: 16%; }
.neov-td-3 { width: 16%; }
.neov-td-4 { width: 20%; }
.neov-td-5 { width: 4%; }
.neov-td-6 { width: 4%; }

/******************************** leden_indivu.html *********************************/

.wide .m-block-top h1 a {
  font: 14px Trebuchet MS;
  color: #ffffff;
  text-decoration: underline;
}

.wide .m-block-top h1 a:hover {
  text-decoration: none;
}

.leden-form {
  width: 513px;
  margin: 0 auto;
  padding: 10px 0;
} 

.leden-form .label {
  width: 85px;
  float: left;
  padding: 0 14px;
  line-height: 23px;
  background-color: #eeeeee;
  font-weight: bold;
  margin-bottom: 2px;
}

.leden-form .value {
  width: 172px;
  float: left;
  padding: 0 14px;
  line-height: 23px;
  color: #9e0b0f;
}

.leden-form input {
  width: 188px;
  height: 19px;
  float: left;
  line-height: 19px;
  padding: 0 5px;
  border: 1px solid #dbd5cd;
  font-size: 11px;
}
.leden-form select {
  width: 200px;
  height: 21px;
  float: left;
  line-height: 19px;
  border: 1px solid #dbd5cd;
  font-size: 11px;
}

.note {
  font-size: 10px;
  padding: 5px 0 0 14px;
}

.leden-form .red-button {
  width: 83px;
  float: right;
  margin-left: 8px;
  font-weight: bold;
  color: #ffffff;
}

.grey-button,
.grey-button span {
    background-image: url("../images/grey-button.gif");
}

/******************************** nieuws_indivu.html *********************************/

.nieuws-form {
  width: 524px;
  margin: 0 auto;
  padding-top: 15px;  
} 

.nieuws-form .label {
  width: 95px;
  float: left;
  padding: 4px 14px;
  line-height: 13px;
  background-color: #eeeeee;
  font-weight: bold;
  margin-bottom: 2px;
}

.nieuws-form .value {
  width: 91px;
  float: left;
  padding: 0 8px;
  line-height: 21px;
}

.nieuws-form input {
  height: 18px;
  float: left;
  line-height: 18px;
  padding: 0 5px;
  border: 1px solid #dbd5cd;
  font-size: 11px;
  margin-left: 2px;
}

.nieuws-form .input-1 {
  width: 78px;
  margin-right: 15px;
}

.nieuws-form .input-2 {
  width: 157px;
}
.nieuws-form .input-3 {
  width: 387px;
}

.nieuws-form .file {
  width: 355px;
  float: none;
  padding: 0;
  line-height: 14px;
} 

.nieuws-form textarea {
  width: 397px;
  height: 88px;
  float: left;
  border: 1px solid #dbd5cd;
  overflow: hidden;
  margin: 0 0 2px 2px;
}

.nieuws-form .red-button {
  width: 83px;
  float: right;
  margin-left: 8px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 10px;

}

.nieuws-form .panel {
  padding: 20px 0 10px 14px;
  height: 1%;
  overflow: hidden;
}

.nieuws-form .panel img {
  float: left;
  cursor: pointer;
}
.bib { padding-top: 20px; border-top: 1px solid #ccc; }
.year { font-size: 14px; margin-bottom: 20px; }
.year a { font-size: 14px; background-color: #f0f0f0; margin: 0 5px 20px; padding: 3px 5px; border: solid 1px #ccc; }
.attesten { font-size: 13px; }
.attesten td {  }