html, body{ 
     margin:0px;     
     padding:0px; 
     text-align:center; 
     font-family: arial;
     font-size: 10pt;
     background: #e7f5fa;
     color: #000;
     height: 100%; 
} 

#container{
    margin:0px;     
    padding:0px; 
    text-align:center; 
    background: #FFF url(img/body_bg.png) center bottom repeat-x;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 100%;    
}

#content{ 
     width:980px; 
     text-align:left;  
     margin-left:auto; 
     margin-right:auto;
     height: auto; 
     /*border: 1px dashed #000;*/
} 
 
#header{
     position:relative; 
     height:95px; 
     width:100%;
     background: url(img/top.jpg) top center no-repeat;
     z-index: 1;
     padding-top: 10px;
     overflow: hidden;
} 

    #header a, a:hover, a:active, a:visited{
        font-family: georgia;
        font-size: 18px;
        color: #8ec243;
        text-decoration: none;
        font-weight: bold;
        font-style: italic;
    }
          
#mainleft{
     width:390px; 
     float:left; 
     position:relative;
     padding: 15px 25px 15px 25px;
     font-size: 9pt;
     height: auto;
}

    #mainleft img { behavior: url(iepngfix.htc); }
    
    #mainleft #koppen{
        padding: 0px;
        padding-bottom: 20px;
        border-bottom: 2px dashed #20ace9;
    }
    
        #mainleft #koppen h1{
            font-family: georgia;
            font-size: 22px;
            font-style: italic;
            font-weight: normal;
            color: #1876c0;
            margin: 0px;
        }
        
        #mainleft #koppen h2{
            font-family: georgia;
            font-size: 22px;
            font-style: italic;
            font-weight: normal;
            color: #3fb6e0;
            margin: 0px;
        }
        
        #mainleft #koppen h3{
            font-family: georgia;
            font-size: 22px;
            font-style: italic;
            font-weight: normal;
            color: #8ad4ef;
            margin: 0px;
            margin-bottom: 20px;
        }
        
        #mainleft #koppen a, a:hover, a:active, a:visited{
            font-family: georgia;
            font-size: 17px;
            background: #e3f4fb;
            padding: 2px;
            font-style: italic;
            font-weight: normal;
            text-decoration: none;
            color: #3fb6e0;
        }  
        
    #mainleft #cont{
        padding: 0px;
        padding-top: 15px; 
    }
    
        #mainleft #cont h1{
            font-size: 16px;
            font-style: italic;
            font-weight: bold;
            margin: 0px;
            margin-bottom: 3px;
            line-height: 1.3;
        }
        
        #mainleft #cont .links{
            padding: 15px 0px 0px 20px;
            margin: 0px;
        }
        
            #mainleft #cont .links a, a:hover, a:active, a:visited{
                font-family: georgia;
                font-size: 19px;
                color: #8ec243;
                text-decoration: none;
                font-weight: bold;
                font-style: italic;
                background: none;
                padding: 0px;
            }

#mainright{
     width:520px; 
     height: auto;
     float:right; 
     position:relative; 
     margin: 0;
     padding: 10px 0px 10px 5px; 
}   
    
    #mainright #box{
        width: 400px;
        color: #FFF;
        font-size: 12px;
        font-weight: normal;
    }
    
        #mainright #box .tab{
            color: #000;
            float: left;
            text-align: center;
            height: 22px;
            display: inline;
            padding-top: 5px;
        }
        
            #mainright #box .tab a, a:hover, a:active, a:visited{
                font-family: arial;
                font-size: 14px;
                font-style: normal;
                font-weight: normal;
                color: #FFF;
                text-decoration: none;
            }
        
        #mainright #box #tab1{
            background: url(img/bg_tab1.png) left bottom no-repeat;
            margin: 0px;
            padding: 10px 10px 10px 10px;
            *padding-top: 4px;
            display: block;
            clear: left;
        }
        
        #mainright #box #tab2{
            background: url(img/bg_tab2.png) left bottom no-repeat;
            padding: 10px 10px 10px 10px;
            *padding-top: 4px;
            display: none;
            clear: left;
        }
        
        #mainright #box #tab3{
            background: url(img/bg_tab3.png) left bottom no-repeat;
            padding: 10px 10px 10px 10px;
            *padding-top: 4px;
            display: none;
            clear: left;
        }

