@import url(/theme/nglogon.css);
@import url(/theme/ngdac.css);
@import url(/theme/ngforms.css); /* rth20040415 */
@import url(/theme/list.css);
@import url(/theme/ngnews.css);

/* rth20040408 nglogon + ngdac terug apart geplaatst voor scheiding css oude netscape / andere browsers */ 
/* rth20040408 declaraties mbt lijsten apart geplaatst in list.css */


/*************** algemene css *******************/
body {
	font-family: Arial, Helvetica, sans-serif; COLOR: #34322E;
}
table.bodycontent {
	width: 100%; /* rth20040429 verwijderd uit xsl */
}
a {
	COLOR: #345B83;
}
a:hover {
	color: #222222; text-decoration: underline;
}
td {
	font-family: Arial, Helvetica, sans-serif; COLOR: #34322E;
}

/* --- copy ---------------------------------- */
.titel {
	font-size: 2.0em; COLOR: #003163; /*fdc20040519 changed font-size*/
	line-height: 45px;
}
.subTitel {
	font-weight: bold;
	margin-bottom: -20px;
}
.comment {
	font-style: oblique; color: #888888;
}

/* --- navigatie ---------------------------------- */
/* --- taalkeuze ---------------------------------- */
#taalkeuze a:hover{
	color: #ffffff; text-decoration: underline;
}
/* --- functionele navigatie ---------------------- */
#funcNav {
	color: #ffffff; font-weight: bold;
	text-align: right;
}
#funcNav a{
	color: #ffffff; text-decoration: none;
}
#funcNav a:hover{
	text-decoration: underline;
}
/* --- navigatie 1ste niveau ---------------------- */
.tdNav1 {
	border-bottom: 3px solid #D9D7D3;
}
.tdNav1End {
	background-color: #ffffff;
	border-bottom: 1px solid #D9D7D3;
}
/* --- navigatie 2de niveau ----------------------- */
.tdNav2 {
	text-align: center;
	color: #ffffff;
}
.tdNav2 a {
	color: #ffffff; text-decoration: none;
}
.tdNav2 a:hover {
	color: #ffffff; text-decoration: underline;
}
.tdNav2Active {
	text-align: center;
	background-color: #757474;
	color: #ffffff;	font-weight: bold;
}
.tdNav2Active a {
	color: #ffffff; text-decoration: none;
}
.tdNav2Active a:hover {
	color: #ffffff; text-decoration: underline;
}
/* --- navigatie 3de niveau ----------------------- */
.tdNav3 {
	border-top: 1px solid #B0AEAA;
	padding-left: 12px;
	height: 19px;
}
.tdNav3 a {
	color: #34322E;	text-decoration: none;
}
.tdNav3 a:hover {
	text-decoration: underline;
}
.tdNav3HL {
	font-weight: bold;
	border-top: 1px solid #B0AEAA;
	padding-left: 12px;
	height: 19px;	
}
.tdNav3HL a {
	color: #34322E;	text-decoration: none;
}
.tdNav3HL a:hover {
	text-decoration: underline;
}
table.Nav3 {
	border-bottom: 1px solid #B0AEAA;
}
/* --- navigatie 4de niveau ----------------------- */
.tdNav4 {
	COLOR: #6B6964;
	background-color: #E8E5E3;
	padding-left: 20px;
}
.tdNav4 a {
	color: #34322E;	text-decoration: none;
}
.tdNav4 a:hover {
	text-decoration: underline;
}
.tdNav4Active {
	COLOR: #6B6964;	font-weight: bold;
	background-color: #E8E5E3;
	padding-left: 20px;
}
.tdNav4Active a {
	color: #34322E;	text-decoration: none;
}
.tdNavActive a:hover {
	text-decoration: underline;
}
.tdNav4End {
	font-size: 4px;
	background-color: #E8E5E3;
	height: 5px;
}

/* --- linkerBlok ---------------------------------- */
.tdPersBlok {
	COLOR: #345B83;
	padding: 4px; padding-left: 10px;
	background-COLOR: #E6F2F7;
	border-top: 8px solid #ffffff;
}
.tdPersBlok td {
	COLOR: #345B83;
}

.tableIntersite {
	border: solid #979694 1px;
	border-left: none;
}

/* --- zoek ---------------------------------- */
.zoek {
	padding: 4px; 
	background-COLOR: #E8E5E3;	
}
.zoekInput {
	width: 110px;
	font-size: 11px;
	height: 16px;
	border: 1px solid #979694;
}
form.searchblock {
	margin: 0px 0px 0px 0px ;
}
/* --- breadcrumb -------------------------------- */
.path {
	color: #8f8f8f;
}
.path a {
	color: #8f8f8f; text-decoration: underline;
}
.path a:hover {
	color: #454545;
}

