/* GENERIC */
*
{
    font-family: verdana, arial, helvetica;
    font-size : 11px;
    color : #666666;
    line-height:1.3;
    
}

A
{
    color : #a30a86;
    font-weight : normal;
    text-decoration: none;
}

UL
{
    padding : 0;
    margin : 0;
    padding-left : 15px;
    margin-left : 15px;
    margin-bottom : 15px;
    list-style-type :square;
}

OL
{
    padding : 0;
    margin : 0;
    padding-left : 15px;
    margin-left : 15px;
    margin-bottom : 15px;
    list-style-type : decimal;
}

LI
{
    list-style-type: inherit;
}

H1
{
    color : #000;
    font-weight : bold;
    font-size : 16px;
    margin : 0;
    padding : 0;
    padding-bottom : 14px;
}

H2
{
    font-size : 12px;
    padding-bottom : 15px;
}

HR
{
    border : 0;
    border-bottom: 1px dotted #a30a86;
}

BODY
{
    background-color : #c0d884; /*#e6eaca;*/
    height : 100%;
}
  
.input
{
    height : 19px;
    border : 1px solid #CCC;
    width : 120px;
}
    
.left { float : left; }
.smaller { font-size : 10px; }
    
#footer,
#footertext
{
    width : 1008px;
    margin : 0 auto;    
}
#footertext
{
    text-align: right;
    padding-right : 10px;
    padding-bottom : 20px;
}

#footer #contact
{
    background-image :  url(/_images/site/footer_background.png);
    background-repeat: no-repeat;
    width : 181px;
    height : 171px;
    position: absolute;
    margin-top : -145px;
    margin-left : 20px;
    text-align: center;
    padding-top : 15px;
    line-height: 13px;
}
    
    #footer #contact H1
    {
        font-size : 12px;
        padding : 0;
        color : #000;
    }

#top
{
    width : 1008px;
    margin : 0 auto;
}

    #top #logo
    {
        position : absolute;
        top : 0;
        padding-left : 24px;
    }

    #top #loginbalk
    {
        position : absolute;
        top : 7px;
        padding-left : 240px;
        z-index : 100;
    }
    
    #top #zoekbalk
    {
        position : absolute;
        top : 6px;
        padding-left : 778px;
    }

        #top #zoekbalk FORM
        {
            color : #666;
        }
        
        #top #zoekbalk #search_input
        {
            border : 1px solid #cccccc;
            height : 17px;
            width : 144px;
            float : left;
            margin-left : 5px;
        }
        
        #top #zoekbalk DIV 
        {
            float : left;
            padding-top : 2px;
        }
    
#loginform .input
{
    width : 150px;
    height : 17px;
    border : 1px solid #CCC;
    margin-top : 2px;
    margin-bottom : 5px;
}

#loginform .check
{
    margin-right : 5px;
}
    
#loginform .button
{
    width : 150px;
}

