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

html, body {
    background-color:           #e3e8eb;
    margin:                     0px;
    font-family:                Verdana;
    font-size:                  12px;
    /*color:                      #c0c0c0;*/
}
table   {
    font-size: 100%;
}
a   {
    color:                      #000000;
    /*color:                      #919191;*/
    /*color:                      #ff4733;*/
    text-decoration:            underline;
}
a:hover {
    text-decoration:            none;
}
h1 a   {
    text-decoration:            none;
}
img {
    border: 0px;
}

table   {
    font-size: 100%;
}
table th    {
    text-align: left;
    
    color: #45637a;
    
    padding-right: 20px;
}
table.listTable td fieldset {
    border: 0px;
}
table.listTable td .textbox {
    width: 400px;
    
    font-size: 100%;
    
    border: 1px solid #3d4a5a;
}
table.listTable td input.textbox {
    height: 16px;
}
table.listTable td textarea.textbox {
    height: 200px;
}
button {
    border: 1px solid #3d4a5a;
    background-color: #e3e8eb;
    
    font-size: 100%;
    
    padding: 2px 5px 2px 5px;
}


#menu a, #submenu a, #left a {
    color:                      #B4B4B4;
    text-decoration:            none;
    /*padding-left:               10px;
    padding-right:              10px;*/
    font-weight:                bold;
}
#menu a:hover, #submenu a:hover, #left a:hover {
    color:                      #ff4733;
    text-decoration:            none;
}

h1 {
    font-size:                  15px;
    color:                      #45637a;
    font-weight:                bold;
    margin:                     0px;
    margin-bottom:              5px;
}
#middle_text h1.pageTitle {
    /*margin-top: -4px;*/
}
#left h1 {
    /*margin-top: -4px;*/
}
h2 {
    font-size:                  11px;
    color:                      #919191;
    font-weight:                bold;
    margin:                     0px;
    margin-top:                 0px;
    margin-bottom:              5px;
}

#maincontainer {
    position:           absolute;
    width:              1000px;

    left:               50%;
    margin-left:        -500px;
}

#header {                                  
    background-image:           url('../../gfx/header.gif');
    background-repeat:          no-repeat;
    background-position:        top left;
    width:                      100%;      
    height:                     108px; 
}                                
                               
#menu {
    position:                   absolute;
    margin-top:                 70px;
    line-height:                20px;
    font-size:                  0.9em;
    text-align:                 right;
    width:                      80%;
}    

#menu a {
    color:                      #939393;
}

#menu a:hover {
    color:                      #ff4733;
}

#zoeken {
    position:                   absolute;
    margin-left:                830px;
    margin-top:                 70px;
}

#submenu {
    /*background-color:           #FFFFFF;*/
    color:                      #c0c0c0;
    
    /*width:                      97%;*/
    margin-left:                7px;
    padding:                    5px;
    font-size:                  1.2em;
    
    padding-top:                10px;
    padding-bottom:             10px;
}
#submenu a  {
    /*text-transform:             uppercase;*/
}

#content {
    width:                      100%;
    background-image:           url('../../gfx/bg.gif');
    background-repeat:          repeat-y;
    background-position:        top left;    
    
    padding-top: 4px;
}

#left {
    float:                      left;
    margin-left:                3px !important;
    margin-left:                0px;
    /*padding-top:                5px;*/
    width:                      19%;
}

#left .tekst_links    {
    padding: 0px 10px 10px 10px;
    
    color: #000000;
    /*color: #919191;*/
    
    font-size: 0.9em;
}
#left .tekst_links ul {
    /*margin-left: 20px;*/
    
    list-style: none;
}
#left .tekst_links a {
    margin: 0px;
    padding: 0px;
    
    color: #c7c8ca;
}
#left .tekst_links a:hover  {
    color: #ff4733;
}


#left .menu {
    padding-left: 4px;
}
#left .menu a {
    display:                    block;
    padding-left:               7px;
    margin-bottom:              40px;
    margin-top:                 40px;
    
    font-size:                  15px;
}

#middle {
    float:                      left;
    width:                      58%;
}

#middle_image {
    overflow:                   hidden;
    width:                      600px;
    height:                     393px;
    
    margin-bottom:              4px;
}


#middle_text    {
    
    color: #000000;
    /*color: #919191;*/
    
    font-size: 0.9em;
    width: 600px;
    padding-bottom: 20px;
}
#middle_text ul  {
    margin-left: 20px;
}
#middle_text p    {
    /*margin: 5px 0px 5px 0px;*/
}

#right {
    position:                   relative;
    float:                      right;
    margin-right:               12px !important;
    margin-right:               3px;
    margin-left:                10px !important;
    margin-left:                0px;
    /*width:                      19%;*/
    width:                      190px;
    text-align:                 right;
}

