@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { font-family: Verdana, Georgia, Arial, Sans-serif; font-size: 11px; margin: 0; padding: 0; color: #676767; } a:visited, a:link, a:hover { text-decoration: underline; color: #767676; } h1, .full-searchinput h2 { font-size: 20px; margin-top: 0px; margin-bottom: 10px;} h3, .subcategorylist h2, .productlist-rawMaterialBook h2, .searchresult b { margin: 0px; font-size: 15px;} img { border: none; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { width: 970px; overflow: hidden; margin: 0px 0px 0px 30px; padding-right: 0px;} #container.no-left-placeholder { width: 986px; overflow: hidden; margin: 0px 0px 0px 14px; padding-right: 0px;} /* make use of inner-container for background-image to prevent a IE multiclass bug */ #inner-container, #container #inner-container2 { background-repeat: no-repeat; background-position: top right; } #container #inner-container2, #container.theme-pig #inner-container2 { background-image: url(images/bg-pig-content-small-shadow.png);} #container.theme-sheep #inner-container2 { background-image: url(images/bg-sheep-content-small-shadow.png);} #container.theme-hen #inner-container2 { background-image: url(images/bg-hen-content-small-shadow.png);} #container.theme-cow #inner-container2 { background-image: url(images/bg-cow-content-small-shadow.png);} #container #inner-container2, #container.theme-pig #inner-container2.no-right { background-image: url(images/bg-pig-content-wide-shadow.png);} #container.theme-sheep #inner-container2.no-right { background-image: url(images/bg-sheep-content-wide-shadow.png);} #container.theme-hen #inner-container2.no-right { background-image: url(images/bg-hen-content-wide-shadow.png);} #container.theme-cow #inner-container2.no-right { background-image: url(images/bg-cow-content-wide-shadow.png);} #container.theme-pig #inner-container.no-left-placeholder { background-image: url(images/bg-pig-content-no-left-shadow.png);} #container.theme-sheep #inner-container.no-left-placeholder { background-image: url(images/bg-sheep-content-no-left-shadow.png);} #container.theme-hen #inner-container.no-left-placeholder { background-image: url(images/bg-hen-content-no-left-shadow.png);} #container.theme-cow #inner-container.no-left-placeholder { background-image: url(images/bg-cow-content-no-left-shadow.png);} #inner-container.no-left-placeholder { padding-left: 16px;} #placeholder-header { overflow: hidden; padding: 10px 30px 0px 0px; height: 112px; } #placeholder-column { clear: both; float: left; margin-right: 2px; width: 180px; overflow: hidden;} #placeholder-right { float: right; width: 180px; overflow: hidden; } #placeholder-content { float: left; width: 758px; overflow: hidden; } #placeholder-content.no-right { margin: 0px 2px 0px 0px; padding: 30px 13px 20px 13px; width: 732px; } /*this is dublicated to style-ie6.css because of IE multiclass bug */ #placeholder-content.no-left { margin: 0px 2px 0px 0px; padding: 30px 13px 20px 0px; width: 927px; } #placeholder-right-content { float: left; width: 540px; width: 550px; overflow: hidden; margin: 0px 2px 0px 0px; padding: 30px 13px 20px 13px; } #placeholder-footer { clear: both; float: left; width: 958px; height: 97px; margin-top: 30px; padding: 0px 0px 0px 12px; background: url(images/footer-bg.png) repeat-x; } /* -------------------------------------------------------------------------- */ /* General tile */ /* -------------------------------------------------------------------------- */ /* Tiles in top, bottom and content placeholders should not be styled using the general styles, so we reset these styles here. HTML element ID spesific styling, using the #html-element-id notion has precendence over styles set generally using only the css-class. If we want to override these styles later in the stylesheet, we must remember to use the full element path. */ #placeholder-header .tile-content, #placeholder-header .tile-common, #placeholder-header .tile-common h3, #placeholder-footer .tile-content, #placeholder-footer .tile-common, #placeholder-footer .tile-common h3, #placeholder-content .tile-content, #placeholder-content .tile-common, #placeholder-content .tile-common h3 { } /*margin to small-articledisplay-nolayout in #placeholder-right-content is overrided below */ #goog-fixurl, .newsletter form, #placeholder-content.no-right .tile-common, #placeholder-right-content .tile-common { margin: 0px 10px 15px 10px; } /* some style is removed below in some tiles */ #placeholder-column .tile-common, #placeholder-right .tile-common { margin-bottom: 10px; padding-bottom: 10px; } #placeholder-column .tile-content, #placeholder-right .tile-content { padding: 11px 12px 0px 12px; background: url(images/bg-fade-border.png) no-repeat top; } #placeholder-right .small-articlelist h1, #placeholder-right .tile-common h3, #placeholder-column .tile-common h3, #placeholder-content .login-form h3 { color: #fff; font-size: 12px; font-weight: bold; font-family: Arial, Sans-serif; height: 21px; margin: 0px; padding: 5px 0px 0px 20px;} #placeholder-content input, #placeholder-column input, #placeholder-right input, #placeholder-column textarea, #placeholder-right textarea { margin-bottom: 5px; } /* -------------------------------------------------------------------------- */ /* General inline listing (eg. horizontal menu, linktoolbar, sitelocator) */ /* -------------------------------------------------------------------------- */ .horizontal-menu h3, .linktoolbar h3, .sitelocator h3 { display: inline; float: left; margin: 0; padding: 0; } #placeholder-header .simpleCategorylist ul, .horizontal-menu ul, .linktoolbar ul, .sitelocator ul { display: inline; margin: 0; list-style-type: none; padding: 0; } #placeholder-header .simpleCategorylist li, .horizontal-menu li, .linktoolbar li, .sitelocator li { display: inline; } /* -------------------------------------------------------------------------- */ /* General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ #placeholder-right .simpleCategorylist ul, .metadatarelationlist ul, .links-tile ul, .full-articlelist ul, .searchresult ul, .extended-searchresult ul, .small-articlelist ul, .vertical-menu ul { list-style-type: none; margin: 0; padding: 0;} /* -------------------------------------------------------------------------- */ /* General form elements */ /* -------------------------------------------------------------------------- */ form { margin: 0px;} input { border: 1px solid #b0b0b0; background: url(images/bg-textinput.png) repeat-x top; height: 18px;} #goog-wm-sb, .cpform-button, input.submit, input.SUBMIT { border: 1px solid #999999; color: #fff; background: #9b9b9b url(images/bg-input-submit.png) repeat-x top; height: 18px; font-weight: bold; font-size: 11px; padding-bottom: 10px; } #goog-wm-sb { height: 21px; padding-top: 0px; padding-bottom: 3px; width: 100px;} .cpform-button { margin-right: 5px;} /* -------------------------------------------------------------------------- */ /* Styling for spesific elements */ /* -------------------------------------------------------------------------- */ /* Some of these elements have been styled using id-context above. We therefore need to use the full id-element path to override these styles. */ /* -- Common for tiles in placeholder-header --------------------------------- */ #placeholder-header .simpleCategorylist, #placeholder-header .linktoolbar, .small-searchinput { margin-top: 15px;} /* -- Page header ----------------------------------------------------------- */ .page-header { float: left;} .page-header .logo { font-size: 1.85em; font-weight: bold;} /* -- Simple category list -------------------- */ #placeholder-header .simpleCategorylist { float: left; margin-left: 60px; } #placeholder-header .simpleCategorylist ul { float: left; width: 191px; overflow: hidden; } #placeholder-header .simpleCategorylist li { margin-right: 20px; float: left; } #placeholder-right .simpleCategorylist h3 { background: url(images/header-yellow.png) no-repeat;} /* -- Search input -------------------- */ #placeholder-header .small-searchinput { float: right; clear: right; } .small-searchinput h1 { display: none;} .small-searchinput input { background: url(images/inputsearch.gif) no-repeat; background-position: top right; height: 19px; width: 140px; /*160*/ overflow: hidden; padding: 5px 10px 0px 10px; border: none; } .small-searchinput input.submit { background: url(images/searchinput-submit.gif) no-repeat; height: 22px; width: 36px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 0px; } .full-searchinput-advanced { padding: 10px; border: 1px solid #e5e5e5; margin-top: 40px;} .full-searchinput-advanced .sortmethod { margin-top: 5px;} .full-searchinput-advanced table input, .full-searchinput-advanced input.sort-radio { margin-top: 2px; margin-bottom: 0px; height: auto;} .full-searchinput-advanced .sort-radio, .full-searchinput-advanced .sort-checkbox { border: none; background: none;} .full-searchinput-advanced .info { font-weight: bold;} .full-searchinput-advanced table { margin-top: 10px;} .full-searchinput-advanced .nochoosen { font-style: italic; margin-top: 10px; display: block;} .full-searchinput-advanced .searchcategories { margin-top: 10px;} .full-searchinput-advanced input.inputfield { width: 250px;} .full-searchinput-advanced .error { margin-top: 10px;} /* -- Linktoolbar ----------------------------------------------------------- */ #placeholder-header .linktoolbar { float: left; clear: none; width: auto;} #placeholder-content .linktoolbar { float: right; margin: 0px 0px 0px 0px; padding-right: 10px;} #placeholder-content .linktoolbar .sharing-container { background: #E0DFDE; } .linktoolbar h3 { display: none; } #placeholder-header .linktoolbar li.print a:link, #placeholder-header .linktoolbar li.print a:visited, #placeholder-header .linktoolbar li.print a:hover { background: url(images/print.gif) no-repeat left; padding-left: 15px; } /* -- Sitelocator ----------------------------------------------------------- */ .sitelocator { float: left; clear: left; margin: 0px 0px 0px 196px; } .sitelocator h3 { font-weight: normal;} /* -- Small articledisplay in placeholder-header and placeholder-footer ----- */ /* this has minus margin to make shadows fit perfect */ #placeholder-header .small-articledisplay-nolayout { float: right; margin-top: -13px; } #placeholder-header .small-articledisplay-nolayout p, #placeholder-footer .small-articledisplay p, #placeholder-footer .small-articledisplay-nolayout p { margin: 0px;} #placeholder-footer .small-articledisplay, #placeholder-footer .small-articledisplay-nolayout { float: left;} #placeholder-footer .small-articledisplay-nolayout { margin-top: 12px; margin-right: 62px; } #placeholder-footer .small-articledisplay { border-left: 1px solid #cbcccd; height: 41px; margin-top: 10px; padding: 6px 0px 0px 12px;} /* -- Small articledisplay in placeholder-content --------------------------------------------- */ /* Minus margin top is a hack to get correct "air" above banners in content. Can't use padding-top on #placeholder-content becuse not all of them have banner as first tile */ #placeholder-content .small-articledisplay-nolayout, #placeholder-content.no-right .small-articledisplay-nolayout { margin-top: -25px; margin-left: 5px; margin-right: 5px;} #placeholder-content .small-articledisplay-nolayout p, #placeholder-content.no-right .small-articledisplay-nolayout p { margin: 0px;} /* -- Small articledisplay in placeholder-right and placeholder-column ----------------------- */ #placeholder-right .small-articledisplay-nolayout { margin-top: 0px; margin-left: 0px; margin-right: 0px; padding: 0px;} #container .small-articledisplay-nolayout .tile-content { padding: 0px;} /* -- Vertical menu in left placeholder ------------------------------------------------------- */ /* vertical-menu is styled different for #container.ravareboka */ #placeholder-column .vertical-menu { } #placeholder-column .vertical-menu .tile-content { padding: 0px; background: none; } #placeholder-column .vertical-menu h3 { display: none; } #placeholder-column .vertical-menu li { border-bottom: 1px solid #e0dfde; background: url(images/bg-verticalmenu-li.png) no-repeat; background-position: 6px center; padding: 5px 0px 5px 18px; } #placeholder-column .vertical-menu li.first { border-top: 1px solid #e0dfde; } #placeholder-column .vertical-menu li li, #placeholder-column .vertical-menu li li.first { border: 0px; background: none; } #placeholder-column .vertical-menu li li { padding: 0px; margin-top: 3px; } #placeholder-column .vertical-menu li li.active { background: url(images/bg-verticalmenu-li-sub-active.png) no-repeat; background-position: 0px center; padding-left: 9px; } #placeholder-column .vertical-menu li.main-active, #placeholder-column .vertical-menu li.active { background-color: #767676; background-image: url(images/bg-verticalmenu-li-sub-active.png); background-position: no-repeat; background-position: 6px 10px; } #placeholder-column .vertical-menu li.main-active { background-image: url(images/bg-verticalmenu-li-main-active.png); background-repeat: no-repeat; background-position: 6px 11px; } #placeholder-column .vertical-menu ul ul ul { margin-left: 0px; } #placeholder-column .vertical-menu a:link, #placeholder-column .vertical-menu a:visited, #placeholder-column .vertical-menu a:hover { font-weight: bold; text-decoration: none; font-size: 12px; color: #767676; } #placeholder-column .vertical-menu li.main-active li a:link, #placeholder-column .vertical-menu li.main-active li a:visited, #placeholder-column .vertical-menu li.main-active li a:hover, #placeholder-column .vertical-menu li.active li a:link, #placeholder-column .vertical-menu li.active li a:visited, #placeholder-column .vertical-menu li.active li a:hover { font-weight: normal; font-size: 11px; } #placeholder-column .vertical-menu li.main-active a:link, #placeholder-column .vertical-menu li.main-active a:visited, #placeholder-column .vertical-menu li.main-active a:hover, #placeholder-column .vertical-menu li.main-active li.active a:link, #placeholder-column .vertical-menu li.main-active li.active a:visited, #placeholder-column .vertical-menu li.main-active li.active a:hover, #placeholder-column .vertical-menu li.active a:link, #placeholder-column .vertical-menu li.active a:visited, #placeholder-column .vertical-menu li.active a:hover { color: #fff; font-weight: bold; text-decoration: none; } /* -- Ravareboka: Vertical menu in left placeholder ------------------------------------------------------- */ #container.ravareboka #placeholder-column .vertical-menu li { background: #2B97CF; border-color: #fff; padding-left: 0px;} #container.ravareboka #placeholder-column .vertical-menu li.active, #container.ravareboka #placeholder-column .vertical-menu li.main-active { background: #6BB6DD; } #container.ravareboka #placeholder-column .vertical-menu ul ul, #container.ravareboka #placeholder-column .vertical-menu li.main-active li, #container.ravareboka #placeholder-column .vertical-menu li li { background: #fff; } #container.ravareboka #placeholder-column .vertical-menu li.main-active li.first, #container.ravareboka #placeholder-column .vertical-menu li li.first { padding-top: 5px; } #container.ravareboka #placeholder-column .vertical-menu a:link, #container.ravareboka #placeholder-column .vertical-menu a:visited, #container.ravareboka #placeholder-column .vertical-menu a:hover { color: #fff; padding-left: 10px; display: block; width: 100%;} #container.ravareboka #placeholder-column .vertical-menu li.protected a:link, #container.ravareboka #placeholder-column .vertical-menu li.protected a:visited, #container.ravareboka #placeholder-column .vertical-menu li.protected a:hover, #container.ravareboka #placeholder-column .vertical-menu li li a:link, #container.ravareboka #placeholder-column .vertical-menu li li a:visited, #container.ravareboka #placeholder-column .vertical-menu li li a:hover { color: #767676; } /* -- Login form ------------------------------------------------------- */ #placeholder-content.no-right .login-form { width: 180px; clear: both;} .login-form h3 { background: url(images/header-silver.png) no-repeat; } #placeholder-content.no-right .login-form h3 { display: none; } #placeholder-content.no-right .login-form .tile-content {} .login-form span.labelcell { font-weight: bold; margin-bottom: 3px; display: block; } #login-form-changepassword, #login-form-lostpassword-container { display: none; } /* -- Suggestion form ------------------------------------------------------- */ .suggestionform h3 { background: url(images/header-green.png) no-repeat; } .suggestionform textarea { width: 142px;} /* -- Newsletter ------------------------------------------------------- */ .newsletter form { margin-top: 30px; } .newsletter span { margin-left: 10px; } .newsletter .infotext { font-style: italic; margin: 10px 0px 10px 0px; } /* -- Article display ------------------------------------------------------- */ .full-articledisplay { clear: both; } .full-articledisplay h3.header2 { margin: 0px; font-size: 12px; color: #000; } .full-articledisplay h1 { clear: both; font-weight: normal; } .full-articledisplay .full-articledisplay-ingress { font-weight: bold; margin-top: 0px; } .full-articledisplay table td p { margin: 0px; } /* -- Article display Raw material book -------------------------------------------------- */ #container .full-articledisplay.rawmaterialproduct { } #container .full-articledisplay.rawmaterialproduct h1 { } #container .full-articledisplay.rawmaterialproduct h3 { margin: 0px; font-size: 12px; } #container .full-articledisplay.rawmaterialproduct p { margin-top: 0px; } #container .full-articledisplay.rawmaterialproduct .left-content { float: left; width: 430px; } #container .full-articledisplay.rawmaterialproduct .right-content { float: right; width: 250px; } #container .full-articledisplay.rawmaterialproduct .image-content { text-align: center; margin-bottom: 15px; } /* -- Article list and searchresult ---------------------------------------------------------- */ .full-articlelist h3, .extended-searchresult h3, .searchresult h3 { margin: 0px;} .full-articlelist p, .searchresult p, .extended-searchresult p { margin-top: 0px; } .full-articlelist ul li, .searchresult ul li, .extended-searchresult ul li { clear: both; float: left; width: 100%; margin-bottom: 30px; } .full-articlelist p, .searchresult p, .extended-searchresult p { margin: 0px 0px 0px 0px; } .full-articlelist .articlelist-link-internal, .searchresult .articlelist-link-internal, .extended-searchresult .articlelist-link-internal { float: left; margin-top: 8px;} .full-articlelist .articlelist-link-internal ul li, .searchresult .articlelist-link-internal ul li, .extended-searchresult .articlelist-link-internal ul li { padding: 0; margin-bottom: 0px;} .list-thumbnail-left, .list-thumbnail-right { padding: 2px; border: 1px solid #e0dfde} .list-thumbnail-left img, .list-thumbnail-right img { border: 1px solid #e2e1e0;} .list-thumbnail-left { float: left; margin-bottom: 0px; margin-right: 8px;} .list-thumbnail-right { float: right; margin-bottom: 0px; margin-left: 8px;} .searchresult ul, .extended-searchresult ul { margin-top: 10px;} .searchresult .resultstring, .extended-searchresult .resultstring { font-weight: bold;} /* -- Metadata Relation List, Links tile and Simple category list (in right) -------------------------- */ #placeholder-right .simpleCategorylist li, .links-tile li, .metadatarelationlist li { margin-bottom: 5px;} /* -- Metadata Relation List ------------------------------------------------------- */ .metadatarelationlist { } .links-tile h3, .metadatarelationlist h3 { background: url(images/header-blue.png) no-repeat; } /* -- Links tile ------------------------------------------------------- */ .links-tile { } #container .links-tile .link-collection { background: #fff; } /* set to white to prevent IE peek-a-boo bug */ #container .links-tile .link-collection h3 { color: #000; padding: 0px; background: none; font-size: 11px; font-family: Verdana, Georgia, Sans-serif; height: auto; color: #676767; margin-bottom: 5px;} .links-tile ul { margin-bottom: 15px;} /* -- Small article List ------------------------------------------------------- */ .small-articlelist { } .small-articlelist h1 { background: url(images/header-green.png) no-repeat; } .small-articlelist li { margin-bottom: 15px; } /* -- Sub Category List / Productlist Raw Material Book------------------------------------------------------- */ .subcategorylist h2, .productlist-rawMaterialBook h2 { margin: 0px 0px 15px 12px;} /* -- Sub Category List ------------------------------------------------------- */ .subcategorylist table { width: 360px; } .subcategorylist td { background: #999 url(images/subcategorylist-bg.gif) no-repeat 12px 9px; border-bottom: 1px solid #fff; padding: 5px 0px 5px 20px;} .subcategorylist td.emtpy-td, #container .subcategorylist tr.space-tr { display: none;} .subcategorylist a:link, .subcategorylist a:visited, .subcategorylist a:hover { color: #fff; text-decoration: none; font-size: 12px;} /* -- Productlist Raw Material Book ------------------------------------------------------- */ #placeholder-content .productlist-rawMaterialBook { } #placeholder-content .productlist-rawMaterialBook table { width: 725px;} #placeholder-content .productlist-rawMaterialBook table th { background-color: #999; text-align: left; } #placeholder-content .productlist-rawMaterialBook table th.productnumber { width: 120px; } #placeholder-content .productlist-rawMaterialBook table th, #placeholder-content .productlist-rawMaterialBook table td { padding: 5px 0px 5px 12px; } #placeholder-content .productlist-rawMaterialBook table th a:link, #placeholder-content .productlist-rawMaterialBook table th a:visited, #placeholder-content .productlist-rawMaterialBook table th a:hover { width: auto; float: left; display: block; padding-right: 11px; text-decoration: none; color: #fff; background: url(images/productlist-sort.gif) no-repeat right 2px; } #placeholder-content .productlist-rawMaterialBook table td { border-bottom: 1px solid #e5e5e5; } /* -- Error messages ------------------------------------------------------- */ #login-form-error, .error, .suggestionform-error, .full-articlelist-message { font-weight: bold; color: #f00; margin-bottom: 5px; } .full-articlelist-message { margin-left: 10px; } .suggestionform-message { font-weight: bold; margin-bottom: 5px; } /* -- Tooltip ------------------------------------------------------------ */ /* Se additional styling in common stylesheet */ #tooltip-content { background: #E0DFDE; }