*
{
  padding:                    0px;
  margin:                     0px;
}

html, body
{
  width:                      100%;
  height:                     100%;
}

select
{
  color:                      #252a74;
  font-size:                  9pt;
  clear:                      right;
  margin-bottom:              3px;
  border:                     solid 1px #41426D;
  background:                 #fff;
}

textarea
{
  color:                      #252a74;
  font-family: arial;
}

body
{
  background:                 transparent;/*#264780;*/
  text-align:                 center;
}

div#page
{
  background:                 #F6F6EE;
}

div#page-bottom
{
  background:                 transparent url(../img/page-bottom.gif) repeat-x 0 0;
  height:                     91px;
}

div#wrapper
{
  text-align:                 left;
  width:                      990px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
}

div#wrapper-bottom
{
  text-align:                 left;
  width:                      990px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
}

div#topspacer
{
  height:                     25px;
}

div#header
{
  width:                      990px;
  height:                     32px;
  background:                 url(../img/header.gif) no-repeat 0 0;
}

div#content
{
  background:                 url(../img/body.gif) repeat-y 0 0;
  padding:                    10px 15px 10px 10px;
}

td#td-page-menu
{
  width:                      272px;
  vertical-align:             top;
  background:                 transparent url(../img/bg-pagemenu.gif) repeat-x 0 0;
  border-right:               dashed 1px #aaa;
  border-top:                 dashed 1px #aaa;
  height:                     330px;
}

td#td-page-content
{
  width:                      673px;
  vertical-align:             top;
  background:                 #BBCFF1;
  border-top:                 dashed 1px #aaa;
  padding:                    10px 18px 10px 10px;
}

div#footer
{
  background:                 transparent url(../img/footer.gif) no-repeat 0 0;
  width:                      990px;
  height:                     55px;
}

div#footer-text
{
  padding:                    35px 25px 0 15px;
  color:                      white;
}

div#footer-text a,
div#footer-text a:link,
div#footer-text a:active,
div#footer-text a:visited,
div#footer-text a:hover
{
  color:                      white;
  text-decoration:            none;
}

div#footer-text a:hover
{
  text-decoration:            underline;
}


div#menu
{
  width:                      990px;
  height:                     32px;
  margin:                     0;
  font-size:                  13px;
  font-weight:                normal;
  color:                      white;
  padding:                    4px 0 0 15px;
}

div#menu a,
div#menu a:link,
div#menu a:active,
div#menu a:visited,
div#menu a:hover
{
  background:                 transparent url(../img/menu_item.gif) no-repeat 0 3px;
  color:                      #eee;
  text-decoration:            none;
  padding-left:               15px;
}

div#menu a:hover,
div#menu a.active,
div#menu a.active:link,
div#menu a.active:active,
div#menu a.active:visited,
div#menu a.active:hover
{
  background:                 transparent url(../img/menu_item_active.gif) no-repeat 0 3px;
  color:                      white;
}

div#menu ul
{
  list-style:                 none;
}

div#menu li
{
  float:                      left;
  padding:                    2px 15px 0 0;
}

div#page-menu ul
{
  padding:                    0;
  margin:                     0;
  width:                      270px;
  list-style-type:            none;
}

div#page-menu li
{
  padding:                    0;
  margin:                     0;
}

div#page-menu a,
div#page-menu a:link,
div#page-menu a:active,
div#page-menu a:visited,
div#page-menu a:hover
{
  border-bottom:              dashed 1px #aaa;
  background:                 transparent url(../img/page-menu-item.gif) repeat-y 0 0;
  display:                    block;
  text-decoration:            none;
  padding-left:               20px;
}

div#page-menu a:hover,
div#page-menu a.active,
div#page-menu a.active:link,
div#page-menu a.active:visited,
div#page-menu a.active:active,
div#page-menu a.active:hover
{
  background:                 transparent url(../img/page-menu-item-hi.gif) repeat-y 0 0;
}

/***************************************
 *                                     *
 *           TYPOGRAPHY                *
 *                                     *
 ***************************************/

