/* ********************** SECTION SPECIFIC STYLES ********************** */


h1.title {
	font-size: 16pt;
	font-weight: normal;
	margin-top: 0pt;
	margin-bottom: 0pt;
	color: #2175d9
}


h2.title {
	font-size: 11pt;
	font-weight: normal;
	margin-top: 0pt;
	margin-bottom: 0pt;
	color: #2175d9
}


h3.title {
	font-size: 9pt;
	font-weight: bold;
	margin-top: 0pt;
	margin-bottom: 0pt;
	color: #2175d9
}


.title {
  font-size: 16pt;
  color: #2175d9;
}

.subTitle {
	font-size: 11pt;
	color: #2175d9
}

.subsubTitle {
	font-size: 9pt;
	font-weight: bold;
	color: #2175d9
}
 

.subTitle1 {
	font-size: 12pt;
	color: #f49100;
}

.subTitle2 {
	font-size: 12pt;
	color: #abc200;
}

.subTitle3 {
	font-size: 12pt;
	color: #2175d9;
}

.subTitle4 {
	font-size: 12pt;
	color: #a223a2;
}


.subTitle5 {
	font-size: 12pt;
	color: #a223a2;
}

.subTitle6 {
	font-size: 12pt;
	color: #a223a2;
}

.subTitle7 {
	font-size: 12pt;
	color: #a223a2;
}

.subTitle8 {
	font-size: 12pt;
	color: #a223a2;
}

.subTitle9 {
	font-size: 12pt;
	color: #a223a2;
}

.subTitleRis {
	font-size: 12pt;
	color: #003399;
}


.AlphabetTitle {
	font-size: 12pt;
	font-weight: bold;
	color: #000;
}

/* Top navigation */

a.nav, a.nav:visited{ 
	color: #999;
	font-size: 14pt;
	text-decoration: none;
}
a.nav:hover, a.nav:active{
	color: #2175d9;
	font-size: 14pt;
	text-decoration: none;
}
.nav {
	color: #2175d9;
	font-size: 14pt;
	text-decoration: none;
}
.nav-ris {
	color: #2175d9;
	font-size: 14pt;
	text-decoration: none;
}
a.navselected, a.navselected:visited, a.navselected:hover, a.navselected:active {
	color: #2175d9;
	font-size: 14pt;
	text-decoration: none;
}


/* Headers */

.heading5{
	font-size: 22pt;
	color: #2175d9;
	padding-bottom: 13pt;
	font-weight: bold;
}

.heading4{
	font-size: 15pt;
	color: #2175d9;
	padding-bottom: 10pt;
	font-weight: bold;
}

.heading3{
	font-size: 12pt;
	color: #2175d9;
	padding-bottom: 7pt;
	font-weight: bold;
}

.heading2{
	font-size: 9pt;
	color: #2175d9;
	padding-bottom: 4pt;
	font-weight: bold;
}

.heading1{
	font-size: 7pt;
	color: #2175d9;
	padding-bottom: 2pt;
	font-weight: bold;
}


/* Menu */

.mBG {
  background-image: url("/system/image/menu-bg-s3.gif");
  background-position: top left;
  background-repeat: repeat-y;
}

.mRowBG {
	background-color: #2175d9;
	width: 143px;
	padding-bottom: 1px;
	background-image: url("/system/image/menu-border.gif");
  background-position: top left;
  background-repeat: repeat-y;
}

#m1 a, #m2 a, #m3 a {
	font-size: 11px;
  width: 143px;
  display: block;
  line-height: 13px;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  background-position: top left;
  background-repeat: no-repeat;
	cursor: pointer;
}

/* m1 */
#m1 a {
  color: #fff;
  padding-left: 22px;
}
#m1 a:link, #m1 a:active, #m1 a:visited {
  background-color: #2175d9;
}
#m1 a:hover {
  background-color: #023090;
}
#m1 a.m {
  background-image: url('/system/image/arr-w.gif');
}
#m1 a.mSelect {
  background-image: url("/system/image/arr-block.gif");
}
#m1 a.mSub, #m1 a.mSelectSub {
  background-image: url("/system/image/arr-block-down.gif");
}

/* m2 */
#m2 a {
  color: #999;
  padding-left: 22px;
}
#m2 a.m {
  background-image: url("/system/image/arr-g.gif");
}
#m2 a.mSelect {
  background-image: url("/system/image/arr-g.gif");
  /* background-image: url("/system/image/arr-3.gif"); */
}
#m2 a.mSelectSub {
  background-image: url("/system/image/arr-g-down.gif");
  /* background-image: url("/system/image/arr-3-down.gif"); */
}
#m2 a.mSub {
  background-image: url("/system/image/arr-g-down.gif");
  /* background-image: url("/system/image/arr-b-down.gif"); */
}
#m2 a:link, #m2 a:active, #m2 a:visited {
  background-color: #fff;
}
#m2 a:hover {
  background-position: -144px 0;
  background-color: #023090;
}
#m2 a.m:link, #m2 a.m:active, #m2 a.m:visited {
  color: #999;
}
#m2 a.m:hover {
  color: #fff;
}
#m2 a.mSelect:link, #m2 a.mSelect:active, #m2 a.mSelect:visited {
	font-weight: bold;
  color: #2175d9;
  /* color: #2175d9; */
}
#m2 a.mSelect:hover {
  color: #fff;
}
#m2 a.mSelectSub:link, #m2 a.mSelectSub:active, #m2 a.mSelectSub:visited {
	font-weight: bold;
  color: #2175d9;
  /* color: #2175d9; */
}
#m2 a.mSelectSub:hover {
  color: #fff;
}
#m2 a.mSub:link, #m2 a.mSub:active, #m2 a.mSub:visited {
	font-weight: bold;
  color: #2175d9;
}
#m2 a.mSub:hover {
  color: #fff;
}

