/* deheuvelrug.nl */

Body					{ background-color: #ffffff; margin: 0px 0px 0px 0px;  }
Body, P, TD, A, TH		{ font-family: verdana; color: #000000; font-size: 11px; }


.Green	{
	color: #61BF1A;
}

.Yellow	{
	color: #f7d417;
}

/* CONTAINER */
div#SiteContainer {
	position: relative;
	width: 1002px;
	height: 769px;				/* 183 + 585 + 1 (header + image + border) */
	background-color: #f7d417;
	overflow: hidden;
	text-align: left;
}



/* LAYOUT HEADER */
div#SiteHeader		{
	position: relative;
	width: 100%;
	height: 140px;
	background-image: url(/img/topbar.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

div#HomeLink		{
	position: absolute;
	left: 65px;
	top: 15px;
	width: 50px;
	height: 25px;
	overflow: hidden;
}

div#HomeLink A		{
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

/* HEADER SPACER */
div#SiteSpacer {
	position: relative;
	width: 1000px; 
	height: 43px; 
	background-color: #ffffff;
	margin-left: 1px;
	margin-right: 1px;
}


/* CONTENT */
div#SiteContentContainer	{
	position: relative;
	width: 1000px;
	height: 585px;				/* image size */
	overflow: hidden;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-top: 0px;
	text-align: left;
	background-color: #f7d417;
}

div#SiteContentImage {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1000px; 
	height: auto; 
	overflow: visible; 
	padding: 0px; 
	margin: 0px; 
	z-index; 1;
}

div#ContentText {
	position: absolute;
	left: 59px;
	top: 0px;
	width: 424px;
	/* height: 225px;   set in html-code */
	overflow: hidden;
	background-color: white;
	padding: 0px;
	margin: 0px;
	z-index: 5;
	text-align: left; 
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity=85, style=0); 
	-moz-opacity: 0.85; 
	khtml-opacity: 0.85; 
	opacity: 0.85; 
}


div#ContentText H1 {
	font-family: Verdana;
	font-size: 31px;
	font-weight: normal;
	line-height: normal;
	color: 61BF1A;
	text-align: left;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	}

div#ContentText A, div#ContentText A:link, div#ContentText A:hover, div#ContentText A:active, div#ContentText A:visited  {
	font-family: Verdana;
	font-size: 11px;
	color: #808080;
	text-align: left;
	line-height: 14px;
	}

div#ContentText * {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	text-align: left;
	line-height: 14px;
	}



/* MENU */
div#MainMenuContainer {
	position: absolute; 
	top: 140px; 
	left: 64px; 
	width: 800px; 
	height: 43px;	/* same as spacer*/
	z-index: 500;
}

div.MainMenu {
	position: relative;
	padding-right: 20px;
	margin: 0px;
}

div.MainMenu A, div.MainMenu A:link, div.MainMenu A:visited, div.MainMenu A:active {
	font-size: 10pt;
	color: #61BF1A;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

div.MainMenu A:hover, div.MainMenu A.MainMenuSelected, div.MainMenu A.MainMenuSelected:link, div.MainMenu A.MainMenuSelected:visited, div.MainMenu A.MainMenuSelected:active, div.MainMenu A.MainMenuSelected:hover  {
	color: #000000;
}

div.SubMenu {
	padding: 0px;
	margin: 0px;
	/* z-index: 500;  via ASP gevuld*/ 
}

div.SubMenu td {
	background-color: #ffffff;
}

div.SubMenu A, div.SubMenu A:link, div.SubMenu A:visited, div.SubMenu A:active {
	font-size: 8pt;
	color: #61BF1A;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 16px;
	margin-left: 5px;
	margin-right: 20px; 
}

div.SubMenu A:hover, div.SubMenu A.SubMenuSelected, div.SubMenu A.SubMenuSelected:link, div.SubMenu A.SubMenuSelected:visited, div.SubMenu A.SubMenuSelected:active, div.SubMenu A.SubMenuSelected:hover  {
	color: #000000;
	margin-left: 5px;
	margin-right: 20px; 
}


/*  SCROLL */
div#ScrollbarContainer {
	position: absolute;
	left: 485px; 
	top: 0px;
	width: 10px;
	/* height: 225px;   set in HTML code */
	z-index: 200;
	border-left: 1px solid #f7d417;
}

div#ScrollBar {
	position: relative;
	left: 0px; 
	top: 0px;
	height: 40px;				/* hoogte schuifbalk = 40 */
	width: 5px;
	background-color: #f7d417;
	border-width: 0px;
	z-index: 200;
	cursor: hand;
}

div#ScrollText {
	position:absolute; 
	left: 0px; 
	top: 0px; 
	width: 409px; 
	height: auto;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px 0px 0px 0px;
}