﻿* 
{
    margin:                 0px;
    padding:                0px;    
    font-family:            Trebuchet MS;
    font-size:              10pt;
    color:                  #FFFFFF;  
}
 
p
{
    margin-bottom:      8px;
}   

hr 
{ 
	color:              #5B9A52;
	background-color:   #5B9A52;
	height:             8px;
	border:             0px;
	margin-top:         4px;
	margin-bottom:      4px;
	clear:              both;
}

html>body hr
{	/* Firefox hack */
	margin-top:         1px;
	clear:              both;
}


/* ##############TITELS EN SUBTITELS (VERVANGING VAN H1,H2,H3)################ */


.titel
{
    color:              #FFFFFF;                                                                /* WIT */                                                       
    font-size:          22pt;
    font-weight:        bold;
    float:              left;
    position:           relative;
    clear:              both;
    margin:             5px 0px 0px 5px;
    width:              auto;
 }

.subtitel
{
    color:              #CBD045;                                                                /* GROEN*/
    font-size:          20pt;
    font-weight:        bold;
    float:              left;
    position:           relative;
    clear:              both;
    display:            block;
    margin:             0px 0px 10px 5px;
    width:              380px;
}

.subtitel2, .subtitel3
{
    color:              #80A47B;                                                                /* LICHT-GROEN*/
    font-size:          22pt;
    font-weight:        bold;
    float:              left;
    position:           relative;
    clear:              both;
    display:            block;
    margin:             10px 0px 0px 5px;
    width:              380px;
    
}

.subtitel3
{
    margin:             0px 0px 0px 5px;
    width:              251px;
}

.paginacontent 
{
    margin-top:         10px;
    line-height:        20px;
}

.linkActive a:link
{
    font-family:        Trebuchet MS;
    font-size:          22px;
    text-decoration:    none;
    color:              #CBD045;
}

ul
{
    margin:                 5px 0px 0px 20px;
    list-style-type:        disc;
	list-style-position:    inside;
    list-style-image:       url(../Images/Layout/UL.gif);
    line-height:            15px;
    width:                  355px;
}

body 
{
    text-align:             center;
    background-color:       #0E4D04;                                                               /* LICHT-GROEN*/
    background-image:       url(../Images/Layout/Background.png);
    background-position:    top left;
    background-repeat:      repeat-x;
}

    .Sitecontainer
    {
        position:               relative;
        display:                block;
        width:                  950px;
        height:                 825px;
        min-height:             786px;
        text-align:             left;
        margin:                 0 auto;
        background-color:       transparent;
    }
    

        /* ##############HEADER################ */    


        .Headercontainer
        {
            display:                block;
            width:                  930px;
            height:                 60px;
            text-align:             left;
            background-color:       #0F5405;
            position:               relative;
            float:                  left;
            
        }
        
            .Searchcontainer
            {
                position:               absolute;
                right:                  0px;
                display:                block;
                width:                  290px;
                float:                  right;
                margin:                 20px 0px 0px 0px;
                
             }
            
                .Searchbutton
                {
                    position:           relative;
                    float:              right;
                    height:             22px;
                    
                }
            
                .Searchbox
                {
                    width:              200px;
                    height:             22px;
                    font-size:          13px;
                    color:              #D9E4D7;
                    padding:            3px 0px 0px 5px;
                    border:             0px;
                    border-color:       #0C4304;
                    background-color:   #3F7637;
                    vertical-align:     text-bottom;
                }
                
            .Sitemapcontainer
            {
                position:               relative;
                display:                block;
                width:                  25px;
                height:                 auto;
                float:                  left;
                margin:                 30px 0px 10px 0px;
            }
                
                .Sitemapcontainer a:link,
                .Sitemapcontainer a:visited,
                .Sitemapcontainer a:active,
                .Sitemapcontainer a:hover
                {
                    font-family:        Trebuchet MS;
                    font-size:          10pt;
                    text-decoration:    none;                
                    color:              #FFFFFF;
                }   
                
                .Sitemapcontainer a:hover
                {
                    color:              #CBD045;
                }
                
