@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { font-family: Verdana, Georgia, Arial, Sans-serif; font-size: 11px; margin: 0; padding: 0; height: 100%; } body { background: #dbe6ec url(images/background-body.jpg) no-repeat top center;} a:visited, a:link, a:hover { text-decoration: none; color: #336da6; } a:hover { text-decoration: underline; } h1, h2, .full-searchinput h2 { margin: 0px 0px 20px 0px; font-size: 14px;} h3 { margin: 0px 0px 0px 0px;} img { border: none; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { overflow: hidden; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 997px; } #placeholder-header { padding: 0px 0px 0px 8px; overflow: hidden; height: 130px; float: right; width: 775px; margin-right: 12px; } #placeholder-column { float: left; width: 190px; overflow: hidden; margin: 0px 10px 0px 0px; } #placeholder-right { float: right; width: 166px; overflow: hidden; } #placeholder-content { float: left; margin: 0px 0px 0px 0px; width: 786px; } #placeholder-right-content { float: left; margin: 0px 10px 0px 0px; width: 610px; } #placeholder-content .placeholder-content-wrapper { background: #fff url(images/content-gradient-bg.png) repeat-x bottom left; padding: 8px 20px 20px 20px; clear: both; float: left; min-height: 302px; height: auto !important; height: 302px; } #placeholder-content .placeholder-content-wrapper { width: 746px; } #placeholder-right-content .placeholder-content-wrapper { width: 570px; } #placeholder-footer { clear: both; float: left; width: 1010px; padding: 5px 0px 5px 0px; background: #fff; text-align: center; margin-left: -10px; margin-top: 10px; } /* -------------------------------------------------------------------------- */ /* FRONTPAGE: Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container.frontpage, #container.frontpage #placeholder-content, #container.frontpage .placeholder-content-wrapper { width: 100%; height: 100%; min-height: 0;background: none; padding: 0px; margin: 0px;} #container.frontpage #placeholder-header, #container.frontpage .tile-top, #container.frontpage .tile-bottom, #container.frontpage .placeholder-content-top, #container.frontpage .placeholder-content-bottom, #container.frontpage #placeholder-right, #container.frontpage #placeholder-footer { display: none;} /* -------------------------------------------------------------------------- */ /* 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 { } #placeholder-content .tile-common { margin-bottom: 35px;} #placeholder-column .tile-common, #placeholder-right .tile-common { margin-bottom: 10px;} #placeholder-content.no-right .placeholder-content-top, #placeholder-content.no-right .placeholder-content-bottom, .placeholder-right-content-top, .placeholder-right-content-bottom, #placeholder-column .tile-top, #placeholder-right .tile-top, #placeholder-column .tile-bottom, #placeholder-right .tile-bottom { height: 2px; overflow: hidden; width: 100%; } #placeholder-content.no-right .placeholder-content-top { background: url(images/placeholder-content-top.gif) no-repeat top left;} #placeholder-content.no-right .placeholder-content-bottom { background: url(images/placeholder-content-bottom.gif) no-repeat top left; clear: both;} .placeholder-right-content-top { background: url(images/placeholder-right-content-top.gif) no-repeat top left;} .placeholder-right-content-bottom { background: url(images/placeholder-right-content-bottom.gif) no-repeat top left; clear: both; } #placeholder-column .tile-top { background: url(images/left-tile-top.gif) no-repeat top left;} #placeholder-right .tile-top { background: url(images/right-tile-top.gif) no-repeat top left;} #placeholder-column .tile-bottom { background: url(images/left-tile-bottom.gif) no-repeat top left;} #placeholder-right .tile-bottom { background: url(images/right-tile-bottom.gif) no-repeat top left; } #placeholder-column .content-wrapper, #placeholder-right .content-wrapper { background: #fff; float: left; width: 100%; } #placeholder-right .content-wrapper { padding: 8px 10px 10px 10px; width: 146px; background: #fff url(images/right-gradient-bg.png) repeat-x bottom left; min-height: 92px; height: auto !important; height: 92px; /*=110px*/} #placeholder-column .tile-content, #placeholder-right .tile-content {} #placeholder-header .tile-common h3 { display: none; } #placeholder-column .tile-common h1, #placeholder-column .tile-common h3, #placeholder-right .tile-common h1, #placeholder-right .tile-common h3 { font-size: 14px; font-weight: bold; color: #404040; margin: 0px 0px 0px 0px;} #placeholder-content .tile-common h3 { font-size: 11px; } /* -------------------------------------------------------------------------- */ /* General inline listing (eg. horizontal menu, linktoolbar, sitelocator) */ /* -------------------------------------------------------------------------- */ .horizontal-menu h3, .linktoolbar h3, .sitelocator h3 { display: inline; float: left; margin: 0; padding: 0; } .horizontal-menu ul, .linktoolbar ul, .sitelocator ul { display: inline; margin: 0; list-style-type: none; padding: 0; } .horizontal-menu li, .linktoolbar li, .sitelocator li { display: inline; } /* -------------------------------------------------------------------------- */ /* General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ .metadatarelationlist ul, .full-articlelist ul, .searchresult ul, .extended-searchresult ul, .links-tile 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 #cccdcf; height: 17px; font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #2b2b2b; padding-top: 4px; width: 100%;} #goog-wm-qt { width: 260px; } #goog-wm-sb, input.submit, input.SUBMIT { border: none; height: 22px; width: auto; background: url(images/submit-right.png) no-repeat right; padding-left: 4px; padding-top: 0px; padding-bottom: 5px; } span.submit-left { display: block; float: left; width: 2px; height: 22px; overflow: hidden; margin-left: 104px; background: url(images/submit-left.png) no-repeat left; } /* -------------------------------------------------------------------------- */ /* 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. */ /* -- Tiles in placeholder-header --------------------------------- */ /* -- Horizontal menu --------------------------------- */ #placeholder-header .horizontal-menu { float: right; margin: 18px 10px 0px 0px; clear: both; } #placeholder-header .horizontal-menu li { margin-right: 20px; float: left;} #placeholder-header .horizontal-menu li.last { margin-right: 0px;} #placeholder-header .horizontal-menu a:link, #placeholder-header .horizontal-menu a:visited, #placeholder-header .horizontal-menu a:hover { color: #cdd0d2; font-weight: bold; } #placeholder-header .horizontal-menu li.active a:link, #placeholder-header .horizontal-menu li.active a:visited, #placeholder-header .horizontal-menu li.main-active a:link, #placeholder-header .horizontal-menu li.main-active a:visited { text-decoration: underline; } /* -- Page header ----------------------------------------------------------- */ .page-header { float: left; margin-right: 24px;} .page-header .logo { font-size: 1.85em; font-weight: bold;} /* -- Small articledisplay ----------------------------------------------------------- */ #placeholder-column .small-articledisplay-nolayout { padding-left: 10px; margin-bottom: 45px; width: 170px; height: 172px;} #placeholder-column .small-articledisplay-nolayout p { margin: 0px;} #placeholder-column .small-articledisplay-nolayout .tile-top, #placeholder-column .small-articledisplay-nolayout .tile-bottom { display: none;} /* -- Sitelocator -------------------- */ .sitelocator { padding: 9px 10px 12px 35px;height: 25px; margin: -10px -20px 20px -20px; /*minus margin to override padding in placeholder content*/ } #placeholder-content .sitelocator { background: url(images/sitelocator-wide-bg.gif) no-repeat top left; width: 741px; } #placeholder-right-content .sitelocator { background: url(images/sitelocator-bg.gif) no-repeat top left; width: 565px; } .sitelocator span.sitelocatortext { display: none; } .sitelocator, .sitelocator a:link, .sitelocator a:visited, .sitelocator a:hover { font-weight: bold; color: #000; } /* -- Search input -------------------- */ .small-searchinput { } .small-searchinput span.postfix { display: none;} .small-searchinput .search-infotext { color: #666666; margin-top: 1px;} .small-searchinput input { margin-top: 7px; margin-bottom: 10px; width: 143px;} .small-searchinput input.submit { float: left; margin: 0px; width: auto; } .small-searchinput .tile-bottom { clear: both;} /* -- Small articledisplay in placeholder-footer ----- */ #placeholder-footer .small-articledisplay-nolayout p { margin: 0px;} /* -- Vertical menu in left placeholder ------------------------------------------------------- */ #placeholder-column .vertical-menu { padding: 0px; } #placeholder-column .vertical-menu .content-wrapper { background: #fff url(images/menu-gradient-bg.png) repeat-x bottom left; min-height: 200px; height: auto !important; height: 200px; } #placeholder-column .vertical-menu h3 { margin-bottom: 10px; padding: 8px 10px 10px 10px;} #placeholder-column .vertical-menu ul { margin-bottom: 10px;} #placeholder-column .vertical-menu li { border-bottom: 1px solid #e3e5e9; padding: 6px 10px 8px 11px;} #placeholder-column .vertical-menu li li, #placeholder-column .vertical-menu li.last { border: none;} #placeholder-column .vertical-menu li.active, #placeholder-column .vertical-menu li.main-active { background: #fbfbfc url(images/submenu-bg.png) repeat-x top left;} #placeholder-column .vertical-menu li li.active, #placeholder-column .vertical-menu li li.main-active { background: none;} #placeholder-column .vertical-menu a:link, #placeholder-column .vertical-menu a:visited, #placeholder-column .vertical-menu a:hover { color: #404040; font-size: 13px; padding-left: 15px; background: url(images/left-menu-bullet.gif) no-repeat 0px 5px; } #placeholder-column .vertical-menu li li { padding-bottom: 0px; padding-top: 13px; padding-left: 20px; background: pink; background: url(images/submenu-link.png) no-repeat 12px 19px;} #placeholder-column .vertical-menu li li.active { background: url(images/submenu-active.png) no-repeat 12px 19px;} #placeholder-column .vertical-menu li li.last { padding-bottom: 10px; padding-top: 13px;} #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, #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 {background: none; padding-left: 0px; font-size: 11px; font-weight: normal; } #placeholder-column .vertical-menu li.active a:link, #placeholder-column .vertical-menu li.active a:visited, #placeholder-column .vertical-menu li.active a:hover, #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 li.active a:link, #placeholder-column .vertical-menu li li.active a:visited, #placeholder-column .vertical-menu li li.active a:hover { font-weight: bold; } /* -- Small article list ---------------------------------------------------------- */ .small-articlelist { color: #666666;} .small-articlelist ul { margin-top: 10px; } .small-articlelist li { margin-bottom: 10px;} /* -- Linktoolbar ---------------------------------------------------------- */ #placeholder-content .linktoolbar { margin-bottom: 10px; } .linktoolbar h3 { display: none; } .linktoolbar .sharing-container h3 { display: block; } .linktoolbar .sharing-container { background: #F3F3F3; } /* -- Sub category list ---------------------------------------------------------- */ .subcategorylist { } .subcategorylist table { margin-left: 35px; } .subcategorylist table td { padding: 0px 25px 0px 0px; width: 146px; text-align: center; height: auto;vertical-align: bottom; background: url(images/subcategory-bg.png) no-repeat bottom left; } .subcategorylist table td.emtpy-td { display: none; } .subcategorylist h3 { margin-bottom: 10px; clear: both; width: 144px;} .subcategorylist table tr.space-tr { height: 20px; } .subcategorylist table tr.space-tr td { padding: 0px; background: none;} .subcategorylist .list-thumbnail-left, .subcategorylist .list-thumbnail-right { margin-top: 10px; margin-bottom: 8px; width: 100%; text-align: center; } .subcategorylist a:link, .subcategorylist a:visited, .subcategorylist a:hover { font-size: 12px; color: #404040; font-weight: normal;} /* -- Contact us form ---------------------------------------------------------- */ .contactUs { } .contactUs h2 { display: none; } .contactUs b { font-weight: normal; } .contactUs textarea { border: none; width: 280px; height: 107px; padding: 3px; overflow: hidden; background: url(images/contact-textarea-bg.png) no-repeat top left;} #placeholder-content .contactUs input { border: none; margin: 0px;padding-top: 5px; padding-left: 3px; padding-right: 3px; overflow: hidden; } #placeholder-content .contactUs .contactUs-reclamation input { background: url(images/contact-input-white.png) no-repeat top left; } #placeholder-content .contactUs .contactUs-personalia input { background: url(images/contact-input-gray.png) no-repeat top left; } #placeholder-content .contactUs .contactUs-personalia input.citynr { background: url(images/contact-input-gray-citynr.png) no-repeat top left; } #placeholder-content .contactUs .contactUs-personalia input.city { background: url(images/contact-input-gray-city.png) no-repeat top left; } #placeholder-content .contactUs input.submit { border: none; height: 22px; width: auto; float: left; padding-left: 4px; padding-top: 0px;} #placeholder-content .contactUs span.submit-left { margin-left: 220px; float: left;} .contactUs .contactUs-header2 { font-weight: bold; margin-top: 20px; margin-bottom: 5px;} #placeholder-content .contactUs .contactUs-header2.reclamation, #placeholder-content .contactUs .contactUs-reclamation { width: 564px; overflow: hidden; } #placeholder-content .contactUs .contactUs-header2.reclamation { height: 12px; margin-bottom: 0px; padding-top: 11px; padding-left: 13px; width: 551px; background: url(images/contact-reclamation-top.png) no-repeat top left; } .contactUs .contactUs-reclamation { height: 269px; background: url(images/contact-reclamation.png) no-repeat bottom left; } .contactUs .contactUs-reclamation td/*, .contactUs .contactUs-personalia td */ { padding-left: 11px; } .contactUs .omdeg-table { width: 430px; } .contactUs .infotext { margin: 0px 0px 20px 0px;} .contactUs .infotext.personal-information { font-style: italic; margin-top: 20px; } .wheretofind { background: #fff; height: 100%; width: 100%; } .wheretofind table { padding: 10px; } /* -- Full articledisplay ---------------------------------------------------------- */ #placeholder-content .full-articledisplay.article-categoryname { margin: 0px;} p.full-articledisplay-ingress { font-weight: bold;} /* -- Full articledisplay product ---------------------------------------------------------- */ #placeholder-content .full-articledisplay.product { } #placeholder-content .full-articledisplay.product h3 { font-size: 12px; margin-top: 15px;} #placeholder-content .full-articledisplay.product .right-content { float: right; margin-left: 10px;} #placeholder-content .full-articledisplay.product .right-content img { margin-top: 35px; } #placeholder-content .full-articledisplay.product .left-content { } #placeholder-content .full-articledisplay.product .left-content table { width: 300px;} /* -- Article list and searchresult ---------------------------------------------------------- */ .full-articlelist h3, .extended-searchresult h3, .searchresult h3 { margin: 0px;} .full-articlelist ul, .searchresult ul, .extended-searchresult ul { float: left; width: 100%;clear: both; margin-bottom: 20px;} .full-articlelist ul li, .searchresult ul li, .extended-searchresult ul li { float: left; width: 100%;clear: both; padding: 10px 0px 10px 0px; } .full-articlelist p, .searchresult p, .extended-searchresult p { margin: 0px 0px 0px 0px; } .list-thumbnail-left, .list-thumbnail-right { } .list-thumbnail-left img, .list-thumbnail-right img { } .list-thumbnail-left { float: left; margin-bottom: 10px; margin-right: 5px;} .list-thumbnail-right { float: right; margin-bottom: 10px; margin-left: 5px;} /* -- Article list ---------------------------------------------------------- */ .full-articlelist { clear: both;float: left; } .full-articlelist h3 { margin-bottom: 16px; } #placeholder-content .full-articlelist li { margin-bottom: 8px; background: url(images/articlelist-li-bg.png) no-repeat center bottom; } #placeholder-content .full-articlelist li.last { margin-bottom: 0px; background: none;} /* -- Searchresult ---------------------------------------------------------- */ #placeholder-content .searchresult , #placeholder-content .extended-searchresult { margin-bottom: 20px;} #placeholder-content .searchresult ul, #placeholder-content .extended-searchresult ul { margin: 0px -20px 20px -20px; /* uses minus margin to override padding set on placeholder div*/} #placeholder-content .searchresult li, #placeholder-content .extended-searchresult li { border-top: 1px solid #e3e5e9; padding: 10px 0px 10px 52px; background: url(images/searchresult-bullet.gif) no-repeat 20px 13px; width: 558px; overflow: hidden;} #placeholder-content .searchresult li.last, #placeholder-content .extended-searchresult li.last { border-bottom: 1px solid #e3e5e9;} #placeholder-content .searchresult .resultstring, #placeholder-content .extended-searchresult .resultstring, #placeholder-content .searchresult .articlecount, #placeholder-content .extended-searchresult .articlecount { margin-bottom: 20px;} .searchresult .resultstring span.searchword, .extended-searchresult .resultstring span.searchword { font-weight: bold;} /* -- Articlelist Link Internal ---------------------------------------------------------- */ #placeholder-content .full-articlelist .articlelist-link-internal, #placeholder-content .searchresult .articlelist-link-internal, #placeholder-content .extended-searchresult .articlelist-link-internal { float: left; margin-top: 0px; } #placeholder-content .full-articlelist .articlelist-link-internal ul, #placeholder-content .searchresult .articlelist-link-internal ul, #placeholder-content .extended-searchresult .articlelist-link-internal ul { float: none; width: auto; border: none; } #placeholder-content .full-articlelist .articlelist-link-internal ul li, #placeholder-content .searchresult .articlelist-link-internal ul li, #placeholder-content .extended-searchresult .articlelist-link-internal ul li { padding: 0; margin-bottom: 0px; background: none;} /* -- List Navigation ------------------------------------------------------*/ .list-navigation-text { text-align:center; } /*.searchresult-navigation.list-navigation-text,*/ .list-navigation span.navigation-seperator, .list-navigation a.previous:link, .list-navigation a.previous:visited, .list-navigation a.previous:hover, .list-navigation a.previousindex:link, .list-navigation a.previousindex:visited, .list-navigation a.previousindex:hover, .list-navigation a.next:link, .list-navigation a.next:visited, .list-navigation a.next:hover, .list-navigation a.nextindex:link, .list-navigation a.nextindex:visited, .list-navigation a.nextindex:hover { display: none;} .list-navigation { text-align: center; margin-bottom: 10px;} .list-navigation b { font-weight: normal; color: #c80218;} .list-navigation b, .list-navigation a:link, .list-navigation a:visited, .list-navigation a:hover { padding: 1px 4px 1px 4px; margin-right: 3px;} .list-navigation a:link, .list-navigation a:visited, .list-navigation a:hover { border: 1px solid #d2d3d3; color: #000; text-decoration: none;} .clearing-div {display:none;} #placeholder-content .full-articlelist .articlelist-link-internal li, #placeholder-content .searchresult .articlelist-link-internal li, #placeholder-content .extended-searchresult .articlelist-link-internal li { border: none; background: none; padding: 0px;} #placeholder-content .full-articlelist .articlelist-link-internal ul, #placeholder-content .searchresult .articlelist-link-internal ul, #placeholder-content .extended-searchresult .articlelist-link-internal ul { margin: 0px; } /* -- Metadata Relation List ------------------------------------------------------- */ .metadatarelationlist { } .metadatarelationlist li { margin-bottom: 5px;} .metadatarelationlist h3 { background: url(images/header-blue.png) no-repeat; } /* -- Small article List ------------------------------------------------------- */ .small-articlelist {} .small-articlelist h1 {} .small-articlelist li {} /* -- 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; }*/ /*css from designers of the frontpage flash. Move from their html-file to here */ #noflash { position: fixed; display: table; top: 0px; left: 0px; background-color: #dee7ec; height: 100%; width: 100%; } #noflash_logo { width: 179px; height: 179px; position: absolute; top: 0px; left: 19px; } #noflash_splash { background-repeat: no-repeat; display: table-cell; vertical-align: middle; width: 566px; height: 206px; text-align: center; } #noflash_splashbg { margin-top: -206px; } #noflash_splashtext { margin-top: -73px; } #noflash_splashtextarrow { margin-top: -14px; margin-left: -162px; visibility: hidden; } /* -- Tooltip ------------------------------------------------------------ */ /* Se additional styling in common stylesheet */ #tooltip-content { background: #F3F3F3; }