@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { font-family: Verdana, Georgia, Arial, Sans-serif; font-size: 11px; margin: 0; padding: 0; height: 100%; background: #AC9A82;} a:visited, a:link, a:hover { text-decoration: none; color: #2466AF; /*font-weight: bold;*/ text-decoration: underline; } a:hover { text-decoration: underline; } h1, h2, #container .sitemap h3, .full-searchinput h2 { font-size: 14px; margin-top: 0px; margin-bottom: 10px;} h3 { margin: 0px 0px 0px 0px;} img { border: none; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { overflow: hidden; margin: 0px auto 0px auto; width: 900px; background: url(images/container-bg.gif) repeat-y center; } #placeholder-header { clear: both; width: 854px; /*=900px*/ padding-right: 46px; height: 157px; margin-bottom: 20px; background: url(images/header-bg.gif) no-repeat center top; } #placeholder-column { float: left; clear: both; overflow: hidden; margin: 0px 0px 0px 0px; padding-left: 28px; width: 183px; } #placeholder-content { float: left; width: 626px; padding: 0px 18px 0px 18px; overflow: hidden; } #placeholder-right { float: right; width: 160px; } #placeholder-right-content { float: left; width: 448px; padding-right: 18px;} #placeholder-footer { clear: both; height: 30px; text-align: center; padding: 35px 0px 0px 0px; background: #AC9A82 url(images/footer-bg.gif) no-repeat top center; } /* -------------------------------------------------------------------------- */ /* 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: 20px; float: left; clear: both; width: 100%;} #placeholder-column .tile-common, #placeholder-right .tile-common { } #placeholder-column .tile-content, #placeholder-right .tile-content {} #placeholder-header .tile-common h3 { } #placeholder-column .tile-common h1, #placeholder-column .tile-common h3, #placeholder-right .tile-common h1, #placeholder-right .tile-common h3 { font-size: 13px; } #placeholder-content .tile-common h3 { } /* -------------------------------------------------------------------------- */ /* 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) */ /* -------------------------------------------------------------------------- */ .simpleCategorylist ul, .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 #AC9A82; } #goog-wm-sb, input.cpform-button, input.submit, input.SUBMIT { background: #E11E0C; border: none; color: #fff; padding: 0px 5px 0px 5px;} input.cpform-button { margin-right: 5px;} #goog-wm-sb { padding-top: 1px; padding-bottom: 1px; width: 100px; } /* -------------------------------------------------------------------------- */ /* 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. */ /* -- Page header in placeholder-header ----------------------------------------------------------- */ .page-header { } .page-header img { margin: 13px 0px 0px 86px;} .page-header .logo { font-size: 1.85em; font-weight: bold;} /* -- Small search input in placeholder-header ----------------------------------------------------------- */ #placeholder-header .small-searchinput { clear: both; margin: 54px 0px 0px 0px; text-align: right; } .small-searchinput h1 { display: none; } /* -- Simple categorylist in placeholder-header ----------------------------------------------------------- */ .simpleCategorylist { float: right; clear: right; margin-left: 15px; } .simpleCategorylist h3 { display: none; } /* -- Link toolbar in placeholder-header ----------------------------------------------------------- */ .linktoolbar { float: right; clear: none; width: 500px; } .linktoolbar h3 { display: none; } .linktoolbar li.print { background: url(images/print.gif) no-repeat center left; /*padding-left: 15px;*/ } .simpleCategorylist, .linktoolbar { margin-top: 35px;} /* -- Small articledisplay in placeholder-footer ----- */ #placeholder-footer .small-articledisplay-nolayout p { margin: 0px;} /* -- Vertical menu in left placeholder ------------------------------------------------------- */ #placeholder-column .vertical-menu { margin-left: 12px; } #placeholder-column .vertical-menu h3 { display: none;} #placeholder-column .vertical-menu ul { background: #fff;} #placeholder-column .vertical-menu li { padding: 4px 0px 4px 36px; margin-bottom: 5px; background: url(images/menu-li.gif) no-repeat left top; } #placeholder-column .vertical-menu li.active, #placeholder-column .vertical-menu li.main-active { background: url(images/menu-li-active.gif) no-repeat left top; } #placeholder-column .vertical-menu a:link, #placeholder-column .vertical-menu a:visited, #placeholder-column .vertical-menu a:hover { font-weight: normal; font-size: 12px; text-decoration: none; } #placeholder-column .vertical-menu li li a:link, #placeholder-column .vertical-menu li li a:visited, #placeholder-column .vertical-menu li li a:hover { font-size: 11px; } #placeholder-column .vertical-menu li li { background: none; padding-left: 10px; margin: 0px 0px 0px 0px;} #placeholder-column .vertical-menu li li.first { margin-top: 5px;} #placeholder-column .vertical-menu li li.active { background: none;} #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, #placeholder-column .vertical-menu li li.active li a:link, #placeholder-column .vertical-menu li li.active li a:visited, #placeholder-column .vertical-menu li li.active li a:hover, #placeholder-column .vertical-menu li.main-active li.sub-active li a:link, #placeholder-column .vertical-menu li.main-active li.sub-active li a:visited, #placeholder-column .vertical-menu li.main-active li.sub-active li a:hover, #placeholder-column .vertical-menu li li.main-active li a:link, #placeholder-column .vertical-menu li li.main-active li a:visited, #placeholder-column .vertical-menu li li.main-active li a:hover { 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.main-active li.sub-active a:link, #placeholder-column .vertical-menu li.main-active li.sub-active a:visited, #placeholder-column .vertical-menu li.main-active li.sub-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, #placeholder-column .vertical-menu li.main-active li.sub-active li.active a:link, #placeholder-column .vertical-menu li.main-active li.sub-active li.active a:visited, #placeholder-column .vertical-menu li.main-active li.sub-active li.active a:hover { font-weight: bold; } /* -- Small article list ---------------------------------------------------------- */ .small-articlelist { } .small-articlelist ul { margin-top: 10px; } .small-articlelist li { margin-bottom: 10px;} /* -- Full articledisplay ---------------------------------------------------------- */ #placeholder-content .full-articledisplay.article-categoryname { margin: 0px;} p.full-articledisplay-ingress { font-weight: bold;} /* -- Full search input ---------------------------------------------------------- */ .full-searchinput input { width: 250px;} .full-searchinput input.submit { width: auto;} .full-searchinput br { display: none;} /* -- Article list and searchresult ---------------------------------------------------------- */ .full-articlelist h3, .extended-searchresult h3, .searchresult h3 { font-size: 11px; margin: 0px;} .full-articlelist ul, .searchresult ul, .extended-searchresult ul { float: left; width: 100%; clear: both;} .full-articlelist ul li, .searchresult ul li, .extended-searchresult ul li { float: left; width: 100%; clear: both; margin-bottom: 20px; } .full-articlelist ul li.last, .searchresult ul li.last, .extended-searchresult ul li.last { margin-bottom: 0px; } .full-articlelist p, .searchresult p, .extended-searchresult p { margin: 0px;} .list-thumbnail-left { float: left; margin-right: 5px; margin-bottom: 5px;} .list-thumbnail-right { float: right; margin-left: 5px; margin-bottom: 5px; } /* -- Article list ---------------------------------------------------------- */ .full-articlelist { } .full-articlelist h3 { } #placeholder-content .full-articlelist li { } #placeholder-content .full-articlelist li.last { } /* -- Searchresult ---------------------------------------------------------- */ #placeholder-content .searchresult , #placeholder-content .extended-searchresult { } #placeholder-content .searchresult ul, #placeholder-content .extended-searchresult ul {} #placeholder-content .searchresult li, #placeholder-content .extended-searchresult li { } #placeholder-content .searchresult li.last, #placeholder-content .extended-searchresult li.last { } #placeholder-content .searchresult .resultstring, #placeholder-content .extended-searchresult .resultstring, #placeholder-content .searchresult .articlecount, #placeholder-content .extended-searchresult .articlecount { } #placeholder-content .searchresult span.searchword, #placeholder-content .extended-searchresult span.searchword { font-weight: bold;} #placeholder-content .searchresult .articlecount, #placeholder-content .extended-searchresult .articlecount { margin-bottom: 20px;} .searchresult .resultstring span.searchword, .extended-searchresult .resultstring span.searchword { } /* -- 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;} #placeholder-content .full-articlelist .articlelist-link-internal ul, #placeholder-content .searchresult .articlelist-link-internal ul, #placeholder-content .extended-searchresult .articlelist-link-internal ul { } #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 { margin-bottom: 0px;} /* -- Sitemap ------------------------------------------------------- */ .sitemap ul { margin: 0px; padding-left: 15px;} .sitemap li { margin-top: 10px;} .sitemap ul ul { margin-left: 10px;} /* -- Order List Form ------------------------------------------------------- */ #orderlistForm {} /*#orderlistForm input { width: 200px;}*/ /* -- Tooltip ------------------------------------------------------------ */ /* Se additional styling in common stylesheet */ #tooltip-content { background: #E9EFF2; }