/* ##############LINKER KOLOM################ */            



    .Leftcontainer
    {
        width:                  250px;
        height:                 auto;
        float:                  left;
        border-top:             solid 8px #578850;
        position:               relative;
        display:                block;
    }    
        .Logocontainer
        {
            position:               relative;
            display:                block;
            width:                  250px;
            height:                 96px;   
            z-index:                5;    
        }
    
            .Logo
            {
                position:               relative;
                float:                  left;
                display:                block;
                width:                  250px;
                height:                 96px;   
                background-image:       url(../Images/Layout/Header_Logo.png) !important;               /* IE6 Ondersteunt geen PNG*/
                background-image:       url(../Images/Layout/Header_Logo.jpg);
                background-repeat:      no-repeat;
            
            }
            .Menucontainer
            {
                padding:                0px 10px 20px 20px;
                background-color:       #24531E;
                width:                  182px;
                height:                 auto;
                border-left:            solid 10px #274B21;
                position:               relative;
                float:                  left;
                width:                  209px;
            }


            /* ##############MENU ITEMS################ */


            .MenuItemContainer a:link,
            .MenuItemContainer_f2 a:visited,
            .MenuItemContainer a:visited,
            .MenuItemContainer a:hover,
            .MenuItemContainer a:active
            {
                position:               relative;
                float:                  left;
                clear:                  both;
                /*border:                 solid 1px red;*/
                font-family:            Trebuchet MS;
                font-size:              22px;
                text-decoration:        none;
                color:                  #CCCCCC;
                width:                  190px;
                margin:                 5px 0px 0px 5px;
            }
            
             .MenuItemContainer_f2 a:visited
            {
               color:              #CBD045;
            }
            
            .MenuItemContainer a:visited
            {
               color:              #CCCCCC;
            }    
            
            .MenuItemContainer a:hover
            {
                color:              #FFFFFF;
            }
            
            .MenuItemContainer a:active
            {
                color:              #CBD045;
            }
            
        .Contactcontainer
        {
            width:                  192px;
            height:                 200px;
            vertical-align:         bottom;
            padding:                265px 20px 5px 37px;
            background-image:       url("../Images/Layout/contactcontainer.jpg");
            background-position:    top left;
            background-repeat:      no-repeat;
            background-color:       #174D0E;
            position:               relative;
            float:                  left;
        }
        .lblContact
        {
            position:               relative;
            float:                  left;
        }