body
{
  text-align:                 left;
  font-family:                Verdana;
  font-size:                  9pt;/*11px;*/
  color:                      #252a74;
  line-height:                1.1em;
}

a,
a:link,
a:visited,
a:active,
a:hover
{
  font-weight:                bold;
  text-decoration:            none;
  color:                      #336;
  border:                     none;
}

a:hover
{
  text-decoration:            underline;
}

h1, h2, h3, h4, h5, h6
{
  font-family:                 Verdana, Arial, Helvetica, sans-serif;
}

h1
{
  color:                       #fff;
  font-size:                   16px;
  font-weight:                 bold;
  padding:                     8px 0 20px 0;
}

h2
{
  color:                       #fff;
  font-size:                   13px;
  font-weight:                 bold;
  padding:                     4px 0 8px 0;
}

p
{
  line-height:                 1.5em;
  text-align:                  justify;
  margin:                      0 0 5px 0;
}

ul
{
  margin-bottom:              0.8em;
  text-align:                 justify;
  line-height:                1.6em;
  padding-left:               15px;
}

ol
{
  margin-bottom:              0.8em;
  text-align:                 justify;
  line-height:                1.6em;
  padding-left:               15px;
}

img
{
  border:                     none;
}

td
{
  vertical-align:             top;
}

/***************************************
 *                                     *
 *               FORM                  *
 *                                     *
 ***************************************/

div.tabmenu
{
  height:                     34px;
  border-left:                solid 1px #aaa;
  background:                 transparent url(../img/tabrow-bg.gif) repeat-x bottom left;
}

div.tabmenu a,
div.tabmenu a:link,
div.tabmenu a:visited,
div.tabmenu a:active,
div.tabmenu a:hover
{
  height:                     33px;
  background:                 #ddd url(../img/tabrow-bg.gif) repeat-x bottom left;
  width:                      131px;
  display:                    block;
  color:                      #758795;
  text-decoration:            none;
  border-top:                 solid 1px #aaa;
  border-right:               solid 1px #aaa;
  text-align:                 center;
  padding:                    8px 0 0 0;
  float:                      left;
}
html>body div.tabmenu a,
html>body div.tabmenu a:link,
html>body div.tabmenu a:visited,
html>body div.tabmenu a:active,
html>body div.tabmenu a:hover
{
  height:                     25px;
}

div.tabmenu a:hover
{
  background-color:           white;
}

div.tabmenu a.active,
div.tabmenu a.active:link,
div.tabmenu a.active:visited,
div.tabmenu a.active:active,
div.tabmenu a.active:hover
{
  font-weight:                bold;
  background:                 white;
  border-bottom:              white;
}

div.tabpage
{
  background:                 #fff;
  border-left:                solid 1px #aaa;
  border-right:               solid 1px #aaa;
  border-bottom:              solid 1px #aaa;
  padding:                    10px 10px 10px 10px;
}

form.dynform
{
}

form.dynform fieldset
{
  border:                     solid 1px #aaa;
  padding:                    5px 8px 15px 8px;
  background:                 #fff;
}

form.dynform legend
{
  border:                     solid 1px #aaa;
  padding:                    2px 8px 4px 8px;
  margin-bottom:              10px;
  background:                 #F5F8FF;
}

form.dynform div.field
{
  border-top:                 solid 1px #eee;
  padding:                    6px 6px 6px 220px;
}

form.dynform label
{
  font-weight:                normal;
  float:                      left;
  width:                      175px;
  margin-left:                -217px;
  padding-top:                3px;
  white-space: nowrap;
}

form.dynform span.comment
{
  color:                      #dd0000;
  padding-left:               6px;
}

comment_extra

form.dynform div.control
{
  margin-left:                160px;
}

form.dynform input.error
{
  border:                     solid 1px #dd0000;
}

.inputtext
{
  font-family:                inherit;
  font-size:                  100%;
  font-weight:                normal;
  font-style:                 normal;
  clear:                      right;
  width:                      99%;
  margin-bottom:              3px;
  color:                      #252a74;
  padding:                    2px;
  border:                     solid 1px #41426D;
  background:                 transparent url( ../img/input.gif ) repeat-x 0 0;
}

