/* CSS Document splend */
/* ##################################### */
/* DESIGN BY www.empresa24.de */
/* ##################################### */
/* copyright 2004 www.splend.de */


/* BASICS */
body#splend {
	background-image: url(images/hg.jpg);
	background-position: 20px 20px;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	z-index: 0;
	overflow: hidden;
}

/* NAVIGATION */
div#navigation {
	left: 275px;
	top: 54px;
	width: 414px;
	height: 102px;
	position: absolute;
	z-index: 10;
}


/* PAGES (content) */
div#pages {
	background-image: url(images/hg_pages.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	left: 104px;
	top: 228px;
	padding-left: 40px;
	width: 723px;
	height: 323px;
	position: absolute;
	z-index: 20;
}
	
	div#pages .p1 {
		font: 16px/26px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #678187;
		padding-top: 21px;
	}
		/* Navigator */
		body>div#pages .p1 {
			padding-top: 5px;
		}
	
	div#pages .close {
		font: 16px/26px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: right;
		color: #678187;
		padding-top: 21px;
	}
		/* Navigator */
		body>div#pages .close {
			padding-top: 5px;
		}
		
	div#pages .footer {
		font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #678187;
	}
	
	div#pages br {
		font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
	}
	
	div#pages .head {
		font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #678187;
	}
	
	div#pages .text {
		font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
		color: #678187;
	}
			/* Netscape */
			table .head {
				font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #678187;
			}
	
			table .text {
				font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
				color: #678187;
			}
			table a {
				text-decoration: none;
				color: #678187;
			}
				table a:hover {
					text-decoration: none;
					color: #A8C188;
				}

	
	div#pages a {
		text-decoration: none;
		color: #678187;
	}
		div#pages a:hover {
			text-decoration: none;
			color: #A8C188;
		}
		
/* SCROLL LAYERS */
/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */

/*works for IE, Opera and Firefox */
div.hold { 
	top: 61px;
	left: 40px;
	position:absolute;
	overflow:hidden;
	width:660px;
	height:200px;
	z-index:100;
	}

 :root .hold {top: 75px;}
	
	/* works for Mozilla, Netscape
	*[class="hold"] {
		top: 300px;
		left: 143px;
		position:absolute;
		overflow:hidden;
		width:660px;
		height:200px;
		z-index:100;
	} */


div#wn {
	position:absolute; 
	width:660px;
	height:200px; 
	clip:rect(0px, 660px, 200px, 0px); 
	overflow:hidden;	
	z-index:30; 
	}
	
div#lyr1	{ 
	position:absolute;
	visibility:hidden; 
	z-index:25; 
	}