/* ##############MIDDELSTE KOLOM################ */        


    .Middlecontainer
    {
        width:                  251px;
        height:                 738px;
        min-height:             50px !important;
        overflow:               visible; 
        float:                  left;
        position:               relative;
        margin:                 0px 20px;
        display:                block;
    }
    
    .Middlecontainer img
    {
        border:                 solid 6px #5B9C52;
    }

       .middleHeader
        {
            height:             98px;
            width:              auto;
            border-top:         solid 8px #578850;
        }
        
        .SubmenuContainer
        {
            position:               absolute;
            float:                  left;
            display:                block;
            width:                  251px;
            height:                 463px;
            top:                    0px;
            background-color:       #25581E;
            z-index:                1;  
        }
        .SubMenuTop
        {
            position:               absolute;
            top:                    112px;
            width:                  251px;
            background-color:       #333333;
            opacity:                .5;
            filter:                 alpha(opacity=50);
            z-index:                5;
            display:                block;
            
        }
        .SubMenuBottom
        {
            position:               absolute;
            top:                    463px;
            width:                  251px;
            height:                 275px;
            background-color:       #000000;
            opacity:                .2;
            filter:                 alpha(opacity=20);
            z-index:                5;
            display:                block;
        }
        

        /* ##############TRANSPARANTE BALKEN################ */


        .transBar1,
        .transBar2,
        .transBar3,
        .transBar4,
        .transBar5
        {
            position:               absolute;
            top:                    0px;
            background-color:       #FFFFFF;
            opacity:                .3;
            filter:                 alpha(opacity=30);
            width:                  251px;
            height:                 8px;
            z-index:                20;
            overflow:               hidden;
        }
              
        .transBar2
        {
            top:                    105px;
        }
        
        .transBar4
        {
            top:                    455px;
        }
        .transBar5
        {
            top:                    738px;
        }
        

        /* ##############SUBMENU################ */


        .SubMenuContainer
        {
            position:               absolute;
            top:                    107px;
            float:                  left;
            width:                  251px;
            height:                 282px;
            margin:                 10px 0px;
            z-index:                10;
        }
            .SubMenuItemContainer a:link,
            .SubMenuItemContainer a:visited,
            .SubMenuItemContainer_f2 a:visited,
            .SubMenuItemContainer a:hover,
            .SubMenuItemContainer a:active
            {
                position:           relative;
                float:              left;
                font-family:        Trebuchet MS;
                font-size:          13px;
                font-weight:        bold;        
                text-decoration:    none;                
                padding-top:        10px; 
                cursor:             pointer;
            }    

            .SubMenuItemContainer_f2 a:visited
            {
                color:              #CBD045;
            }
            
            .SubMenuItemContainer a:visited
            {
               color:              #E6F0E3
            }     
            
            .SubMenuItemContainer a:active
            {
               color:              #CBD045;
            } 
            
            .NieuwsTitel, .NieuwsDatum,
            .NieuwsTitel_f2, .NieuwsDatum_f2  
            {
                position:           relative;
                float:              left;  
                font-family:        Trebuchet MS;
                font-size:          13px;
                font-weight:        normal;
                text-decoration:    none;                
                clear:              both;
                width:              225px;
                color:              #E6F0E3;
                cursor:             pointer;
                    
            }   
            
            .NieuwsTitel
            {
                font-weight:        bold;
            }
            
            .NieuwsTitel_f2
            {
                font-weight:        bold;
                color:              #CBD045;
            }
            
            .NieuwsDatum_f2
            {
                font-weight:        normal;
                color:              #CBD045;
            }
            
            .NieuwsContainer_f2 
            {
                color:              #CBD045;
                text-decoration:    none; 
				float:              left;
				position:           relative;
				padding-top:        10px !important;
				padding-top:        5px;
            }
            
            .NieuwsContainer
            {
				float:              left;
				position:           relative;
				padding-top:        10px !important;
				padding-top:        5px;
            }
          
            
            
        .SubmenuItem
        {
            float:                  left;
            position:               relative;
            padding-top:            0px;
            clear:                  both;
            display:                block;
            width:                  231px;
            margin:                 0px 0px 2px 20px !important;
            margin:                 0px 0px 2px 10px;
            text-decoration:        none;
            /*padding-top:            10px; */
        }
        

        /* ##############MEER NIEUWS LINK################ */                


            .SubmenuMeerContainer a:link,
            .SubmenuMeerContainer a:hover,
            .SubmenuMeerContainer a:active,
            .SubmenuMeerContainer a:visited
            {
                font-family:        Trebuchet MS;
                font-size:          13px;
                font-weight:        bold;
                color:              #FFFFFF;
                padding-top:        10px; 
                text-decoration:    underline;
            }
            
            .SubmenuMeerContainer a:visited
            {
                color:              #CCCCCC;
            }
            
            .SubmenuMeerContainer a:active
            {
                color:              #CBD045;
            }
                      
         
            
        .SubmenuMeer
        {
            float:                  left;
            position:               relative;
            clear:                  both;
            display:                block;
            width:                  225px;
            margin:                 0px 0px 10px 20px !important;
            margin:                 0px 0px 10px 10px;
            padding-top:            10px; 
            text-align:             right;
        }
        

/* ##############RECHTER KOLOM################ */                


    .Rightcontainer
    {
        width:                  395px;
        height:                 738px; 
        float:                  left;
        position:               relative;
        padding:                0px;
        display:                block;
        border-bottom:          solid 8px #578850;
    }   
    
    .Rightcontainer img
    {
         border:                 solid 6px #5B9C52;
    }
        .rightHeader
        {
            height:             98px;
            border-top:         solid 8px #578850;
            border-bottom:      solid 8px #578850;
            vertical-align:     middle;
        }
        
        .introHome
        {
            position:           relative;
            float:              left;
            display:            block;
            color:              #cbd045;
            background-color:   #1A5911;
            border-bottom:      solid 8px #578850;
            padding:            10px;
            font-weight:        bold;
            line-height:        20px;
            width:              375px;
        }
        
        .rightContent
        {
            position:           relative;
            float:              left;
            display:            block;
            width:              auto;
            padding-top:        15px;
            line-height:        20px;
        }
        .NieuwsBron
        {
            float:              right;
            position:           relative;
            font-style:         italic;
            font-size:          9pt;
            color:              #FFFFFF;
            clear:              both;
            padding-top:        10px;
        }
                            
  /* ##############FORMULIER################ */