.chkbx
{
  border: 0px;
  background: none;
}

input
{
  width: 20px;
}

/***************************************
 *                                     *
 *               EASYFLEX              *
 *                                     *
 ***************************************/

#logonform
{
  padding: 5px;
  min-height: 700px;
  background: #bbcff1;
}

#userfield, #passfield1, #passfield2
{
  font-size: 11pt;
  height: 22px;
  border: 1px #252a74 solid;
  width: 200px;
}

#passfield
{
  font-size: 11pt;
  height: 22px;
  width: 200px;
  border: 1px #252a74 solid;
}

#logonknop
{
  width: 100px;
  font-family: Verdana;
  font-size: 9pt;
}

.efTable
{
  border-top:     1px solid #252a74;
  border-right:   1px solid #252a74;
  border-bottom:  1px solid #252a74;
  margin-bottom:  10px;
}

.efTableGrid
{
  font-family:    Verdana, Arial, Helvetica, sans-serif;
  font-size:      9pt;
  border-top:     16px solid #252a74;
  position:       relative;
  overflow:       auto;
}

.efColumns
{
  position:     absolute;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size:    8pt;
}

.efColumnLabels
{
  position: absolute;
  z-index: 1;
}

.efColumnLabels .efColumnLabel
{
  color: #252a74;
  padding: 1px 2px 0px 3px;
  float: left;
}

.efColumnLabels .efColumnLabel a
{
  color: #252a74;
}

.efColumn
{
  margin-right: -1px;
  padding: 2px 3px 14px 2px;
  float: left;
  color: #252a74;
  border-left: 1px solid #252a74;
}

.efColumn a
{
  color: #252a74;
  position: absolute;
  display: block;
  z-index: 5;
}

.efTableGrid .efRow
{
  margin-left: -1px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 16px;
  list-style-type: none;
}

.efTableGrid .efRow li
{
  padding: 2px;
  display: block;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  border-left: 1px solid #252a74;
}

.efTableGrid .odd li
{
  background-color: #eaeaea;
}

.efTableGrid .even li
{
  background-color: #FFFFFF;
}

/*******************************************************************************
*                                                                              *
*       The Easyflex datalist                                                  *
*                                                                              *
*******************************************************************************/

.efDataList
{
  margin:           10px 0px 10px 0px;
  padding:          0px;
  list-style-type:  none;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        11px;
  color:            #252a74;
  font-weight:      bold;
}

.efDataList li
{
  height:       15px;
}

.efDataList li a
{
  color:        #252a74;
}

.efDataList li b
{
  width:        40%;
  font-weight:  bold;
  color:        #252a74;
  float:        left;
}

/*******************************************************************************
*                                                                              *
*       The Easyflex main data DIV                                             *
*                                                                              *
*******************************************************************************/

.easyflexMain
{
  position:           absolute;
  left:               152px;
  padding:            10px 10px 0px 10px;
  width:              503px;
  height:             1200px;
  background-color:   #FFFFFF;
  overflow:           hidden;
  float:              left;
  margin-left:        -1px;
  margin-right:       -1000px;
  border:       1px solid #252a74;
}

.easyflexMain h1
{
  color:        #252a74;
}

.easyflexMain h2
{
  color:        #252a74;
}

.easyflexMain h3
{
  color:        #252a74;
}

/*******************************************************************************
*                                                                              *
*       The Easyflex menubar (Main and Sub)                                    *
*                                                                              *
*******************************************************************************/

.easyflexMenu
{
  width:                150px;
  height:               1200px;
  float:                left;
  background-color:     #FFFFFF;
  border-top:          1px solid #252a74;
  border-left:          1px solid #252a74;
  border-right:         1px solid #252a74;
}

#dag
{
  color: #fff;
}

.easyflexMenu ul
{
  margin:               0px;
  padding:              0px;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            11px;
  list-style-type:      none;
}

