

.hlpPgHeader	{ color: white; background-color: #78828c; width:100%; height: 40px; line-height: 40px;}

.hlpPgType  
{
	font-size: 16px; float: left; width:205px;  color: white; margin-left: 20px;
	}

.hlpPgName {
	font-size: 16px; float: left; color: white;
	}

.hlpBtnPgIdx { 
	background-color: #78828c; font-size: 12px; font-weight: bold; 
	float: right; padding: 0px 15px; height: 36px; line-height: 36px; 
	color: white; 
	text-align:center; 
	border-left: 3px solid #ffffff;
	}
	
.hlpBtnPgIdx:hover {
	background-color: rgba(0,0,0,0.3); /*background-color: #5da658;*/ 
	}


.pageBkGr {
	position: fixed;
	top: 40px; /* oder 80px für Online-HelpWebs */
	bottom: 0px;
}

.hlpContent {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
    width:780px; max-width:780px;
    padding: 10px 0px 0px 0px; /*t,r,b,l*/
	overflow-y: scroll;
	}

.hlpMenuLeft {	
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 20px;
	
	width:200px; max-width: 200px;
            		  
    padding: 10px 0px 0px 0px; /*t,r,b,l*/
	margin-left: -10px;  
	overflow-y: scroll;
	}
	
.hlpMenuLeft ul { 
	list-style-image: url('nav_ul1.gif');
	margin-left: 10px;  
	padding: 0px;
	}
.hlpMenuLeft ul ul      { list-style-image: url('nav_ul2.gif'); }
.hlpMenuLeft ul ul ul   { list-style-image: url('nav_ul3.gif'); }
.hlpMenuLeft ul ul ul ul{ list-style-image: url('nav_ul4.gif'); }
	

.hlpMenuLeft a {
	background-color: white; 
	margin-left: -2px;
	padding: 3px 3px;
	text-decoration: none;
	display: block;
	color: #333333;
	}

.hlpMenuLeft .selNavLI	 a {	/*Selektiertes ListItem in hlpMenuLef*/
	background-color: #336699;
	color: white; 
	font-weight: bold; 
	}

/* Change color of dropdown links on hover */
.hlpMenuLeft a:hover {	
	background-color: silver; 
	}

/*Navigations-Level im "hlpMenuLeft"*/
.navLevel1	{ font-size: 12px; font-weight: bold;	}
.navLevel2	{ font-size: 12px; font-weight: normal; }