.Formulier
{
    position:       relative;
    float:          left;
    width:          400px;
    padding-top:    20px;    
}         
    .contactlabel      
    {
        position:       relative;
        display:        block;
        width:          100px;
        height:         17px;
        float:          left;
        clear:          left;
        color:          #FFFFFF;  
    }

    .textbox    
    {
        position:           relative;
        display:            block;
        width:              275px;
        height:             17px;
        float:              left;
        margin-bottom:      4px;
        color:              #D9E4D7;
        font-size:          9pt;
        border:             1px solid #136B07;              /* DONKER GROEN */
        background-color:   #319C25;
        padding-left:       3px;
    }

    .textboxMultiline    
    {
        position:           relative;
        display:            block;
        width:              275px;
        height:             150px;
        float:              left;
        margin:             0px 5px 5px 0px;
        color:              #D9E4D7;
        font-size:          9pt;
        border:             1px solid #136B07;              /* DONKER GROEN */
        background-color:   #319C25;
        padding-left:       3px;
        overflow:           hidden;
    }
    .star
    {
        width:              15px;
        position:           relative;
        float:              left;
    }
    .nostar
    {
        width:              15px;
        position:           relative;
        float:              left;
    }
    .btnSend
    {
        position:           relative;
        display:            block;
        float:              right;
        margin-right:       5px;
    }
    .ValidatorError,
    .ValidationSummary
    {
        position:           relative;
        display:            block;
        float:              left;
        font-family:        Trebuchet MS;
        color:              #CBD045;
        font-weight:        normal;
        margin-left:        15px;
    }

    .requiredtxt
    {
        color:              #FFFFFF;
        font-weight:        bold;
        font-family:        Trebuchet MS;
        position:           relative;
        float:              left;
        margin-left:        115px;
    }

    .contactvalidator   
    {
        margin-left:        5px;
        font-weight:        bold;
        color:              #CBD045;
    }
    .ValidationSummarybox
    {
        color:              #CBD045;
    }
 
  /* ##############ZOEKEN################ */
  
.category_collapsed_head,
.category_expanded_head  
{
    display:                block;
    padding:                0px;
    margin:                 0px;
    color:                  #CBD045;                                                                /*DARK BLUE */
    font-weight:            bold;
    cursor:                 pointer;           
    cursor:                 hand;           
    background-color:       Transparent;
}

.category_expanded_head 
{
    color:                  #CBD045;
}

.category_collapsed_sub
{
    display:                none;  
    color:                  #CBD045;                                                               /*DARK BLUE */
}

.category_expanded_sub 
{
    position:               relative;
    height:                 auto;
    display:                block;           
    padding:                2px;
    color:                  #AA0A54;                                                                
}
 .ZoekcategorieExpanded
{
    position:               relative;
    width:                  355px;
    height:                 auto;
    display:                block;
}
.ZoekcategorieCollapsed
{
    display:                none;
}
.li_summary
{
    list-style-type:        disc;
	list-style-position:    inside;
    list-style-image:       url(../Images/Layout/UL.png);
    list-style-image:       url(../Images/Layout/UL.gif) !important;
    width:                  350px;
 }

a.link_summary,
a.link_summary_f2,
a.li_back
{
    font-weight:        bold;
    color:              #FFFFFF;             
    text-decoration:    none;
    margin-left:        4px;
}

a.link_summary_f2,
a.link_summary:hover,
a.li_back:hover
{
    color:              #CBD045;                                                                
}


/* ### Path for JS ### */

.pathforjs
{					/* Inhoud verbergen */
	position:           absolute;
	left:               -1000px;
	width:              10px;
    visibility:         hidden;
}
 
TABLE.tblSfeerbeeld
{
    position:relative;
    float:left;
    padding:5px;
    margin:10px;
}