.easyflexMenu a
{
  margin:            0px;
  padding:           3px 0px 3px 5px;
  width:             145px;
  display:           block;
  text-decoration:   none;
  color:             #252a74;
  background-color:  #FFFFFF;
  border-bottom:     1px solid #252a74;
}

.easyflexMenu a#active
{
  color:              #fff;
  background-color:   #252a74;
}

.easyflexMenu a:hover
{
  color:              #fff;
  background-color:   #252a74;
}

#efmainmenu #uitloggen
{
  position:       absolute;
  top:            158px;
  border-top:     1px solid #252a74;
}

#efsubmenu
{
  height:         300px;
  border-top:     1px solid #252a74;
  position:       absolute;
  top:            200px;
  left: 0px;
}

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

#commiddel.efTable #type {   width:  96px; }
#commiddel.efTable #adres {  width: 150px; }
#commiddel.efTable #aanvul { width: 150px; }

/*******************************************************************************
*                                                                              *
*       MODULE: Mijn gegevens                                                  *
*                                                                              *
*******************************************************************************/

#changepassword input
{
  margin: 5px 10px 5px 0px;
  height: 15px;
}

#changepassword input.button
{
  margin: 5px 0px 0px 10px;
  position: absolute;
  width: 100px;
  height: 21px;
}

#mijn_gegevens #efwerkmijlogo
{
  margin-top: -50px;
  float: right;
}

#mijn_gegevens .efTable { width: 411px; }
#mijn_gegevens #algemeen .efDataList li b { display: none;  }
#mijn_gegevens #adres .efDataList li b { display: none;  }

#mijn_gegevens #identiteit #op { display: none }

#mijn_gegevens #opleidingen #opleidingen.efTable #periode { width: 163px; }
#mijn_gegevens #opleidingen #opleidingen.efTable #naam    { width: 184px; }
#mijn_gegevens #opleidingen #opleidingen.efTable #diploma { width: 48px; }

#mijn_gegevens #werkervaringen #werkervaringen.efTable #periode { width: 166px; }
#mijn_gegevens #werkervaringen #werkervaringen.efTable #functie { width: 180px; }
#mijn_gegevens #werkervaringen #werkervaringen.efTable #getuig {  width: 50px; }

#mijn_gegevens #beschikbaarheid #verhinder.efTable #datum { width: 95px; }
#mijn_gegevens #beschikbaarheid #verhinder.efTable #reden { width: 300px; }

#mijn_gegevens #beschikbaarheid #beschikbaarheid.efTable { width: 203px; }
#mijn_gegevens #beschikbaarheid #beschikbaarheid.efTable #datum { width: 153px; }
#mijn_gegevens #beschikbaarheid #beschikbaarheid.efTable #link {  width: 40px; }

#mijn_gegevens #beschikbaarheid_detail #beschikbaarheid_dagen.efTable #uren {  width: 84px; }
#mijn_gegevens #beschikbaarheid_detail #beschikbaarheid_dagen.efTable #dag {   width: 41px; }
#mijn_gegevens #beschikbaarheid_detail #beschikbaarheid_dagen.efTable .efRow { padding-bottom: 21px; }

#mijn_gegevens #betaalgegevens ul * b
{
  padding-left: 1px;
}

#mijn_gegevens #beschikbaarheid_detail #beschikbaarheid_dagen.efTable #uren .a
{
  margin:       -2px 0px -2px -2px;
  padding-top:  4px;
  width:        87px;
  height:       17px;
  text-align:   center;
}

#mijn_gegevens #beschikbaarheid_detail div.a
{
  margin:           -2px 1px -2px -2px;
  padding-right:    1px;
  width:            44px;
  height:           21px;
  background-color: #fff;
  border-top:       1px solid #252a74;
}

#mijn_gegevens Navigatie
{
  color:        #252a74;
}

#mijn_gegevens #beschikbaarheid_detail div.b
{
  margin:           -2px 1px -2px -2px;
  padding-right:    1px;
  width:            44px;
  height:           21px;
  color: #252a74;
  background-color: #e0e2ff;
  border-top:       1px solid #252a74;
}