#main
{
    width : 1008px;
    margin : 31px auto;
    margin-bottom : 0px;
    overflow : auto;
    background-image: url(/_images/site/bg.png);
    background-repeat: repeat-y;
}

    #main #menu_l,
    #main #menu_r
    {
        background-image : url(/_images/site/header_menu_bg.png);
        background-repeat: repeat-x;
        width : 480px; /* 1008px; */
        height : 27px;
        padding-bottom : 12px;
        margin-bottom : 12px;
        float: left;
        margin-left : 15px;
    }

    #main #menu_r
    {
        background-image : url(/_images/site/header_menu_bg.png);
        width : 485px;
        background-position: 0px 0px;
        padding-left : 15px;
        margin-left : 0px;
    }
    
        #main #menu_l UL,
        #main #menu_r UL
        {
            padding : 0;
            margin : 0;
            padding-top : 10px;
            padding-left : 20px;
        }
        #main #menu_r UL
        {
            padding-left: 0px;
            text-align: right;
        }
        
            #main #menu_l UL LI,
            #main #menu_r UL LI
            {
                float : left;
                padding-right : 41px;
                list-style-type: none;
            }

            #main #menu_r UL LI
            {
                padding-right : 13px;
                background-image : url(/_images/site/seperator.png);
                background-repeat: no-repeat;
                height : 15px;
                background-position: top right;
                margin-right : 13px;
            }
            
            #main #menu_l UL LI.last,
            #main #menu_r UL LI.last
            {
                padding-right : 0;
                background-image : none;
            }

                #main #menu_l UL LI A,
                #main #menu_r UL LI A
                {
                    color : #9d0b81;
                    font-weight : bold;
                }
                #main #menu_r UL LI A
                {
                    color : #000;
                }

                #main #menu_l UL LI A:hover
                {
                    color : #000;
                }

                #main #menu_r UL LI A:hover
                {
                    color : #9d0b81;
                }                
                
                #main #menu_l UL LI A.selected,
                #main #menu_r UL LI A.selected
                {
                    color : #000;
                }    
               
                #main #menu_l #submenu_l,
                #main #menu_r #submenu_r
                {
                    display : none;
                    position : relative;
                    background-image : url(/_images/site/submenu_bg_links.png);
                    margin-left : -1px;
                    margin-top : 25px;
                    padding-top : 10px;
                    width : 508px;
                    height : 103px;
                    z-index : 1000;
                }
                #main #menu_r #submenu_r
                {
                    background-image : url(/_images/site/submenu_bg_rechts.png);
                    width : 501px;
                    margin-left : -15px;
                }
               
                    #main #menu_l #submenu_l UL,
                    #main #menu_r #submenu_r UL
                    {
                        float : left;    
                        position : absolute;
                        margin : 0;
                        padding : 0;
                    }
                    
                    #main #menu_l #submenu_l UL LI,
                    #main #menu_r #submenu_r UL LI
                    {
                        float: none;
                        padding-right : 0px;
                        list-style-type: none;
                    }
                    
                    #main #menu_l #submenu_l UL LI A.link,
                    #main #menu_r #submenu_r UL LI A.link
                    {
                        font-weight: normal;
                        display : block;
                        padding-bottom : 5px;
                    }

                    #main #menu_l #submenu_l UL LI A.link SPAN { color : #9d0b81; }
                    #main #menu_r #submenu_r UL LI A.link SPAN { color : #000; }
                    #main #menu_l #submenu_l UL LI A.link:hover SPAN { color : #000; }                  
                    #main #menu_r #submenu_r UL LI A.link:hover SPAN { color : #9d0b81; }

                

