body
{
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 70%;
}

H1
{
    font-size : 130%;
}

table
{
    border-color: #e0e0e0;
    border-collapse: collapse;
}

A, A:ACTIVE, A:FOCUS, A:LINK, A:VISITED
{
    color: #000000;
    text-decoration: underline;
}
A:HOVER
{
    text-decoration: none;
}
FIELDSET
{
    padding: 0 10px 10px 10px;
}
FIELDSET LEGEND
{
    font-weight: bold;
    color: #8e2466;
    margin-bottom: 10px;
}

.div_container
{
    width: 790px;
}

.div_container_bredelayout
{
    width: 985px;
}

.div_container_vollebreedtelayout
{
    width: 100%;
}

.div_mainDiv
{
    margin: 0 auto;
    float: left;
}

.div_container_vollebreedtelayout, .div_mainDiv
{
    width: 100%;
}

.div_leftcolumn
{
    position: absolute;
    top: 460px;
    left: 0;
    z-index: 2;
}

.div_leftcolumn_bredelayout
{
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 2;
    color: White;
}

.div_leftcolumn img
{
    margin-bottom: 10px;
}
.div_header
{
    width: 790px;
    background-color: #8e2466;
    float: left;
    margin-bottom: 10px;
}
.div_header_bredelayout
{
    float: left;
    width: 985px;
    background-color: #8e2466;
    margin-bottom: 10px;
}

.div_header_vollebreedtelayout
{
    float: left;
    width: 100%;
    background-color: #8e2466;
    margin-bottom: 10px;
}

