/*html,body {
    margin: 0px;
    height: 100%;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
}
h2 {
  font-size: 12px;
  margin-top: 0px;
}*/
form {
    padding: 0px;
    margin: 0px;
}
form a:hover {
    font-weight: bold;
    color: #2b77f9;
}
img.lokatie {
    left: 72px;
    width: 10px;
    height: 10px;
}
td.lokatie_1 {
    background: url(images/lokatie_1.gif);
}
td.lokatie_2 {
    background: url(images/lokatie_2.gif);
}
td.lokatie_3 {
    background: url(images/lokatie_3.gif);
}
#lijn {
    width: 802px;
    border-bottom: 0px;
    border-left: 0px;
    border-top: 1px;
    border-right: 0px;
    border-style: solid;
    border-color: Black;
    height: 1px;
}
a {
    text-decoration: none;
    color: Black;
}
a.gewonelink:hover {
    color: #2b77f9;
}
table tr td#agenda {
    /*width: 657px;*/
    vertical-align: top;
    padding-left: 5px;
    padding-top: 20px;
    padding-bottom: 5px;
}
table tr td#menu {
    width: 145px;
}
.beschikbaar {
    background-color: #9def9d;
    width: 87px;
    /*height: 15px;*/
    display: block;
}
a.beschikbaar:hover {
    background-color: #FEFF77;
}
.geselecteerd {
    background-color: #FEFF77;
    /*height: 15px;*/
    width: 87px;
    display: block;
    border: 0px;
}
.daggeselecteerd {
    color: Red;
}
.onbeschikbaar {
    background-color: #ffcbcb;
    width: 87px;
    /*height: 15px;*/
    display: block;
}
.geweest {
    background-color: #d6e4e4;
    width: 87px;
    /*height: 15px;*/
    display: block;
}
.bezet {
    background-color: #ffcbcb;
    width: 87px;
    /*height: 15px;*/
    display: block;
}
.groepsles {
    background-color: #f7bd57;
    width: 87px;
    display: block;
}
.groepsles:hover {
    background-color: #FEFF77;
}
.eigenafspraak {
    background-color: #6495ED;
    width: 87px;
    /*height: 15px;*/
    display: block;
}
div#week_wrapper{
    position: relative;
    width: 100%;
    height: 30px;
}
div#vorige_week {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 20px;
}
div#vorige_week a {
    background: url(images/pijltje-links.jpg) no-repeat left;
    height: 25px;
    padding-left: 25px;
}
div#volgende_week {
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    left: 500px;
    width: 125px;
}
div#volgende_week a {
    display: block;
    background: url(images/pijltje-rechts.jpg) no-repeat right;
}

.menuentry {
    background: url(images/knop.jpg) no-repeat;
    width: 145px;
    height: 25px;
}
.menuentry a {
    color: White;
    font-variant: small-caps;
    font-size: 13px;
    letter-spacing: 0px;
    display: block;
    padding-left: 18px;
    width: 127px;
    height: 20px;
    padding-top: 5px;
}
td#menu {
    vertical-align: top;
}
#kalender_blok {
    border-bottom: 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-color: black;
    border-style: solid;
}
td#datumpikker {
    width: 170px;
    height: 167px;
    vertical-align: top;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
td#aktie {
    width: 482px;
}
td#legenda {
    width: 145px;
}

