body {
  font-size: 12pt;
  height: 16cm;			/* nodig voor de paginalayout */
  background-color: #3399CC;
  color: white;
}

a {
  color: #CCCCFF;
}

a:hover {
  background-color: #000066;
}

font.menu {
    font-weight: bold;
}

/***********************/
/*** Schermverdeling ***/
/***********************/
#titelbalk {
    position: fixed;
    width: auto;
    top: 0px;
    left: 20px;
    right: 10px;
    bottom: 95%;
}
#menubalk {
    position: fixed;
    float: left;
    width: 155px;
    height: auto;
    top: 140px;
    left: 20px;
    right: auto;
    bottom: auto;
}
#hoofdpagina {
    position: fixed;
    float: right;
    width: auto;
    height: auto;
    top: 140px;
    left: 200px;
    bottom: auto;
    right: 10px;
}

div.titelbalk {
    text-align: center;
    color: white;
    background-color: #0000AA;
}
div.menubalk {
    text-align: center;
    color: white;
    background-color: #003388;
}
div.hoofdpagina {
    background-color: #0000CC;
    text-align: center;
    color: white;
    overflow: show;
}

div.back {
    clear: both;
    page-break-before: always;
    margin: 0.67em -0.5em 2em 0.67em;
    padding: 1em;
}
div.back {
    background: #036;
}
div.menubalk div.back, div.titelbalk div.back, div.hoofdpagina div.back {
    background: #777;
}
div.menubalk, div.titelbalk, div.hoofdpagina {
    margin: -2em 0em 0em -2em;
    padding: 1em;
    border: thin solid #999;
}
/****************************************/

h2 {
    font-style: italic;
    text-shadow: 2px 2px white;
}

h3 {
    font-weight: bold;
    color: #000066;
}
/*** De Body met tabellen: ***/

table.layout {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

td.layout {
    border-width: 0px;
    padding: 5px;
}

table {
    border-width: 1px;
    border-style: ridge;
    padding: 0px;
    width: 100%;
    empty-cells: show;
}

th {
    background-color: #000099;
}

td {
    margin: 0px;
    padding: 3px;
    border-width: 0px;
    border-style: solid;
}

td.menu	{   width: 150px;
	    border: 0px;
	    background-color: #0033FF;
}

/****************************************/

div.menu a {    color: #CCCCFF;
		text-decoration: none;
}
div.menu a:hover {  background-color: #003333;
}

table.ledenlijst {
    border-width: 0px;
    width: 350px;
}
td.ledenlijst {
    border-width: 0px;
}
td.ledenlijst#lidnaam {
    text-align: right;
}
td.ledenlijst#lidinstrument {
    text-align: right;
}
th.ledenlijst {
    text-align: left;
    background-color: #000099;
}

font.error {
    color: red;
    font-size: 150%;
}

font.success {
    color: #00DD00;
    font-size: 150%;
}

font.opmerking {
    color: #00CC99;
    font-style: italic;
    font-size: 125%;
}

font.naamdetails {
    font-family: "Georgia", serif;
    font-weight: bold;
    font-style: italic;
    font-size: 150%;
    text-decoration: underline;
    color: black;
}

table.fotoboek {
    border-width: 0px;
    empty-cells: show;
}

td.fotoboek {
    border-width: 0px;
    text-align: center;
}

td.fotoboek#vorige {
    text-align: left;
}

td.fotoboek#volgende {
    text-align: right;
}

font.fotoboek {
    font-size: 125%;
    color: white;
    font-style: italic;
    background-color: #000066;
}

font.fotoboektitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

table.concerten {
    border-width: 0px;
    empty-cells: show;
}

td.concerten {
    border-width: 0px;
    text-align: center;
}

font.concerten {
    font-size: 125%;
    color: white;
    font-style: italic;
    background-color: #000066;
}

font.concerttitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

font.ledentitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

table.ledentabel {
    border-width: 1px;
    border-style: ridge;
    padding: 0px;
    width: 1250px;
    empty-cells: show;
}

th.ledentabel {
    text-align: center;
    background-color: #000099;
}

td.ledentabel {
    border-width: 0px;
//    background-color: #7777CC;
//    color: #CCCCFF;
    text-align: left;
    margin: 0px;
    padding: 3px;
    border-style: solid;
}

font.linktitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

