/* Define basic HTML tags */

	html {
		height: 100%;
		width: 100%;
	}
	body {
		background-color: white;
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		font: 75% "Lucida Sans Unicode", "Trebuchet MS";
		font-style: normal;
		font-weight: normal;
		color: #303030;
		line-height: 1.5em;
		text-align: center;
		background-image: url(../images/header_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
	}
	img {
		border: none;
	}
	a {
		color: #cc9900;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	ul{
		list-style-type: square;
	}
	form {
		margin: 0;
		padding: 0;
	}
	input {
		font: 100% "Lucida Sans Unicode", "Trebuchet MS";
		color: #333333;
		border: 1px solid #abadb3;
	}
	select {
		font: 100% "Lucida Sans Unicode", "Trebuchet MS";
		color: #333333;
	}
	textarea {
		font: 100% "Lucida Sans Unicode", "Trebuchet MS";
		color: #333333;
	}
	h1 {
		font: 100% "Lucida Sans Unicode", "Trebuchet MS";
		font-weight: bold;
	}
	hr {
		height: 1px;
		line-height: 1px;
		border: 0;
		color: #ccc;
		background-color: #ccc;
	}
	
/* classes */

	.doClear {
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}

	.navSelected {
		background-color: #2f3845;
	}
	
	input.button {
		background-color: #7d878d;
		color: white;
		border: 1px solid #526268;
		cursor: hand;
		cursor: pointer;
	}
				
/* layout */
	
	#container {
		margin: 0 auto;
		width: 980px;
		text-align: left;
	}
	
		#header {
			height: 137px;
		}
		
			#header #logo {
				float: left;
			}
		
			#header #address {
				float: right;
				width: 400px;
				text-align: right;
				font: 150% "Trebuchet MS", Arial, sans-serif;
				font-weight: bold;
				padding-top: 8px;
			}
			
				#header #address span {
					display: block;
					color: #81725e;
				}

					#header #address span a {
						color: #81725e;
					}

					#header #address span.slogan {
						margin-top: 6px;
						color: #d7a81c;
					}

					#header #address span.subslogan {
						color: #999;
						font-size: 75%;
					}
					
						#header #address span.subslogan strong {
							font-weight: bolder;
						}
	
						#header #address span.subslogan em {
							font-style: italic;
							letter-spacing: 2px;
						}

				
		#content {
			margin-top: 44px;
			clear: both;
		}
		
			#content #overview {
				float: left;
				width: 232px;
				text-align: center;
			}

				#content #overview * {
					margin: 0 auto;
				}
			
				#content #overview #menu {
					width: 212px;
					margin: 0 auto 20px auto;
					padding: 0;
					list-style: none;
				}

					#content #overview #menu a.listExpand {
						background-image: url(../images/list_expand_0.gif);
						background-repeat: no-repeat;
						background-position: left center;
					}

					#content #overview #menu a:hover.listExpand {
						background-image: url(../images/list_expand_1.gif);
						background-repeat: no-repeat;
						background-position: left center;
					}
				
					#content #overview #menu li {
						padding: 0;
						text-align: left;
					}

						#content #overview #menu li a {
							display: block;
							line-height: 30px;
							height: 30px;
							width: 100%;
							margin-bottom: 1px;
							border-bottom: 1px solid #dcdcdc;
							text-indent: 20px;
							text-decoration: none;
							background-image: url(../images/menu_bg_0.gif);
							background-repeat: no-repeat;
							background-position: left center;
							color: #333333;
						}

						#content #overview #menu li a:hover, #content #overview #menu li a.menuSelect {
							border-bottom: 1px solid #e8ba30;
							background-image: url(../images/menu_bg_1.gif);
							background-repeat: no-repeat;
							background-position: left center;
							color: #cc9900;
							background-color: transparent;
						}

						#content #overview #menu li ul li a:hover, #content #overview #menu li.newsletter {
							background-image: url(../images/newsletter.png);
							background-repeat: no-repeat;
							background-position: right 2px;
							background-color: transparent;
						}

						#content #overview #menu li ul li a:hover, #content #overview #menu li ul li a.menuSelect {
							border-bottom: 1px solid #e8ba30;
							background-image: url(../images/arrow_1_orange.gif);
							background-repeat: no-repeat;
							background-position: 8px center;
							color: #cc9900;
							background-color: transparent;
						}

							#content #overview #menu li ul {
								margin: 0;
								padding: 0;
								list-style: none;
							}
							
								#content #overview #menu li ul li a {
									display: block;
									line-height: 22px;
									height: 22px;
									width: 95%;
									margin-left: 5%;
									margin-bottom: 1px;
									border-bottom: 1px solid #dcdcdc;
									background-image: url(../images/arrow_1.gif);
									background-repeat: no-repeat;
									background-position: 8px center;
									text-indent: 20px;
									color: #333333;
								}
		

									#content #overview #menu li ul li ul {
										margin: 0;
										padding: 0;
										list-style: none;
									}
									
										#content #overview #menu li ul li ul li a {
											display: block;
											line-height: 22px;
											height: 22px;
											width: 90%;
											margin-left: 10%;
											margin-bottom: 1px;
											border-bottom: 1px solid #dcdcdc;
											background: none;
											text-indent: 20px;
											font-size: 90%;
											color: #666666;
										}
										
										#content #overview #menu li ul li ul li a:hover, #content #overview #menu li ul li ul li a.menuSelect {
											border-bottom: 1px solid #e8ba30;
											background: none;
											color: #cc9900;
											background-color: transparent;
										}


											#content #overview #menu li ul li ul li ul {
												margin: 0;
												padding: 0;
												list-style: none;
											}
											
												#content #overview #menu li ul li ul li ul li a {
													display: block;
													line-height: 22px;
													height: 22px;
													width: 80%;
													margin-left: 20%;
													margin-bottom: 1px;
													border-bottom: 1px solid #dcdcdc;
													background: none;
													text-indent: 20px;
													font-size: 90%;
													color: #666666;
												}
												
												#content #overview #menu li ul li ul li ul li a:hover, #content #overview #menu li ul li ul li ul li a.menuSelect {
													border-bottom: 1px solid #e8ba30;
													background: none;
													color: #cc9900;
													background-color: transparent;
												}

					#nieuwsbrief {
						width: 192px;
						margin: 0 auto 20px auto;
						padding: 10px;
						background-color: #EBEBEB;
						text-align: justify;
					}
					
					#nieuwsbrief form {
						padding-top: 10px;
					}
					
					#nieuwsbrief #name, #nieuwsbrief #subscriber {
						width: 100%;
						margin-bottom: 5px;
					}	
			
					#nieuwsbrief span {
						display: block;
						clear: both;
						padding-top: 5px;
						color: #676767;
					}	
					#nieuwsbrief span .warning {
						color: #cc3333;
					}	
					#nieuwsbrief span .accept {
						color: #528d18;
					}	
				
				
			#content #main {
				float: right;
				width: 708px;
				text-align: justify;
			}
			
				#content #main #title {
					height: 30px;
					line-height: 30px;
					border-bottom: 1px solid #e8ba30;
				}

				#content #main #title * {
					float: left;
					display: block;
					line-height: 30px;
				}

				#content #main #title img.bigArrow {
					margin-right: 10px;
				}

				#content #main #title img.arrow {
					margin: 13px 10px 0 10px;
				}

				#content #main #DBcontent {
					padding: 0 30px;
					clear: both;
				}

					#content #main #DBcontent li {
						margin-bottom: 1em;
					}
				
			
							
		#footer {
			position: relative;
			top: 20px;
			clear: both;
			width: 960px;
			height: 50px;
			margin: 0 auto;
			padding: 10px 10px 0 10px;
			background-image: url(../images/portfolio_footer_bg.png);
			background-repeat: no-repeat;
			background-position: center top;
		}
		
			#footer span {
				display: block;
			}
			
			#footer div {
				border-top: 1px solid #cccccc;
				line-height: 3em;
				text-align: center;
				color: #666666;
			}

			#footer div a {
				color: #666666;
			}
		
			#footer #footerLeft {
				float: left;
				width: 212px;
			}

			#footer #footerRight {
				float: right;
				width: 698px;
			}
			
			#footer #footerRight span a {
				margin-left: 18px;
			}