/* m3 */
#m3 a {
  color: #999;
  padding-left: 40px;
}
#m3 a:link, #m3 a:active, #m3 a:visited {
  background-color: #fff;
}
#m3 a:hover {
  background-color: #023090;
}
#m3 a.m:link, #m3 a.m:active, #m3 a.m:visited {
  color: #999;
}
#m3 a.m:hover {
  color: #fff;
}
#m3 a.mSelect:link, #m3 a.mSelect:active, #m3 a.mSelect:visited, #m3 a.mSelectSub:link, #m3 a.mSelectSub:active, #m3 a.mSelectSub:visited {
  color: #2175d9;
  /* color: #2175d9; */
}
#m3 a.mSelect:hover, #m3 a.mSelectSub:hover {
  color: #fff;
}
#m3 a.mSub:link, #m3 a.mSub:active, #m3 a.mSub:visited {
  color: #2175d9;
}
#m3 a.mSub:hover {
  color: #fff;
}

/* 
  IE 6.0 and lower does not understand the child selector,
  so the line below will only work for browsers other than
  IE 6.0 and below. It makes sure that the width of all ankers
  nested within an element with an id of "m" will be set 
  to auto. This way the width attribute used in the ankers 
  definitions will not mess up things in all other browsers 
  than IE. The width attribute must be set for IE 6.0 and 
  below in order to let the anker be treated as a block element. 
  Mouse over effects will then work for the block as a whole
  instead of the link text only.
*/

/* Fix for IE 6.0 and older problem */
#m1 > a {
  width: auto;
}
#m2 > a {
  width: auto;
}
#m3 > a {
  width: auto;
}


/* Breadcrumb */

a.crumbSection:link {
	font-size: 11pt;
	color: #2175d9;
	line-height: 14px;
	font-weight: bold;
}
a.crumbSection:visited{
	color: #2175d9;
	font-weight: bold;
	}
a.crumbSection:hover{
	color: #999;
	font-weight: bold;
}
a.crumbSection:active{
	color: #999;
	font-weight: bold;
}

a.crumbSub:link {
	font-size: 11pt;
	color: #999;
	line-height: 14px;
	font-weight: bold;
}
a.crumbSub:visited{
	color: #999;
	font-weight: bold;
	}
a.crumbSub:hover{
	color: #333;
	font-weight: bold;
}
a.crumbSub:active{
	color: #333;
	font-weight: bold;
}

/* Header */
/* wordt gebruikt in homepages, op diverse nivo's */
a.header, a.header:visited{
	color: #999999;
}

a.header:hover, a.header:active{
	color: #2175d9;
}

/* Footer */
/* wordt gebruikt in homepages, op diverse nivo's */
a.footer, a.footer:visited{
	color: #999999;
}

a.footer:hover, a.footer:active{
	color: #2175d9;
}


/* Buttons */

.buttonStrong {
  font-size: 8pt;
  color: #ffffff;
  background-color: #2175d9;
  border: 1px #2175d9 solid;
  text-align: left;
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 2px;
  padding-left: 2px;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  height: 34px;
  cursor: pointer;
}
.buttonStrong:hover {
  background-color: #023090;
  border: 1px #023090 solid;
}

.buttonLight {
  font-size: 8pt;
  color: #2175d9;
  background-color: #ffffff;
  border: 1px #2175d9 solid;
  text-align: left;
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 2px;
  padding-left: 2px;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  height: 34px;
  cursor: pointer;
}
.buttonLight:hover {
  color: #ffffff;
  background-color: #023090;
  border: 1px #023090 solid;
}

.smallButtonStrong {
  font-size: 8pt;
  color: #ffffff;
  background-color: #2175d9;
  border: 1px #2175d9 solid;
  text-align: left;
  padding-top: 1px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 2px;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  height: 18px;
  cursor: pointer;
}
.smallButtonStrong:hover {
  background-color: #023090;
  border: 1px #023090 solid;
}

.smallButtonLight {
  font-size: 8pt;
  color: #2175d9;
  background-color: #ffffff;
  border: 1px #2175d9 solid;
  text-align: left;
  padding-top: 1px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 2px;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  height: 18px;
  cursor: pointer;
}
.smallButtonLight:hover {
  color: #ffffff;
  background-color: #023090;
  border: 1px #023090 solid;
}