/**************************************************************** ELEMENTS ****************************************************************/ BODY { margin: 6px 0px 0px 5px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height : 16px; vertical-align: top; background-color: #FFFFFF; color : #4B5A67; } TD { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height : 16px; /*vertical-align: top;*/ } H1 { margin: 5px 5px 5px 5px ; background-color: #D5D9DF; padding-left: 5px; font-size: 11px; } H2 { font-size : 12px; color : #4B5A67; margin : 6px 0px 0px 0px; } A { color : #4B5A67; text-decoration: underline; } A:HOVER { color : #E90712; } A:VISITED { color: #9CA5AD; } SELECT { width : 165px; background-color : #FFFFFF; font-size: 11px; margin-top : 2px; margin-bottom : 4px; } SELECT.mastHead { width : 150px; background-color : #FFFFFF; font-size: 11px; margin-top : 2px; margin-bottom : 5px; margin-left : 0px; } SELECT.right { width : 150px; background-color : #FFFFFF; font-size: 11px; margin-top : 2px; margin-bottom : 4px; margin-left : 0px; } /**************************************************************** NEW HTML ELEMENTS AS OF 31.01.2002 ****************************************************************/ P { margin: 2px 0px 0px 0px ; } DIV { } TD .footerHeading { /* background-color: #4B5A67;*/ } TD .footertext { color: #ffffff; vertical-align: middle; margin-left: 5px; } A.toolBox { color : #4B5A67; } A.toolBox:HOVER { color : #4B5A67; } A.toolBox:VISITED { color : #4B5A67; } FORM.formMargins { margin-top : 2px; margin-bottom : 0px; } FORM.searchMargins { margin-top : 0px; margin-bottom : 0px; } /******************************************************************************************************************************** OLD CLASSES (not removed because of backward compatibility) ********************************************************************************************************************************/ /*Classes*/ /* burde endre navn */ .defaultgray { margin: 5px 5px 5px 5px ; background-color: #D5D9DF; padding-left: 5px; font-size: 11px; } .pageindexblue { background-color: #164781; color : #FFFFFF; padding-left: 5px; font-size: 11px; } /*burde endre navn til pageheader1*/ .mainpageheader1 { font-size : 22px; line-height : 24px; color : #4B5A67; margin : 5px 5px 0px 0px; } .mainpageheader2 { font-size : 18px; line-height : 20px; color : #4B5A67; } .subHeadline { font-size : 12px; color : #4B5A67; font-weight: bold; margin : 5px 5px 0px 0px; } .subHeadline A { color : #4B5A67; text-decoration : none; } .subHeadline A:HOVER { color : #426997; } .subHeadline A:VISITED { color : #4B5A67; } .news UL { margin: 0px 0px 5px 18px; font-size: 11px; vertical-align:middle; /* ********!!!!!!!!!!!!!!!!!*/ } .news LI { /* list-style-image : url(/jotun/corp/20020022.nsf/viewname/arrow_right_blue_2/$file/arrow_right_blue_2.gif); */ list-style-type : none; font-size: 11px; margin: 0px 0px 0px -53px; } .news A { text-decoration : none; } .news A:HOVER { color : #E90712; text-decoration : none; } .news A:VISITED { text-decoration : none; } .archive UL { margin : -5px 5px 5px 5px; text-align : right; } .archive LI { /* list-style-image : url(/jotun/corp/20020022.nsf/viewname/arrow_right_blue_2/$file/arrow_right_blue_2.gif);*/ text-align : right; list-style-type : none; font-size: 11px; margin: 0px 0px 0px -53px; font-weight: bold; } .archive A { text-decoration : none; } .introtext { font-size: 11px; } .frontpageHeading { margin : 0px 0px 5px 0px; } .frontpageSubHeadline { font-size : 12px; color : #4B5A67; font-weight: bold; margin : 0px 5px 0px 0px; } .frontpageSubHeadline A { color : #4B5A67; text-decoration : none; } .frontpageSubHeadline A:HOVER { color : #426997; } .frontpageSubHeadline A:VISITED { color : #4B5A67; } .rightBorderTable TD{ font-size: 11px; line-height : 16px; margin-left: 5px; } .rightBorderTable { padding-left: 5px; } .docHistory { font-size: 11px; color : #4A94D5; } .searchField { margin: 0px 0px 0px 0px ; width: 140px; font-size: 11px; font-family : Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; } .frontpage2Leadtext { color: #FFFFFF; font-weight: bold; line-height : 12px; } .frontpage2Dropdown { font-size: 11 px; width: 160px; margin: 10px 0px 0px 0px; } /**************************************************************** NEW CLASSES AS OF (31.01.2002) ****************************************************************/ /**************************************************************** General classes ****************************************************************/ .bgcolor { background-color: #ffffff; } .bgcolor2 { background-color: #ffffff; } .bgcolor3 { background-color: #dddee3; } .searchButton { margin: 0px 0px -1px 4px ; font-size: 11px; font-family : Verdana, Arial, Helvetica, sans-serif; } .archiveSearchButton { margin-left: 100px; width:40px; height:18px; font-size: 11px; font-family : Verdana, Arial, Helvetica, sans-serif; } .searchButtonFooterWide { margin: -18px 0px 0px 0px ; width:40px; height:18px; font-size: 11px; font-family : Verdana, Arial, Helvetica, sans-serif; } /**************************************************************** Masthead position classes ****************************************************************/ .searchFieldMasthead { margin: 5px 0px 5px 0px ; width:100px; height:18px; font-size: 11px; font-family : Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; } .mastheadRightPos { padding-left: 15px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .masthead1Text { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .masthead1Headline { padding-left: 10px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; font-size: 18px; color : white; background-color: #7C7E7D; } .masthead1HeadlineImage { padding-left: 8px; padding-right: 0px; padding-top: 8px; padding-bottom: 4px; font-size: 18px; color : white; background-color: #7C7E7D; } .masthead2Text1 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .masthead2Text2 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .masthead2Headline { padding-left: 10px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; font-size: 18px; } .masthead3Text1 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .masthead3Text2 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .masthead3Headline { padding-left: 10px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; font-size: 18px; } /**************************************************************** Top story classes (intropage) ****************************************************************/ /* Top story title */ .introTopStoryTitle { background-color: #dddee3; font-size: 11px; } /* Top story title position */ .introTopStoryTitlePos { padding-left: 5px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /* Top story headline */ .introTopStoryHeadline { font-size : 18px; /*line-height : 24px;*/ color : #4B5A67; } /* Top story headline position */ .introTopStoryHeadlinePos { padding-left: 5px; padding-right: 0px; padding-top: 10px; padding-bottom: 0px; } /* Top story lead text */ .introTopStoryLead { font-size: 11px; color : #4B5A67; } /* Top story lead text position */ .introTopStoryLeadPos { padding-left: 5px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } /* Top story body postion. The field is rich text, so no formatting should be done. */ .introTopStoryBodyPos { padding-left: 5px; padding-right: 10px; padding-top: 0px; padding-bottom: 10px; } /************************************************************************************************************************************************************************************************ Section classes (both global and intropage). If you need more classes, just copy the relevant class name and change the name. Example: introSectionLead becomes introSectionRightLead which means that the new class should be used on the right hand side of an intro page, at the lead text of a section element (placeholder). ************************************************************************************************************************************************************************************************/ /* Placeholder Title heading */ .sectionTitle { /* background-color: #dddee3;*/ font-size : 16px; font-weight: bold; color : #4B5A67; } /* Placeholder Title position */ .sectionTitlePos { padding-left: 5px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /* Placeholder Title heading right */ .sectionTitleRight { background-color: #dddee3; font-size: 11px; font-weight: bold; color : #4B5A67; } /* Placeholder Title position right */ .sectionTitleRightPos { padding-left: 5px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /* Placeholder headline */ .introSectionHeadline { font-size : 12px; color : #4B5A67; font-weight: bold; } /* Placeholder headline link*/ .introSectionHeadline A { font-size : 12px; color : #4B5A67; font-weight: bold; text-decoration : none; } /* Placeholder headline hoover */ .introSectionHeadline A:HOVER { color : #4B5A67; text-decoration : none; } /* Placeholder headline visited */ .introSectionHeadline A:VISITED { color : #4B5A67; text-decoration : none; } /* Placeholder headline position */ .introSectionHeadlinePos { padding-left: 5px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /* Placeholder headline right position */ .introSectionRightHeadlinePos { padding-left: 5px; padding-right: 0px; padding-top: 5px; padding-bottom: 0px; } /* Placeholder headline position when links */ .linksBottom UL { padding-left: 25px; padding-right: 25px; padding-top: 30px; padding-bottom: 20px; } .linksBottom LI { list-style-type : none; font-size: 11px; } .linksRight UL { margin: 0px 0px 0px 20px; font-size: 11px; } .linksRight LI { list-style-type : none; font-size: 11px; margin: 0px 0px 0px -15px; } /* Placeholder headline lead text */ .introSectionLead { font-size: 11px; line-height: 12px; color : #4B5A67; } /* Placeholder headline lead text position */ .introSectionLeadPos { padding-left: 5px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } /* Placeholder right headline lead text position */ .introSectionRightLeadPos { padding-left: 5px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } /******************************************************************************************************************************** Contact us-classes ********************************************************************************************************************************/ /* Placeholder headline lead text */ .contactusSectionLead { font-size: 11px; color : #4B5A67; } /* Placeholder headline lead text position */ .contactusSectionLeadPos { padding-left: 5px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } /* Placeholder headline lead text */ .contactusSectionDetails { font-size: 11px; font-style: italic; color : #4B5A67; } /* Placeholder headline lead text position */ .contactusSectionDetailsPos { padding-left: 5px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } /******************************************************************************************************************************** Shortcut-classes ********************************************************************************************************************************/ /* Placeholder headline lead text */ .shortcutSectionLead { font-size: 11px; color : #4B5A67; } /* Placeholder headline lead text position */ .shortcutSectionLeadPos { padding-left: 5px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } /******************************************************************************************************************************** Content classes. If you need more classes, just copy the relevant class name and change the name. ********************************************************************************************************************************/ .contentHeadline { font-size : 18px; color : #4B5A67; font-weight: bold; /*border: black solid;*/ } .contentHeadlinePos { padding-left: 15px; padding-right: 0px; padding-top: 10px; padding-bottom: 0px; } .contentHeadlinePos2 { padding-left: 15px; padding-right: 0px; padding-top: 100px; padding-bottom: 5px; } .contentLead { font-size: 11px; font-weight: bold; color : #4B5A67; } .contentLeadPos { padding-left: 15px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } .contentBodyPos { padding-left: 15px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .esToggle1 { background-color: #dddee3; } .msHead { padding-left: 10px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; font-size: 18px; color:white; /* atle */ }