#mijn_gegevens #beschikbaarheid_detail .legenda
{
  margin: 0px 0px 15px 2px;
}

#mijn_gegevens #beschikbaarheid_detail .legenda div
{
  margin-right: 5px;
  float: left;
  border: 1px solid #252a74;
}

/******************************************************************************
* MODULE: loonspecificaties                                                   *
******************************************************************************/

#loonspecificaties #loonspec.efTable { width: 431px; }
#loonspecificaties #loonspec .efTableHeight { height: 427px; }

#loonspecificaties #loonspec #jaar {        width: 50px; }
#loonspecificaties #loonspec #nummer {      width: 80px; }
#loonspecificaties #loonspec #loontijdvak { width: 89px; }
#loonspecificaties #loonspec #periode {     width: 90px; }
#loonspecificaties #loonspec #link {        width: 60px; }

#loonspec h3
{
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
}

/******************************************************************************
* MODULE: jaaropgaven                                                         *
******************************************************************************/

#jaaropgaven #jaaropgaven .efTable { width: 431px; }
#jaaropgaven #jaaropgaven .efTableHeight { height: 427px; }

#jaaropgaven #jaaropgaven #jaar {        width: 80px; }
#jaaropgaven #jaaropgaven #nummer {      width: 250px; }
#jaaropgaven #jaaropgaven #link {        width: 70px; }

#jaaropgaven h3
{
  font-size: 10pt;
  font-style: italic;
  font-weight: normal;
}

#afgw_declaraties h3
{
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
}

#declaraties h3
{
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
}


/*******************************************************************************
* MODULE: Declaraties                                                          *
*******************************************************************************/

#declaraties #efsubmenu { display: none; }
#declaraties .easyflexMain { width: 566px; border-right: 1px solid #252a74; }
#declaraties .efDataList li { height: 25px; }
#declaraties .efTable { width: 565px; }

#declaraties #list .efTableHeight { height: 400px; }

#declaraties #list #urendecl #periode {  width: 100px; }
#declaraties #list #urendecl #relnaam {  width: 120px; }
#declaraties #list #urendecl #functie {  width: 208px; }
#declaraties #list #urendecl #plid {     width: 55px; }
#declaraties #list #urendecl #link {     width: 40px;  }

#declaraties #detail #globaal #relatie { width: 200px; }
#declaraties #detail #globaal #overig {  width: 355px; }

#declaraties #detail #regels .efTableHeight { height: 235px; }
#declaraties #detail #regels #datum { width: 70px; }
#declaraties #detail #regels #dag {   width: 75px; }
#declaraties #detail #regels #van {   width: 45px; }
#declaraties #detail #regels #tot {   width: 45px; }
#declaraties #detail #regels #soort { width: 120px;}
#declaraties #detail #regels #linka { width: 61px; }
#declaraties #detail #regels #linkb { width: 50px; }
#declaraties #detail #regels #linkc { width: 43px; }

#declaraties #detail div#eindewerk
{
  margin-left: 236px;
  top: 370px;
  position: absolute;
  z-index: 1;
  font-weight: normal;
}

#declaraties #detail div#reservering
{
  margin-left: 236px;
  top: 390px;
  position: absolute;
  z-index: 1;
  font-weight: normal;
}

#declaraties #detail div#opmerking
{
  margin-top: 23px;
  position: relative;
  font-weight: bold;
}

#declaraties #detail div#opmerking textarea
{
  margin-top: 20px;
  position: absolute;
  left: 0px;
  height: 67px;
  width: 400px;
}

#declaraties #detail input.button
{
  margin: 11px 0px 0px 416px;
  position: relative;
  top: -4px;
  width: 150px;
  height: 31px;
  cursor: pointer;
  font-weight: normal;
}

#declaraties #detail #copy
{
  margin: 20px 0px 0px 0px;
  width: 90%;
}

#declaraties #detail div#overwerk
{
  padding: 0px;
  margin-left: 418px;
  top: 385px;
  position: absolute;

  z-index: 1;
}

