/* ----------copyright Pastelart-------------- */
/* ----------basis-------------- */
body {
	background-image: url(img/canvas.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:10pt;
	color: #660000;
	SCROLLBAR-FACE-COLOR: #E4D1B4;
	SCROLLBAR-TRACK-COLOR: #E4D1B4;
	SCROLLBAR-BASE-COLOR: #E4D1B4;
	SCROLLBAR-ARROW-COLOR: #660000;
	SCROLLBAR-3DLIGHT-COLOR: #660000;
	SCROLLBAR-HIGHLIGHT-COLOR: #E4D1B4;
	SCROLLBAR-DARKSHADOW-COLOR: #660000;
	SCROLLBAR-SHADOW-COLOR: #E4D1B4;
  	overflow: hidden;
}
td,th {
	text-transform:;
	border-left-width:;
	border-right-width:;
	border-top-width:;
	border-bottom-width:;
	border-color:;
	padding-left:;
	padding-right:;
	padding-top:;
	padding-bottom:;
}
p {
	text-indent: 35px
	text-transform:;
	border-left-width:;
	border-right-width:;
	border-top-width:;
	border-bottom-width:;
	border-color:;
	padding-left:;
	padding-right:;
	padding-top:;
	padding-bottom:;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #cc0000;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #CC0000;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}
a:active {
	text-decoration: none;
	color: #CC0000;
}
div.hr {
  	height: 15px;
  	background: url(img/hr.gif) no-repeat scroll center;
}
div.hr hr {
  	display: none;
}
hr {
  	border: 0;
  	width: 100%;
  	color: #660000;
  	height: 1px;
}
input,textarea {
	background:transparent url(img/input.gif) repeat-x;
	background-color:#F0E6D2;
	border:solid 1px #AA9669;
	color:#644628;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:2px 0px 2px 0px;
	padding:2px;
}
.positioned {
  	width: 150px;
  	height:145px;
  	border: 0px;
  	padding: 0px;
  	margin: 0px;
  	float: left;
  	overflow: auto;
  	scrollbars: no;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}
.positioned:hover {
  	width: 150px;
  	height:145px;
  	border: 0px;
  	padding: 0px;
  	margin: 0px;
  	float: left;
  	overflow: auto;
  	scrollbars: no;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
img {
border: 0px;
}
/* ----------container background-------------- */
#bg {
	background-image: url(img/back.jpg);
	position: absolute;
	left:0px;
	top:0px;
	height: 350px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
 	background-color: #fff;
	z-index 1;
}
#bgheader {
	position: absolute;
	left:0px;
	top:0px;
	height: 123px;
	width: 343px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(img/calli.gif);
	opacity: .50; /* CSS3, Mozilla 1.7, Safari 1.2, FireFox 0.9+, Opera 9, IE 7.0beta */
	-moz-opacity: 0.50; /* Mozilla <1.7 (2003) / Firefox 0.8 (2004) */
	-khtml-opacity: 0.50; /* Safari <1.2, Konqueror 3.1 */
	filter: alpha(opacity=50); /* Internet Explorer */
	z-index 2;
}
/* ----------shadow-------------- */
#shadow {
	position: absolute;
	left:158px;
	top:105px;
	width: 800px;
	Height: 600px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/shadow.png);
	z-index: 19;
}
/* ----------container to center the layout-------------- */
#mainframe {
	position: absolute;
	left:150px;
	top:100px;
	width: 800px;
	Height: 600px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/bg.gif);
	z-index: 20;
}
#banner {
	height: 75px;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#menu {
	height: 25px;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#content {
	padding: 10px;
	width: 770px;
	Height: 440px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: auto;
	overflow-x: hidden;
}
#contentf {
	padding: 10px;
	width: 770px;
	Height: 440px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: auto;
	overflow-x: hidden;
}
#contentl {
	position:absolute;
	left:10px;
	top:130px;
	padding: 0px;
	width: 300px;
	Height: 460px;
	margin: 0px;
	overflow: auto;
	overflow-x: hidden;
}
#contentr {
	position:absolute;
	left:320px;
	top:130px;
	padding: 0px;
	width: 470px;
	Height: 460px;
	margin: 0px;
	overflow:auto;
	overflow-x: hidden;
}
#contentlh {
	position:absolute;
	left:10px;
	top:130px;
	padding: 0px;
	width: 385px;
	Height: 460px;
	margin: 0px;
	overflow: auto;
	overflow-x: hidden;
}
#contentrh {
	position:absolute;
	left:405px;
	top:130px;
	padding: 0px;
	width: 385px;
	Height: 460px;
	margin: 0px;
	overflow: auto;
	overflow-x: hidden;
}
#footer {
	position: absolute;
	left:10px;
	bottom: -10px;
	height: 10px;
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 8px;
	color: #660000;
}
/* ----------decoration / menu-------------- */
#hoek {
	position: absolute;
	left:700px;
	top:610px;
	width: 333px;
	height: 160px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(img/hoek.gif);
	opacity: .15; /* CSS3, Mozilla 1.7, Safari 1.2, FireFox 0.9+, Opera 9, IE 7.0beta */
	-moz-opacity: 0.15; /* Mozilla <1.7 (2003) / Firefox 0.8 (2004) */
	-khtml-opacity: 0.15; /* Safari <1.2, Konqueror 3.1 */
	filter: alpha(opacity=15); /* Internet Explorer */
	z-index: 10;
}
#menu1 {
	position: absolute;
	left:65px;
	top:180px;
	width: 144px;
	height: 137px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/archives.png);
	z-index: 3;
}
#menu2 {
	position: absolute;
	left:950px;
	top:180px;
	width: 108px;
	height: 300px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(img/kaart.gif);
	z-index: 3;
}
#style {
	background: url(img/styles.gif) no-repeat;
	position: absolute;
	width: 147px;
	height: 127px;
	border: 0px;
	text-indent: -100em;
	overflow: hidden;
	z-index: 99 !important;
	cursor: move;
}
#style1 {
	position: absolute;
	display: block;
	top: 39px;
	left: 37px;
	width: 91px;
	height: 46px;
	border: 0px;
	text-indent: -100em;
}
a:hover#style1 {
	background: url(img/style1.gif) no-repeat;
}
#style2 {
	position: absolute;
	display: block;
	top: 60px;
	left: 26px;
	width: 91px;
	height: 47px;
	border: 0px;
	text-indent: -100em;
}
a:hover#style2 {
	background: url(img/style2.gif) no-repeat;
}