/*****************************************************************/
/* Kleuren                                                       */
/*****************************************************************/
/* nieuws (en homepage) */
.headn       { background: #FFD4B8 }      /* achtergrondkleur heading */
.back,       { background: #FFE2D0 }      /* achtergrondkleur tekst */
.leftn       { background: #FF883A } /* achtergrondkleur leftcolumn homepage */
.lefttopn    { background: #FF7216 }
.backn       { background: #FFEEE3 }      /* achtergrondkleur tekst */
.buttonn     { background: #A1A3A5 }
.buttonh     { background: #A1A3A5 }
.merkwaardig { background: #FFBE94 } /* achtergrondkleur merkwaardig tekst */
.homeback    { background: #FFE2D0 } /* achtergrondkleur tekst homepage */
.buttonh a:hover, a.buttonh:hover {background: #C4C4C6 } */
.buttonn a:hover, a.buttonn:hover {background: #FFEEE3 }
a.emailbuttonn {
  width:27px;
  height:18px;
  color: white !important;
  font: 10px Verdana;
  text-decoration:none;
  background: #A1A3A5;
  padding: 3px 0 0 5px;
}
a.emailbuttonn:hover {
  color: #FF7014 !important;
}
h1.titeln, .backn a    { color: #FF883A }

/* merk & mens */
.headm       { background: #F7E7AF }
.backm       { background: #FFF9E3 }
.leftm       { background: #F7D63F }
.lefttopm    { background: #FFCC00 }
.buttonm, .cmsbuttonm     { background: #F9ECBC }
.buttonm a:hover, a.buttonm:hover, .buttonmsel {background: #FFF9E3 }
/*h1.titelm, .backm a    { color: #FFCC00 }*/
h1.titelm, .backm a    { color: #FFAE00 }

/* merk & kennis */
.headk       { background: #ABE3AE }
.backk       { background: #E8FFE6 }
.leftk       { background: #74BD89 }
.lefttopk    { background: #56B471 }
.buttonk     { background: #BAEABC }
.buttonk a:hover, a.buttonk:hover {background: #E8FFE6 }
/*h1.titelk, .backk a    { color: #56B471 }*/
h1.titelk, .backk a    { color: #3E9156 }

/* merk & praktijk */
.headp       { background: #A4D3F1 }
.backp       { background: #DBF2FC }
.leftp       { background: #4F86CA }
.lefttopp    { background: #1D6DD0 }
.buttonp     { background: #B2DBF4 }
.buttonp a:hover, a.buttonp:hover { background: #DBF2FC }
h1.titelp, .backp a    { color: #1D6DD0 }

/* zoeken */
.headz       { background: #C4C5C7 }
.backz       { background: #E4E5E6 }
.leftz       { background: #96989B }
.lefttopz    { background: #878B90 }
.buttonz     { background: #C4C4C6 }

/* community */
div.buttonc,  div.buttoncsel  { 
  background: #FF7014; 
  margin-bottom: 2px;
}
div.buttonc a,  div.buttoncsel a {
  color: white;
  font: 10px Verdana;
  text-decoration: none;
  padding: 5px 6px 6px 17px;
  width: 100%;
}
div.buttonc a:hover, div.buttoncsel, div.buttoncsel a {
  background: #FFEEE3;
  color: black;
}

span.zoekterm {
  color: #FF883A; 
  font-weight:bold;  
}


/*****************************************************************/
/* Algemeen                                                      */
/*****************************************************************/
body { 
  margin: 0; 
  padding: 0;
  background: #96989B;
}
.black { background: black }
.gray  { background: #96989B }
.banner {
  margin: 7px 14px;
}
.grayline {
  background: #777A7F; 
}
.darkline {
  background: #675F69;
}
td {
  font: 12px Arial;
}
a {
  color: #002AFF; 
}
input.bh, textarea.bh {
  border: solid 2px #96989B;
  margin: 2px;
  font: 12px Arial;
}
a.link {
  font-size: 10px;
}
a.mtlink {
  font: 11px Verdana;
  color: black;
  text-decoration: none;
}
.merktenor {
  font: 11px Verdana;
  line-height:17px;
}
div.columnistnaam {
  color:#C4C5C5;
  font: 10px Verdana;
  padding: 3px 6px 5px 6px;
}
div.mtfunctie {
  color: #777A7F;
  font: 11px Verdana;
  position: absolute;
  display: none;
  line-height:17px;
}
a.homelink, .homelinktekst {
  color: #777A7F;
  font: 10px Verdana;
  text-decoration:none;
}
.text {
  margin:12px 20px 20px 20px ;
  line-height: 16px;
}
div.modified {
  color: #777A7F;
  font: 10px Verdana;
  margin: 3px 20px 2px;
  text-align: right;
  height: 15px;
}
span.datuma {
  color: #777A7F;
  font: 10px Verdana;
}
.abstract {
  font: 11px Verdana;
  font-weight: bold;
  line-height: 14px;
  padding: 11px 21px 9px 21px;
}
.nieuwsbrief {
  color: #FF7014;
  background: #E5CBBB;
}
.reactietitel {
  color: white;
}
div.reactie {
  font: 11px Arial;
  margin: 14px 20px;
  font: 11px Arial;
  color: #4E4E4E;
}
div.reactieerror {
  font: 11px Arial;
  margin: 4px 20px;
  font: 11px Arial;
  font-weight: bold;
  color: red;
}
.reactie .tekst {
  margin: 4px 0;
}
div.reactie h2 {
  font: 11px Arial;
  font-weight: bold;
}
p {
  margin: 0 0 18px 0;
}
div.abstract p {
  margin: 0;
}
p.small, .small td, .merkwaardig p {
  font: 11px Arial;
  line-height: 13px;
  letter-spacing: 1px;
}
.vraag {
  color: #FF7014;
  font: 18px Verdana;
  font-weight: bold;
}
.aangemeld {
  font: 11px Verdana;
  color:#C4C5C6;
  margin-left:10px;
}
h1 {
  font: 20px Arial;
  font-weight: bold;
  margin: 0px 0 4px;
}
h1.titeln, h1.titelm, h1.titelk, h1.titelp {
  font: 18px Verdana;
  font-weight: bold;
}
h2,h3 {
  font: 10px Verdana;
  font-weight: bold;
  margin: 0 0 4px 0;
  padding: 0;
}
h2 {
  text-transform: uppercase;
}
h4 {
  color: #FF7014;
  font: 11px Verdana;
  margin:0;
}

textarea.reactie, input.reactie {
  /*background:#FFE2D0;*/
  border:0;
  font: 11px Arial;
  color: #4E4E4E;
}
textarea.reactie {
  padding:14px 20px;
}
input.reactie {
  margin-top: -1px;
  padding:2px 20px;
}
div.nieuwsabstract {
  margin: 10px 20px;
}
div.nieuwsabstract h1 {
  margin: 0 0 4px 0;
}
div.nieuwsabstract p {
  margin: 0;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 1px;
}
ul {
  margin: 8px 17px;
}
ol {
  margin: 4px 30px;
}
li {
  line-height: 1.8em;
}

/*****************************************************************/
/* Woordenboek                                                   */
/*****************************************************************/
div.woordboek {
  position: absolute;
  display: none;
  background: #ABE3AE;
  padding: 14px 20px;
  border-top: solid 2px #96989B;
  border-bottom: solid 2px #96989B;
  width: 50%;
  line-height: 16px;
}
div.woordboek {
  right: 139px;
}
span.woord {
  position: relative;
}
a.woord {
  text-decoration: none;
}

a.woord:hover {
  text-decoration: underline;
  color: #002AFF; 
}


/*****************************************************************/
/* Vaste schermelementen                                         */
/*****************************************************************/
#logo { 
  position: absolute;
  top:28px;
  right: 140px;
}
#mainmenu {
  background: #777A7F;
  position: absolute;
  top:70px;
  right: 14px;
  width: 109px;
  z-index: 1;
}
#submenu, #submenuadd {
  position: absolute;
}
#submenuadd {
  margin: 10px 10px;
  top: -60px;
}

#ledenmenu {
  position: absolute;
  top: 240px;
  z-index: 0;
}

#zoek {
  background: #C4C5C6;
  position: absolute;
  width: 109px;
  bottom: 14px;
  right: 13px;
  border: 0;
  font: 10px Verdana;
  height: 20px;
  padding: 4px; 
}
#logoprint {
  display:none;
}
#bannerbox {
  position: absolute;
  top: 340px;
}

/*****************************************************************/
/* Menu en knoppen                                               */
/*****************************************************************/
div.rollmenu {
  overflow: hidden;
  height: 23px;
  margin-bottom: 2px;
}
div.menu, div.menusel {
  cursor: hand;
  color: black;
  background: #C4C5C6;
  font: 10px Verdana;
  padding: 5px 6px 6px;
}
div.menusel {
  background: #FF7014;
  color: white;
}

div.menuitem, div.menuitemsel {
  padding: 1px 6px;
}
div.menuitem a, a.menuitem, div.menuitemsel a {
  font: 10px Verdana;
  text-decoration:none;
  color: black;
}

div.menuitemsel a {
  color: white;
}

div.buttonn, div.buttonh, div.buttonm, div.buttonk, div.buttonp,
div.buttonnsel, div.buttonmsel, div.buttonksel, div.buttonpsel {
  margin-bottom: 2px;
  cursor: hand;
  color: black;
  font: 10px Verdana;
}
div.buttonn a, div.buttonh a, div.buttonm a, div.buttonk a, div.buttonp a,
div.buttonnsel a, div.buttonmsel a, div.buttonksel a, div.buttonpsel a {
  color: black;
  font: 10px Verdana;
  text-decoration: none;
  padding: 5px 6px 6px;
  width: 100%;
  height: 23px;
}
div.buttonnsel a, div.buttonmsel a, div.buttonksel a, div.buttonpsel a {
  color: #FF7014;
}
div.buttonhsel, div.buttonnhel a {
  color: #FF7014;
  background: #C4C4C6;
}
div.buttonnsel, div.buttonnsel a {
  color: #FF7014;
  background: #FFEEE3;
}

a:hover {
  color: #FF7014;
}

/*****************************************************************/
/* CMS buttons                                                   */
/*****************************************************************/
a.buttonn, a.buttonm, a.buttonk, a.buttonp {
  color: black;
  font: 10px Verdana;
  padding: 3px;
  width: 80px;
  text-decoration:none;
  text-align: center;
  margin: 4px;
  /*border: 1px solid #FF7014;*/
}

.error {
  color: red;
}


div.alfabetp, div.alfabetk {
  background: #B2DBF4;
  padding: 6px 0;
  margin-bottom: 2px;
}
div.alfabetk {
  background: #BAEABC;
}
div.alfabetp .disabled, div.alfabetk .disabled {
  font:10px Verdana;
  color: #777A7F;
}
div.alfabetp a, div.alfabetk a {
  color: black;
  font:10px Verdana;
  text-decoration:none;
  height: 100%;
  width: 100%;
}
div.alfabetp a:hover, div.alfabetp a.selected {
  color: FF7014;
  background: #DBF2FC;
}
div.alfabetk a:hover, div.alfabetk a.selected {
  color: FF7014;
  background: #E8FFE6;
}
/*
div.lijstp {
  font: 10px Verdana;
  margin:0px 0px;
}
div.lijstp a {
  padding: 4px 6px;
  text-decoration:none;
  color:black;
  width: 100%;
  height: 23px;
}
*/


/*****************************************************************/
/* Agenda                                                        */
/*****************************************************************/
div.agenda {
  background:#FF883A;
  text-align:right;
}
div.agenda td {
  font: 10px;
  text-align:right;
}
div.homeleft {
  font: 10px;
  padding: 6px;
  background:#FF7216;
}
div.datum {
  font: 10px Verdana;
  color: #FF883A;
  font-weight: bold;
  margin-bottom: 11px;
}
span.vet {
  font: 10px Verdana;
  font-weight: bold;
}
div.small {
  font: 11px;
  /*margin-top: 7px;*/
}
div.titel {
  margin-bottom: 7px;
}
a.white {
  color: white !important;
  text-decoration:none;
}