
body { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px; background-color: #ffffff; font-size: 16px;
	}
#content {
	border-right: #cccccc 2px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 550px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; background-color: #ffffff;
	font-size: 80%; color: #666666;  margin-bottom: 10px;
	}	
#wrapper {
	MARGIN: 0px auto; WIDTH: 770px; TEXT-ALIGN: left; 
	padding: 5px 5px 9px 5px;
	}
#bg {
	PADDING-RIGHT: 19px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 10px
	}
#nav {
	PADDING-LEFT: 5px; BACKGROUND: #BFBFBF; MARGIN: 1px 0px; HEIGHT: 35px; text-align: right;
	font-size: 80%; padding-right: 10px;  border-bottom: 7px solid #666666;
	}
.banner-image {
	border: 5px solid #cccccc; padding: 1px;
}



div#head {
    background-image:  url(/images/Kasteel2_panoram_small.jpg);
    background-repeat: no-repeat;
	background-position:center;
    height: 135px;
    width: 770px;
	border: 5px solid #cccccc; padding: 1px;
}

/* typography
----------------------------------------------- */
.comment {
	text-align: right;
	font-size: 80%; color: #cccccc;
	}
	
h1 {
	border-bottom: 2px dotted #000000;
	color: #FF9600;
	font-size: 200%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}

h2 {
	border-bottom: 1px dotted #000000;
	color: #FF9600;
	font-size: 120%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}

h3 {
	border-bottom: 1px dotted #000000;
	color: #FF9600;
	font-size: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	}
	
.nav-hdr {
	font-size: 90%; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FF9600;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 5px; font-variant:small-caps;
	}

.footer-links { font-size: 80%; border-top: 1px solid #cccccc; text-align: left;
	}
	
.company1 {
	font-size: 290%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font: Georgia, "Times New Roman", Times, serif;
	color:orange;
}

.company2 {
	font-size: 120%;
	font: "Courier New", Courier, monospace, Verdana, Arial, Helvetica, sans-serif;
	font-family:  "Times New Roman", Times, serif; color: #FF9600;
}






	/* links 
	------------------------------------------- */
	A {
		font-size: 80%; TEXT-DECORATION: none; font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	A.comment:link {
		COLOR: #8D8C53; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:visited {
		COLOR: #8D8C53; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:active {
		COLOR: #BBBC61; TEXT-DECORATION: none; font-size: 100%;
	}
	A.comment:hover {
		COLOR: #D16D39; TEXT-DECORATION: none; font-size: 100%; text-align:right; text-decoration: underline;
	}

	A.mainnav:hover {
	TEXT-DECORATION: underline; BORDER-RIGHT: #444444 3px solid; COLOR: #444444; TEXT-DECORATION: none
	}

A.mainnav2 {
	PADDING-LEFT: 9px; MARGIN: -5px 12px; overflow: auto;
	}
	
	



.clearthis {
	CLEAR: both; FONT-SIZE: 1px; FLOAT: none; COLOR: #fff
}
#menu {
	PADDING-RIGHT: 15px; MARGIN-TOP: 10px;  FLOAT: right; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; background-color: #ffffff; width: 165px; font-size: 100%;
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
}
#menu LI {
	MARGIN: 0px; height: 20px; BORDER-BOTTOM: #ececec 1px solid; LIST-STYLE-TYPE: none
}
#menu A {
	DISPLAY: block;  BACKGROUND: #fff;  COLOR: #666666; TEXT-DECORATION: none; font-size: 60%; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; padding: 3px;
}
#menu A.mainnav:hover {
	BACKGROUND: #BFBFBF; COLOR: #fff; 
}

.quote {
	background-color: #cccccc;
	border: 1px solid #B4B4B4;
	color: #000000; padding: 2px;
}