table.linktabel {
    border-width: 1px;
    border-style: ridge;
    padding: 0px;
    width: 750px;
    empty-cells: show;
}

th.linktabel {
    text-align: center;
    background-color: #000099;
}

td.linktabel {
    border-width: 0px;
    text-align: left;
    margin: 0px;
    padding: 3px;
    border-style: solid;
}

font.agendatitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}
table.agenda {
    padding: 0px;
    empty-cells: show;
    width: 370px;
    border-width: 0px;
}

td.agenda {
    height: 50px;
    width: 50px;
    text-align: center;
    color: #666666;
    padding: 0px;
    border-width: 0;
    background-color: #DDDDDD;
}

td.agenda a {
    color: #9900CC;
    font-size: 150%;
    font-weight: bold;
}

td.agenda a:hover {
    color: #FFFFFF;
    font-size: 200%;
    background-color: #0000CC;
}

th.agenda {
    height: 50px;
    width: 50px;
    text-align: center;
    border-width: 0px;
    background-color: #BBBBBB;
}

table.agendatabel {
    border-width: 1px;
    border-style: ridge;
    padding: 0px;
    width: 750px;
    empty-cells: show;
}

th.agendatabel {
    text-align: center;
    background-color: #000099;
}

td.agendatabel {
    border-width: 0px;
    text-align: center;
    margin: 0px;
    padding: 3px;
    border-style: solid;
}

table.agendadetails {
    border-width: 0px;
    width: 350px;
}

td.agendadetails_links {
    border-width: 0px;
    color: #6699FF;
    font-style: italic;
    font-weight: bold;
    width: 100px;
    text-align: right;
    vertical-align: top;
}

td.agendadetails_rechts {
    border-width: 0px;
    text-align: left;
}

font.mailtitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

table.email {
    border-width: 0px;
    padding: 0px;
    width: 350px;
    empty-cells: show;
}

td.email_links {
    border-width: 0px;
    font-size: 125%;
    font-weight: bold;
    color: #9999CC;
    text-align: right;
    vertical-align: top;
    margin: 0px;
    padding: 3px;
}

td.email_links2 {
    border-width: 0px;
    width: 130px;
    color: #CCCCFF;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    padding: 3px;
}

td.email_midden {
    border-width: 0px;
    text-align: center;
    margin: 0px;
    padding: 3px;
}

td.email_rechts {
    border-width: 0px;
    text-align: right;
    margin: 0px;
    padding: 3px;
}

td.email_rechts2 {
    border-width: 0px;
    text-align: right;
    margin: 0px;
    padding: 3px;
}

font.nieuwstitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

table.nieuws {
    border-width: 1px;
    padding: 0px;
    width: 550px;
    empty-cells: show;
}

th.nieuws_links {
    border-width: 0px;
    text-align: left;
    vertical-align: center;
    margin: 0px;
    padding: 3px;
}

th.nieuws_rechts {
    border-width: 0px;
    text-align: right;
    vertical-align: center;
    margin: 0px;
    padding: 3px;
}

td.nieuws {
    border-width: 0px;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    padding: 3px;
}

td.nieuws_rechts {
    border-width: 0px;
    text-align: right;
    font-style: italic;
    width: 200px;
    margin: 0px;
    padding: 3px;
}

table.nieuws_form {
    border-width: 0px;
    padding: 0px;
    width: 450px;
    empty-cells: show;
}

td.nieuws_form_links {
    border-width: 0px;
    text-align: right;
    vertical-align: top;
    margin: 0px;
    padding: 3px;
}

td.nieuws_form_midden {
    border-width: 0px;
    text-align: center;
    margin: 0px;
    padding: 3px;
}

td.nieuws_form_rechts {
    border-width: 0px;
    text-align: left;
    margin: 0px;
    padding: 3px;
}

font.logintitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

font.logouttitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

font.indextitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

font.gastenboektitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

table.gastenboek {
    border-width: 1px;
    padding: 0px;
    width: 550px;
    empty-cells: show;
}

th.gastenboek_links {
    border-width: 0px;
    text-align: left;
    width: 300px;
    vertical-align: center;
    margin: 0px;
    padding: 3px;
}

th.gastenboek_rechts {
    border-width: 0px;
    //width: 200px;
    text-align: right;
    vertical-align: center;
    margin: 0px;
    padding: 3px;
}

td.gastenboek {
    border-width: 0px;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    padding: 3px;
}

