/*BODY*/
body { background: url(/custom/public/images/bg-Nugo.gif) repeat-y #f0f0f0; margin: 0px; overflow-x:hidden; }
.Page { position: absolute; width: 100%; max-width: 1024px; left: 0px ; top: 0; bottom: 0; font-family: Arial, sans_serif, Verdana; background-color: #ffffff; /*border-right: solid 1px #aaafd5;*/}

/*GENERAL tags */
p { margin-top: 0px; font-size: 12px;} 

ul{	margin:0px 0px 0px 20px;	padding:0px 0px 0px 20px; padding-left:0px;	}
ul li{	list-style:disc outside;	}
ol {	margin:0px 0px 0px 3px;	padding:0px 0px 0px 20px; }
ol li{ list-style:decimal outside;}

a { font-size: 12px; text-decoration: none; line-height: normal; color: #272e96; }
a:hover { text-decoration: underline;	line-height: normal; }
img { border: 0; }

/*TOPBAR*/
.TitleBar{ background: url(/custom/public/images/TopBarNugo.jpg) no-repeat top left #B6D7FE; width: 100%; height: 84px; vertical-align: middle; text-align: right;}
.TitleBar .Logo  { float: left;}
.TitleBar .Login { display: block;  padding-top: 32px; z-index:2; }
.TitleBar A {	color: #101187;	font-size: 13px;	text-decoration: none; }
.TitleBar A:hover { color: #fff; text-decoration: underline; }
.Space {  color: #F0F0F0; }
.Secure{ z-index: 3;position: relative; left: 0px; height: 20px; text-align: right; border-bottom: solid 1px #c1024f; background-color: #ffffff; }
.Secure A {font-size: 13px; color: #444444; text-decoration: none; line-height: normal;	}
.Secure A:hover { color: #101187; text-decoration: underline; }

/*NAVIGATIE tagMonthController .NavigatieLeft waarschijnlijk niet meer nodig*/
.NavigatieLeft{ width: 215px; top: 0px; height: auto; list-style: none; }
.NavigatieBlok { background-color: #FFFFFF; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; width: 217px; border: 1px solid #D7D7D7;}
.NavigatieBlokTitle { background: #F0F0F0; padding: 7px; font-family:Arial, sans_serif; font-size: 18px; line-height: normal; color: #C2024F; }

.Navigatie { width: 195px; *width: 215px; overflow-x: hidden; list-style: none; font-size: 10px; padding: 10px; line-height: 20px;}
.Navigatie a {white-space: normal;}


/*NAVIGATIE PortalSites deze is statisch*/
.NavigatiePortalSites { list-style: none; line-height: 20px;}
.NavigatiePortalSites ul { margin-left: 3px; margin-top: 3px; padding-top: 0px; padding-left: 0px; list-style: none;}
.NavigatiePortalSites li {list-style:none outside; margin-left: 0px;}
.NavigatiePortalSites li a { color: #68696C; text-decoration: none;}
.NavigatiePortalSites li a:hover { color: #68696C; text-decoration: underline;}
.NavLeft{ } 

/*OPMAAK CONTENT BLOG tagWebloglisting*/
.Content {position: absolute; left: 240px; right:20px;top: 120px; width: auto;font-size:0.8em; }
.ContentWebloglisting { margin-top: 0px; width: auto; max-width: 750px; font-family: Arial; font-size: 12px; color: #424242; line-height: 1.5em; padding-left: 22px; }
.ContentWebloglisting A { color: #262C98; text-decoration: none; }
.ContentWebloglisting A:hover {color: #C2024F; text-decoration: underline; }
.ContentWebloglisting H1 { font-size: 12px;  color: #424242; }
.ItemWebloglisting {padding-bottom: 15px; border-bottom: dashed 1px #6E6D6D; }
.TitleWebloglisting {padding: 6px 0px 6px 0px; width: 100%; text-align: right; }
.TitleWebloglisting .Header { float: left; font-size: 13px; font-weight: bold; color: #C2024F;}
.TitleWebloglisting .DateWebloglisting {align: right;}
.TitleWebloglisting .OwnerWebloglisting {font-size: 11px;}
.ReadMore { padding: 6px 0px 0px 0px; }


/*OPMAAK PAGE READMORE ITEM News.xsl*/
.ContentReadMore { margin-top: 0px; width: auto; max-width: 700px; font-family: Arial; font-size: 12px; color: #424242; line-height: 1.5em; padding-left: 22px; }
.ContentReadMore .Title { font-size: 13px; font-weight: bold; color: #C2024F; }
.ContentReadMore .Item { font-size: 12px; font-weight: bold; color: #C2024F; }

/*OVERRULE Excisting Styletypes -  Indien niet meer nodig : Delete!*/
/*.publicpage{width: 100%; margin: 0px; padding: 0px; border: 22px #000 solid; }*/
.publicpage #leaf{margin-top: 0px;}
.publicpage P {display: none;}
.Content table tr td {font-size:12px;}

hr {border-top: 0px none; border-bottom: 1px dashed #8880bb; height: 1px;}

td.TreeParent{height:23px;margin-top:4px;}
td.TreeChild{background:#f0f0f0; padding-left:2px;}
.TreeChild a{color:#242440;font-size:12px;}
.TreeChild a:hover{font-size:12px;}
td.TreeGrandChild{background:#e1e1e1;padding-left:12px;}
.TreeGrandChild a{color:#242440;font-size:12px;}
.TreeGrandChild a:hover{font-size:12px;}

/*HOME */
.noteHome{display: block; font-size: 10px; width: 100%; background-color: #f0f0f0; text-align: center;padding:3px;}
.noteHome a{color:#000;font-size:11px;}

/*METABOLOMICS */
.ChooseBackground{display: block; text-align:left;font-size: 12px; width: 100%; background-color: #f0f0f0; padding:12px;}
.ChooseBackground a{color:#1e2290;font-size:14px;font-weight:600;margin-right:24px; }

/* TRAIL */
#trail{padding-bottom:18px; font-size:11px; color:#374499;}
#trail a{font-size:11px; color:#374499;letter-spacing:1px;}
#trail a:hover {color:#C2024F;letter-spacing:1px;}

/* ATTACHMENTS */
.attachments{}
.attachmentsHeader {background-color:#D2DDDF; padding:2px;font-weight:bold;}
.attachments td {border-bottom:solid 1px #D2DDDF;}