html {
    overflow:auto;
}

body {
	padding:0px;
	margin:0px;
	background-color:#ccc;
	height:100%;
	overflow:auto;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:999px;
	height:690px;
}

	#header {
		height:200px;
	}
	
		/* header srcf */
		#header ul{
			list-style:none;
			padding:0px;
			margin:0px;
		}
		#header ul li {
			display:inline;
		}
		#header ul li .td_button {
			background-image:url(../img/td.jpg);
		}
		#header ul li .eda_button {
			background-image:url(../img/eda.jpg);
		}
		#header ul li .nee_button {
			background-image:url(../img/nee.jpg);
		}
		#header ul li .admin_button {
			background-image:url(../img/admin.jpg);
		}
		#header ul li .agenda_button {
			background-image:url(../img/agenda.jpg);
		}
		
		#header ul li a {
			display:block;
			float:left;
			height:200px;
			width:333px;
		}
		#header ul li a:hover {
		    background-position:bottom;
	    }
		
		/* header overige */
		#header ul .rightHeader {
			background-repeat:no-repeat;
			background-position:top right;
			display:block;
			width:666px;
			height:200px;
			float:left;
		}
	
	#main {
		height:450px;
		background-image:url(../img/bgmain.jpg);
		background-position:top;
		background-repeat:no-repeat;
		float:left;
	}
		#left {
			float:left;
			width:333px;
			height:450px;
		}
			#navigation {
				padding:30px;
			}
			
			#navigation ul {
				list-style:none;
				padding:0;
				margin:0;
			}
			
			#navigation ul li {
				padding:0;
				margin-bottom:10px;
			}
			#navigation ul li a{
				font-size:12px;
				color:#fff;
				text-decoration:none;
				border-left:3px solid #fff;
				padding-left:5px;
				line-height:12px;
			}
			#navigation ul li a:hover{
			    text-decoration:underline;
		    }
			
			#navigation ul li .active {
				font-weight:bold;
			}
			
			#navigation ul li .clear {
				border-left:none;
				padding-left:0px;
			}
			
			
			
		#right {
			overflow:hidden;
			float:left;
			width:666px;
			height:450px;
		}
		
		
/* content vullen */
                
            #simpleContent {
                padding:20px;
            }
    			.balk {
    				height:20px;
    				background-color:#6e858f;
    				overflow:hidden;
    			}
    				.balk h1 {
    					letter-spacing:1px;
    					padding:0px;
    					margin:0px;
    					font-size:14px;
    					color:#fff;
    					line-height:20px;
    					padding-left:30px;
    					float:left;
    				}
    				.balk img {
    				    border:none;
    				    float:right;
    				    padding-right:30px;
    				}
    		
    			#content {
    				overflow-x: hidden; overflow-y: auto;
    				width:586px;
    				height:360px;
    				background-color:#fff;
    				padding:10px;
    				padding-bottom:0px;
    				border-left:20px solid #6e858f;
    			}
    			#contentZonderBalk {
    				overflow-x: hidden; overflow-y: auto;
    				width:586px;
    				height:400px;
    				background-color:#fff;
    				padding:10px;
    				padding-bottom:0px;
    				border-left:20px solid #6e858f;
    				margin:20px;
    			}
	
			#toegewezenDonaties {
            	padding-left:20px;
            	height:430px;
            }
            	#toegewezenDonaties .coll{
            		display:block;
            		float:left;
            		margin-top:20px;
            		margin-right:20px;
            	}
            	
            	#toegewezenDonaties .coll .balk {
                    width:303px;
                    clear:both;
                }
                    #toegewezenDonaties .coll .balk h1{
                        float:none;
                    }
                    
            		#toegewezenDonaties .coll .text{
            			background-color:#fff;
            			background-image:url(../img/td/default.jpg);
            			border-left:20px solid #6e858f;
            			padding:10px;
            			padding-bottom:0px;
            			height:145px;
            			width:263px;
            			background-position:0px 95px;
            			background-repeat:no-repeat;
            			overflow:hidden;
            		}
            		    #toegewezenDonaties .coll .text p {
            		        line-height:1.3;
            		        margin:0;
            		        padding-bottom:6px;
            		    }
            #nextback {
                height:20px;
                text-align:right;
                padding:0 20px 0 20px;
            }
                div#nextback a {
                    display:block;
                    height:20px;
                    width:45px;
                }
            
                div#nextback .back{
                    float:left;
                    background:transparent url(../img/icons/back.gif) no-repeat top right;
                }
                div#nextback .next {
                    float:right;
                    background:transparent url(../img/icons/next.gif) no-repeat top right;
                }
            
			
	#footer {
		width:100%;
		height:25px;
		float:left;
	}
	    #footer ul {
	        margin:10px auto 0 auto;
	        list-style:none;
	        padding:0;
	        width:315px;
	    }
	    #footer ul li {
	        display:block;
	        float:left;
	        line-height:15px;
	        font-family:verdana;
	        font-size:10px;
	        color:#666;
	        height:15px;
	        padding:0;
	        padding-right:5px;
	    }