.item_right {
    width:                      190px;
    vertical-align:             middle;
    margin-bottom:              10px;
    
    background-color:           #ffffff;
    
    border:                     1px solid #dde0e6;
}

.item_right th {
    background-color:           #45637a;
    padding:                    5px;
    /*color:                      #FFFFFF;*/
    
    /*border-top:                 1px solid #dde0e6;*/
    /*border-right                1px solid #dde0e6;*/
    /*border-left:                1px solid #dde0e6;*/
}
.item_right th a    {
    color:                      #FFFFFF;
    text-decoration:            none;
}
.item_right td {
    color:                      #c0c0c0;
    font-size:                  1.0em;
    /*border-right                1px solid #dde0e6;*/
    /*border-bottom:              1px solid #dde0e6;*/
    /*border-left:                1px solid #dde0e6;*/
}

.item_right th, .item_right td {
    width:                      190px;
}

#footer {
    width:                      100%;
    height:                     21px;
    background-image:           url('../../gfx/footer.gif');
    background-repeat:          no-repeat;
    background-position:        top left;    
    
    color: #939393;
    
    padding-top: 5px;
    font-size: 0.8em;
    
}
#footer a   {
    color: #939393;
    text-decoration: underline;
    
}


#modalWindowBackground  {
    position: fixed !important;
    position: absolute;
    left: 0px;
    top: 0px;
    
    width: 100%;
    height: 100%;
    
    background-color: #78818c;
    
    /* Transparantie */
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    
    z-index: 998;
}

#modalWindow    {
    position: fixed !important;
    position: absolute;
    
    /*top: 50%;
    margin-top: -310px !important;
    margin-top: -280px;*/
    margin-left: -306px;
    left: 50%;
    
    top: 144px;
    
    /*height: 600px;*/
    
    height: 80%;
    width: 610px;
    
    /*border: 1px solid #000000;*/
    
    z-index: 999;
}
#modalWindow .titleBar    {
    background-color: #c95832;
    
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
#modalWindow #modalWindowContent    {
    /*height: 590px !important;*/
    width: 600px !important;
    /*height: 600px;*/
    width: 610px;
    
    overflow: auto;
    
    padding: 5px;
    
    background-color: #ffffff;
    color: #939393;
}
#modalWindow #modalWindowContent #left  {
    display: none;
}
#modalWindow #modalWindowContent table    {
    width: 95% !important;
}
#modalWindow #modalWindowContent #middle   {
    width:100%;
}
#modalWindow #modalWindowContent iframe    {
    height: 100%;
    width: 100%;
    
    border: 0px;
    
    background-color: #ffffff;
    color: #939393;
    
    font-size: 8px !important;
}
#modalWindow .closeButton   {
    float: right;
    
    vertical-align: middle;
    
    margin-top: 3px;
    margin-right: 3px;
    
    cursor: pointer;
}


#documentatieAanvraag  {
    
}

#documentatieAanvraag .document  {
    width: 240px;
    height: 90px;
    
    margin: 0px 10px 10px 0px;
    
    float: left;

    font-size: 0.9em;
}
#documentatieAanvraag .document .thumbnail  {
    width: 62px;
    height: 90px;
    
    background-color: #dddddd;
    
    float: left;
}
#documentatieAanvraag .document .description    {
    background-color: #f1f1f1;
    
    height: 56px !important;
    height: 66px;
    width: 168px;
    
    float: left;
    font-size: 9px;
    padding: 5px 5px 5px 5px;
}
#documentatieAanvraag .document .description h3    {
    font-size: 1.0em;
}
#documentatieAanvraag .document .description a    {
    font-weight: bold;
}
#documentatieAanvraag .document .toolbar    {
    background-color: #dddddd;
    
    float: left;
    
    height: 24px;
    width: 168px;
    
    line-height: 24px;
    vertical-align: middle;
    
    padding: 0px 5px 0px 5px;
}
#documentatieAanvraag .document .toolbar img    {
    border: 0px;
    vertical-align: middle;
}
#documentatieAanvraag .document .toolbar input    {
    vertical-align: middle;
}

.documentatiePortal     {
    text-align: left;
    background-color: #e5e5e5;
}
.documentatiePortal form    {
    padding: 5px;
}
.documentatiePortal button {
    background-color: #ffffff;
    
    border: 0px;
    
    float: right;
    
    margin: 5px 0px 5px 5px;
    
    color: #576067;
}
.documentatiePortal select  {
    border: 1px solid #aaaaaa;
    
    font-size: 1.0em;
    
    width: 177px;
}