body {
	color: #191970;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: white;
        margin-right: 5em;
        margin-left: 5em;
        text-align: left;
}

.error {
	color: red;
}

p, li, dd, dt {
     font-size: 9pt;
     color: #191970;
}

h1      {
	font-size: 18pt;
}

h2      {
	font-size: 14pt;
}

em      {
        font-style: italic;
}

a:link {
        text-decoration: underline;
}

a:visited {
        text-decoration: underline;
}

a:hover {
        color: red;
}

a:active {
        color: red;
}

h2.werknemerstype {
     margin-left: 1.5cm;
}

div.werknemerstype_0 {
     border-style: solid;
     border-color: green;
     border-width: thick;
     padding-bottom: 0.5cm;
     margin-bottom: 0.5cm;
     width: 80%;
}

p.werknemers {
     margin-left: 1.5cm;
}

table {
    border-collapse:collapse;
}

table.werknemers {
     margin-left: 1.5cm;
     margin-right: 1.5cm;
     width: 80%;
}

.even {
     background-color: #E5E5E5;    
}

odd {
     background-color: white;
}

div.werknemerstype {
     border-style: solid;
     border-color: red;
     border-width: thick;
     padding-bottom: 0.5cm;
     margin-bottom: 0.5cm;
     width: 80%;
}

div.werknemerstype_0 {
     border-color: green;
}

div.werknemerstype_1 {
     border-color: red;
}

div.werknemerstype_2 {
     border-color: blue;
}

div.werknemerstype_3 {
     border-color: orange;
}

table.werknemerstype {
     margin-left: 1.5cm;
     margin-right: 1.5cm;
     width: 80%;
}

td.scholen-login, th.scholen-login {
        width: 8em;
}

td.scholen-name, th.scholen-name {
        width: 15em;
}

td.scholen-postcode, th.scholen-postcode {
        width: 8em;
}

td.scholen-action, th.scholen-action {
        width: 10em;
}

td.werknemers-login, th.werknemers-login {
        width: 8em;
}

td.werknemers-name, th.werknemers-name {
        width: 14em;
}

td.werknemers-phone, th.werknemers-phone {
        width: 10em;
}

td.werknemers-postcode {
        width: 8em;
}

td.werknemers-email, th.werknemers-email {
        width: 8em;
}

td.werknemers-avail, th.werknemers-avail {
        width: 12em;
}

td.werknemers-info, th.werknemers-info {
        width: 18em;
}

td.werknemers-action {
        width: 1.5cm;
}

table.menu {
     border-spacing: 0 0;
}

tr.menu {
     background-color: yellow;
}

td.menu {
        color: #191970;
        height: 7mm;
        border-top-style: solid;
        border-top-color: #191970;
        border-top-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #191970;
        border-bottom-width: 1px;
        border-left-style: none;
        border-right-style: none;
}

td.menu a {
        font-weight: bolder;
        text-decoration: none;
}

td.menu a:link, td.menu a:visited {
        color: #191970;
        text-decoration: none;
}

td.menu a:active, td.menu a:hover {
        color: yellow;
        background-color: #191970;
        text-decoration: none;
}

input, select {
        color: black;
}

.naamref {
        font-style: italic;
}

div.overzicht {
     width: 50em;
     margin-bottom: 2ex;
}

h2.overzicht {
}

table {
     font-size: 9pt;
}

table.overzicht {
     width: 100%;

     font-family: monospace;
     border-left-style: solid;
     border-left-color: blue;
     border-right-style: solid;
     border-right-color: blue;
     border-bottom-style: solid;
     border-bottom-color: blue;
}

th.overzichtsdatum {
     border-top: solid blue;
     border-bottom: solid blue;
     padding-left: 2em;
     background-color: #E5E5E5;
}

th.overzichtsdagdeel, th.overzichtsreden {
     border-left: solid blue;
     border-top: solid blue;
     border-bottom: solid blue;
     padding-left: 2em;
     background-color: #E5E5E5;
}

th.overzichtsschool, th.overzichtswerknemer, th.overzichtstype, th.overzichtsafstand {
     border-left: solid blue;
     border-top: solid blue;
     border-bottom: solid blue;
     padding-left: 2em;
     background-color: #E5E5E5;
}

th.overzichtsreden, th.overzichtswerknemer {
    width: 10em;
}

td.overzichtsdatum-odd, td.overzichtsdatum-even {
     padding-left: 2em;
}

td.overzichtsafstand-odd, td.overzichtsafstand-even, td.overzichtsdagdeel-odd, td.overzichtsdagdeel-even,  td.overzichtsreden-odd, td.overzichtsreden-even, 
td.overzichtsschool-odd, td.overzichtsschool-even, td.overzichtswerknemer-odd ,td.overzichtswerknemer-even, td.overzichtstype-odd, td.overzichtstype-even {
     border-left: solid blue;
     padding-left: 2em
}

th.verloftable_col1 {
     width: 15em;
     font-weight: bold;
}

th.verloftable_col2 {
     width: 30em;
     font-weight: bold;
}

th.verloftable_col3 {
     width: 30em;
     font-weight: bold;
}

select.verlof {
     width: 15em;
}

.letterlijk {
     font-family: monospace;
}

span.letop {
     color: red;
     font-weight: bold;
}

span.verlof {
     color: red;
     font-weight: bold;
}

p.letop {
     border-left: solid;
     border-left-color: red;
     padding-left: 1cm;
}

p.letop {
     border-style: solid;
     border-color: red;
     color: red;
     padding-left: 1cm;
}

pre {
     font-family: Verdana, Tahoma, Helvetica, sans-serif;
}
/* Mogelijk in de toekomst classes om een button onderaan het scherm te laten blijven staan.
   Blijkt helaas niet te werken in de browser(versie) die men bij Tabijn gebruikt.

#hoofdinhoud {
    margin-bottom: 18mm;
}
#onderaanvenster {
     border-style: solid;
     border-color: black;
     height: 10mm;
     width: 100%;
     background-color: #f7f4f7;
     position: fixed;
     bottom: 0;
     z-index: 1;
}

div.knopomhulsel {
    margin-top: 2mm;
}
*/