/* CSS Document */

@import url("hdb_ie.css");
@import url("../menu/menu.css");

/* Stuctural CSS */

a img {
	border: 0;
}

#content {
	width:1003px; 
	top:0; 
	margin:0 auto; 
	position:relative;
	}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #4D4D4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	scrollbar-3dlight-color: #c8d2ae; 
	scrollbar-arrow-color: #93c260; 
	scrollbar-darkshadow-color: #c8d2ae;
	scrollbar-face-color: #014436; 
	scrollbar-highlight-color: #c8d2ae; 
	scrollbar-shadow-color: #c8d2ae; 
	scrollbar-track-color: #c8d2ae;  
	}
	
/* Design CSS */

#bovenbalklinks {
	width:184px; 
	height:97px; 
	background-image:url(../images/1/1_hdb_logo.jpg); 
	background-repeat:no-repeat; 
	background-color:#FFFFFF; 
	float:left;
	}
	
#bovenbalkrechts {
	width:819px; 
	height:97px; 
	background-image:url(../images/1/1_hdb_bovenbalk.jpg);
	background-position:right; 
	background-repeat:no-repeat; 
	background-color:#FFFFFF; 
	float:right; 
	}
	
#middenfoto {
	width:1003px; 
	height:126px; 
	background-image:url(../images/1/1_hdb_middenfoto.jpg); 
	background-color:#014436; 
	background-repeat:no-repeat; 
	clear:both;
	}

#middenfotoorganisatie {
	width:1003px; 
	height:126px; 
	background-image:url(../images/2/2_hdb_middenfoto.jpg); 
	background-color:#014436; 
	background-repeat:no-repeat; 
	clear:both;
	}
	
#middentekst {
	width:1003px;
	height:240px;
	float: left;
	}

#middentekst1 {
	width:1003px;
	height:382px;
	float: left;
	}
	
#middentekst2 {
	width:1003px;
	height:500px;
	float: left;
	}	
		
#onderbalk {
	width:1003px;
	height:127px;
	background-color:#014436;
	float: left;
	}

#onderbalk1 {
	width:1003px;
	height:36px;
	background-color:#014436;
	float: left;
	}

#onderbalk2 {
	width:1003px; 
	height:18px; 
	background-color:#014436;
	float:left;
	}
	
#onderbalkblokje {
	width:184px;
	height:18px;
	margin-top: 0px;
	float:left;	
	}

#onderbalkblokje1 {
	width:184px;
	height:18px;
	margin-top: 0px;
	float:left;	
	}
	
#onderbalkblokjerechts11 {
	width:819px;
	height:18px;
	float:right;
	background-color:#014436;
	}
	
#kop {
	width: 184px;
	height: 18px;
	margin: 20px 0px 0px 101px;
	float: left;
	display:inline;
	}
	
/* Menu */

#menublok {
	width:1003px;
	height:20px;
	background-color:#014436;
	}

/* Tekststijlen */

.midtekst {
	color: #014436;
	font: 12px Frutiger, Verdana, Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-align:right;
}

.linktekst, .linktekst a {
	text-decoration: none;
	color: #014436;
	font: bold 12px Frutiger, Verdana, Arial, Helvetica, sans-serif;
	line-height: 26px;
}

.linktekstrood {
	text-decoration: none;
	color: #CC0000;
	font: bolder 12px/24px Arial, Helvetica, sans-serif;
}

.fout {
	text-decoration: none;
	color: #CC0000;
	font: bold 11px/18px Frutiger, Verdana, Arial, Helvetica, sans-serif;
}


.middenkolomleft {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #014436;
	text-decoration: none;
	word-wrap: break-word;
}
.middenkolomleft a {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #014436;
	text-decoration: none;
	font-weight: bold;
}
.middenkolomleft a:hover {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #014436;
	text-decoration: none;
	font-weight: bold;
}

.middenkolomleftlink, .middenkolomleftlink a, .middenkolomleftlink a:hover {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #014436;
	text-decoration: none;
}

.middenkolomleft16 {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #014436;
	text-decoration: none;
	word-wrap: break-word;
}

.middenkolomleft16 a, .middenkolomleft13 a:hover {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #014436;
	text-decoration: none;
	word-wrap: break-word;
}

	
/* Homepage */

#tree1 {
	width:66px; 
	height:101px; 
	padding-left:508px; 
	float:left; 
	background-image:url(../images/1/1_hdb_tree1.jpg); 
	background-position:right; 
	background-repeat:no-repeat;
	}
	
#tree2 {
	width:66px; 
	height:101px; 
	padding-left:20px; 
	float:left; 
	background-image:url(../images/1/1_hdb_tree2.jpg); 
	background-position:right; 
	background-repeat:no-repeat;
	}
	
#tree3 {
	width:66px; 
	height:101px; 
	padding-left:20px; 
	float:left; 
	background-image:url(../images/1/1_hdb_tree3.jpg); 
	background-position:right; 
	background-repeat:no-repeat;
	}	
	
#linktekst {
	width:305px;
	height:150px;
	float:left;
	margin-top:86px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:0px;
	display: inline;
	}
	
#midtekst {
	width:597px;
	height:150px;
	float:left;
	margin-top:86px;
	margin-left:22px;
	margin-right:0px;
	margin-bottom:0px;
	display: inline;
	}
	
/* Paginas */

#midtekstkolom1 {
	width:360px;
	height:150px;
	float: left;
	margin-top:45px;
	margin-left:-80px;
	margin-right:0px;
	margin-bottom:0px;
	display: inline;
	}
	
#midtekstkolom1a {
	width:500px;
	height:190px;
	float: left;
	margin-top:45px;
	margin-left:-80px;
	margin-right:0px;
	margin-bottom:0px;
	display: inline;
	}	
	
#midtekstkolom2 {
	width:360px;
	height:150px;
	float:left;
	margin-top:45px;
	margin-left:22px;
	margin-right:0px;
	margin-bottom:0px;
	display: inline;
	}
	
#midtekstkolom3 {
	width:722px;
	height:50px;
	float:left;
	margin-top:32px;
	margin-left:205px;
	margin-right:0px;
	margin-bottom:0px;
	display: inline;
	}

.middenkolomleft17 {

	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #014436;
	text-decoration: none;
	word-wrap: break-word;
}
.middenkolomleft17 a, .middenkolomleft17 a:hover {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #014436;
	text-decoration: none;
	word-wrap: break-word;
	font-weight: bold;
}

/* Popups */

.popup {
	border:5px;
	border-style:solid;
	border-color:#014436;
	background-color:#ead2a7;
	text-align:left;
	margin:0px 0px 0px 0px;
	}
	
.popup1 {
	border:5px;
	border-style:solid;
	border-color:#014436;
	background-color:#c7cdd1;
	text-align:left;
	margin:0px 0px 0px 0px;
	}

.popup2 {
	border:5px;
	border-style:solid;
	border-color:#014436;
	background-color:#dce1c9;
	text-align:left;
	margin:0px 0px 0px 0px;
	}