/* ----- STANDAARD LETTERTYPE ----- */
body,td,th {
  font-family: Verdana,Arial, Helvetica, sans-serif;
/*  letter-spacing: 0.02em;
  line-height: 105%; */
  background-color: white;
}

/* ----- BLADSPIEGEL ----- */
html,body {
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

/* ----- LINKER KADER ----- */
td.left {
    background-image: url("pix/kaderlinks.jpg");
    background-repeat: repeat-y;
    background-position: right;
}

/* ----- RECHTER KADER ---- */
td.right {
    background-image: url("pix/kaderrechts.jpg");
    background-repeat: repeat-y;
}

/* ----- BOVEN KADER ----- */

#topbalk table, #topbalk td {
  background-color: #f00505;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
}

/* ----- HORIZONTALE MENUBALK ----- */

#hmenubalk table, #hmenubalk td {
  background-color: #222f75;
  color: white;
  font-size: 13px;
  font-weight: bold;
}
#hmenubalk a, #hmenubalk a:link, #hmenubalk a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /* padding-top: 5px; */
  color: white;
  font-size: 12px;
  text-decoration: none;
}
#hmenubalk a:active, #hmenubalk a:hover {
  text-decoration: underline;
  color: red;
}

/* ----- MAIN KADER MET MENU ----- */

#mainkader table, #mainkader td {
  background-color: white;
  color: black;
  background-image: url();
}
#mainkader .locatie,
#mainkader .locatie a,
#mainkader .locatie a:link,
#mainkader .locatie a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 3px;
  padding-right: 7px;
  color: #222f75;
  font-size: 10px;
  text-decoration: none;
  text-align: right;
}
#mainkader .locatie a:hover,
#mainkader .locatie a:active {
  text-decoration: underline;
  color: red;
}
#mainkader span.pijltje {
    font-size: 150%;
    color: gray;
}



/* ----- STIJLEN MAIN CONTENT -----
 *
 * De main content begint altijd met <div id='main'>
 * en sluit af met </div>                                       */

/* Main content, basis instellingen. */
#main ,#main td {
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-right: 20px;
  z-index: 10;
}

/* Titels in artikel */
#main h1 {
  color: red;
  font-size: 18px;
  margin-bottom: -3px;
}
/* Subtitels in artikel */
#main h2 {
  color: #222f75;
  font-size: 14px;
  margin-bottom: -3px;
}


/* Inleidende alinea bij artikel */
#main .intro {
  color: #000090;
  font-weight: bold;
}

/* Links in de main content */
#mainkader a,
#mainkader a:link,
#mainkader a:visited  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 5px;
  color: #222f75;
  font-size: 12px;
  text-decoration: none;
}
#mainkader a:hover,
#mainkader a:active  {
  color: red;
  text-decoration: underline;
}

/* Links bij de intro */
#intro a,
#intro a:link,
#intro a:visited  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 5px;
  color: white;
  font-size: 9px;
  text-decoration: none;
}
#intro a:hover,
#intro a:active  {
  color: blue;
}

/* algemene titel 1e nivo */
#mainkader .titel0 {
    padding-top: 15px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #222f75;
}
#mainkader .titel1 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #222f75;
}
/* algemene titel 2e nivo */
#mainkader .titel2 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    /* color: #222f75; */
    color: red;
}
/* algemene titel 3e nivo */
#mainkader .titel3 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 75%;
    color: #666666;
}

/* formulieren */
#mainkader input.text {
  background-color: #d0e0ef;
  border: solid gray 1px;
  width: 200px;
}
#mainkader input.textsmall {
  background-color: #d0e0ef;
  border: solid gray 1px;
  width: 75px;
}
#mainkader input.texttiny {
  background-color: #d0e0ef;
  border: solid gray 1px;
  width: 40px;
  text-align: center;
}
#mainkader input.radio {
}
#mainkader textarea {
  background-color: #d0e0ef;
  border: solid gray 1px;
  width: 250px;
  height: 80px;
}

/* inspringende paragraaf */
#mainkader p.inspring {
    margin-left: 30px;
    margin-right: 30px;
    color: #222f75;
}
/* het kader waarin de tabel met cellen komt */
/* tabel met cellen bij adressen */
#mainkader #inspring table {
    margin: 0px 0px 20px 50px;
    padding: 0px 0px 0px 0px;
}
/* cellen bij adressen */
#mainkader #inspring td {
    vertical-align: top;
    color: #222f75;
}
/* de linker cel bij adressen */
#mainkader #inspring td.label {
    width: 50px;
    color: #222f75;
}

/* ----- ONTKADER ----- */
#popup {
  margin: 10px;
  font-size: 12px;
  color: #222f75;
}

#popup h1 {
  font-size: 18px;
  font-weight: bold;
  color: red;
}
#popup h2 {
  font-size: 14px;
}
#popup .titel1 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #222f75;
}
#popup .titel2 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    /* color: #222f75; */
    color: red;
}
#popup .titel3 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 75%;
    color: #666666;
}

/* ----- OVERIG ----- */

/* id om tabellen op 100% hoogte te krijgen icm doctype en 100% html & body */
#fullheight {
  height: 100%;
}

/* introductie pagina layout. Ook elders te gebruiken */
p.intropage {
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

/* tabel regel met witruimte onder de regel */
td.witonder {
  padding-bottom: 7px;
  vertical-align: top;
}



/* ----- NIEUW IVM MENU & LAYOUT AANPASSINGEN ----- */
/* 2007-09-16 Advies en zo */


/* Menubeheerschermen */

IMG[alt="Foutmelding"], IMG[alt="Let op !"] {
	padding: 0px 10px 3px 0px;
}

#menubeheer, #menuedit {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
}

#menubeheer P, #menuedit P, #menuedit INPUT {
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

#menubeheer td, #menuedit td {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 8px 5px 5px 5px;
	vertical-align: top;
}


#menubeheer td img, #menuedit td img {
	border: 0px none;
	padding: 0px;
}


#menuedit td label, #menuedit td p.inputlabel {
	font-weight: bold;
}
#menuedit input + label {
	font-weight: normal;
	width: auto;
}


#menubeheer td .uitleg, #menuedit td .uitleg {
	font-size: 90%;
	color: #666666;
	background-color: transparent;
}

#menuedit td.error {
	color: #000000;
	background-color: #FF9999;
}

#menuedit input.button {
	padding: 1px 3px;
}

/* ----- NIEUW IVM VERWIJSBESTAND ----- */
/* 2007-11-28 Advies en zo */

.verwijs td { vertical-align: top; min-height: 18px; padding: 2px;}
.verwijs th { font-weight: bold; color: #222F75; background-color: transparent; text-align: left; padding: 18px 2px 2px 2px; }