/*
 *      BaBS stylesheet
 */


/*      Algemeen        */ 
/* -------------------------------------------- */ 

html            { height: 100%; margin-bottom: 1px; }
 
body.default    { height: 100%; margin: 0 0 0 5px; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 10pt; 
                  background-color: #fff; color: #385d87; }
body.overzicht  { height: 100%; margin: 0 0 0 5px; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 10pt; 
                  background-color: #fff; color: #385d87;
                  min-width: 1500px; }
body.menu       { height: 100%; margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 10pt; 
                  background-color: #fff; color: #385d87; }

.spacer         { clear: both; font-size: 1px; }
.img            { border: 0; }

ul              { margin-left: 10px; padding-left: 5px; }
li              { padding-left: 5px; }

/*      Default linkjes */ 
/* --------------------------------------------  */
a               { color: #113F63; text-decoration: underline; font-weight: normal; }
a:hover         { color: #195E92; text-decoration: none; font-weight: normal; }


/*      Inloggen        */ 
/* -------------------------------------------- */

div#cont_login  { text-align: center; padding-top: 100px;}
div#blok_login  { position: relative; width: 500px; height: 300px; margin: 0 auto 0 auto; padding: 0; }

div#blok_login div.tl   { position: absolute; left: 0;     margin: 0; padding: 0; width: 51px; height: 51px; background-image: url(img/frame_01_tl.jpg); }
div#blok_login div.tm   { position: absolute; left: 51px;  margin: 0; padding: 0; width: 398px; height: 51px; background-image: url(img/frame_01_tm.jpg); background-repeat: repeat-x; }
div#blok_login div.tr   { position: absolute; left: 449px; margin: 0; padding: 0; width: 51px; height: 51px; background-image: url(img/frame_01_tr.jpg); }

div#blok_login div.ml   { position: absolute; left: 0;     top: 51px; margin: 0; padding: 0; width: 51px; height: 198px; background-image: url(img/frame_01_ml.jpg); background-repeat: repeat-y; }
div#blok_login div.mm   { position: absolute; left: 51px;  top: 51px; margin: 0; padding: 20px 10px 0 10px; width: 398px; height: 198px; background: #fff; text-align: left; }
div#blok_login div.mr   { position: absolute; left: 449px; top: 51px; margin: 0; padding: 0; width: 51px; height: 198px; background-image: url(img/frame_01_mr.jpg); background-repeat: repeat-y; }

div#blok_login div.bl   { position: absolute; left: 0;     top: 249px; margin: 0; padding: 0; width: 51px; height: 51px; background-image: url(img/frame_01_bl.jpg); }
div#blok_login div.bm   { position: absolute; left: 51px;  top: 249px; margin: 0; padding: 0; width: 398px; height: 51px; background-image: url(img/frame_01_bm.jpg); background-repeat: repeat-x; }
div#blok_login div.br   { position: absolute; left: 449px; top: 249px; margin: 0; padding: 0; width: 51px; height: 51px; background-image: url(img/frame_01_br.jpg); }

div#blok_login div.form { position: relative; height: 30px; }

div#blok_login .title   { padding: 0 15px 15px 60px; font-weight: bold;}
div#blok_login .error   { margin: 0 15px 0 15px; padding: 10px; background-color: #FFF5CD; color: #C52F06; border: 1px solid #C52F06; text-align: center; }


/*      Hoofdmenu        */ 
/* -------------------------------------------- */

div#blok_menu           { position: absolute; top: 10px; width: 250px; font-size: 9pt; }
div#blok_menu_smal      { position: absolute; top: 10px; width: 40px; height: 400px; font-size: 9pt; }

div#blok_menu .title    { padding: 5px 15px 0 15px; font-weight: bold;}

div#blok_menu .boven    { height: 51px; width: 230px; }
div#blok_menu .onder    { height: 51px; width: 230px; }

div#blok_menu .midden   { width: 230px; margin: 0; padding: 0; text-align: left;
                          background-color: #fff;
                          background-image: url(img/frame_01_mr.jpg); background-repeat: repeat-y; background-position: right; }

div#blok_menu div.tm    { position: absolute; left: 0;     margin: 0; padding: 0; width: 179px; height: 51px; background-image: url(img/frame_01_tm.jpg); background-repeat: repeat-x; }
div#blok_menu div.tr    { position: absolute; left: 179px; margin: 0; padding: 0; width: 51px; height: 51px; background-image: url(img/frame_01_tr.jpg); }

div#blok_menu div.bm    { position: absolute; left: 0;     margin: 0; padding: 0; width: 179px; height: 51px; background-image: url(img/frame_01_bm.jpg); background-repeat: repeat-x; }
div#blok_menu div.br    { position: absolute; left: 179px; margin: 0; padding: 0; width: 51px; height: 51px; background-image: url(img/frame_01_br.jpg); }

div#blok_menu .menublok { margin: 0px 35px 5px 5px; padding: 4px; }

div#blok_menu .mini     { font-size: 1pt;}

div#blok_menu div.smalknop              { margin-left: 6px; }
div#blok_menu_smal div.breedknop        { margin-left: 6px; }
div#blok_menu_smal a                    { text-decoration: none; cursor: pointer; }
div#blok_menu_smal div.knop_breder      { width: 35px; height: 600px; 
                                          background-color: #E5F2FD; background-image: url(img/menu_breder.jpg); background-position: right 280px; background-repeat: no-repeat; }

/*      Hoofdmenu :: knoppen        */ 
/* -------------------------------------------- */
div#blok_menu .header           { background-color: #4F8EBE; color: #fff; font-weight: bold; text-align: center; border: 1px solid #2D516C;
                                  padding: 3px; margin: 5px 5px 5px 0; background-image: url(img/button_bg_a.jpg); background-repeat: repeat-x;
                                  letter-spacing: 1px; }
div#blok_menu .items            { margin-left: 2px; padding: 1px; width: 170px; font-size: 8pt; line-height: 12pt;
                                  background-color: #4F8EBE; border-top: 1px solid #9BD3FE; border-left: 1px solid #E1F2FF; border-right: 1px solid #E1F2FF; border-bottom: 1px solid #F5FBFF; }
div#blok_menu .items a          { display: block; width: 156px; margin: 1px; padding: 1px 5px 1px 5px; font-weight: bold;
                                  background-color: #BDDFF9; border-bottom: 1px solid #9BD3FE; border-right: 1px solid #E1F2FF; border-left: 1px solid #E1F2FF; border-top: 1px solid #F5FBFF;
                                  background-image: url(img/button_bg_c.jpg); background-repeat: repeat-x; }
div#blok_menu .items a:hover    { background-color: #A0D4FD; border-top: 1px solid #9BD3FE; border-left: 1px solid #E1F2FF; border-right: 1px solid #E1F2FF; border-bottom: 1px solid #F5FBFF;
                                  background-image: url(img/button_bg_b.jpg); background-repeat: repeat-x; }

