/* MARIEN */

body             { background: #E3E3E3; font-family: Verdana, Arial; font-size: 8pt }
p,td             { font-family: Verdana, Arial; font-size: 8pt }
strike           { color: #FF0000 }
.stappen_text    { font-family: Verdana, Arial; font-size: 8pt; color: #1E72D2 }
.error           { font-family: Verdana, Arial; font-size: 8pt; color: #FF0000; padding: 2 }
hr               { color: #1E72D2; height: 1px }

.maand_jaar      { font-family: Verdana, Arial; color: #000000; font-size: 10pt; font-weight: bold; background: #FFFFFF; text-align: center; width: 40px; height: 20px }
.maand_picker    { font-family: Verdana, Arial; color: #000000; font-size: 10pt; font-weight: bold; background: #DFE2F3; cursor: pointer; text-align: center; width: 40px; height: 20px }
.maand_picker_vrij { font-family: Verdana, Arial; color: #000000; font-size: 10pt; font-weight: bold; background: #99FF99; cursor: pointer; text-align: center; width: 40px; height: 20px }
.maand_picker_enkelvrij1 { font-family: Verdana, Arial; color: #000000; font-size: 10pt; font-weight: bold; background: #FF9999; cursor: pointer; text-align: center; width: 40px; height: 20px }
.maand_picker_enkelvrij2 { font-family: Verdana, Arial; color: #000000; font-size: 10pt; font-weight: bold; background: #FF6666; cursor: pointer; text-align: center; width: 40px; height: 20px }
.maand_picker_bezet { font-family: Verdana, Arial; color: #000000; font-size: 10pt; font-weight: bold; background: #FF0000; cursor: pointer; text-align: center; width: 40px; height: 20px }
.maand_picker_selected { font-family: Verdana, Arial; font-size: 10pt; font-weight: bold; background: #00C000; color: #FFFFFF; cursor: pointer; text-align: center; width: 40px; height: 20px }
.maand_picker_mouseover { font-family: Verdana, Arial; font-size: 10pt; font-weight: bold; background: #005ABC; color: #FFFFFF; cursor: pointer; text-align: center; width: 40px; height: 20px }
.reset_knop      { font-family: Verdana, Arial; color: #FFFFFF; font-size: 7pt; font-weight: normal; background: #FF0000; cursor: pointer; text-align: center; width: 80px; height: 20px }
.resetall_knop   { font-family: Verdana, Arial; color: #FFFFFF; font-size: 7pt; font-weight: normal; background: #FF0000; cursor: pointer; text-align: center; width: 140px; height: 20px }

/* kalender */
.kalender        { empty-cells: show; border-collapse: seperate }
.kalender_weeknr { background: #FFFFFF; font-family: Verdana, Arial; font-size: 8pt; padding: 2; width: 20px; height: 20px; text-align: center }
.kalender_titel  { background: #FFFFFF; font-family: Verdana, Arial; font-size: 10pt; font-weight: bold; padding: 2; vertical-align: top }
.kalender_maand  { background: #FFFFFF; font-family: Verdana, Arial; font-size: 10pt; font-weight: bold; padding: 2; text-align: right; vertical-align: top }
.kalender_dagen  { background: #FFFFFF; font-family: Verdana, Arial; font-size: 10pt; padding: 2; width: 20px; height: 20px; text-align: center }
.kalender_blanco { background: #FFFFFF; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_buitenperiode { background: #DFE2F3; font-size: 6pt; padding: 2; width: 20px; height: 23px; text-align: right; vertical-align: top }
.kalender_select { background: #FFFFFF; font-size: 6pt; padding: 1; width: 20px; height: 22px; text-align: right; vertical-align: top; border: 1pt black solid }
.kalender_vrij   { background: #DFE2F3; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_vrij_select { background: #99FF99; font-size: 6pt; padding: 1; width: 20px; height: 22px; text-align: right; vertical-align: top; border: 2px #00C000 solid; cursor: pointer }
.kalender_enkelvrij { background: #FF9999; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_enkelvrij_select { background: #FF9999; font-size: 6pt; padding: 1; width: 20px; height: 22px; text-align: right; vertical-align: top; border: 2px #00C000 solid; cursor: pointer }
.kalender_bezet  { background: #FF0000; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_bezet_vrij { background: #FF9999; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_bezet_vrij_select { background: #FF9999; font-size: 6pt; padding: 1; width: 20px; height: 22px; text-align: right; vertical-align: top; border: 2px #00C000 solid; cursor: pointer }
.kalender_start  { background: #00C000; color: #FFFFFF; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_start_select  { background: #00C000; color: #FFFFFF; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_eind   { background: #00C000; color: #FFFFFF; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_eind_select  { background: #00C000; color: #FFFFFF; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; text-decoration: underline; vertical-align: top }
.kalender_selectie { background: #00C000; color: #FFFFFF; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; vertical-align: top }
.kalender_selectie_select { background: #00C000; color: #FFFFFF; font-size: 6pt; padding: 2; width: 20px; height: 22px; text-align: right; text-decoration: underline; vertical-align: top; cursor: pointer }

.kiesmaand_jaar  { background: #1E72D2; color: #FFFFFF; font-weight: bold }
.kiesmaand_maand { background: #E3E3E3; color: #000000; text-align: center }
.kiesmaand_nb    { color: #FF0000; text-decoration: italic; cursor: help }
.kiesobject_nb   { color: #FF0000; text-decoration: italic; cursor: help }

/* objecten */
.object_select   { background: #99FF99; color: #000000; cursor: pointer; width: 100%; height: 33; padding: 2 }
.object_mouseover { background: #00648D; color: #FFFFFF; cursor: pointer; width: 100%; height: 33; padding: 2 }
.object_selected { background: #00C000; color: #FFFFFF; cursor: pointer; width: 100%; height: 33; padding: 2 }
.object_noselect { background: #FF0000; color: #FFFFFF; width: 100%; height: 33; padding: 2 }
.object_select   td { color: #000000 }
.object_mouseover td { color: #FFFFFF }
.object_selected td { color: #FFFFFF }
.object_noselect td { color: #FFFFFF }
.object_select   a { color: #000000 }
.object_mouseover a { color: #FFFFFF }
.object_selected a { color: #FFFFFF }
.object_noselect a { color: #FFFFFF }
.objecten_blader { font-family: Verdana, Arial; font-size: 8pt; background: #FFFFFF; width: 100%; padding: 2 }
.object_type     { font-family: Verdana, Arial; font-size: 8pt; font-weight: bold; vertical-align: top; color: inherit }
.object_naam     { font-family: Verdana, Arial; font-size: 8pt; font-weight: bold; vertical-align: top; color: inherit }
.object_personen { font-family: Verdana, Arial; font-size: 8pt; text-align: right; vertical-align: top }
.object_prijs    { font-family: Verdana, Arial; font-size: 8pt; text-align: right; vertical-align: top; width: 75px }
.object_nb       { font-family: Verdana, Arial; font-size: 8pt; text-align: left; color: #FFFFFF }
.object_moreinfo { font-family: Verdana, Arial; font-size: 8pt; text-align: left; color: inherit }
.aanbieding      { font-family: Verdana, Arial; font-size: 8pt; color: #FF0000 }

/* mogelijkheden */
.date_select     { background: #99FF99; color: #000000; cursor: pointer; width: 100%; padding: 1 }
.date_mouseover  { background: #005ABC; color: #FFFFFF; cursor: pointer; width: 100%; padding: 1 }
.date_select    td { color: #000000 }
.date_mouseover td { color: #FFFFFF }

/* stappen */
.stappen_header { background: #1E72D2; color: #FFFFFF; font-weight: bold }
.stappen_regel  { background: #E3E3E3; color: #000000 }
.stappen_geweest { color: #00C000; font-weight: bold }

/* formulier */
input.text,select { background: #DFE2F3; font-family: Verdana, Arial; font-size: 8pt; padding: 2; margin-left: 1; margin-right: 1; height: 20px; border: 1pt black solid }
textarea         { background: #DFE2F3; font-family: Verdana, Arial; font-size: 8pt; padding: 2; margin-left: 1; margin-right: 1; height: 50px; border: 1pt black solid }
button           { background: #1573CD; color: #FFFFFF; font-family: Verdana, Arial; font-size: 8pt; padding: 1; margin-left: 1; margin-right: 1; height: 20px; border: 0pt black solid; cursor: pointer }
.button_handleiding { background: #AFC0E1; color: #000000; font-family: Verdana, Arial; font-size: 8pt; padding: 0; margin-left: 1; margin-right: 1; height: 22px; border: 2pt #005ABC solid; cursor: hand; width: 100px }
.button_verder   { background: #99FF99; color: #000000; font-family: Verdana, Arial; font-size: 8pt; padding: 0; margin-left: 1; margin-right: 1; height: 22px; border: 2pt #00C000 solid; cursor: hand; width: 225px }
.button_boeken   { background: #99FF99; color: #000000; font-family: Verdana, Arial; font-size: 8pt; padding: 0; margin-left: 1; margin-right: 1; height: 22px; border: 2pt #00C000 solid; cursor: hand; width: 175px }
.button_terug    { background: #EDEDED; color: #000000; font-family: Verdana, Arial; font-size: 8pt; padding: 0; margin-left: 1; margin-right: 1; height: 22px; border: 2pt #1E72D2 solid; cursor: hand; width: 175px }

#bericht          { visibility: visible; font-family: Verdana, Arial; font-size: 8pt; text-align: center; background: #FFFF80; padding: 5; position: absolute; top: 200px; left: 100px; width: 300px; height: 50px; z-index: 100; border: 1pt black solid }
#message_step1    { font-family: Verdana, Arial; font-size: 8pt; width: 460px; background: #FFFF80; padding: 5; margin: 0 9 0 9; border: 1pt black solid }
#message_step2    { font-family: Verdana, Arial; font-size: 8pt; width: 460px; background: #FFFF80; padding: 5; margin: 0 9 0 9; border: 1pt black solid }
#message_step3    { font-family: Verdana, Arial; font-size: 8pt; width: 460px; background: #FFFF80; padding: 5; margin: 0 9 0 9; border: 1pt black solid }
#message_step4    { font-family: Verdana, Arial; font-size: 8pt; width: 460px; background: #FFFF80; padding: 5; margin: 0 9 0 9; border: 1pt black solid }
#message_step5    { font-family: Verdana, Arial; font-size: 8pt; width: 460px; background: #FFFF80; padding: 5; margin: 0 9 0 9; border: 1pt black solid }

#div_bedrijfsinfo { background: #FFFFFF; text-align: center; position: absolute; top: 10px; left: 500px; width: 250px; height: 490; padding: 5; border: 1pt #999999 solid }

#arrangementen   { visibility: hidden; font-family: Verdana, Arial; font-size: 8pt; background: #FFFF80; padding: 5; position: absolute; top: 20px; left: 20px; width: 440px; height: 330px; overflow: auto; z-index: 100; border: 1pt black solid }
#mogelijkheden   { visibility: hidden; font-family: Verdana, Arial; font-size: 8pt; background: #FFFF80; padding: 5; position: absolute; top: 20px; left: 20px; width: 440px; height: 330px; overflow: auto; z-index: 101; border: 1pt black solid }

#div_stappen     { position: absolute; top: 0px;   left: 0px; height: 62;  padding: 5 0 0 0 }
#div_content     { position: absolute; top: 62px;  left: 0px; height: 400; padding: 0 }
#div_knoppen     { position: absolute; top: 460px; left: 0px; height: 25;  padding: 3 }

#div_legenda     { background: #FFFFFF; position: absolute; top: 10px; left: 10px; width: 480px; height: 490; padding: 0; border: 1pt #999999 solid }
#logo_legenda    { font-family: Verdana, Arial; font-size: 8pt; background: #FFFFFF; padding: 0; overflow: auto }
//#huurperioden    { font-family: Verdana, Arial; font-size: 8pt; position: absolute; top: 205px; left: 0px; width: 238px; height: 175; padding: 0; overflow: auto }
//#knop_handleiding { font-family: Verdana, Arial; font-size: 10pt; position: absolute; top: 380px; left: 0px; width: 238px; height: 25; padding: 0 }
#knop_verder     { position: absolute; top: 460px; left: 0px; width: 238px; height: 25; padding: 0 7 0 7 }

#div_kalender    { background: #FFFFFF; position: absolute; top: 10px; left: 10px; width: 480px; height: 490; padding: 0; border: 1pt #999999 solid }
#kalender_intro  { font-family: Verdana, Arial; font-size: 8pt; padding: 2 }
#kalender        { font-family: Verdana, Arial; font-size: 8pt; padding: 2 }
#knop_wis        { position: absolute; top: 460px; left: 0px; height: 25; padding: 0 }

#div_objecten    { background: #FFFFFF; position: absolute; top: 10px; left: 10px; width: 480px; height: 490; padding: 0; border: 1pt #999999 solid }
#objecten_intro  { font-family: Verdana, Arial; font-size: 8pt; padding: 2 }
#objecten        { font-family: Verdana, Arial; font-size: 10pt; height: 263; overflow: auto }
#object_foto     { font-family: Verdana, Arial; font-size: 8pt; padding: 0; overflow: hidden }

#div_prijs_opties { background: #FFFFFF; position: absolute; top: 10px; left: 10px; width: 480px; height: 490; padding: 0; border: 1pt #999999 solid }
#prijzen_opties  { font-family: Verdana, Arial; font-size: 10pt; padding: 0 }
#opties          { font-family: Verdana, Arial; font-size: 10pt; height: 240px; overflow: auto; padding: 0 }
#knop_terug      { position: absolute; top: 460px; left: 0px; width: 363px; height: 25; padding: 0 7 0 7 }

#div_boekergegevens { background: #FFFFFF; position: absolute; top: 10px; left: 10px; width: 480px; height: 490; padding: 0; border: 1pt #999999 solid }
#boeker_gegevens { font-family: Verdana, Arial; font-size: 10pt; overflow: auto }
#boeking_gegevens { height: 320; font-family: Verdana, Arial; font-size: 10pt; padding: 2; overflow: auto }
#knop_boeken     { position: absolute; top: 460px; left: 0px; width: 363px; height: 25; padding: 0 7 0 7;  }

#object_info       { font-family: Verdana, Arial; font-size: 8pt; background: #DFE2F3; position: absolute; top: 10px; left: 10px; width: 280px; height: 35; padding: 2; overflow: auto; border-top: 1pt black solid; border-left: 1pt black solid; border-right: 1pt black solid }
#object_info_popup { font-family: Verdana, Arial; font-size: 8pt; background: #FFFFFF; position: absolute; top: 45px; left: 10px; width: 280px; height: 225; padding: 2; overflow: auto; border-left: 1pt black solid; border-right: 1pt black solid }
#object_info_close { font-family: Verdana, Arial; font-size: 8pt; background: #DFE2F3; position: absolute; top: 270px; left: 10px; width: 280px; height: 20; padding: 2; overflow: none; border-bottom: 1pt black solid; border-left: 1pt black solid; border-right: 1pt black solid }