﻿*
{
    font-family:                Arial;
    font-size:                  9pt;
    color:                      #666666;
}

body 
{
    margin:0;
    padding:0;
    background-color:           #80A790;                               /* HEEL LICHT GROEN */
    text-align:                 center;
    overflow:                   -moz-scrollbars-vertical;            /* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
}

.sitecontainer
{
    position:                   relative;
    display:                    block;
    width:                      988px;
    height:                     auto;
    margin:                     0 auto;
    text-align:                 left;
    border-left:                solid 1px #879A8F;
    border-right:               solid 1px #7E8A85;
}

    .headercontainer
    {
        position:                   relative;
        display:                    block;
        width:                      988px;
        height:                     213px;
    }
    
        .logocontainer
        {
            position:                   absolute;
            display:                    block;
            width:                      970px;
            height:                     62px;
            margin-top:                 119px;
            background-color:           #FFFFFF;
            filter:                     alpha(opacity=85);
            opacity:                    0.85;
            padding:                    32px 0px 0px 18px;
        }
            .logocontainerleft
            {
                width:                  170px;
                height:                 62px;
                float:                  left;
            }
            .logocontainerright
            {
                width:                  260px;
                height:                 62px;
                float:                  right;
            }
         
    .languagenavigationcontainer
    {
        position:                   relative;
        display:                    block;
        width:                      988px;
        height:                     15px;
        background-color:           #015022;                      /* GROEN */
        padding-top:2px;
        text-align:right;
    }
         .languagecontainer
            {
                position:               relative;
                display:                block;
                float:                  right;
                clear:                  right;
                text-align:left;
                width:                  75px;
            }
            
                .languagelink
                {
                    margin-right:           4px;
                }
            
                .activelanguagelink
                {
                    opacity:                .25;
                    filter:                 alpha(opacity=25);
                }
       
    .maincontainer
    {
        position:                   relative;
        display:                    block;
        width:                      988px;
        height:                     auto;
        min-height:                 442px;
       /* margin-left:                2px;                                             COMPENSEERT DE GRIJZE LIJN */
        float:                      left;
        clear:                      left;
        background-color:#FFFFFF;
    }
    
        .sidenavcontainer
        {
            position:                   relative;
            display:                    block;
            width:                      190px;
            height:                     auto;
            min-height:                 442px;
            float:                      left;
            /*clear:                      left;*/
            background-image:           url(../images/layout/background_servicenavigationcontainer.gif);
            background-repeat:          repeat-y;
        }
        
            .sidenavheadercontainer
            {
                position:                   relative;
                display:                    block;
                width:                      190px;
                height:                     110px;
                background-image:           url(../images/layout/bg_side_top.gif);
                background-repeat:          no-repeat;
                padding-top:40px;
            }
                       
            .sidenavitemscontainer
            {

                width:                      190px;
                height:                     auto;
            }
            
            /*
                    SIDENAVIGATIE
                     */
                    ul.sidenav
                    {
                        list-style-type:none;
                        float:left;
                        text-align:left;
                        margin:0;
                        padding:0;
                    }
                    li.sidenavitem 
                    {
                        width:172px;
                        height:20px;
                        margin-top:8px;
                        text-align:left;
                        padding-left:17px;
                        background-color:#00AA4F;
                        padding-top:5px;
                        cursor:             pointer;
                    }
                    a.sidenavitem 
                    {
                        color: #FFFFFF;
                        Font-family: Arial;
                        font-size: 10pt;/*11pt;*/
                        font-weight:bold;
                        text-decoration:none;
                    }

                /* END  NIEUWE SERVICE NAVIGATIE
                     */
            
                .addresscontainer
                {
                    position:               relative;
                    display:                block;
                    width:                  150px;
                    margin:                 0 auto;
                }
    
        .contentcontainer
        {
            position:                   relative;
            display:                    block;
            width:                      483px;
            height:                     auto;
            min-height:                 417px;
            float:                      left;
            padding-left: 25px;
            padding-top:22px;
            padding-right:25px;
            text-align:justify;
        }
        /*
        .mainwithrefrencescontainer
        {
            position:                   relative;
            display:                    block;
            width:                      478px;
            height:                     auto;
            min-height:                 500px;
            float:                      left;
        }
            
            .contentcontainer
            {           
                position:                   relative;
                display:                    block;
                width:                      590px;
                height:                     auto;
                margin:                     25px auto 0px auto;
            }
        
            .contentwithreferencescontainer
            {           
                position:                   relative;
                display:                    block;
                width:                      400px;
                height:                     auto;
                margin:                     25px auto 0px auto;
            }
        */
        .sidecontainer
        {
            position:                   relative;
            display:                    block;
            width:                      261px;
            height:                     auto;
            min-height:                 442px;
            background-image:           url(../images/layout/background_side.jpg);
            background-repeat:          repeat-y;
            float:                      left;
            text-align:                 center;
           /* padding-top:30px;*/
        }
        .sidebanner
        {
            width:260px;
            height:auto;
            margin-top:30px;
        }
        .sideimagewithreferencescontainer
        {
            position:                   relative;
            display:                    block;
            width:                      130px;
            height:                     auto;
            min-height:                 500px;
            background-image:           url(../images/layout/background_side_hp.jpg);
            background-repeat:          repeat-y;
            float:                      left;
            text-align:                 center;
        }
    
        .withreferencescontainer
        {
            position:                   relative;
            display:                    block;
            width:                      190px;
            height:                     auto;
            min-height:                 340px;
            float:                      left;
            background-image:           url(../images/layout/background_referencecontainer.jpg);
            background-repeat:          no-repeat;
            background-position:        top;
        }
        
            .referentietitel
            {
                position:                   relative;
                display:                    block;
                width:                      190px;
                height:                     20px;
                clear:                      both;
                text-align:                 center;
                color:                      #0E3675;        /* DONKER BLAUW */
            }
            
            .carouselcontainer
            {
                position:                   relative;
                display:                    block;
                width:                      190px;
                height:                     auto;
            }
        
            .carousel
            {
                position:                   relative;
                display:                    block;
                width:                      190px;
                height:                     100px;
            }
            
            .referenceitemcontainer
            {
                position:                   relative;
                display:                    block;
                width:                      190px;
                height:                     100px;
                overflow:                   hidden;
                float:                      left;
                margin:                     0px 2px 10px 0px;
            }
    .bottomGreen
    {
        position:                   relative;
        display:                    block;
        width:                      988px;
        height:                     15px;
        background-color:           #015022;                      /* GROEN */
        padding-top:2px;
        text-align:right;
        float:left;
    }    
    .bottomcontentcontainer
    {
        position: relative;
        display:block;
        width:988px;
        height:33px;
        float:left;
        background-color: #FFFFFF;
    }   
    .bottomcontentcontainerleft
    {
    
        width:190px;
        height:28px;
        float:left;
        text-align:left;
        padding-top:5px;
    }
    .bottomcontentcontainermiddle
    {
        position:relative;
        display:block;
        width:537px;
        height:28px;
        float:left;
        font-size:7pt;
        text-align:center;
        padding-top:5px;
    }
    .bottomcontentcontainerright
    {
         position:relative;
        display:block;
        width:251px;
        height:23px;
        float:left;
        text-align: right;
        padding-top:10px;
        padding-right:10px;
    }
/****************************************************************************************************/

h1
{
    font-size:                  12pt;
    font-weight:                bold;
    margin:                     10px 0px 8px 0px;
    color:                      #015022;                                /* DONKER GROEN */
}    

h2
{
    font-size:                  10pt;
    font-weight:                bold;
    margin:                     8px 0px 8px 0px;
}   
 
h3
{
    font-size:                  10pt;
    font-weight:                bold;
    margin:                     8px 0px 0px 0px;
}   

p
{
    margin:                     0px 0px 8px 0px;
}              

ul
{
    margin:                     0px 0px 0px 15px;
}

input
{
    width:                      375px;
}

input.radio,
input.checkbox
{
    width:                      25px;
}

input.button
{
    width:                      125px;
    text-align:                 center;
}

a.bottomlink
{
    color:#0008F8;
    text-decoration:none;
}