div#blok_menu .items a          { color: #195E92; text-decoration: none; }
div#blok_menu .items a:hover    { color: #113F63; text-decoration: none; }

div#blok_menu .items .login     { padding: 2px 6px 2px 6px; background-color: #CEE8FC; }

div#blok_menu .menuspacer_small { margin: 2px 0 2px 0; height: 2px; }
div#blok_menu .menuspacer_big   { margin: 2px 0 2px 0; height: 10px; }

div#blok_menu a.loguit          { display: block; width: 154px; margin: 1px; padding: 2px 6px 2px 6px; font-weight: bold; text-decoration: none; color: #D4E9F9;
                                  background-color: #4F8EBE; border-bottom: 1px solid #2D516C; border-right: 1px solid #386586; border-left: 1px solid #386586; border-top: 1px solid #3B6B8E;
                                  background-image: url(img/button_bg_a.jpg); background-repeat: repeat-x; }
div#blok_menu a.loguit:hover    { color: #fff;
                                  background-color: #3F7EAE; border-top: 1px solid #2D516C; border-right: 1px solid #386586; border-left: 1px solid #386586; border-bottom: 1px solid #3B6B8E;
                                  background-image: none; }

/*      Content-gebied        */ 
/* -------------------------------------------- */

div#cont_content                { /* position: absolute; top: 0; left: 0px; */ }