/* --- diverse ---------------------------------- */
.aanmelden {
	height: 16px;
	font-size: 11px;
	border: 1px solid #A6A4A1;
	margin: 0px 0px 6px 10px; width: 140px;
}
.applet {
	background-COLOR: #E6F2F7;
}
/*INO02072004: begroeting gelijkgezet met begroeting Online*/
.begroeting {
	font-size: 13px; font-weight: bold; 
}
/* rth20040519: verplaatst van js naar css */
.begroetingnaam { 
	font-variant: small-caps;
}
/* rth20040519: verplaatst van js naar css */
.begroetingzin {
	font-weight: normal; font-size: 12px;
}
.error {
	color: #D3553A; font-weight: bold;
}
.lijnTaalkeuze {
	font-size: 8px; vertical-align: super; margin:7px;
}

.CustListTitle {
	background-COLOR: #EAE8E4;
	COLOR: #DB5132; font-weight: bold;
	padding: 0px 5px 0px 5px;
	height:16px;
}
.CustListTitle img{
	margin-right: -5px;
}

.tableTrans {
	border: 1px solid #BEBDB9;
	background-color: #EAE8E4;
	width:100%; 
}
/* --- footer ---------------------------------- */
.tdFooter {
	color: #ffffff;
	border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;
	padding-left: 20px;
	height: 19px; vertical-align: bottom;
}
.tdFooter a{
	color: #ffffff; text-decoration: none;
}
.tdFooter a:hover{
	color: #ffffff; text-decoration: underline;
}

/* --- plaatsing content---------------------------- */
.tdContent {
	padding-top: 0px; padding-bottom: 0px; /* rth20040430 */
	line-height: 16px;
}

.tdTableHeadR {
	background-COLOR: #EAE8E4;
	COLOR: #DB5132; font-weight: bold; font-size: 11px;
	padding: 0px 5px 0px 2px;  vertical-align: top;
	border-left: 1px solid #D9D7D3; border-right: 1px solid #D9D7D3; border-top: 1px solid #AEACA9;
}
.tdTableR {
	background-COLOR: #F9F8F7;
	font-size: 11px;
	padding: 0px 2px 0px 2px; vertical-align: top;
	border-left: 1px solid #D9D7D3; border-right: 1px solid #D9D7D3; border-bottom: 1px solid #AEACA9;
}
.up {
	COLOR: #537D00;
}
.down {
	COLOR: #DB5132;
}

/* --- tabellen ---------------------------------- */
.tdHead {
	font-weight: bold;
	background-color: #EAE8E4;
	padding: 2px 5px 1px 5px;
}
.tdNormalIndent {
	background-color: #f9f8f7;
	padding: 2px 25px 1px 15px;
}
.tdNormal {
	background-color: #f9f8f7;
	padding: 2px 4px 1px 4px;
}


/* ---- transaction --------------------------------------*/
.transaction {
	padding-right: 3px;
}
.transaction td.ngTransactionTitleRight {
	border-top: 1px solid #979694;
	border-left: 1px solid #979694;
	border-right: 1px solid #979694;
	border-bottom: none;
	background-color: #EAE8E4;
}
.transaction td {
	border-bottom: 1px solid #979694;
	border-left: 1px solid #979694;
	border-right: 1px solid #979694;
}
.ngTransactionTitleText {
	font-size: 12px;
	color: #345B83;
	font-family: Officina, Arial, sans-serif;	
	font-weight: bold;
}
td.ngTransactionListText {
	background-color: #F9F8F7;
}
  
/* ---- leftpanel --------------------------------------- */ 
.NgFrameLeftPanel {
	background-COLOR: #E6F2F7;
}
.leftpanelbutton {
	padding: 4px; padding-left: 10px;
	background-COLOR: #E6F2F7;
}
.frameleftpanel .searchblock, .frameleftpanel .nav3, .leftpanelpersonalizedcontent {
	border-top: 8px solid white;
}

.leftpanelend  { 
	border-top: 5px solid white;
}
.ngframeleftpanelchild, .leftpanelbutton {
	border-bottom: 3px solid white;
}
.NgFrameLeftPanelChild .NgSection {
	padding: 4px 0px 4px 10px ;
}
.ngframeleftpanelchild .ngsectiontitle {
	font-weight:bold;
	padding-bottom: 5px;
}