#pikker {
    position: relative;
    top: 5px;
    left: 5px;
}
td#datumpikker table.calendar {
    background-color: #eeeeee;
    border: 0px;
}
td#datumpikker caption {
    font-size: 12px;
    height: 20px;
}
td#datumpikker td {
    font-weight: bold;
    font-size: 10px;
    text-align: right;
    width: 25px;
    height: 20px;
}
td#datumpikker td.selected {
    background-color: #feff77;
}
td#datumpikker th {
    font-size: 10px;
    color: #003399;
    text-align: right;
}
td#datumpikker a.prevMonth {
    font-size: 10px;
    text-align: left;
    color: #003399;
}
td#datumpikker a.nextMonth {
    font-size: 10px;
    text-align: right;
    color: #003399;
}
#legenda {
    vertical-align: top;
}
#legenda table {
    border: 0px;
}
#aktie {
    vertical-align: top;
}
#action {
    position: relative;
    left: 40px;
    top:  7px;
    font-weight: bold;
    font-size: 12px;
}
#form_kalender table {
    border: 0px;
    width: 630px;
}
#form_kalender table td {
    height: 25px;
}
#form_kalender table td.lijn {
    border-bottom: 0px;
    border-top: 1px;
    border-left: 0px;
    border-right: 0px;
    height: 1px;
    border-color: Black;
    border-style: solid;
}
#form_kalender table td#form_header {
    height: 20px;
}
#form_kalender table td#tienpixels {
    height: 10px;
}
#form_kalender table td#twintigpixels {
    height: 20px;
}
#form_kalender table td#vijfentwintigpixels {
    height: 25px;
}
#form_kalender table td#dertigpixels {
    height: 30px;
}
/* #form_kalender  */
table td#knop {
    border-bottom: 1px;
    border-left: 0px;
    border-top: 1px;
    border-right: 0px;
    border-style: solid;
    border-color: Black;
}
table td#bevestigen {
    font-size: 11px;
    font-weight: normal;
    width: 400px;
}
#form_kalender input#bevestigen {
    background: url(images/knop.jpg);
    color: White;
    width: 146px;
    height: 25px;
    cursor: hand;
    cursor: pointer;
    border: 0px;
}
#verzendenForm div#form_kalender input#verzenden {
    background: url(images/knop.jpg);
    color: White;
    width: 146px;
    height: 25px;
    cursor: hand;
    cursor: pointer;
    border: 0px;
}
input.button {
    background: transparent;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-style: none;
    cursor: hand;
    cursor: pointer;
    text-align: left;
    width: 66px;
}
#form_kalender input#blauweknop {
    background: url(images/knop.jpg) ;
    color: White;
    font-variant: small-caps;
    font-size: 16px;
    letter-spacing: 1px;
}
#form_kalender input#toon {
    width: 130px;
}
#form_kalender input#excel {
    width: 130px;
}
#form_kalender input#delete {
    width: 100px;
}
#form_kalender input#save_lessontypes {
    width: 330px;
}
input {
    /*width: 499px;*/
    background-color: White;
}
#form_kalender textarea {
    width: 500px;
    height: 100px;
}
#RegistratieFormProfessional div#form_kalender {
    position: absolute;
    left: 180px;
    top: -20px;
}
#RegistratieFormProfessional div#form_kalender table {
    /* background: url(images/achtergrond_registratieprofs.gif) repeat-x 0px -25px White; */
    width: 450px;
}
#RegistratieFormProfessional div#form_kalender input {
    border-style: none;
    padding-left: 2px;
    width: 350px;
}
#RegistratieFormProfessional div#form_kalender input.file_input {
    border-style: inset;
}
#RegistratieFormProfessional div#form_kalender input.checkbox {
    width: 13px;
}
#RegistratieProf div#form_kalender table {
    /* background: url(images/achtergrond_formulier.gif) repeat-x 0px -25px; */
    /* border: 3px solid black; */
    /* background-color: #eee; */
}
#RegistratieProf div#form_kalender td {
    border-bottom: 1px dotted #eee;
}
#RegistratieProf div#form_kalender td#tienpixels {
    border-bottom: none;
}
#RegistratieProf div#form_kalender td#form_header {
    border-bottom: none;
}
#RegistratieProf div#form_kalender td#knop {
    border-bottom: none;
}

#RegistratieProf div#form_kalender input {
    border-style: none;
    padding-left: 2px;
}
#RegistratieProf div#form_kalender input.pay_checkbox {
    width: 25px;
}
#RegistratieProf div#form_kalender input.file_input {
    border-style: inset;
}


#RegistratieLeden div#form_kalender table {
    /* background: url(images/achtergrond_formulier.gif) repeat-x 0px -25px; */
}
#RegistratieLeden div#form_kalender td {
    border-bottom: 1px dotted #eee;
}
#RegistratieLeden div#form_kalender td#tienpixels {
    border-bottom: none;
}
#RegistratieLeden div#form_kalender td#form_header {
    border-bottom: none;
}
#RegistratieLeden div#form_kalender td#knop {
    border-bottom: none;
}
#RegistratieLeden div#form_kalender input {
    border-style: none;
    padding-left: 2px;
}
#RegistratieLeden div#form_kalender input.button {
    width: 145px;
    height: 25px;
}


