body            {text-align:center; font-family: tahoma; color:#333333; font-size:11px; background-color: #ffffff; margin:0px; padding:0px;} 

.floatright		{float: right; margin-left:10px; border: 1px solid #555555; padding:1px;}
DIV.floatRightCaption		{float: right; margin: 10px 0px 10px 10px; background: url(../images/contentItemBg.gif) no-repeat top right; padding: 10px; border: 1px solid #c7d1db; line-height:17px;}
DIV.floatRightCaption img	{border: 1px solid #637282; margin-bottom:6px;}

a:link			{color: #82add7; text-decoration:none;}
a:visited		{color: #82add7; text-decoration:none;}
a:active		{color: #82add7; text-decoration:none;}
a:hover			{color: #999999; text-decoration:none;}

.archiveTitle a:link	{color: #333333; text-decoration:none;}
.archiveTitle a:visited	{color: #333333; text-decoration:none;}
.archiveTitle a:active	{color: #333333; text-decoration:none;}
.archiveTitle a:hover	{color: #637282; text-decoration:none;}

.bullets a:link		{color: #333333; text-decoration:none;}
.bullets a:visited	{color: #333333; text-decoration:none;}
.bullets a:active	{color: #333333; text-decoration:none;}
.bullets a:hover	{color: black; text-decoration:none;}

.bulletsPDF a:link		{color: #333333; text-decoration:none;}
.bulletsPDF a:visited	{color: #333333; text-decoration:none;}
.bulletsPDF a:active	{color: #333333; text-decoration:none;}
.bulletsPDF a:hover	{color: black; text-decoration:none;}

.bulletsPortal a:link		{color: #333333; text-decoration:none;}
.bulletsPortal a:visited	{color: #333333; text-decoration:none;}
.bulletsPortal a:active	{color: #333333; text-decoration:none;}
.bulletsPortal a:hover	{color: #004592; text-decoration:none;}

SPAN.newsTitle a:link	{color: #637282; text-decoration:none;}
SPAN.newsTitle a:visited{color: #637282; text-decoration:none;}
SPAN.newsTitle a:active	{color: #637282; text-decoration:none;}
SPAN.newsTitle a:hover	{color: #014a96; text-decoration:none;}

SPAN.newsListTitle a:link	{color: #637282; text-decoration:none;}
SPAN.newsListTitle a:visited{color: #637282; text-decoration:none;}
SPAN.newsListTitle a:active	{color: #637282; text-decoration:none;}
SPAN.newsListTitle a:hover	{color: #014a96; text-decoration:none;}

p				{color:#333333; margin:0px; padding:0px 0px 0px 0px; line-height:15px;}
h1				{padding:0px; margin:0px; font-size:15px; color:#637282; letter-spacing:1px;}
h2				{padding:0px; margin:0px; font-size:13px; color:#000000; letter-spacing:1px;}
h5				{margin-bottom: 2px;}

SPAN.newsTitle	{padding:0px; margin:0px; font-size:15px; color:#637282; letter-spacing:1px; font-weight:bold;}
SPAN.newsListTitle	{padding:0px; margin:0px; font-size:13px; color:#637282; letter-spacing:1px; font-weight:bold;}
SPAN.newsDate	{padding:0px; margin-left:10px; font-size:11px; color:#333333;}

/* Project keuze paneel */
DIV#topContainer		{height:135px; background: url(../images/bannerBg.gif) repeat-x; border-bottom:solid 5px #637282;}
	DIV#topMain				{margin-left:auto;margin-right:auto; height:135px; width:895px;}
		DIV#bannerMatrho		{width:895px; height:105px; background: url(../images/mathroHeader.gif) no-repeat;}
		DIV#bannerTools			{width:895px; height:105px; background: url(../images/toolsHeader.gif) no-repeat;}
		DIV#navigation			{width:895px; height:30px;}	
			#navigationMenuBase		{padding: 0; margin:0px;}
				#navigationMenuBase ul		{margin:0; padding: 0; list-style: none;}
					#navigationMenuBase li		{display: inline; padding: 0; text-transform:uppercase; margin:0px;}
						#navigationMenuBase a		{float: left; display: block; color: #333333; margin: 0 1px 0 0; padding: 8px 0px; width:111px; text-decoration: none; letter-spacing: 1px; background-color: #d9d9d9; border-bottom: 1px solid #f0f1f1;}
						#navigationMenuBase a:hover	{background-color: #c7d1db; /*Menu hover bgcolor*/}
						#navigationMenuBase #current a{background-color: #637282; border-color: #637282; color:White;}
						#navigationMenuBase .width a{width:111px; margin:0px;}
			
			#navigationMenuTools	{padding: 0; margin:0px;}
				#navigationMenuTools ul		{margin:0; padding: 0; list-style: none;}
					#navigationMenuTools li			{display: inline; padding: 0; text-transform:uppercase; margin:0px;}
				#navigationMenuTools a				{float: left; display: block; color: #333333; margin: 0 1px 0 0; padding: 8px 0px; width:148px; text-decoration: none; letter-spacing: 1px; background-color: #d9d9d9; border-bottom: 1px solid #f0f1f1;}
				#navigationMenuTools a:hover		{background-color: #c7d1db; /*Menu hover bgcolor*/}
				#navigationMenuTools #current a		{background-color: #637282; border-color: #637282; color:White;}		
				#navigationMenuTools .width a		{width:150px; margin:0px;}

DIV#headerContainer		{height:150px; border-bottom:solid 5px #637282; background: #014a96 url(../images/headerBg.jpg) no-repeat center;}	
	DIV#header				{height:150px; width:895px; margin-left:auto;margin-right:auto; background: url(../images/header.jpg) no-repeat;}
	
	DIV#contentMainMatrho			{margin-left:auto;margin-right:auto; width:895px; border:solid 1px #ebebeb; text-align:left; background: url(../images/contentMatrhoBg.gif) repeat-y;}
	DIV#contentMainTools			{margin-left:auto;margin-right:auto; width:895px; border:solid 1px #ebebeb; text-align:left; background: url(../images/contentToolsBg.gif) repeat-y;}
		DIV#contentLeftTools		{float:left; width:280px; background-color:#f2f2f2;}
			DIV#mainTitle			{background-color:#d9d9d9; padding:10px 15px 10px 15px; letter-spacing:1px; font-weight:bold; color:#333333; font-size:15px;}
			DIV.groupTitle			{padding:8px 8px 8px 30px; letter-spacing:1px; background: #637282 url(../images/bulletBlackArrow.gif) no-repeat center left; font-weight:bold; color:White;}
			DIV.archiveTitle		{padding:8px 8px 8px 15px; background-color: #f2f2f2; color:#004b95; border-top:solid 1px #d9d9d9;}

		DIV#contentRightTools		{float:left; width:580px; background-color:white; padding:15px;}
		.contentArchiveItem a		{border: 0px;}
		
		DIV#contentLeftMatrho		{float:left; width:580px; background-color:white; padding:15px;}
			DIV.contentArchiveItem	{border:solid 1px #d9d9d9; border-bottom:solid 2px #c7d1db; padding:10px; margin-bottom:5px; background: url(../images/contentArchiveItemBg.gif) no-repeat right bottom;}
			DIV.contentArchiveItem p	{color:#333333; margin:0px; padding:10px 0px 0px 0px; line-height:15px;}
			DIV.contentArchiveListItem	{border:solid 1px #d9d9d9; border-bottom:solid 2px #c7d1db; padding:5px 10px 5px 10px; margin-bottom:5px; background: url(../images/contentArchiveItemBg.gif) no-repeat right bottom;}
		DIV#contentRightMatrho		{float:left; width:280px; background-color:#f2f2f2;}
		
		DIV#contentRightMatrhoBox	{padding:15px 15px 0px 15px;}
			DIV.contentRightMatrhoBoxItem	{margin-bottom:15px; line-height:17px; border:solid 1px #637282; padding:10px;}
			DIV.contentRightMatrhoBoxItemLink	{margin-bottom:15px; line-height:17px; border:solid 1px #637282; padding:10px;}
		
		DIV#contentFooter		{clear:both; padding:8px; height:10px; background-color:#637282; text-align:center; letter-spacing:1px; font-size:11px; color:White; }

		DIV#contentBox		{background-color:white; padding:15px;}

		DIV#bannerRight		{float: right; width:300px; height:80px; padding-top:20px;}
			DIV#portalLink		{padding-left:30px; text-align:left; padding-bottom:8px;}
		DIV#bannerRight .textinput	{width: 160px;border: 1px solid #637282; color:#333333;}
		DIV#bannerRight .submit	{font: bold 11px tahoma; padding-left:19px; height: 20px; background: white url(../images/searchIcon.gif) no-repeat center left; border: 1px solid #637282; color:#333333;}
		
		.bullets			{margin:0px; padding:0px; list-style-type: none; font-size:10px;}
		.bullets li a		{display: block; background: url(../images/bulletIcon.gif) no-repeat center left; height:12px; padding:6px 0px 6px 36px; border-top:solid 1px #d9d9d9;}
		.bullets li a:hover	{background: #e0e1e0 url(../images/bulletIconHover.gif) no-repeat center left; height:12px; padding:6px 0px 6px 36px; border-top:solid 1px #d9d9d9;}
		
		.bulletsPDF			{margin:0px; padding:0px; list-style-type: none; font-size:10px;}
		.bulletsPDF li a		{display: block; background: url(../images/bulletIconPDF.gif) no-repeat center left; height:12px; padding:6px 0px 6px 36px; border-top:solid 1px #d9d9d9;}
		.bulletsPDF li a:hover	{background: #e0e1e0 url(../images/bulletIconHoverPDF.gif) no-repeat center left; height:12px; padding:6px 0px 6px 36px; border-top:solid 1px #d9d9d9;}
		
		.bulletsPortal			{margin:0px; padding:0px; list-style-type: none; font-size:11px; font-weight:bold;}
		.bulletsPortal li a		{display: block; background: url(../images/matrhoportalIcon.gif) no-repeat center left; height:12px; padding:6px 0px 6px 30px;}
		.bulletsPortal li a:hover{background: url(../images/matrhoportalIconHover.gif) no-repeat center left; height:12px; padding:6px 0px 6px 30px;}
		
		/* Navigation with submenu */	
		.navigationdiv ul				{margin: 0; padding: 0; font-size:11px; list-style-type: none; width: 280px; color:#333333;}
		.navigationdiv ul li			{position: relative; background: url(../images/bulletNavigationIcon.gif) repeat-y center left;}
		.navigationdiv ul li ul			{position: absolute;width: 190px; top: 0;visibility: hidden;}
		.navigationdiv ul li a			{display: block; overflow: auto; color: #333333; text-decoration: none; background: #f2f2f2; padding:8px 8px 8px 15px; border-bottom: 1px solid #ccc; background: url(../images/../images/bulletNavigationIcon.gif) repeat-y center left}
		.navigationdiv ul li a:visited	{color: #333333;}
		.navigationdiv ul li a:hover	{color:White; background: #637282 url(../images/arrow-listHover.gif) no-repeat center right;}
		.navigationdiv .subfolderstyle	{background: url(../images/arrow-list.gif) no-repeat center right;}
		.navigationdiv ul li ul 		{border-top:1px solid #ccc;}
		.navigationdiv ul li ul li a	{padding:6px 6px 6px 6px; background-image:none; background-color:#f2f2f2; border:1px solid #ccc; border-top:none; border-left:solid 5px #637282;}
		.navigationdiv ul li ul li a:hover	{background-image:none;}
		* html .navigationdiv ul li		{float: left; height: 1%;}
		* html .navigationdiv ul li a	{height: 1%;}