#left{
     width:280px; 
     float:left; 
     position:relative;
     padding: 15px 10px 15px 10px;
     font-size: 9pt;
     background: #26a9e1;
}

    #left .menu{
        line-height: 1.5;
        padding: 0;
        margin: 0;
        font-family: georgia;
        color: #FFF;
        font-size: 15px;
        font-style: italic;
    }
    
        #left .menu a, a:visited{
            font-family: georgia;
            text-decoration: none;
            color: #FFF;
            font-weight: bold;
            font-size: 15px;
            font-style: italic;
        }
        
        #left .menu a:hover, a:active{
            font-family: georgia;
            text-decoration: none;
            color: #FFF;
            font-weight: bold;
            font-size: 15px;
            font-style: italic;
        }
   
 
#right{
     width:650px; 
     height: auto;
     float:right; 
     position:relative; 
     margin: 0;
     padding: 10px 10px 10px 0px; 
}
   
    #right img { behavior: url(iepngfix.htc); }
    
    #right .koptekst{
        width: 410px;
        padding-bottom: 10px;        
    }
    
        #right .koptekst h1{
            font-family: georgia;
            font-size: 21px;
            font-weight: normal;
            font-style: italic;
            color: #1876c0;
            margin: 0px;
        }
        
        #right .koptekst h2{
            font-family: georgia;
            font-size: 15px;
            font-weight: normal;
            font-style: italic;
            color: #3fb6e0;
            line-height: 1.7;
            margin: 0px;
        }
    
    #right .tekst{
        width: 410px;
        border-top: 2px dashed #20ace9;
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: 13px;
        
    }
                   
        #right .tekst h1{
            font-family: georgia;
            font-size: 20px;
            font-style: italic;
            font-weight: bold; 
            margin: 0px;
            margin-bottom: 3px;
            color: #1876c0;
        }
        
        #right .tekst h2{
            font-family: georgia;
            font-size: 16px;
            font-style: italic;
            font-weight: normal;
            color: #1876c0;
            margin: 0px;
            margin-bottom: 5px;
        }
        
        #right .tekst a, a:visited{
            font-family: arial;
            font-size: 13px;
            color: #3fb6e0;
            text-decoration: none;
            font-weight: normal;
            font-style: normal;
        }
        
        #right .tekst a:hover, a:active{
            font-family: arial;
            font-size: 13px;
            color: #3fb6e0;
            text-decoration: underline;
            font-weight: normal;
            font-style: normal;
        }
        
    #right .illustratie{
        width: 230px;
        float: right;
        text-align: center;
    }
        
        #right .illustratie img{
            margin-bottom: 80px;
        }
 
 
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}
 
.clearfix{
     display: inline-block;     
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}

.clearfix{display: block;}
/* End hide from IE-mac */  


.koptekst ul {
	padding: 0;
	padding-left: 1em; }
	
	.koptekst ul li a, .koptekst ul li a:visited, .koptekst ul li a:active, .koptekst ul li a:link {
		color: #1876C0; }
		
		.koptekst ul li a:hover {
		color: #3FB6E0;
			font-size: 100%; }
	
	.koptekst h2 a {
		color: #1876C0;}
		
	.koptekst h2 a:hover {
		font-family: georgia;
		font-style: italic;
		font-size: 15px;
		color: #3FB6E0;}

.koptekst a, .koptekst a:visited, .koptekst a:active, .koptekst a:link {
	color: #1876C0; }
	
.koptekst a:hover {
	color: #3FB6E0;
	font-size: 100%; }