#RelatieGegLeden div#form_kalender table {
    /* background: url(images/achtergrond_formulier.gif) repeat-x 0px -25px; */
}
#RelatieGegLeden div#form_kalender td {
    border-bottom: 1px dotted #eee;
}
#RelatieGegLeden div#form_kalender td#tienpixels {
    border-bottom: none;
}
#RelatieGegLeden div#form_kalender td#form_header {
    border-bottom: none;
}
#RelatieGegLeden div#form_kalender td#knop {
    border-bottom: none;
}
#RelatieGegLeden div#form_kalender input {
    border-style: none;
    padding-left: 2px;
}
#RelatieGegLeden div#form_kalender input.button {
    width: 145px;
    height: 25px;
}
#werktijdenForm div#form_kalender input#omschrijving {
    width: 325px;
}
#loginForm div#form_kalender {
    font-size: 11px;
}
#loginForm div#form_kalender input {
    width: 325px;
}
#loginForm div#form_kalender input.button {
    width: 200px;
    font-weight: bold;
    font-size: 11px;
}
#wijzigwwForm div#form_kalender input {
    width: 325px;
}
#wijzigwwForm div#form_kalender input.button {
    width: 70px;
    font-weight: bold;
}
#dossiersForm div#form_kalender input {
    width: 325px;
}
#dossiersForm div#form_kalender input.button {
    width: 85px;
}
#dossiersForm div#form_kalender textarea {
    width: 325px;
}
#ledenForm div#form_kalender input {
    width: 325px;
}
#ledenForm div#form_kalender td.elementLabel {
    width: 100px;
}
#ledenForm div#form_kalender input.button {
    width: 70px;
}
#pauzeForm div#form_kalender td.elementLabel {
    text-align: right;
}
#pauzeForm div#form_kalender td div.dagvandeweek {
    position: absolute;
    left: 5px;
    width: 120px;
    text-align: left;
}
#bevestigForm div#form_kalender input#combo_price {
    width: 100px;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-style: none;
}
#bevestigForm div#form_kalender input.button {
    width: 90px;
    font-weight: bold;
    font-size: 13px;
}
#bevestigForm div#form_kalender textarea {
    width: 400px;
    height: 70px;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-style: none;
    overflow: hidden;
    background-color: White;
}
#bevestigForm div#form_kalender table {
    /* width: 400px; */
}
#verzendenForm div#form_kalender input {
    width: 325px;
}
#verzendenForm div#form_kalender input.button {
    width: 70px;
}
td.top {
    vertical-align: top;
}
#boekingenFormProf div#form_kalender td.elementObject {
    width: 450px;
}
#boekingenFormCust div#form_kalender td.elementObject {
    width: 450px;
}
#bannerForm div#form_kalender td#begeleidendetekst {
    font-size: 11px;
}
#lokatiesForm div#form_kalender td#begeleidendetekst {
    font-size: 11px;
}
div#form_kalender input.checkbox {
    width: 20px;
}
div#form_kalender span.checkbox {
    position: relative;
    top: -3px;
}
#lestypenForm div#form_kalender td#begeleidendetekst {
    font-size: 11px;
}
#tabel {
    position: relative;
    top: 10px;
    left: 0px;
    padding-bottom: 10px;
}
#tabel table {
    border: 0px;
}
#tabel table th {
    text-align: left;
    height: 25px;
    background-color: #eeeeee;
    padding-left: 5px;
}
#tabel table td {
    height: 25px;
    padding-left: 5px;
    padding-right: 2px;
}
#tabel table td a:hover {
    font-weight: bold;
    color: #2b77f9;
}
#tabel table td a {
    text-decoration: underline;
}
#tabel table td#knop a {
    text-decoration: none;
}
#tabel table.nobold th {
    font-weight: normal;
}
#tabel textarea {
    width: 500px;
    height: 90px;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-style: none;
    color: #2b77f9;
}
.altrow {
    background-color: #eeeeee;
}
#vrijedagen_links {
    border: 0px;
}
#vrijedagen_links a:hover {
    font-weight: bold;
    color: #2b77f9;
}
.tekst_fout {
    color: #FF0000;
    padding-top: 10px;
}
.tekst_goed {
    color: #2b77f9;
    padding-top: 10px;
}
td.elementLabel {
    width: 175px;
}
#dossier_content_tekst {
    font-size: 13px;
}
#poweredby a {
    text-decoration: underline;
}