#maintable
{
    width : 1004px;
    margin : 0 auto;
    background-color : #FFF;
    overflow : auto;
    height : 500px;
}

    #maintable TD#zorgwijzer
    {
        padding-left : 12px;
        padding-right : 10px;
    }

    #maintable TD#zorgwijzer #zorgwijzercontent
    {
        margin-top : 80px;
        margin-left : 215px;
        padding : 0;
    }
    
    #maintable TD#zorgwijzer #matrix TH#kol1,
    #maintable TD#zorgwijzer #matrix TH#kol2,
    #maintable TD#zorgwijzer #matrix TH#kol3
    {
        background-repeat: repeat-x;
        height : 60px;
        width : 248px;
        text-align: center;
        padding-top : 10px;
    }
    
    #maintable TD#zorgwijzer #matrix TD.kol0
    {
        width : 201px;
        text-align: right;
        color : #666666;
        padding-right : 12px;
        padding-top : 10px;
        font-weight : bold;
    }
    
    #maintable TD#zorgwijzer #matrix TH#kol1
    {
        background-image : url(/_images/site/header_zorgwijzer_1.png);
        color : #000;
    }

    #maintable TD#zorgwijzer #matrix TD.padthis { padding : 12px; }
    #maintable TD#zorgwijzer #matrix TD.kol1odd { background-color : #f2f7e6; color : #000; line-height: 16px;}
    #maintable TD#zorgwijzer #matrix TD.kol1even { background-color : #e4e8d8;  color : #000; line-height: 16px;}
    
    #maintable TD#zorgwijzer #matrix TD.kol2odd { background-color : #f6e6f3;  color : #000; line-height: 16px;}
    #maintable TD#zorgwijzer #matrix TD.kol2even { background-color : #e7d8e5; color : #000; line-height: 16px;}

    #maintable TD#zorgwijzer #matrix TD.kol3odd { background-color : #fdf2ec;  color : #000; line-height: 16px;}
    #maintable TD#zorgwijzer #matrix TD.kol3even { background-color : #eee4de; color : #000; line-height: 16px;}
    
    #maintable TD#zorgwijzer #matrix TD.kol1odd A,
    #maintable TD#zorgwijzer #matrix TD.kol1even A
    {
        color : #669900;
        font-weight : bold;
    }
    
    #maintable TD#zorgwijzer #matrix TD.kol2odd A,
    #maintable TD#zorgwijzer #matrix TD.kol2even A
    {
        color : #a50f88;
        font-weight : bold;
    }

    #maintable TD#zorgwijzer #matrix TD.kol3odd A,
    #maintable TD#zorgwijzer #matrix TD.kol3even A
    {
        color : #e95f11;
        font-weight : bold;
    }

    #maintable TD#zorgwijzer #matrix TD.kol1odd A:hover,
    #maintable TD#zorgwijzer #matrix TD.kol1even A:hover,
    #maintable TD#zorgwijzer #matrix TD.kol2odd A:hover,
    #maintable TD#zorgwijzer #matrix TD.kol2even A:hover,
    #maintable TD#zorgwijzer #matrix TD.kol3odd A:hover,
    #maintable TD#zorgwijzer #matrix TD.kol3even A:hover
    {
        color : #666;
    }
    
    #maintable TD#zorgwijzer #matrix TH#kol1 A,
    #maintable TD#zorgwijzer #matrix TH#kol1 DIV
    {
        color : #000;
    }
    #maintable TD#zorgwijzer #matrix TH#kol2
    {
        background-image : url(/_images/site/header_zorgwijzer_2.png);
        color : #FFF;
    }
    #maintable TD#zorgwijzer #matrix TH#kol2 A,
    #maintable TD#zorgwijzer #matrix TH#kol3 A,
    #maintable TD#zorgwijzer #matrix TH#kol2 DIV,
    #maintable TD#zorgwijzer #matrix TH#kol3 DIV
    {
        color : #FFF;
    }

    #maintable TD#zorgwijzer #matrix TH#kol1 A,
    #maintable TD#zorgwijzer #matrix TH#kol2 A,
    #maintable TD#zorgwijzer #matrix TH#kol3 A
    {
        font-weight : bold;
    }

    #maintable TD#zorgwijzer #matrix TH#kol1 A:hover,
    #maintable TD#zorgwijzer #matrix TH#kol2 A:hover,
    #maintable TD#zorgwijzer #matrix TH#kol3 A:hover
    {
        color : #666;
    }

    
    #maintable TD#zorgwijzer #matrix TH#kol3
    {
        background-image : url(/_images/site/header_zorgwijzer_3.png);
        color : #FFF;
    }
    #maintable TD#zorgwijzer #matrix TD.spacer
    {
        width : 11px;
    }

    #maintable TD#zorgwijzer #matrix DIV.bijschrift
    {
        padding-top : 5px;
    }
    
    #maintable TD#collinks
    {
        padding-left : 12px;   
        width : 225px;     
    }   
        #maintable TD#collinks P
        {
            margin : 0;
        }   

    #maintable TD#colrechts
    {
        width : 211px;     
        border-left : 1px solid #e3e7d5;
        padding-right : 7px;
    }
        #maintable TD#colrechts P
        {
            margin : 0;
        }   
    
    #maintable TD#colmiddenhome
    {
        padding-right : 12px;
    }
    
    #maintable TD#colmidden
    {
        padding-right : 12px;
        padding-left : 64px;
        background-image : url(/_images/site/vervolg_poppetje.png);
        background-repeat : no-repeat;
        background-position : -17px 0px;
        padding-top : 14px;
        padding-bottom : 40px;
    }

    #maintable TD#zorgwijzerdetail
    {
        padding : 20px;
    }
    
    #maintable TD#zorgwijzerdetail.kol3 H1
    {
        color : #e95d0e;
        padding-left : 25px;
        background-image : url(/_images/site/blok_oranje.png);
        background-repeat: no-repeat;
    }
    #maintable TD#zorgwijzerdetail.kol1 H1
    {
        color : #638B32;
        padding-left : 25px;
        background-image : url(/_images/site/blok_groen.png);
        background-repeat: no-repeat;
    }
    #maintable TD#zorgwijzerdetail.kol0 H1
    {
        color : #666;
        padding-left : 25px;
        background-image : url(/_images/site/blok_grijs.png);
        background-repeat: no-repeat;
    }
    #maintable TD#zorgwijzerdetail.kol2 H1
    {
        color : #a40d87;
        padding-left : 25px;
        background-image : url(/_images/site/blok_paars.png);
        background-repeat: no-repeat;
    }

    #maintable TD#collinks DIV.blokkie
    {
        padding : 14px;
        width : 172px; /* 200px - 2x14px */
        margin-bottom : 18px;
        overflow : auto;
    }

    #maintable TD#colrechts DIV.blokkie
    {
        padding-left: 14px;
        padding-right: 6px;
        width : 180px;
        margin-bottom : 18px;
        overflow : auto;
    }

    #maintable TD#colrechts DIV.blokkiepad
    {
        padding-left: 14px;
        padding-right: 6px;
        margin-bottom : 18px;
        overflow : auto;
    }

    #maintable TD#colrechts DIV.blokkie P
    {
        margin : 0;
        padding : 5px 0px;
    }

        #maintable .blokkie H1
        {
            color : #a30a86;
            font-size : 13px;
            margin : 0;
            padding : 0;
        }
                             
    #maintable #news
    {
        background-color : #f1f3e2;
    }
    
    #maintable #workshops
    {
        background-color : #c0d884;
    }

        #maintable #workshops IMG
        {
            padding-right : 10px;
        }

        #maintable #workshops H1
        {
            padding-top : 6px;
        }
    
    #maintable #faq
    {
        background-color : #edcee7;
    }
    
    #sparring_kaart
    {
        background-image : url(/_images/site/landkaartje.png);
        width : 553px;
        height : 513px;
        overflow : auto;
        display: block;
    }

    #sparring_meer
    {
        width : 280px;
        text-align: left;
        position : relative;
        margin-top : -80px;
    }

    #sparring_meer HR
    {
         width : 200px;
         float : left;
    }
    
        #sparring_kaart A
        {
            display : block;
            line-height : 8000px;
            width : 51px;
            height : 64px;
            overflow : hidden;
            background-image : url(/_images/site/poppetje.png);
            background-position : 0px -64px;
            background-repeat : no-repeat;
            position : absolute;
            padding-left : 0px;
            padding-top : 0px;
        }
        
        #sparring_kaart A:hover
        {
            background-position : 0px 0px;
        }

    .sparringpartner
    {
        font-size : 11px;    
    }
    
        .sparringpartner H1
        {
            margin : 0;
            padding : 0;
            font-size : 14px;
            color : #a30a86;        
        }
        
        .sparringpartner A.link
        {
            text-decoration: underline;
            font-weight: normal;
        }
        
        .sparringpartner .foto
        {
            padding-right : 8px;
        }
        
        .sparringpartner .pijltje
        {
            padding-right : 3px;
        }
    
    #sparringpartner_main
    {
        height : 95%;
    }

        #sparringpartner_main TH#sparringpartner_main_left
        {
            width : 330px;
            padding-right : 20px;
        }
        
        #sparringpartner_main TD#sparringpartner_main_right
        {
            border-left : 1px solid #e3e7d5;
            padding-left : 10px;
            padding-right : 10px;
        }

        #sparringpartner_main TD#sparringpartner_main_right H1
        {
            color : #638B32;
            font-size : 14px;
        }
    
    #sparringpartnerinfoblokkie
    {
        background-image : url(/_images/site/driehoekje.png);    
        background-repeat: no-repeat;
        width : 10px;
        height : 15px;
        position: absolute;
        margin-left : 201px;
        margin-top : 30px;
    }

    #sparringpartnerinfo
    {
        border : 1px solid #ac2492;
        padding : 10px 12px;
        width :  176px; /* 200px - 2x12px */
    }
    
        #sparringpartnerinfo .foto
        {
            padding-bottom : 10px;
        }
        
        #sparringpartnerinfo H1
        {
            font-size : 14px;
            margin : 0;
            padding : 0;
            padding-bottom : 10px;
        }
        
        #sparringpartnerinfo TABLE
        {
            margin-bottom : 10px; 
            height : 100%;   
            width : 100%;
        }
        
            #sparringpartnerinfo TABLE TH
            {
                width : 42px;
                padding-bottom : 6px;
            }
            #sparringpartnerinfo TABLE TD
            {
                width : 100px;
                overflow : hidden;
                padding-bottom : 6px;
            }
            #sparringpartnerinfo TABLE TD.small
            {
                font-size : 10px;
            }
        
        #sparringpartnerinfo A.link
        {
            font-weight: normal;
        }

    #sparringpartnerinfo_header TH 
    {
        width : 55px;
    }

    #sparringpartnerinfo_header TD 
    {
        font-size : 12px;
        font-weight : bold;
        color : #ac2492;
        padding-top : 5px;
    }

        #sparringpartnerinfo_header TD H1
        {
            font-size : 24px;
            font-weight : normal;
            color : #333333;
            padding-top : 4px;
        }
    
    #sparringpartner_content H1
    {
        color : #638B32;
        font-size : 14px;
    }
    
    #spacer
    {
        overflow : auto;
        height : 170px;
    }

