@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { color: #000; font-family: Arial, Sans-serif; font-size: 12px; margin: 0px; padding: 0px; background: #efefef; } a:link, a:hover, a:visited { color: #00e; text-decoration: none; } a:hover { text-decoration: underline; } p { margin: 0px; } img { border: none; } h1, h2, h3 { font-family: Verdana; font-weight: normal; margin: 0px; padding: 0px; background: none; } h1 { font-size: 2.0em; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { width: 980px; margin: 0px auto; padding: 0px; overflow: hidden; background: url(images/container-background.png) repeat-y; } #placeholder-top { float: left; width: 960px; height: 133px; padding: 10px 20px 0px 0px; background: #08447b url(images/top-background.png) no-repeat; } #placeholder-content, #placeholder-content-no-right { float: left; width: 790px; } #placeholder-content-no-right { width: 845px; } #placeholder-right { float: right; width: 190px; padding-top: 40px; } #placeholder-bottom { clear: both; width: 980px; background: #efefef; } #placeholder-top, #placeholder-content, #placeholder-right, #placeholder-bottom { overflow: hidden; } #content-link { display: none; } #coretrek-colofon { float: left; text-align: center; width: 190px; margin-top: 10px; } #coretrek-colofon a:link, #coretrek-colofon a:hover, #coretrek-colofon a:visited { color: #aaa; font-size: 0.8em; } #extended-debug-info { float: left; clear: left; } .sitemap h3, .sitelocator h3, .small-searchinput h3, .language-selector h3, .linktoolbar h3, .quick-menu h3, .vertical-menu h3, .horizontal-menu h3 { display: none; } #placeholder-right h3 { font-size: 12px; color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: 0.3em; width: 152px; height: 17px; padding: 3px 0px 0px 18px; background: #08447b; } .language-selector ul, .linktoolbar ul, .quick-menu, .horizontal-menu ul { display: inline; } .full-articlelist ul, .small-articlelist ul, .language-selector ul, .sitelocator ul, .linktoolbar ul, .horizontal-menu ul, .vertical-menu ul { list-style-type: none; margin: 0; padding: 0; } .language-selector li, .linktoolbar li, .quick-menu li, .vertical-menu li, .horizontal-menu li { display: inline; float: left; } .full-articlelist li li, .small-articlelist li li, .vertical-menu li li { padding-left: 10px; } #placeholder-content .submit, #placeholder-content .cpform-button { color: #fff; width: 85px; height: 23px; margin: 10px 0px; padding: 1px 5px 4px 5px; border: none; background: url(images/button.png) no-repeat; } #placeholder-content .cpform-button.pressed { background-position: bottom; } /* -- Page header ----------------------------------------------------------- */ #placeholder-top .page-header { float: left; width: 437px; height: 72px; margin-left: 13px; } /* -- Top links (quick menu and language selector) -------------------------- */ #placeholder-top .quick-menu, #placeholder-top .language-selector { float: right; height: 15px; font-size: 10px; } #placeholder-top .quick-menu ul, #placeholder-top .language-selector ul { margin: 0px; } #placeholder-top .quick-menu ul li, #placeholder-top .language-selector ul li { margin: 0px 0px 0px 10px; } #placeholder-top .quick-menu a, #placeholder-top .language-selector a { color: #08447b; text-transform: uppercase; } /* -- Search ---------------------------------------------------------------- */ #placeholder-top .small-searchinput { float: right; clear: right; height: 24px; margin: 10px 0px 0px 0px; } /* See style-ie6.css */ #placeholder-top .small-searchinput .textinput { float: left; width: 172px; padding: 1px 6px; } #placeholder-top .small-searchinput .submit { float: left; width: 30px; height: 23px; margin: 0px 0px 0px 6px; padding: 0px; border: 0px; background: url(images/search-button.png) no-repeat; } #placeholder-top .small-searchinput .submit.pressed { background-position: bottom; } #placeholder-content .full-articlelist-message { float: left; clear: left; margin-left: 30px; } /* -- Tabbed menus (main and right) ----------------------------------------- */ #placeholder-top .horizontal-menu, #placeholder-top .vertical-menu { height: 26px; margin-top: 8px; } /* See style-ie6.css */ #placeholder-top .horizontal-menu ul, #placeholder-top .vertical-menu ul { float: left; } #placeholder-top .horizontal-menu li, #placeholder-top .vertical-menu li { margin-left: 5px; width: 128px; height: 26px; background: url(images/tab.png) no-repeat; } #placeholder-top .horizontal-menu a:link, #placeholder-top .horizontal-menu a:visited, #placeholder-top .horizontal-menu a:hover, #placeholder-top .vertical-menu a:link, #placeholder-top .vertical-menu a:visited, #placeholder-top .vertical-menu a:hover { display: block; color: #fff; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; width: 116px; height: 19px; padding: 7px 0px 0px 12px; } #placeholder-top .horizontal-menu li.active, #placeholder-top .horizontal-menu li.main-active, #placeholder-top .vertical-menu li.active, #placeholder-top .vertical-menu li.main-active { background-position: bottom; } /* -- Main menu ------------------------------------------------------------ */ #placeholder-top .horizontal-menu { float: left; clear: left; width: 800px; } /* -- Right menu ----------------------------------------------------------- */ #placeholder-top .vertical-menu { float: right; clear: right; } /* See style-ie.css */ /* -- Sub-menu ------------------------------------------------------------- */ #placeholder-top .submenu { width: 100%; height: 27px; margin: 0px; } #placeholder-top .submenu li { width: auto; background: none; } #placeholder-top .horizontal-menu.submenu a { font-size: 11px; width: auto; } /* See style-ie6.css */ /* The submenu list items should not use background images, so we zero those out here */ #placeholder-top .submenu li.navyBlue, #placeholder-top .submenu li.blue, #placeholder-top .submenu li.orange, #placeholder-top .submenu li.cyan, #placeholder-top .submenu li.gray { background: none; } /* -- Site locator --------------------------------------------------------- */ .sitelocator { float: left; clear: left; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin: 5px 0px 25px 3px; } .sitelocator ul { float: left; } .sitelocator ul li { float: left; padding-left: 15px; background: url(images/sitelocator-separator.png) no-repeat 6px 2px; } .sitelocator ul li.first { background: none; } /* -- Link toolbar ---------------------------------------------------------- */ .linktoolbar { float: right; font-size: 10px; text-transform: uppercase; margin: 5px 0px 25px 0px; } .linktoolbar ul { float: left; } .linktoolbar ul li { float: left; padding-right: 15px; } /* -- Category banner display ----------------------------------------------- */ #placeholder-content .category-banner { float: left; clear: left; padding: 0px 0px 15px 30px; } /* -- Article display ------------------------------------------------------- */ .full-articledisplay { float: left; clear: left; width: 670px; padding: 0px 30px 30px 30px; } .full-articledisplay h1 { line-height: 1.0em; margin-bottom: 10px; } .full-articledisplay .tile-content h1, .full-articledisplay .tile-content h2, .full-articledisplay .tile-content h3 { font-size: 1.3em; font-weight: normal; } .full-articledisplay h2.digest { color: #000; font-size: 1.0em; line-height: 1.5em; margin-bottom: 15px; } .full-articledisplay .tile-content p { line-height: 1.5em; margin-bottom: 15px; } .full-articledisplay .tile-content .cp-mmarchive-image-left { margin: 4px 15px 0px 0px; } .full-articledisplay .tile-content .cp-mmarchive-image-right { margin: 4px 0px 0px 15px; } /* -- E-mail form display --------------------------------------------------- */ .full-articledisplay form input { width: 250px; } .full-articledisplay form textarea { width: 500px; } /* -- Contact information --------------------------------------------------- */ #placeholder-bottom .small-articledisplay { float: left; font-size: 0.9em; text-align: center; margin-top: 10px; width: 790px; } #placeholder-bottom .small-articledisplay a { color: #000; } /* -- Login form in right column -------------------------------------------- */ #placeholder-right .login-form { float: left; width: 190px; } #placeholder-right .login-form .tile-content { float: left; font-size: 0.9em; padding: 8px 17px 20px 17px; } #placeholder-right .login-form .row { float: left; clear: left; margin-bottom: 10px; } /* -- Banner display in right column ---------------------------------------- */ #placeholder-right .small-articledisplay { float: left; padding: 10px 19px; } /* -- Article list ---------------------------------------------------------- */ .full-articlelist { float: left; clear: left; width: 500px; padding: 0px 0px 30px 30px; } .full-articlelist h3, .full-articlelist p { margin-bottom: 5px; } .full-articlelist p { line-height: 1.5em; } .full-articlelist h3 a:link, .full-articlelist h3 a:hover, .full-articlelist h3 a:visited { color: #000; } .full-articlelist ul { list-style-type: none; padding: 0px; margin: 0px; } .full-articlelist ul li { clear: both; margin-bottom: 20px; } .list-thumbnail-left { float: left; margin: 5px 10px 0px 0px; } .list-thumbnail-right { float: right; margin: 5px 0px 0px 10px;} .full-articlelist .articlelist-link-internal ul li { clear: none; padding: 0px; border: none; } .list-navigation-text { margin-bottom: 15px; } /* -- Small article list ----------------------------------------------------- */ #placeholder-right .small-articlelist { float: left; width: 190px; } #placeholder-right .small-articlelist .date { float: left; clear: left; } #placeholder-right .small-articlelist h3 a { color: #fff; } #placeholder-right .small-articlelist .tile-content { float: left; font-size: 0.9em; padding: 8px 17px 20px 17px; } #placeholder-right .small-articlelist ul { float: left; } #placeholder-right .small-articlelist ul li { float: left; clear: left; margin-bottom: 15px; } #placeholder-right ul li a { float: left; clear: left; color: #000; line-height: 1.5em; } /* --- PTS pension calculator ------------------------------------------------*/ .pts-pension-calculator { float: left; clear: left; width: 582px; margin-bottom: 20px; padding-left: 30px; } .pts-pension-calculator h3 { float: left; clear: left; color: #eba601; font-size: 1.8em; font-weight: bold; width: 100%; margin-bottom: 5px; padding-left: 10px; } #form-panel { float: left; width: 492px; margin-bottom: 3px; padding: 25px 10px 10px 10px; background: url(images/calculator-form-background.png) no-repeat; } #form-panel ul { margin: 0px; padding: 0px; } #form-panel ul li { display: block; float: left; clear: left; width: 492px; margin-bottom: 3px; padding: 2px 0px 2px 0px; background: center no-repeat; } #form-panel ul li.null { background-image: url(images/formfield-null-background.gif); } #form-panel ul li.valid { background-image: url(images/formfield-valid-background.png); } #form-panel ul li.invalid { background-image: url(images/formfield-invalid-background.png); } #form-panel label { display: block; float: left; text-align: right; width: 300px; margin: 4px 0px 3px 0px; } #form-panel input { float: left; font-size: 1.1em; width: 80px; margin-left: 10px; } /* See style-ie.css */ #form-panel span { float: left; width: 80px; padding: 4px 5px 3px 5px; } #calculate { float: right; width: 183px; height: 27px; margin-top: 7px; padding: 0px; border: none; background: url(images/calculator-button-no.png) no-repeat; } .en_GB #calculate { background-image: url(images/calculator-button-en.png); } #calculate.normal { background-position: top; } #calculate.hover { background-position: bottom; } .pts-pension-calculator .reflector { float: left; width: 512px; min-height: 53px; background: url(images/calculator-reflection-no.png) no-repeat; } .en_GB .pts-pension-calculator .reflector { background-image: url(images/calculator-reflection-en.png); } #result-panel { display: none; float: left; width: 512px; padding: 14px 10px 10px 10px; background: url(images/calculator-result-background.png) left bottom no-repeat; } #result-panel table { width: 490px; } #result-panel td.label, #result-panel td.value { padding: 5px 5px 5px 5px; background: #c8ead8; } #result-panel .label { width: 70%; } #result-panel .value { font-weight: bold; text-align: right; width: 15%; } #result-panel .monthly, #result-panel .annual { text-align: center; } #result-panel th.monthly, #result-panel th.annual { color: #fff; text-align: left; } #result-panel .note { display: block; color: #fff; padding: 8px; } /* --- Sitemap ---------------------------------------------------------------*/ .sitemap { float: left; clear: left; } /* --- Lightbox --------------------------------------------------------------*/ #lightbox-overlay { z-index: 999; background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #lightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; border: 1px solid #dedede; top: 50px; margin: auto; overflow: auto; width: 400px; max-height: 90%; background: #fff; } #lightbox-spinner { background: #fff url(images/lightbox/spinner.gif) center no-repeat; width: 220px; height: 19px; margin: 15% auto; } #lightbox-container { padding: 15px 20px 10px 20px; } #lightbox-close-container { position: absolute; right: 0; } #lightbox-close span { display:none; } #lightbox-close { display: block; width: 101px; height: 9px; margin-right: 10px; background: url(images/lightbox/close-no.png) no-repeat 10px; } #lightbox .tile-common { border: 0px; } /* --- Suggestion form (lightbox style) -------------------------------------- */ #lightbox .suggestionform label { display: block; } #lightbox .suggestionform input.textinput { width: 300px; margin-bottom: 5px; } #lightbox .suggestionform input.captcha { width: auto; } #lightbox .suggestionform textarea { width: 300px; } #lightbox .suggestionform h3 { display: none; } #lightbox .suggestionform { width: 320px; margin-left: auto; margin-right: auto; } /* -- Error message display --------------------------------------------------- */ #container.error-container .page-header { display: none; } #container.error-container div { padding: 30px; }