@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { font-family: Verdana, Georgia, Arial, Sans-serif; font-size: 11px; margin: 0; padding: 0;} body { height: 100%; } a:visited, a:link, a:hover { text-decoration: underline; color: #004c17;} img { border: none; } h1, h2, h3 { color: #004813; margin: 0px;} h1 { font-size: 1.91em;} /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { width: 915px; margin-left: 10px; overflow: hidden; } #placeholder-header { float: left; clear: both; width: 908px; height: 91px; /*overflow: hidden;*/ margin-bottom: 8px; background: url(images/top-bg.png) left no-repeat; } #placeholder-column { clear: both; float: left; padding-left: 9px; width: 192px; margin-right: 9px; /*set min height to 1px to always make sure this placeholder take place even if there no tiles in it*/ min-height: 1px; height: auto !important; height: 1px; } #placeholder-right { float: right; width: 192px; margin-top: 22px; padding: 14px 0px 0px 8px; overflow: hidden; border-top: 1px solid #185b29; } #placeholder-content { float: left; width: 704px; overflow: hidden; padding-top: 12px; } #placeholder-content.no-right { width: 698px; } #container.frontpage #placeholder-content, #placeholder-content.no-left { float: left; width: 902px; padding-left: 12px; padding-top: 0px; overflow: hidden; } #placeholder-left-content { } #placeholder-left-content-top, #placeholder-left-content-bottom { clear: both; float: left; width: 100%; } #placeholder-left-content-bottom { clear: both; width: 890px; overflow: hidden; padding: 0px 0px 0px 6px; margin-top: 15px; padding-bottom: 10px; } #container.frontpage #placeholder-left-content-top .placeholder-content-top { clear: both; height: 9px; overflow: hidden; background: url(images/content-top-bg.png);} #container.frontpage #placeholder-left-content-top .placeholder-content-bottom { clear: both; height: 10px; overflow: hidden; background: url(images/content-bottom-bg.png);} #container.frontpage #placeholder-left-content-top .placeholder-content-wrapper { float: left; clear: both; padding: 0px 9px 0px 9px; background: url(images/content-wrapper-bg.png) repeat-y;} #placeholder-right-content { float: left; width: 504px; overflow: hidden; } /* Padding set in styles-ie.css*/ /* Margin-left overrrided in style-ie6.css*/ #placeholder-footer { float: left; clear: both; width: 870px; margin: 30px 0px 0px 18px; padding-right: 20px; border-top: 3px solid #f1f3d2; } #container.frontpage #placeholder-footer { margin-top: 0px; } /* -------------------------------------------------------------------------- */ /* 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 */ .newsletter form, #placeholder-content.no-right .tile-common, #placeholder-right-content .tile-common { } /* some style is removed below in some tiles */ #placeholder-column .tile-common, #placeholder-right .tile-common { } #placeholder-content .tile-common { margin-bottom: 20px;} /* some style is removed below in some tiles */ #placeholder-column .tile-common, #placeholder-right .tile-common { margin-bottom: 0px; } #placeholder-column .tile-content, #placeholder-right .tile-content { } #container h3, #placeholder-right h1, #container .small-articlelist h1 { font-size: 1.18em;} #placeholder-right .tile-common h3, #placeholder-column .tile-common h3 { } #placeholder-content input, #placeholder-column input, #placeholder-right input, #placeholder-column textarea, #placeholder-right textarea { } /* -------------------------------------------------------------------------- */ /* 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, #placeholder-left-content-bottom .simpleCategorylist ul, .categoryOverview ul, .right-content ul, .horizontal-menu ul, .linktoolbar ul, .sitelocator ul { display: inline; margin: 0; list-style-type: none; padding: 0; } #placeholder-header .simpleCategorylist li, #placeholder-left-content-bottom .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, .links-tile ul, .relatedInfo ul, .full-articlelist ul, .categoryOverview 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 #e2e3ea; border-top: none; height: 19px; padding: 3px 0px 0px 0px; background: url(images/input-background.png) repeat-x;} input.newsRadion { border: none; height: 19px; padding: 0px; background: none;} .full-articledisplay.recipie input, .cpform-button, #submit, input.submit, input.SUBMIT, #goog-wm-sb { color: #fff; padding-top: 0px; height: 20px; padding: 0px 0px 3px 0px; margin: 0px; font-family: Verdana, Georgia, Arial, Sans-serif; font-weight: bold; background: #629230; border: none; } #goog-wm-sb { height: 22px; width: 100px;} .cpform-button { margin-right: 10px; } /* -------------------------------------------------------------------------- */ /* 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. */ /*-----------------------*/ /* FRONTPAGE */ /*-----------------------*/ /* -- Common frontpage style ------------------------------------------------------ */ #container.frontpage #placeholder-left-content-top .tile-common { float: left; height: 135px; overflow: hidden; margin-right: 3px; margin-bottom: 0px; background: url(images/common-tile-bg.png) repeat-x; } #container.frontpage h1, #container.frontpage h3 { margin: 10px 0px 7px 0px; } #container.frontpage #placeholder-left-content p { margin: 0px; } #container.frontpage #placeholder-left-content-top .small-articledisplay-nolayout { display: inline; } /* -- Articledisplay (frontpage) ------------------------------------------------------ */ #container.frontpage #placeholder-left-content-top .full-articledisplay { width: 883px; height: 238px; overflow: hidden; margin-bottom: 3px; } #container.frontpage #placeholder-left-content-top .small-articledisplay { width: 187px; } /* -- Rotation articlelist and slideshow (frontpage) --------------------------------------------------------- */ #container.frontpage #placeholder-left-content-top .slideshow, #container.frontpage #placeholder-left-content-top .rotation-articlelist, #container.frontpage #placeholder-left-content-top .rotation-article { width: 883px; height: 238px; overflow: hidden; background: none; float: none; clear: both;} #container.frontpage #placeholder-left-content-top .rotation-articlelist { margin-bottom: 3px;} #container.frontpage #placeholder-left-content-top .rotation-articlelist #thumbs-menu { width: 883px; /*text-align: center;*/ position: absolute; top: 304px; } #container.frontpage #placeholder-left-content-top .rotation-articlelist #thumbs-menu .nav-thumb { margin-left: 5px; display: inline; } #container.frontpage #placeholder-left-content-top .rotation-articlelist #thumbs-menu .nav-thumb img { width: 50px; height: 35px; overflow: hidden; border: 1px solid #fff;} #container.frontpage #placeholder-left-content-top .rotation-articlelist #thumbs-menu .active-thumb img { border: 1px solid #E1E1E1; } #container.frontpage #placeholder-left-content-top .slideshow .slideshow-before { padding: 0px;} /*-----------------------*/ /* PLACEHOLDER-HEADER */ /*-----------------------*/ /* -- Common for tiles in placeholder-header --------------------------------- */ #placeholder-header h3 { display: none;} #placeholder-header .simpleCategorylist, .linktoolbar, .small-searchinput { } /* -- Small articledisplay -------------------- */ #placeholder-header .small-articledisplay { float: right; margin: 15px 0px 0px 10px; } #placeholder-header .small-articledisplay p { margin: 0px;} /* -- Linktoolbar and Simple category list ------------------------------------ */ #placeholder-header .linktoolbar { clear: none; width: auto; } #placeholder-header .linktoolbar li, #placeholder-header .simpleCategorylist li { margin-left: 10px;} #placeholder-header .linktoolbar { float: right; margin-top: 8px; } #placeholder-header .linktoolbar li.print a:link, #placeholder-header .linktoolbar li.print a:hover, #placeholder-header .linktoolbar li.print a:visited { background: url(images/icon-print.gif) no-repeat; background-position: 4px center; padding-left: 20px;} /*Need to set width to force next tile, horizontal-menu, to "jump" on the line below in IE since all elements are floating*/ #placeholder-header .simpleCategorylist { float: right; text-align: right; width: 600px; margin-top: 5px; margin: 5px 0px 32px 0px; } /* -- Search input -------------------- */ #placeholder-header .small-searchinput { float: right; clear: right; width: 193px; margin: 6px 0px 0px 10px; } #placeholder-header .small-searchinput h1 { display: none; } #placeholder-header .small-searchinput input { width: 130px; } #placeholder-header .small-searchinput input.submit, .full-searchinput-advanced input.submit, .full-searchinput input.submit { width: 57px; height: 23px; padding: 0px 0px 3px 0px; background: url(images/search-button.png); } /* -- Horizontal menu ------------------------------------------------------- */ #placeholder-header .horizontal-menu { float: right; } #placeholder-header .horizontal-menu li { display: block; float: left; height: 26px; padding: 10px 9px 0px 9px; border-left: 1px solid #e1e1e1; } #placeholder-header .horizontal-menu li.last { border-right: 1px solid #e1e1e1; } #placeholder-header .horizontal-menu a:link, #placeholder-header .horizontal-menu a:visited, #placeholder-header .horizontal-menu a:hover { text-decoration: none; font-weight: bold; font-size: 1.18em; color: #000;} #placeholder-header .horizontal-menu li.active, #placeholder-header .horizontal-menu li.main-active { background: url(images/horizontal-menu-active.png) bottom repeat-x; } #placeholder-header .horizontal-menu li.active a:link, #placeholder-header .horizontal-menu li.active a:visited, #placeholder-header .horizontal-menu li.active a:hover, #placeholder-header .horizontal-menu li.main-active a:link, #placeholder-header .horizontal-menu li.main-active a:visited, #placeholder-header .horizontal-menu li.main-active a:hover { color: #185b29; } /* -- Page header ----------------------------------------------------------- */ .page-header { float: left; margin-top: 45px;} .page-header img { margin-left: 21px; } .page-header .logo { font-size: 1.85em; font-weight: bold;} /*-----------------------*/ /* PLACEHOLDER-COLUMN */ /*-----------------------*/ /* -- Vertical menu --------------------------------------------------------- */ #placeholder-column .vertical-menu { width: 193px; } #placeholder-column .vertical-menu h3 { display: none; } #placeholder-column .vertical-menu .tile-top { background: url(images/vertical-menu-top.png) top no-repeat; height: 9px; overflow: hidden;} #placeholder-column .vertical-menu .tile-bottom { background: url(images/vertical-menu-bottom.png) top no-repeat; height: 10px; overflow: hidden; } #placeholder-column .vertical-menu .content-wrapper { background: url(images/vertical-menu-content.png) top repeat-y;} #placeholder-column .vertical-menu .tile-content { background: #ebecd1; width: 174px; margin: 0px 0px 0px 9px; padding-top: 3px;} #placeholder-column .vertical-menu li { padding: 6px 0px 7px 20px; border-bottom: 1px solid #fff; } #placeholder-column .vertical-menu li.last, #placeholder-column .vertical-menu li li { border: none; } #placeholder-column .vertical-menu li li { padding: 0px; margin-top: 6px; } #placeholder-column .vertical-menu li li li { padding-left: 7px; } #placeholder-column .vertical-menu a:link, #placeholder-column .vertical-menu a:visited, #placeholder-column .vertical-menu a:hover { color: #000; text-decoration: none; font-weight: bold; } #placeholder-column .vertical-menu li.active, #placeholder-column .vertical-menu li.main-active, #placeholder-column .vertical-menu li.main-active li.sub-active li.active { background: url(images/vertical-menu-active.gif) no-repeat; } #placeholder-column .vertical-menu li.active, #placeholder-column .vertical-menu li.main-active { background-position: 10px 11px; } #placeholder-column .vertical-menu li.main-active li.sub-active li.active { background-position: 0px 4px; } #placeholder-column .vertical-menu li.main-active li.active { background: 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-weight: normal; color: #000; } #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.sub-active a:link, #placeholder-column .vertical-menu li li.sub-active a:visited, #placeholder-column .vertical-menu li 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 { font-weight: bold; color: #185b29; } #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 li.sub-active li a:link, #placeholder-column .vertical-menu li li.sub-active li a:visited, #placeholder-column .vertical-menu li li.sub-active li a:hover { font-weight: normal; color: #000; } #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 li.sub-active a:link, #placeholder-column .vertical-menu li li.sub-active a:visited, #placeholder-column .vertical-menu li li.sub-active a:hover, #placeholder-column .vertical-menu li li.sub-active li.active a:link, #placeholder-column .vertical-menu li li.sub-active li.active a:visited, #placeholder-column .vertical-menu li li.sub-active li.active a:hover { font-weight: bold; color: #185b29; } #placeholder-column .vertical-menu li li.sub-active li.active a:link, #placeholder-column .vertical-menu li li.sub-active li.active a:visited, #placeholder-column .vertical-menu li li.sub-active li.active a:hover { font-weight: normal; } /*-----------------------*/ /* PLACEHOLDER-RIGHT */ /*-----------------------*/ #placeholder-right .tile-common { } #placeholder-right .tile-common, #placeholder-right .tile-top, #placeholder-right .tile-bottom, #placeholder-content.no-right .relatedInfo, #placeholder-content.no-right .relatedInfo .tile-top, #placeholder-content.no-right .relatedInfo .tile-bottom { width: 192px; overflow: hidden; } #placeholder-right h1, #placeholder-right h3, #placeholder-right .tile-content, #placeholder-content.no-right .relatedInfo .tile-content { width: 174px; width: 154px; margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px;overflow: hidden; background: #f9f9f1; } #placeholder-right h1, #placeholder-right h3, #placeholder-content.no-right .relatedInfo h3 { padding-top: 10px;} #placeholder-right .tile-top, #placeholder-content.no-right .relatedInfo .tile-top { height: 6px; background: url(images/right-tile-top.png) no-repeat;} #placeholder-right .tile-bottom, #placeholder-content.no-right .relatedInfo .tile-bottom { height: 6px; background: url(images/right-tile-bottom.png) no-repeat;} #placeholder-right .content-wrapper, #placeholder-content.no-right .relatedInfo .content-wrapper { padding: 3px 0px 3px 9px; background: url(images/right-tile-wrapper.png) repeat-y;} /* -- Small articledisplay-------------------------------------------------------- */ #placeholder-right .small-articledisplay-nolayout .tile-content { width: 174px; padding: 0px; } #placeholder-right .small-articledisplay p, #placeholder-right .small-articledisplay-nolayout p { margin: 0px;} #placeholder-right .small-articledisplay h3, #placeholder-right .small-articledisplay-nolayout h3 { padding-bottom: 0px; } /* -- Small articlelist-------------------------------------------------------- */ #placeholder-right .small-articlelist { color: #3d3d3d; } .small-articlelist li { margin-bottom: 8px; } /* -- Related info -------------------------------------------------------- */ #placeholder-content .relatedInfo h3, #placeholder-content .relatedInfo h1 { padding-left: 0px;} .relatedInfo li, .relatedInfo .linkelement { margin-bottom: 5px;} .right-links img { display: none;} /*-----------------------*/ /* PLACEHOLDER-CONTENT */ /*-----------------------*/ /* -- Sitelocator ----------------------------------------------------------- */ .sitelocator { margin-bottom: 20px; color: #989898; padding-bottom: 9px; border-bottom: 1px solid #185b29; } /* -- Linktoolbar ----------------------------------------------------------- */ #placeholder-content .linktoolbar h3 { display: none; } #placeholder-content .linktoolbar .sharing-container h3 { display: block; } #placeholder-content .linktoolbar { margin-bottom: 10px; } #placeholder-content .linktoolbar .sharing-container { background: #EBECD1; } /* -- Productlist and small articlelist ---------------------------------------------------------------------------- */ .productlist { clear: both; width: 100%; /*background: pink;*/ } .productlist table { border-collapse: collapse; width: 697px; margin-left: 1px;border-left: 1px solid #cdcdb6; } .productlist tr.productlistTitles { height: 31px; color: #fff; font-weight: bold; background: url(images/header-green-bg.png) repeat-x} .productlist td { height: 20px; text-align: right; padding-right: 5px; border-bottom: 1px solid #cdcdb6; border-right: 1px solid #cdcdb6; } .productlist tr.productlistTitles td { padding-left: 5px;} .productlist td.epdFresh, .productlist td.epdFrozen { text-align: center; } .productlist tr.productlistTitles td, .productlist td.header { text-align: left; padding-right: 0px;} .productlist tr.productlistTitles td.header, .productlist a:link, .productlist a:visited, .productlist a:hover { padding-left: 12px; } .productlist tr.active a:link, .productlist tr.active a:visited, .productlist tr.active a:hover { font-weight: bold; background: url(images/productlist-active.gif) 5px center no-repeat;} .productlist.searchresult tr.active a:link, .productlist.searchresult tr.active a:visited, .productlist.searchresult tr.active a:hover { font-weight: normal; background: none;} .navigation-wrapper { text-align: right; } .navigation-wrapper a:link, .navigation-wrapper a:visited, .navigation-wrapper a:hover { font-weight: bold;} .list-navigation { margin-bottom: 5px;} /* -- Article display -------------------------------------------------------------------- */ .full-articledisplay p.digest, .full-articledisplay-ingress { font-weight: bold; font-size: 1.09em;} /* -- Article display - product ---------------------------------------------------------- */ .full-articledisplay.product { float: left; width: 485px; /*background: green;*/ } .full-articledisplay.product h1 { margin-bottom: 20px;} #container .full-articledisplay.product h3 { color: #000; font-size: 1em; } #container .full-articledisplay.product .brandname h3 { font-weight: normal; margin-bottom: 5px; } .full-articledisplay.product .left-content { float: left; width: 230px; /*background: pink;*/ } .full-articledisplay.product .product-info { margin-bottom: 20px; } .full-articledisplay.product td { text-align: right; } .full-articledisplay.product td.left { text-align: left; } .full-articledisplay.product .right-content { float: right; width: 250px; text-align: right; /*background: silver;*/ } .full-articledisplay.product .brandname, .full-articledisplay.product .product-image { margin-bottom: 20px; } #placeholder-content.no-right .relatedInfo { float: right; width: 192px;} #placeholder-content.no-right .relatedInfo .tile-content { background: #fff; } /* -- Article display - recipe ---------------------------------------------------------- */ .full-articledisplay.recipie {} .full-articledisplay.recipie h1 { margin-bottom: 20px; } .full-articledisplay.recipie .recipe-type-images, .full-articledisplay.recipie .brandname-logos { text-align: center; margin-bottom: 10px; width: 254px; float: right; clear: right; } .full-articledisplay.recipie .brandname-logos { margin-bottom: 15px; } #container .full-articledisplay.recipie .right-content h3 { margin-top: 20px; color: #000; font-size: 1em;} /*margin-left for li overrided in styles-ie.css*/ #container .full-articledisplay.recipie .right-content h3, #container .full-articledisplay.recipie .right-content li { margin-left: 15px; width: 215px; overflow: hidden; } .full-articledisplay.recipie .right-content { float: right; width: 254px;} .full-articledisplay.recipie .right-content .right-content-wrapper { padding: 7px 0px 20px 11px; overflow: hidden; background: url(images/articledisplay-right-content-wrapper.png) repeat-y; } .full-articledisplay.recipie .right-content .right-content-top, .full-articledisplay.recipie .right-content .right-content-bottom { overflow: hidden; } .full-articledisplay.recipie .right-content .right-content-top { height: 3px; background: url(images/articledisplay-right-content-top.png) no-repeat; } .full-articledisplay.recipie .right-content .right-content-bottom { height: 8px; background: url(images/articledisplay-right-content-bottom.png) no-repeat; } /*width is for this is set in styles-ie.css */ .full-articledisplay.recipie input { overflow: hidden; font-size: 1em;} .full-articledisplay.recipie .nutrients { margin-bottom: 15px; overflow: hidden; } .full-articledisplay.recipie .nutrients table td { background: #E1E9F6; padding: 3px 10px 3px 10px; } .full-articledisplay.recipie .nutrients .pie-chart .pie-label { font-size: 10px; } .full-articledisplay.recipie .nutrients .pie-chart .pie-label.Salt { margin-top: 25px; margin-left: 10px; } .full-articledisplay.recipie .ingredients-images { height: 50px; overflow: hidden; margin: 30px 0px 15px 0px; } .full-articledisplay.recipie .ingredients-images ul, .full-articledisplay.recipie .ingredients-images li { margin: 0px; padding: 0px; list-style-type: none; } .full-articledisplay.recipie .ingredients-images span, .full-articledisplay.recipie .ingredients-images li, .full-articledisplay.recipie .ingredients-images .ingredient-image { display: block; float: left; height: 50px; } .full-articledisplay.recipie .ingredients-images span.seperator { color: #a6c4e7; height: 33px; padding: 17px 3px 0px 3px; } .full-articledisplay.recipie .ingredients-images span.images-start, .full-articledisplay.recipie .ingredients-images span.images-end { display: block; height: 50px; width: 9px; background: url(images/recipe-ingredients-parentheses.gif) no-repeat; } .full-articledisplay.recipie .ingredients-images span.images-start { background-position: 0px 0px; } .full-articledisplay.recipie .ingredients-images span.images-end { background-position: -9px 0px; } .full-articledisplay.recipie .backlink { clear: both; } /* -- Article list and searchresult ---------------------------------------------------------- */ .full-articlelist h3, .extended-searchresult h3, .searchresult h3 { } .full-articlelist p, .searchresult p, .extended-searchresult p { margin-top: 0px; } .searchresult ul, .extended-searchresult ul { margin-top: 10px;} .full-articlelist ul li, .searchresult ul li, .extended-searchresult ul li { clear: both; float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e3e3e3; } .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: 0px; border: none; } .articlelist-link-internal a:link, .articlelist-link-internal a:visited, .articlelist-link-internal a:hover { font-weight: bold; } #placeholder-content .full-articlelist li.stepbystep h3 { color: #000; font-size: 1em;} .list-thumbnail-left { margin-right: 5px;} .list-thumbnail-right { margin-left: 5px;} .list-thumbnail-left, .list-thumbnail-right, .thumbnail-top, .thumbnail-bottom { width: 108px; overflow: hidden; } li.stepbystep .list-thumbnail-left, li.stepbystep .list-thumbnail-right, li.stepbystep .thumbnail-top, li.stepbystep .thumbnail-bottom { width: 168px; /*background: silver;*/ } .thumbnail-top { height: 2px; background: url(images/thumbnail-top.png) no-repeat;} li.stepbystep .thumbnail-top { background: url(images/stepbystep-thumbnail-top.png) no-repeat;} .thumbnail-bottom { height: 6px; background: url(images/thumbnail-bottom.png) no-repeat;} li.stepbystep .thumbnail-bottom { background: url(images/stepbystep-thumbnail-bottom.png) no-repeat;} .thumbnail-content { padding: 5px 5px 5px 8px; background: url(images/thumbnail-content.png) repeat-y;} li.stepbystep .thumbnail-content { background: url(images/stepbystep-thumbnail-content.png) repeat-y;} .list-thumbnail-left img, .list-thumbnail-right img { } .list-thumbnail-left { float: left; } .list-thumbnail-right { float: right; } /* Reset thumbnail-styling for frontpage */ #container.frontpage .list-thumbnail-left, #container.frontpage .list-thumbnail-right, #container.frontpage .thumbnail-top, #container.frontpage .thumbnail-bottom, #container.frontpage .thumbnail-content { float:left; background: none; width: auto; padding: 0px; margin: 0px;} .full-articlelist li.stepbystep .enlarge-icon { width: 13px; height: 13px; overflow: hidden; position:absolute; margin-left: 134px; margin-top: 134px; cursor: pointer; } .full-articlelist li.stepbystep .enlarge-icon a:link, .full-articlelist li.stepbystep .enlarge-icon a:visited, .full-articlelist li.stepbystep .enlarge-icon a:hover { display: block; text-decoration: none; } .full-articlelist li.stepbystep .enlarge-icon { background: url(images/stepbystep-icon.png) no-repeat; } /* -- Searchinput and searchresult --------------------------------------------- */ .searchresult .resultstring, .extended-searchresult .resultstring { font-weight: bold;} .full-searchinput { } .full-searchinput h2 { display: none;} .full-searchinput input { width: 260px; margin-bottom: 10px;} #container .full-searchinput input.newsRadion { width: auto; margin-bottom: 0px;} .full-searchinput-advanced input.submit, .full-searchinput input.submit { width: 57px;} .search-tabs, .full-searchinput-advanced .sortmethod { display: none;} .extended-searchresult .searchinfo { margin-top: 15px; margin-bottom: 15px; font-weight: bold;} /* -- Category Overview--------------------------------------------------------- */ .categoryOverview { float: left; width: 330px; height: 178px; padding: 20px 20px 20px 0px; overflow: hidden; border-bottom: 1px solid #e3e3e3; margin-right: -2px; /*mins margin to prevent IE dublicate text bug*/ } .categoryOverview.tile2, .categoryOverview.tile4 { padding-left: 20px; padding-left: 20px; padding-right: 0px; } .categoryOverview.tile1, .categoryOverview.tile2 { border-top: 1px solid #e3e3e3; } .categoryOverview.tile1, .categoryOverview.tile3, .categoryOverview.tile5, .categoryOverview.tile7 { border-right: 1px solid #e3e3e3; } .categoryOverview h3 { margin-bottom: 10px; } .categoryOverview h3 a:link, .categoryOverview h3 a:visited, .categoryOverview h3 a:hover { text-decoration: none; } #container .categoryOverview ul { margin: 0px 0px 10px 0px; float: left;} .categoryOverview span.content { display: none; } #container .categoryOverview .tile-content { width: 100%; } .categoryOverview .categoryImage { width: 132px; height: 130px; overflow: hidden; float: left; margin-right: 20px; } .categoryOverview .categoryImage .image-content { padding: 8px 4px 8px 12px; background: url(images/categoryimage-content.png) repeat-y; } .categoryOverview .categoryImage .image-top { width: 132px; height: 2px; overflow: hidden; background: url(images/categoryimage-top.png) no-repeat; } .categoryOverview .categoryImage .image-bottom { width: 132px; height: 7px; overflow: hidden; background: url(images/categoryimage-bottom.png) no-repeat ; } .categoryOverview .info-content { float: left; width: 178px; overflow: hidden; } #container .categoryOverview li { margin-bottom: 2px; } .categoryOverview .readmore { margin-left: 152px; clear: both;} /*this is set because of strange IE behavior*/ .categoryOverview ul a:link, .categoryOverview ul a:visited, .categoryOverview ul a:hover { float: left; clear: both;} .categoryOverview .readmore a:link, .categoryOverview .readmore a:visited, .categoryOverview .readmore a:hover { font-weight: bold; } /* -- Category Overview (frontpage) ---------------------------------------------------- */ /* Some style blow is resetting of styling from above */ #container.frontpage #placeholder-left-content-bottom .categoryOverview { float: left; border: none; height: auto; padding: 0px; margin: 0px; width: 19.5%; width: 169px; /*height: 300px;*/ /*background: silver;*/ /*border: 1px solid green; */ } #container.frontpage .categoryOverview .categoryImage, #container.frontpage .categoryOverview .categoryImage .image-content, #container.frontpage .categoryOverview .categoryImage .image-top, #container.frontpage .categoryOverview .categoryImage .image-bottom { float: none; width: auto; height: auto; margin: 0px; padding: 0px; background: none; } #container.frontpage #placeholder-left-content-bottom .categoryOverview h3, #container.frontpage #placeholder-left-content-bottom .categoryOverview span.content, #container.frontpage #placeholder-left-content-bottom .categoryOverview span.prefix { display: none;} #container.frontpage #placeholder-left-content-bottom .categoryOverview .categoryImage { height: 58px; margin: 0px 0px 20px 0px; } #container.frontpage #placeholder-left-content-bottom .categoryOverview .categoryImage .image-top { display: none; } #container.frontpage #placeholder-left-content-bottom .categoryOverview .readmore { margin: 0px; clear: both;} #container.frontpage #placeholder-left-content-bottom .categoryOverview .readmore a:link, #container.frontpage #placeholder-left-content-bottom .categoryOverview .readmore a:visited, #container.frontpage #placeholder-left-content-bottom .categoryOverview .readmore a:hover { } /* -- Simple Category List -------------------------------------------------------- */ #container.frontpage #placeholder-left-content-bottom .subcategorylist, #container.frontpage #placeholder-left-content-bottom .subcategorylist table { width: 591px; text-align: center; } #container.frontpage #placeholder-left-content-bottom .subcategorylist { float: left; padding-top: 3px;} #container.frontpage #placeholder-left-content-bottom .subcategorylist td, #container.frontpage #placeholder-left-content-bottom .subcategorylist td .list-thumbnail-left, #container.frontpage #placeholder-left-content-bottom .subcategorylist td .list-thumbnail-right { width: 169px; text-align: center; } #container.frontpage #placeholder-left-content-bottom .subcategorylist h3 { display: none; } /* -- Small articlelist-------------------------------------------------------- */ #placeholder-content.no-right .small-articlelist { float: right; width: 343px; margin-top: 20px; } #placeholder-content.no-right .small-articlelist.extralayout { float: left; } #placeholder-content.no-right .small-articlelist h1 { height: 23px; padding-top: 9px; margin-bottom: 10px; font-size: 1em; color: #fff; background: url(images/header-green-bg.png) repeat-x; } #placeholder-content.no-right .small-articlelist h1, #placeholder-content.no-right .small-articlelist .tile-content { padding-left: 10px; padding-right: 10px;} #placeholder-content.no-right .small-articlelist ul { margin-bottom: 12px;} #placeholder-content.no-right .small-articlelist a.read_more:link, #placeholder-content.no-right .small-articlelist a.read_more:visited, #placeholder-content.no-right .small-articlelist a.read_more:hover { font-weight: bold; } #container.frontpage #placeholder-left-content-bottom .small-articlelist { float: right; width: 286px; margin: 0px 4px 0px 0px;} #container.frontpage #placeholder-left-content-bottom .small-articlelist .date { display: inline; margin-right: 10px; color: #3d3d3d; font-style: italic; } #container.frontpage #placeholder-left-content-bottom .small-articlelist h1 { margin-top: 0px; } /* -- Articlelist (frontpage) ------------------------------------------------------ */ /* Some style is reset from above */ #container.frontpage #placeholder-left-content-top .full-articlelist { width: 456px; padding-right: 20px; } #container.frontpage #placeholder-left-content-top .small-articlelist { width: 194px; margin-top: 0px; padding: 0px 10px 0px 10px; color: #3d3d3d;} #container.frontpage .small-articlelist h1 { height: auto; padding-top: 0px; margin-bottom: 7px; font-size: 1.18em; color: #004813; background: none; } #container.frontpage .small-articlelist h1, #container.frontpage .small-articlelist .tile-content { padding: 0px;} #container.frontpage #placeholder-left-content-top .small-articlelist div.date { float: left; width: 50px; margin-right: 7px; overflow: hidden;} #container.frontpage #placeholder-left-content-top .small-articlelist a:link, #container.frontpage #placeholder-left-content-top .small-articlelist a:visited, #container.frontpage #placeholder-left-content-top .small-articlelist a:hover { display: block; float: left; width: 137px; overflow: hidden; } #container.frontpage #placeholder-left-content-top .small-articlelist ul { margin-bottom: 0px; } #container.frontpage #placeholder-left-content-top .small-articlelist li { display: block; float: left; clear: both; margin-bottom: 4px; width: 100%; } /* -- Sitemap --------------------------------------------------------- */ .sitemap h3 { display: none; } #placeholder-content .sitemap ul { margin: 0px; padding: 0px; } #placeholder-content .sitemap li { margin: 5px 0px 0px 0px; } #placeholder-content .sitemap ul ul { margin: 0px 0px 0px 30px;} /* -- Advanced suggestion form --------------------------------------------- */ .advancedsuggestionform { } .advancedsuggestionform table { margin-bottom: 20px; } .advancedsuggestionform span.bold { font-weight: bold; } .advancedsuggestionform input { width: 200px;} .advancedsuggestionform #submit { width: auto;} /* -- 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: #F9F9F1; }