/* ******************************************
 *                Debugging                 *
 ****************************************** */

#doc2 {
     /*border:             1px solid red; */ 
}


/* ******************************************
 *                 Default                  *
 ****************************************** */

html {
    background:         url(../img/achtergrond.jpg);
}


body {
    text-align:         left;
    color:              #000000;
    margin:             0;
    padding:            0;
    scrollbar-face-color:       #FFFFFF;
    scrollbar-highlight-color:  #999999;
    scrollbar-shadow-color:     #999999;
    scrollbar-3dlight-color:    #FFFFFF;
    scrollbar-arrow-color:      #999999;
    scrollbar-track-color:      #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
}


table {
    margin-top:         3px;
}


td {
    border:             0px solid #000000;
    padding:            0em;
}


/* ******************************************
 *                   Menu                   *
 ****************************************** */
 
 
#menu {
    height:             513px;
    background:         url(../img/menu.jpg);
}  


#menu ul {
    margin:             0em !important;
    padding-top:        100px;   
}


#menu ul li {
    height:             28px;
    width:              188px;
/*    background:         url(../img/menu_item_30.png) no-repeat; */
    background:         url(../img/menu_item_30_sprite.png) no-repeat;
    list-style-image:   none;
    list-style-type:    none;
    padding-left:       10px;
    padding-top:        5px;
    margin-bottom:      0;
}

#menu ul li.hover {
/*    background:         url(../img/menu_item_hover_30.png) no-repeat !important; */
    background:         url(../img/menu_item_30_sprite.png) 0px -40px no-repeat !important;
}

#menu ul li a {
    display:            block;
    width:              175px;
    padding-bottom:     2px;
    color:              #000000;
    font-weight:        bolder;
    text-decoration:    none;
}


/* ******************************************
 *                 Content                  *
 ****************************************** */
 
 
#content {
    height:             352px;
    padding-left:       5px;
    background:         url(../img/center.jpg);
    overflow:           auto;
    font-size:          85%;
}


#content h1 {
    font-weight:        bolder;
    font-size:          108%;
}


#content a {
    color:              #000000;
}


#content a:hover {
    color:              #F65D06;
}


#content img {
    cursor:             pointer;
    border:             1px solid #000000;
}


#content select, #content input, #content textarea {
    width:              250px;
    padding:            2px;
    border:             1px solid #000000;
    /* background-color:   transparent; */
}


#content input.button {
    width:              100px;
}


#content .button_position {
    margin-left:        50px; /* 35.6%; */    
}


.error {
    color:              #F33;
    margin-bottom:      20px;
}

p.error {
    font-size:          85%;
    margin-bottom:      5px;
}

.explanation {
    cursor:             help;
    display:            inline;
    margin-bottom:      4px;
    vertical-align:     middle;
}


#content img.explanation {
    border:             0px solid #000000;
}


#tooltip {
    position:           absolute;
    z-index:            3000;
    border:             1px solid #666666;
    background-color:   #FFFFFF;
    padding:            3px;
    opacity:            0.85;
    font-size:          85%;
    font-weight:        normal;
}


#tooltip h3, #tooltip div { 
    margin:             0; 
}


#living_giving {
    position:           absolute;
    margin-left:        410px;
    margin-top:         7px;
}