@charset "utf-8";
/* main page,general */
html{
        height: 100%;
}

body {
        font-family: verdana, geneva, arial, helvetica, sans-serif;
        margin: 0px;
        height: 100%;
        text-align: center;
        background: #88b9e3 url(../img/bgbody.jpg) repeat-y top center;
}
.fl_right{
display:inline;
float:right;
}
.fl_left{
float:left;
}
.spacer {
        clear: both ;
    width: 100%;
    height: 0px;
}



/* header, container menu */
.justpitje_container {
   border: solid #4882c8;
        border-width: 1px;
        margin:50px
        float: left;
}

.header {
height: 127px;
width: 100%;
background: #fff;
}


#logo{
        float: left;
        width: 45%;
        background: #fff ;
        height: 100px;

}
#foto{
        float: right;
        height: 100px;
        width: 54%;
        background: #fff
}
#header_bar{
        width:100%;
        height:27px;
                text-align:left;
                padding-left:20px;
                padding-top:5px;
  background: #b4d900 url(images/bgpulldown.jpg) repeat-x bottom left;
  font-family: verdana, arial;
vertical-align:bottom;
  }



/* menu */
#menu_container {

        float: left;
        top: 10px;
        left: 10px;
        width: 180px;
        height: 100%;
        background-image: url(images/bgthematile.jpg);
        background-position: right;


}

/* = witte menu items
---------------------------------------------*/

#menu_container a, #menu a:visited{
        padding: 2px 2px 2px 10px;
        display: block;
        width: auto;
        color: #000;
        text-decoration: none;
}

#menu_container a:hover{
        width: auto;
        background: #4f8ccd;

}

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

#menu_blue {
        z-index:999;
        width: 180px;
        height: auto;/*200px;*/
        background-image: url(images//bgmenu.jpg);
        background-position: right;
        padding-top: 20px;
      color: #000;
        font-size: 12px;

}

/* = blauwe menu items
---------------------------------------------*/

#menu_blue a, #menu a:visited{
        padding: 2px 2px 2px 10px;
        display: block;
        width: auto;
        color: #000;
        text-decoration: none;
        font-size: 12px;
}

#menu_blue a:hover{
        width: auto;
        background: #d1e6a3;
        color:#FFFFFF;
        font-size: 12px;
}

}
/*----------------------------------------------*/

#menu_tussenstuk {
        width: 180px;
        height: 15px;
        background-image: url(images//thematussenstuk.jpg);
        background-position: right;
}

#menu_footer {
        width: 180px;
        height: 53px;
        background-image: url(images//bgundermenu.jpg);
        background-position: right;

}

#menu_top {
        width: 180px;
        height: 35px;
        background-image: url(images//bgthema.jpg);
        background-position: right;

}

#menu_spacer {
        width: 180px;
        height: 4px;
        font-size: 2px;
}


/* = font eagenskappen om de zaak op te fleuren
--------------------------------------------*/

.subject {
        font-size: 16px;
        font-weight: bold;
        margin-left: 10px;
        color: #29619b;
}


/*welkom */

.startert {
 margin: 20px 20px 20px 190px ;

        font-size: 12px;
        vertical-align: top;
}

#welkom{
        text-align: left;
        vertical-align: top;
        border: solid #4882c8;
        border-width: 1px;
        background: #fff;
        padding: 20px;
}


}
/* span tekst */

.span{
        text-align: left;
        vertical-align: top;
		font-size: 12px;

}
#spanmenu{
        text-align: center;
        vertical-align: top;
                font-size: 12px;
                position:absolute;
                top:150px;
                left:0;
                width:180px;
}
#spanmenu a, #spanmenu a:visited{
        padding: 2px 2px 2px 10px;
        display: block;
        width: auto;
        color: #000;
        text-decoration: none;
        font-size: 12px;
}

#spanmenu a:hover{
        width: auto;
        background: #d1e6a3;
        color:#FFFFFF;
        font-size: 12px;
}



/*forms */
.forms{
         margin: 20px 20px 20px 190px ;
         width:1000px;
         height: 500px;
		 left:100px;
		 top:100px;

 }





/*tables */
table {
        border-collapse:collapse;
        text-align: right;
        vertical-align: top;
        empty-cells: show;
        border: solid #4882c8;
        border-width: 0px;
        background: #fff;

}
tr {
        empty-cells: show;
        height:25px;
        color: #2c4f86;

}
td {
        empty-cells: show;
        height:25px;
        color: #2c4f86;
}
.div_table {
        float:left;
}

/*resultpage */

.justpitje{
         position: absolute;
         top: 100px;
         left: 0px;
         margin: 0px 20px 0px 190px ;
         width: 2000px;
         height: 500px;
 overflow:visible;
 text-align:left;
 }
.next_previous {
margin-top:30px;
background-color:#FFF;
}

 td.header{
        color: #2c4f86;
        font-weight: normal;
        text-decoration: none;
        font-size: 25px;
        height:35px;
                  padding: 0px 4px 0px 4px;

}
 td.title{
        color: #2c4f86;
        background: #98cb00;
        empty-cells: show;
        height:22px;
        font-size: 12px;
        font-weight: bold;
                 padding: 0px 4px 0px 4px;
}

td.total {

        border: solid ;
        border-color: #000;
        border-width: 1px 0px 0px 0px;
        empty-cells: show;
        font-weight: bold;
        font-size: 12px;
		padding: 0px 4px 0px 4px;
}
td.white{
		color:#FFF;
        border: solid ;
        border-color: #000;
        border-width: 1px 0px 0px 0px;
        empty-cells: show;
        font-weight: bold;
        font-size: 12px;
        padding: 0px 4px 0px 4px;
}
td.data{
        empty-cells: show;
        font-size: 12px;
        padding: 0px 4px 0px 4px;
}
td.index{
                empty-cells: show;
        font-size: 12px;
        padding: 0px 4px 0px 4px;
}
td.jaar, th{
        empty-cells: show;
        font-size: 12px;
        padding: 0px 4px 0px 4px;
                background: #98CB00;
}
td.jaarindex{
        empty-cells: show;
        font-size: 12px;
        padding: 0px 4px 0px 4px;
                background: #FFFFFF;
}
td.empty {
        border: solid #4882c8;
        border-width: 0px 0px 0px 0px;
        empty-cells: show;
        height:25px;
		color:#FFF;
}
/* buttons */
input,  form input, form button, form textarea, .input{
        margin: 0;
        padding: 0;
        border: 1px solid #b5da00;
        background: white;
}

h1, .heading1 {
        color: #2c4f86;
        font-weight: normal;
        text-decoration: none;
        font-size: 180%;
        margin-top: 3px;
        margin-bottom: 2px;
}
h3, .heading3 {
        color: #3D6EBB;
        font-weight: bold;
        text-decoration: none;
        font-size: 100%;
        margin-top: 3px;
        margin-bottom: 2px;
}
/* berekende cellen*/
  .calc{

          background: #EEEEEE;
  }
/* overlib -> helptekst */
.overlib_left{
        text-align: left;
        vertical-align: top;
        border: solid #4882c8;
        border-width: 1px;
        background: #FFF;
}

/* footer */
.justpitje #authors {
                top:10px;
                position:relative;
        font: small-caps .8em arial;
}