/* ----- rightpanel ------------------------------- */
.NgFrameRightPanel {
	vertical-align: top;
}
.NgFrameRightPanel .NgFrameRightPanelChild {
	border-bottom: 3px solid white;	
	background-color: #F9F8F7;
}
.NgFrameRightPanel .NgSectionTitle {
	background-color: #B9B9B7;
	color: #DB5031;
	font-weight: bold; 
	padding: 2px 2px 2px 6px;	
}

/* ----- intersite navigation in body (only on hp) ----------------------------- */
.NgFrameBody .tableIntersite {
	border-top: 15px solid white;
	border-bottom: 15px solid white;	
	border-right: none;/* rth20040309 */	
}

/* ----- aandeel -----------------------*/
.aandeel {
	white-space: nowrap;
}
.aandeel .name, .aandeel .value {
	font-weight: bold;
}
.aandeel .change {
	font-weight: normal;
}
/* ------ NgFrameIntro ------------- */

/* ----- warningflash ------ */
.warningflash {
	border: 1px solid #D3553A;	
	padding: 3px 3px 3px 5px;
}
.warningflash .ngflashtextblock {
	vertical-align: top;
	padding-left: 3px;	
}
.warningflash td,.warningflash td a {
	color: #D3553A;	
}
.warningflash .ngflashwarning {
	vertical-align: top;
}

/* ----- defaultflash ------- */
.defaultflash .paragraph {
	padding-left: 3px;
	padding-top: 3px;
}

/* ------- ngflashlisthorizontal, zowel voor hp als andere -------- */
.ngflashlisthorizontal .ngflashlistseparator {
	width: 8px;
}
.ngflashlisthorizontal .ngflashlistchild {
	vertical-align: top;
}

/* ------ alignment of images within NgNewsItem / NgFlash--------- */
.alignImageLeft {
	float: left;
	margin-right: 4px;
}
.alignImageRight {
	float: right;
	margin-left: 4px;
}

/* ------ Titel van een paragraaf -------------- */
.NgFramebody .ParagraphTitle{
		font-size: 100%; 
		font-weight: bold; 
		padding-bottom: 3px;
		line-height: normal;	
}

.NgFramebody .Paragraph {
		padding-bottom: 8px;
}

.alert { 
	color:red;	
}
.important 
	{ text-decoration: underline; 
}
/* ------ Titel van een ngsection -------------- */

.NgSectionTitle{
		font-size: 100%; 
		font-weight: bold; 
		padding-bottom: 16px;
		line-height: normal;	
}

.NgSection {
		padding-bottom: 16px;
}


/* ----- ngwarning ------ */
/*ino 14062004 ngwarning op hp en myhp toegevoegd*/

.NgWarning { 
	padding-bottom : 5px; 
}

.hpngwarning {
	border: 1px solid #D3553A;	
	padding: 3px 3px 3px 5px;
	margin-top: 2px;
}
.hpngwarning .ngwarningtextblock {
	vertical-align: top;
	padding-left: 3px;	
}
.hpngwarning td,.hpngwarning td a {
	color: #D3553A;	
}
.hpngwarning .contentwarning {
	vertical-align: top;
}

.nohpngwarning .ngwarningtitle {
	COLOR: #003163;
	font-weight: bold; padding-bottom: 13px;
}

/* ----- Tipwarning: gewone blauwe kleur (ino 16112004 )------ */

.hpngwarningtip {
	border: 1px solid  #A6A4A1;	
	padding: 3px 3px 3px 5px;
	margin-top: 2px;
}
.hpngwarningtip .ngwarningtextblock {
	vertical-align: top;
	padding-left: 3px;	
}
.hpngwarningtip td,.hpngwarningtip td a {
	color: #003163;	
}
.hpngwarningtip .contentwarning {
	vertical-align: top;
}



/* ----- Titel soorten (ino 17092004 )------ */
.bodycolorbox {
	color : White;
	font-weight : bold;
}



/*------fdc20040423 een paar classes voor het opvangen van berichten en errors-----*/
/* ------ errors en boodschappen -------------- */
.NGmsg00 {
	border:2px; 
	border-style:solid; 
	border-color:green; 
	text-align:center; 
	padding:2px; 
	float:left;
} 

.NGmsg04 {
	border:2px; 
	border-style:solid;
	border-color:red; 
	text-align:center; 
	padding:2px; 
	float:left;
} 

.NGmsg08 {
	border:2px; 
	border-style:solid; 
	border-color:red; 
	text-align:center; 
	padding:2px; 
	float:left;
} 

.NGmsg16 {
	border:2px; 
	border-style:solid; 
	border-color:red; 
	text-align:center; 
	padding:2px; 
	float:left;
}

 .errorkbc325 {
 	color:red; 
	text-weight:bold; 
}

.errorkbc325bis {
 	color:red; 
	text-weight:bold; 
}