td.gastenboek_links {
    border-width: 0px;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    padding: 3px;
}

td.gastenboek_rechts {
    border-width: 0px;
    text-align: center;
    vertical-align: top;
    margin: 0px;
    padding: 3px;
}

td.gastenboek_naam {
    border-width: 0px;
    text-align: right;
    vertical-align: top;
    margin: 0px;
    padding: 3px;
}

input.file {
    border: 1px #000000 solid;
    background-color: #DDDDFF;
    padding: 0px;
}

input, textarea, select {
    border: 1px #000000 solid;
    background-color: #DDDDFF;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

table.fotoboekbeheer {
    border-width: 0px;
    empty-cells: show;
    width: 500px;
}

th.fotoboekbeheer {
    border-width: 0px;
    background-color: #0000CC;
    text-align: left;
}

td.fotoboekbeheer {
    border-width: 0px;
    background-color: #0000CC;
    text-align: center;
}

font.funtitel {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

font.funtitel2 {
    font-size: 125%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

font.fun {
    font-size: 125%;
    color: white;
    font-style: italic;
    background-color: #000066;
}

/*****************
 * Specials page *
 *****************/

font.specialsTitle {
    font-size: 150%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

font.specialsSubTitle {
    font-size: 125%;
    font-style: italic;
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

font.specials {
    font-size: 125%;
    color: white;
    font-style: italic;
    background-color: #000066;
}

/***********
 * Reports *
 ***********/

font.reportTitle {
    font-size: 130%;
    font-style: italic;
    font-weight: bold;
    color: #222222;
    text-decoration: underline;
}

font.reportSubTitle {
    font-size: 115%;
    font-style: italic;
    font-weight: bold;
    color: #666666;
    text-decoration: underline;
}

font.reportSubSubTitle {
    font-style: italic;
    font-weight: bold;
    color: #999999;
    text-decoration: underline;
}

/**************
 * Repetities *
 **************/

font.titel {
    font-size: 130%;
    font-style: italic;
    font-weight: bold;
    color: #222222;
    text-decoration: underline;
}

font.subtitel {
    font-size: 115%;
    font-style: italic;
    font-weight: bold;
    color: #666666;
    text-decoration: underline;
}

font.subsubtitel {
    font-style: italic;
    font-weight: bold;
    color: #999999;
    text-decoration: underline;
}

td.repetitie_aanwezig {
  color: #66CC44;
}

td.repetitie_afwezig {
  color: #FF3344;
  font-weight: bold;
}
 
td.repetitie_verontschuldigd {
  color: #FF9933;
  font-style: italic;
}

td.repetitie_andere {
  color: #CCCC33;
}

/********************
 * Repetitie beheer *
 ********************/

table.repetities_remove_rehearsals {
  width: 250px;
}

table.repetities_add_rehearsals {
  width: 250px;
}

table.repetities_details {
  width: 750px;
}

table.repetities_add_precense {
  width: 880px;
}

td.repetities_naam {
  width: 200px;
}

td.repetities_datum {
  font-size: 12pt;
  width: 100px;
}

td.repetities_aanwezig {
  width: 100px;
}

td.repetities_three_radios {
  font-size: 12pt;
  width: 220px;
  color: yellow;
  text-align: center;
}

td.repetities_opmerking {
  color: red;
  font-weight: bold;
  text-align: right;
}

td.repetities_acties {
  text-align: center;
}

table.repetities_users {
  width: 500px;
}

table.repetities_overzicht {
  width: 300px;
}

/************/
/* Algemeen */
/************/

table.input_table {
  text-align: center;
  width: 500px;
}

td.input_kol_left {
  text-align: right;
  vertical-align: top;
  width: 150px;
}

td.input_kol_center {
  text-align: center;
}

td.input_kol_right {
  vertical-align: top;
  text-align: left;
}

font.input_opmerking {
  color: #CC9933;
  font-style: italic;
}

table.w750c {
  text-align: center;
  width: 750px;
}

td.datum {
  color: #66CC44;
  width: 100px;
}

/**********/
/* Agenda */
/**********/

td.agendapunt_titel {
/*  color: #FF3344; */
  color: #66CC44;
  width: 500px;
  font-weight: bold;
}

td.agendapunt_plaats {
  color: #FF9933;
  font-weight: bold;
  font-style: italic;
}