TABLE.edit TH
{
    padding-right : 20px;   
}

TABLE.edit .inputsmall
{
    width : 150px;
    height : 17px;
    border : 1px solid #CCC;
    margin-bottom : 10px; 
}

TABLE.edit .input,
TABLE.edit .textarea,
TABLE.edit .textarea_s
{
    width : 400px;
    height : 17px;
    border : 1px solid #CCC;
    margin-bottom : 10px; 
}

TABLE.edit .textarea
{
    height : 150px;
}

TABLE.edit .textarea_s
{
    height : 45px;
}

TABLE.edit .button
{
    width : 150px;
}

#news__list .news__item
{
    padding-bottom : 10px;
}

#agenda__list
{
    padding-top : 10px;    
}

#agenda__list .agenda__item
{
    padding-bottom : 10px;
}

#agenda__list .agenda__item .agenda__date
{
    font-size : 11px;
    font-weight : normal;
    color : #000;
}
    
#agenda__list .agenda__item h3
{
    color : #a30a86;    
}

    
    
.hilight
{
    background-color : yellow;
}

.qtip-wrapper
{
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

.hulpmiddelen__item
{
    padding-bottom : 5px;
    padding-top : 3px;
    border-bottom: 1px dotted #638B32;
}

#hulpmiddelen__list .hulpmiddelen__data
{
    padding-left : 25px;
}

#doelgroepen #hulpmiddelen__list .hulpmiddelen__data
{
    padding-left : 15px;
}

.groen,
.groen A,
#agenda__list .agenda__item h3.groen,
#maintable .blokkie h1.groen
{
    color : #638b32; /* oude kleur  c1d986 */
}


.workshops__item
{
    padding-left : 20px;
}

.faq__item H2
{
    margin : 0;
    padding : 0;
}

.faq__item .faq__answer
{
    display : none;
    padding-top : 10px;
    padding-bottom : 5px;
    margin-bottom : 10px;
}

.paars
{
   color : #a40d87;
}

.tabel
{
    border : 0;    
}

.tabel TD
{
    border : 0;
    padding-bottom : 5px;
    padding-top : 3px;
    border-bottom: 1px dotted #638B32;
}

.date
{
    font-size : 11px;
    font-weight : normal;
    color : #000;
}

#doelgroepen H1
{
    font-size : 14px;
    padding-bottom : 1px;
}

#doelgroepen HR
{
    border-bottom: 1px dotted #638b32;
}

#doelgroepen #agenda__list
{
    padding-top : 0px;    
}

.uitleg
{
    font-size : 9px;
}