div#cont_content .header        { margin: 20px 10px 30px 10px; font-size: 12pt; font-weight: bold; }
div#cont_content .header_small  { margin: 20px 10px 30px 10px; font-size: 10pt; font-weight: bold; }

div#cont_content .error         { position: relative; margin: 10px; padding: 5px 15px 5px 15px; font-size: 9pt;
                                    color: #fff; background-color: #C54A02; border: 3px ridge #953A05; }
div#cont_content .error ul      { margin: 1px 0 1px 10px; padding: 0; }
div#cont_content .error li      { margin: 1px 0 1px 0; padding: 0; }

div#cont_content .boodschap     { position: relative; margin: 10px; padding: 5px 15px 5px 15px; font-size: 9pt;
                                    color: #fff; background-color: #72D52F; border: 3px ridge #54A121; }

div#cont_content .query         { position: relative; margin: 10px; padding: 5px 15px 5px 15px; width: 800px; font-size: 8pt; }

/* -------------------------------------------- */

div.formulier           { }

/* FORM-rows : login */

.formdiv_l              { padding: 5px; width: 450px; }
.formrow_l              { position: relative; clear: both; padding-top: 2px; }
.formrow_l .label       { float: left; text-align: right; padding-top: 5px; width: 80px; font-size: 8pt; }
.formrow_l .field       { float: right; text-align: left; padding-left: 0; width: 230px; padding-bottom: 5px; }
.formrow_l .buttonfield { float: left; width: 200px; text-align: right; padding: 2px 10px 2px 20px; }

/* FORM-rows */