#declaraties #detail #overwerk div
{
  position: absolute;
  width: 10px;
  height: 20px;
  align: right;
  margin-top: -15px;
  margin-left: 40px;
  float: left;
  font-weight: bold;
  z-index: 6;
}

#declaraties #detail div#overwerk ul
{
  list-style-type: none;
}

#declaraties #detail #overwerk li
{
  float: left;
  margin-right: 2px;
}

#declaraties #new .efDataList b
{
  width: 130px;
}

#declaraties #edit .efDataList b
{
  width: 130px;
}

#declaraties #delete .efDataList b
{
  width: 130px;
}

#declaraties #new form
{
  margin: 15px 0px 0px 5px;
}

#declaraties #new input.button
{
  margin: 10px 30px 0px 0px;
  height: 25px;
  width: 100px;
}

#declaraties #edit input.button
{
  margin: 10px 30px 0px 0px;
  height: 25px;
  width: 100px;
}

#declaraties #delete input.button
{
  margin: 10px 30px 0px 0px;
  height: 25px;
  width: 100px;
}

/*******************************************************************************
* MODULE: ingediende declaraties                                               *
*******************************************************************************/

#afgw_declaraties #efsubmenu { display: none; }
#afgw_declaraties .easyflexMain { width: 566px; border-right: 1px solid #252a74; }
#afgw_declaraties .efDataList li { height: 25px; }
#afgw_declaraties .efTable { width: 565px; }

#afgw_declaraties #list .efTableHeight { height: 400px; }

#afgw_declaraties #list #urendecl #periode {  width: 100px; }
#afgw_declaraties #list #urendecl #relnaam {  width: 117px; }
#afgw_declaraties #list #urendecl #functie {  width: 175px; }
#afgw_declaraties #list #urendecl #status {   width: 90px; }
#afgw_declaraties #list #urendecl #link {     width: 38px;  }

#afgw_declaraties #detail #globaal #relatie { width: 200px; }
#afgw_declaraties #detail #globaal #overig {  width: 355px; }

#afgw_declaraties #detail #regels { color: #848284; }
#afgw_declaraties #detail #regels .efTableHeight { height: 219px; }
#afgw_declaraties #detail #regels #datum { width: 70px; }
#afgw_declaraties #detail #regels #dag {   width: 75px; }
#afgw_declaraties #detail #regels #van {   width: 45px; }
#afgw_declaraties #detail #regels #tot {   width: 45px; }
#afgw_declaraties #detail #regels #soort { width: 289px;}

#afgw_declaraties #detail div#eindewerk
{
  margin-left: 236px;
  top: 370px;
  position: absolute;
  z-index: 1;
  font-weight: normal;
}


#afgw_declaraties #detail div#reservering
{
  margin-left: 236px;
  top: 390px;
  position: absolute;
  z-index: 1;
  font-weight: normal;
}

#afgw_declaraties #detail div#opmerking
{
  margin-top: 23px;
  position: relative;
  font-weight: bold;
}

#afgw_declaraties #detail div#opmerking textarea
{
  margin-top: 20px;
  position: absolute;
  left: 0px;
  height: 67px;
  width: 400px;
}

#afgw_declaraties #detail input.button
{
  margin: 11px 0px 0px 416px;
  position: relative;
  top: -4px;
  width: 150px;
  height: 31px;
  cursor: pointer;
  font-weight: normal;
}


#afgw_declaraties #detail div#overwerk
{
  padding: 0px;
  margin-left: 418px;
  top: 385px;
  position: absolute;
  z-index: 1;
}

#afgw_declaraties #detail #overwerk div
{
  position: absolute;
  width: 10px;
  height: 20px;
  align: right;
  margin-top: -15px;
  margin-left: 40px;
  float: left;
  font-weight: bold;
  z-index: 6;
}

#afgw_declaraties #detail div#overwerk ul
{
  list-style-type: none;
}

#afgw_declaraties #detail #overwerk li
{
  float: left;
  margin-right: 2px;
}