.div_header .div_header_logo_cell, .div_header_bredelayout .div_header_logo_cell, .div_header_vollebreedtelayout .div_header_logo_cell
{
    width: 340px;
}
.div_header .div_header_menu_row, .div_header_bredelayout .div_header_menu_row, .div_header_vollebreedtelayout .div_header_menu_row
{
    height: 20px;
    background-color: #ffffff;
}
.div_header .div_header_menu_row .div_header_menu_cell, .div_header_bredelayout .div_header_menu_row .div_header_menu_cell, .div_header_vollebreedtelayout .div_header_menu_row .div_header_menu_cell
{
    border-bottom: solid 1px #8e2466;
    padding: 0 10px;
}
.div_header .div_header_menu_row .div_header_menu_cell A, .div_header_bredelayout .div_header_menu_row .div_header_menu_cell A, .div_header_vollebreedtelayout .div_header_menu_row .div_header_menu_cell A
{
    color: #8e2466;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}
.div_header .div_header_menu_row .div_header_menu_cell A:hover, .div_header_bredelayout .div_header_menu_row .div_header_menu_cell A:hover, .div_header_vollebreedtelayout .div_header_menu_row .div_header_menu_cell A:hover
{
    font-weight: bold;
    color: #c97f98;
}
.div_content
{
    background-image: url(/images/backleftcolumn.gif);
    z-index: 1;
    background-repeat: repeat-y;
    float: left;
    padding: 5px 20px 20px 175px;
    min-height: 500px;
    _height: 500px;
}
.div_rightcolumn
{
    float: left;
    width: 195px;
}
.div_logininfo
{
    background-color: #8e2466;
    border-left: solid 1px #ffffff;
    color: White;
    vertical-align: text-bottom;
    text-align: center;
    width: 192px;
}
.div_logininfo_row
{
    height: 70px;
}
.div_logininfo_cell
{
    width: 100%;
}

.disclaimer
{
    margin-left: 10px;
}
.disclaimer A
{
    color: #ffffff;
    font-size: 89%;
    font-weight: bold;
    text-decoration: none;
}
.disclaimer A:hover, .disclaimer A:FOCUS
{
    color: #c97f98;
}

/* ===========================================
                    GEMEENTE
   =========================================== */
.gemeente_woonruimte_formulier fieldset
{
    margin-top: 10px;
}

.gemeente_woonruimte_formulier .gemeente_woonruimte_formulier_table
{
    margin: 10px 0; /*width: 98%;*/
}
.gemeente_woonruimte_formulier .gemeente_woonruimte_formulier_table TR TD
{
    padding: 3px 0;
}

.gemeente_woonruimte_formulier .gemeente_woonruimte_formulier_table .labelcell
{
    width: 200px;
    vertical-align: top;
}
.gemeente_woonruimte_formulier .gemeente_woonruimte_formulier_table .requiredfieldcell
{
    width: 10px;
    vertical-align: top;
}

.gemeente_woonruimte_formulier .gemeente_woonruimte_formulier_table .datacell
{
    width: 350px;
    vertical-align: top;
}

.gemeente_woonruimte_formulier .gemeente_woonruimte_formulier_table .datacell_large
{
    width: 550px;
    vertical-align: top;
}



/* forms general */
.input_textbox
{
    width: 300px;
}
.input_textbox_short
{
    width: 35px;
}

.toptable TR TD, .toptable TR TH
{
    vertical-align: top;
}

.rapporttable TR TD, .rapporttable TR TH
{
    vertical-align: top;
}
.rapporttable TR TH
{
    text-align: left;
}
.rapporttable .eenheden_gemeentenaam, .rapporttable .eenheden_adres
{
    width: 100px;
    white-space: nowrap;
}

.borderonerror
{
    border: solid 2px red;
}

.hidden *
{
    visibility: hidden;
    display: none;
}

.popup_background
{
    background-color: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.popup_foto, .popup_notities
{
    padding: 10px;
    z-index: 150;
}
.popup_foto
{
    background-color: #8e2466;
    text-align: center;
    width: 570px;
}
.popup_foto .popup_close
{
    color: White;
}

.popup_notities, .popup_voorkeurtoevoegen
{
    background-color: White;
    border: solid 2px #8e2466;
    width: 700px;
}
.popup_notities .popup_close, .popup_voorkeurtoevoegen .popup_close
{
    color: Black;
}
.popup_notities .popup_tekst
{
    height: 450px;
    overflow-y: scroll;
}
.popup_voorkeurtoevoegen .popup_tekst
{
    height: 230px;
    overflow-y: scroll;
    padding: 20px;
}




/* ===========================================
             Vergunninghouders
=========================================== */
.woningoverzicht_container
{
    width: 100%;
}
.woningoverzicht_selecteergemeente
{
    background-color: #d7d9e6;
    padding: 10px;
    font-weight: bold;
}

.woningoverzicht_legenda
{
    background-color: White;
    font-weight: bold;
}

.woningoverzicht_tabel
{
    width: 100%;
}
.row_normal
{
    background-color: #e0e0e0;
}
.row_alterating
{
    background-color: #eeeeee;
}
.woningoverzicht_tabel TD
{
    vertical-align: top;
}
.woningoverzicht_tabel .cell_centered, .cell_centered
{
    text-align: center;
}
.woningoverzicht_tabel .cell_picture
{
    width: 150px;
}

.login_form TR TD TABLE TR TD
{
    text-align: left;
}

.collapsiblepanel
{
    height: 0px;
    overflow: hidden;
}

.listsearch_prompttext
{
    display: none;
}

/* UpdateProgress */
.updateprogress_lockdown
{
    background-color: black;
    moz-opacity: 0.5;
    khtml-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 120;
    position: absolute;
    top: 0;
    left: 0;
}

.updateprogress_loading
{
    z-index: 200;
    background-color: White;
    position: absolute;
    top: 0pt;
    left: 0pt;
    border: solid 2px #8e2466;
    padding: 10px;
    text-align: center;
    min-height : 50px;
}

.updateprogress_loading .loader_image
{
        margin: 10px 15px 15px 25px;
    }
    
    
    
    
/* Opsomming details */    
    .label4Kolommen
    {
        width: 100px;
        font-weight:bold;
    }
    
    .label2Kolommen    
    {
        width: 150px;
        font-weight:bold;
    }
    
    .icon
    {
        width: 30px;
        text-align:center;
    }
    
    .iconImage
    {
      cursor:pointer;
    }
    
    .closeUpperRight
    {
      
        float:right;
       padding:5px;
    }
    
   

.popup_notities_PLE
{
     background-color: White;
     color: Black;
    border: solid 2px #8e2466;
    width: 600px;
    height: 300px;
    overflow-y: none;
}