.formdiv                { padding: 5px; width: 600px; }
.formrow                { position: relative; clear: both; padding-top: 2px; }
.formrow .label,
.formrow .label_fout    { float: left; width: 142px; height: 20px; text-align: right; padding: 9px 10px 3px 5px; font-size: 8pt;
                          background-color: #C9E6FD; font-weight: bold; }
.formrow .label_fout    { color: #B93302; background-color: #FFCC7F; background-image: url(img/fout.gif); background-position: 6px 14px; background-repeat: no-repeat; }

.formrow .field         { float: right; width: 70%; min-height: 28px; text-align: left; padding: 2px 10px 2px 10px;
                          background-color: #EDF6FE; }
.formrow .buttonfield   { float: left; width: 90%; text-align: right; padding: 2px 80px 2px 0;
                          background-color: #fff; }
.formrow .field_extra   { float: right; width: 95%; text-align: left; padding: 5px 10px 5px 15px;
                          background-color: #FCFAF8; border: 1px dotted #87C0ED; }
.formrow .field_full    { float: left; width: 580px; text-align: left; padding: 5px 10px 5px 10px;
                          background-color: #EDF6FE; }
.formrow .formheader    { float: left; width: 575px; text-align: left; padding: 5px 10px 5px 15px;
                          font-weight: bold; font-size: 9pt; background-color: #EDF6FE; }
.formheader .headlabel  { position: absolute; top: 7px; left: 140px; width: 500px; font-size: 8pt; font-weight: normal; }

.formdiv .formspacer    { clear: both; height: 5px; font-size: 5px; }
.formdiv hr.separator   { clear: both; width: 100%; height: 4px; color: #fff; margin: 0 0 2px 0; padding: 0 0 0 0;
                          border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px dashed #3161BB; }

.buttonspacer           { font-size: 1px; }
.buttonspacer img       { height: 1px; width: 20px; }

/* bijzondere formulierdelen */
.formrow .field span.text       { font-size: 8pt; }
.formrow .field span.midlabel   { vertical-align: -3px; font-size: 8pt; margin: 0 4px 0 8px; }
.formrow .field span.labeleur   { vertical-align: -4px; font-size: 9pt; margin: 0 4px 0 4px; }
.formrow .field .container      { font-size: 1px; margin: 1px 0 0 0; }

/* overige dingen, geen invulvelden */
.formrow .harddata              { display: block; margin-top: 6px; } 
.formrow .help                  { position: absolute; left: 405px; top: 4px; width: 19px; height: 19px; font-size: 1px;
                                    background: url(img/help.gif); background-position: 1px 1px; background-repeat: no-repeat; }
    
/* -------------------------------------------- */
/* -- FORM: bijzondere dingen / foto's correcties e.d. */

.formrow .field .blok_kop       { font-size: 9pt; font-style: italic; margin: 5px 0 2px 15px; }
.formrow .field .blok           { margin: 5px 5px 5px 5px; font-size: 9pt; }

.formrow .field hr              { border-left: 0; border-right: 0; border-bottom: 0; border-top: 1px solid #84BEEC; width: 100%; }
.formrow .field .blok hr        { width: 95%; }

.formrow .field .subheader      { float: left; width: 100px; font-size: 8pt; padding-top: 7px; }
.formrow .field .subfield       { float: left; font-size: 8pt; width: 315px; padding: 0; }
.formrow .field .subfield_stat  { float: left; font-size: 8pt; width: 350px; padding: 0; }

.formrow .field .fieldbutton    { position: absolute; left: 480px; top: 4px; }


/* -------------------------------------------- */


/* FORM */
/* -------------------------------------------- */

form                    { margin: 0; padding: 0; }

input.text              { margin: 3px 3px 2px 0; padding: 0 1px 0 1px; height: 18px; vertical-align: middle; font-family: arial, sans-serif; font-size: 10pt;
                          color: #395D9E; background-color: #fff; background-image: url(img/input_bg_a.png); background-repeat: repeat; border: 2px inset #395D9E; }
input.text_image        { margin: 0px 3px 0px 0; padding: 0 1px 0 1px; height: 18px; vertical-align: middle; font-family: arial, sans-serif; font-size: 10pt;
                          color: #395D9E; background-color: #fff; background-image: url(img/input_bg_a.png); background-repeat: repeat; border: 2px inset #395D9E; }
                          
select.select           { margin: 2px 3px 2px 0; padding: 0 1px 0 1px; vertical-align: middle; font-family: arial, sans-serif; font-size: 10pt;
                          color: #395D9E; background-color: #fff; border: 2px inset #395D9E; }

textarea.text           { margin: 2px 3px 2px 0; padding: 0 1px 0 1px; vertical-align: middle; font-family: arial, sans-serif; font-size: 10pt;
                          color: #395D9E; background-color: #fff; background-image: url(img/input_bg_a.png); background-repeat: repeat; border: 2px inset #395D9E; }
input.button            { margin: 2px 0px 2px 0; height: 22px; vertical-align: baseline; font-family: arial, sans-serif; font-weight: bold; font-size: 9pt;
                          color: #fff; background-color: #5598CC; border: 2px outset #395D9E; }
input.check             { font-family: arial, sans-serif; font-size: 10pt; color: #395D9E; outline: 0; }
.formdiv input.check    { top: 2px; width: 30px; vertical-align: 50%; }
input.check_form        { width: 30px; }

span.checkfix, span.checkfix_zoek                       { -moz-user-select:none; position: relative; line-height: 23px; }
span.checkfix_zoek                                      { display: block; float: left; width: 130px; }
span.checkfix .check, span.checkfix_zoek .check         { position: absolute; margin-top: 2px; }
span.checkfix span, span.checkfix_zoek span             { padding-left: 32px; }
span.checkfix span.lbl, span.checkfix_zoek span.lbl     { cursor: pointer; font-size: 8pt; }

#main_menu_right input.text     { width: 100px; }
#main_menu_right input.button   { width: 44px; }

input.text:focus,
input.text_image:focus,
textarea:focus,
select:focus                    { outline: 1px solid #194493; border: 2px solid #87C0ED; background-image: url(img/input_bg_b.png); }


/* plaatsing van form-elementen binnen een formdiv: */




/* TABLE */
/* -------------------------------------------- */

div.overzicht table             { margin: 0; padding: 0; border: 1px solid #3F7EAE; background-color: #fff; }
div.overzicht table.alt         { margin: 0; padding: 0; border: 1px solid #EBE5DF; }

th,
td.cel_1_a, td.cel_1_b,
td.cel_2_a, td.cel_2_b,
td.cel_3_a, td.cel_3_b,
td.cel_4_a, td.cel_4_b          { margin: 0; padding: 2px 3px 2px 3px; font-size: 9pt; font-family: arial, sans-serif;
                                  vertical-align: top;
                                  color: #113F63; }

th                              { background-color: #4F8EBE; color: #fff; border: 1px solid #2D516C;
                                  background-image: url(img/button_bg_a.jpg); background-repeat: repeat-x;
                                  letter-spacing: 1px; font-size: 8pt; text-align: center; vertical-align: middle; }
th.sort                         { text-align: center; color: #fff; background-color: #4F8EBE; padding: 0; border: 1px solid #4F8EBE; }
th.sort a                       { display: block; margin: 1px; padding: 1px 5px 1px 5px;
                                  background-color: #BDDFF9; border-bottom: 1px solid #9BD3FE; border-right: 1px solid #E1F2FF; border-left: 1px solid #E1F2FF; border-top: 1px solid #F5FBFF;
                                  background-image: url(img/button_bg_c.jpg); background-repeat: repeat-x;
                                  color: #195E92; text-decoration: none; font-weight: bold; }
th.sort a:hover                 { background-color: #A0D4FD; border-top: 1px solid #9BD3FE; border-left: 1px solid #E1F2FF; border-right: 1px solid #E1F2FF; border-bottom: 1px solid #F5FBFF;
                                  background-image: url(img/button_bg_b.jpg); background-repeat: repeat-x;
                                  color: #113F63; text-decoration: none; font-weight: bold; }
th img                          { border: 0; }

td.cel_1_a, td.cel_1_b          { background-color: #F8F6F3; }
td.cel_2_a, td.cel_2_b          { background-color: #F5F2EE; }
td.cel_3_a, td.cel_3_b          { text-align: center; background-color: #F8F6F3; }
td.cel_4_a, td.cel_4_b          { text-align: center; background-color: #F5F0EC; }
td.cel_1_a                      { background-color: #FEFCFA; }
td.cel_2_a                      { background-color: #FCFAF8; }
td.cel_3_a                      { background-color: #fff; }
td.cel_4_a                      { background-color: #FCFAF8; }

td.empty                        { font-size: 5px; background: #fff; }

tr.highlight td                 { background: #DAEDFD; }

td img.vinkje                   { margin-top: 3px; }

table.smallfont td              { font-size: 8pt; }
table.briefkies td              { font-size: 8pt; vertical-align: middle; cursor: pointer; }
table.briefkies tr              { height: 1.6em; }

table.briefzoek td              { font-size: 8pt; vertical-align: middle; cursor: pointer; }

    /*  fotos in invulschermen en correcties */
table.field_invul               { margin: 0; padding: 0; border: 1px solid #3F7EAE; background-color: #fff; }
table.field_invul td            { font-size: 8pt; vertical-align: middle; }

/* -------------------------------------------- */
/* -- overzichten: paginering en zoeken -- */

div.paginering                  { width: 700px; font-size: 8pt; margin: 2px 5px 14px 5px; color: #113F63; }
div.paginering span.nolink      { margin: 1px; padding: 2px 0px 2px 0px; background-color: #E4EDF3; }
div.paginering span.disabled    { margin: 1px; padding: 2px 8px 2px 8px; color: #647683; background-color: #E4EDF3; }
div.paginering a                { margin: 1px; padding: 2px 8px 2px 8px; text-decoration: none; background-color: #CEE8FC; }
div.paginering a:hover          { outline: 1px solid #508EBF; }

.zoekopties                     { width: 650px; margin: 0 0 15px 50px; }
.zoekopties .bovenkant          { background-color: #fff; }
.zoekopties .tab                { padding: 2px 15px 5px 15px; font-size: 8pt; }
.zoekopties .onderkant          { background-color: #fff; border: 1px solid #508EBF; }

.zoekcont                       { margin: 2px; padding: 2px; border: 1px solid #508EBF; background-color: #F5F2EE; }

.zoekcont .blok                 { float: left; width: 300px; margin: 2px 0 0px 0; padding: 0; }
.zoekcont .blok .label          { float: left; width: 80px; padding: 6px 10px 0 0; font-size: 8pt; text-align: right; }
.zoekcont .blok .field          { float: left; width: 200px; }

.zoekcont .blok .field span.text        { font-size: 8pt; }

.zoekcont .buttonblok           { float: right; width: 230px; margin: 0; padding: 4px 0 0 0; }
.buttonblok input               { margin: 0; vertical-align: top; }

.zoekcont input                 { font-size: 9pt; }
.zoekcont input.text            { height: 17px; }

.zoekcont option.disabled       { color: #777; }

span.browse                     { margin-right: 90px; }
span.browse .nolink             { margin: 1px; padding: 2px 0px 2px 0px; font-size: 8pt; }
span.browse .knop_disabled      { margin: 1px 3px 1px 3px; padding: 2px 8px 2px 8px; color: #647683; background-color: #E4EDF3; }
span.browse .knop a             { margin: 1px 3px 1px 3px; padding: 2px 8px 2px 8px; text-decoration: none; background-color: #CEE8FC; }
span.browse .knop a:hover       { outline: 1px solid #508EBF; }

/* -------------------------------------------- */
/* -- overzichten: overig -- */

div.overzicht div.informatie_footer     { font-size: 8pt; }

span.corpusinstellen_uit                { font-size: 8pt; }


div.opties_overzicht    { margin-left: 10px; }
div.buttons_overzicht   { margin: 10px 0 10px 10px; }

/* -------------------------------------------- */
/* -- overlib-related -- */

hr.overlib                      { border-top: 1px solid #5598CC; border-left: 1px solid #5598CC; border-right: 1px solid #5598CC; border-bottom: 1px solid #E3F3FF; }
p.olib                          { margin: 2px 0 3px 15px; }
span.olib_foto                  { padding-left: 5px; padding-right: 5px; }


/* -------------------------------------------- */
/* -- panels -- */

#tabs                           { white-space: nowrap; height: 28px; margin: 0; z-index: 2; position: relative;
                                    /* background: #EDF6FE; */ background-image: url(img/tabs_bg_b.jpg); background-repeat: repeat-x; }
#tabs a                         { float: left; margin: 4px 2px 0 0; padding: 3px 30px 3px 30px;
                                  text-decoration: none; text-align: center; font-size: 10pt; color: #385d87;
                                  cursor: hand; cursor: pointer; background: transparent; }
#tabs a.active                  { margin: 5px 2px 0 0; color: #385d87; z-index: 3;
                                  border-style: solid solid none solid; border-width: 1px 1px 0 1px; border-color: #508EBF;
                                  background-color: #fff; }
#tabs a:hover                   { background-color: #DAEDFD; }
#tabs a.active:hover            { background-color: #fff; color: #385d87; }

div.panel                       { border-top: 1px solid #508EBF; margin-top: -1px; padding-top: 20px; z-index: 0; position: relative; }
    

/* -------------------------------------------- */

a.tooltip                       { position: relative; display: block; cursor: default; padding: 0 8px 0 8px; outline: 0; text-decoration: none; }
a.tooltip:hover                 { text-decoration: none; } 

div.boodschap a                 { color: #FFFF55; }
div.boodschap a:hover           { color: #FFFFD4; }


/* EOF */