﻿	/*********************** 
            pngfix
    ***********************/
    img,div 
    {
        behavior:url(/iepngfix.htc);
    } 
    
    
    
    
    * 
    {
        margin: 0;
        padding: 0;
    }
    html, body 
    {
        height: 100%;       
    }    
    
    
    body
    {
		margin: 0px; 
		padding: 0px;
		text-align: center;
		font: 0.8em "Trebuchet MS", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Sans-serif;        
    }
    
    .wrapper
    {
        min-height: 100%;
        height: auto !important;
        height: 100%;
		width: 970px;
    }
    
    #footer, .push {
        height: 142px;
    }	


    
	/*********************** 
       Home - top + menu
    ***********************/

	div#top div, div#topHome div
	{
	    float: left;
	    height: 111px;
	}


    
	div#nav a.afterActive
	{
	    background: url(images/bgAfterActive.gif) repeat-x;
	}    
    
    div#nav ul
	{
        margin: 0px;
        padding: 0px;
        margin-top: 70px;
        height: 40px;
        float: left;  
        width: 645px;
	    background: url(images/bgNav.jpg) top right no-repeat;
	}	

	div#nav li
	{        
	    list-style: none;
	    display: inline;
	    font-weight: bold;
	    float: left;
	    background: url(images/menuItemBg.gif) top left no-repeat;	    
	}    
    
    
    div#nav li a
	{        
	    float: left;
	}
	
	
    #nav li a:link, #nav li a:visited, #nav li a:active 
    {
	    color: #0d5a77;	 
        font-weight:bold; 
        padding-left: 9px;
        text-decoration: none;        
    }
    
    #nav li a:link span, #nav li a:visited span, #nav li a:active span  
    {
        padding-right: 9px;
        float: left;  
        padding-top: 18px;
    }
    
    #nav li a:hover, #nav li a.active, #nav li a.first:hover
    {
        color: #fff; 
        background: url(images/bgActive.jpg) left top no-repeat; 
        font-weight:bold; 
        padding-left: 9px;
        cursor: pointer;
    }
    #nav li a:hover span, #nav li a.active span
    {
        background:  url(images/bgActiveRight.jpg) right top no-repeat;
        padding-right: 9px;
        padding-top: 11px !important;
        color: #fff; 
        float: left;
        height: 30px; 
    }
    
    
    
    
    
	/*********************** 
            Footer 
    ***********************/
	div#footer
	{
	    background: url(images/bgFooterHome.jpg) repeat-x;
	    height: 142px;
	    color: #484848;
	    padding: 0px;
	    margin: 0px;	  
        
	}
	
	div#footer div#center
	{
	    width: 900px;
	    text-align: left;
	    margin: 0px auto;
	}
	
	div#footer div#footerContent
	{
        margin: 5px;
	    padding: 5px;
	    padding-top: 20px;	  
	    height: 70px;
	    border-bottom: 1px dotted #ffffff;
	    font-size: 0.9em;
	}
	
	div#footerContent div.item
	{
	    float: left;
	    width: 385px;
	    padding-right: 20px;
	    height: 70px;	 
	    margin-bottom: 20px;   
	    border-right: 1px dotted #fff;
	    font-size:1em;
	}
	
	div#footerContent div.item h3
	{
        font-size: 1.3em;
        color:#0d5a77;
        font-weight: bold;	    
	}
	
	div#footerContent div.itemLast
	{
	    float: left;
	    width: 411px;
	    padding-left: 40px;
	    height: 70px;
	    margin-bottom: 20px;   
	}	
	
	div#footerContent div.itemLast h3
	{
        font-size: 1.3em;
        color:#0d5a77;
        font-weight: bold;
	}	
	
    div#footer ul
	{
	    list-style: none;
	    padding: 0px 0px 4px 5px;
	    margin: 0px;
	}	

	div#footer li
	{        
	    margin: 0px;
	    list-style-type: none;
	    list-style-image: none;
	    display: inline;
	    font-size: 0.8em;
	    padding: 0px;
	}
	
	div#footer li a
	{
	    color:#484848;
	    text-decoration: none;
	}
	
	div#footer li a:hover, div#footer li a:active
	{
	    color:#08526d;
	    text-decoration: none;
	}	
	
	ul#footermenu
	{
        float: left; 
        width: 500px;
        padding-right: 50px;
	}
	
	ul#copymenu
	{
        float: right;
	}
	
	sup
	{   
	    font-size:0.8em;
	}    
    
    
    
    
    
    
	.content a, #footerContent a
	{
	    color: #45b0d6;
	    font-weight: bold;
	}
	
	.content a:hover, .content a:visited, #footerContent a:hover, #footerContent a:visited
	{
	    color: #0d5a77;
	    font-weight: bold;
	    text-decoration: underline;
	}

	a img
	{
	    border: 0px;
	}


    
    
   
    
	.leesMeer a
	{        
	    background: url(images/meer.png) right center no-repeat;     
	    padding-right: 15px;
	}	
	
	.leesMeer a:hover
	{        
	    background: url(images/meerHover.png) right center no-repeat;     
	    padding-right: 15px;
	}	
    
