/* PROUDLY PRESENTED BY KEYTEQ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ______________________________________________________________ GENERIC TYPOGRAPHY */ img a:hover { border:0 !important; } body { line-height: 1.5; color: #000; font-size: 62.5%; /*background: #00001B;*/ background: #000000; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; position: relative; } textarea#ASUserInput { color: #333; font-size: 1.1em; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; } /*#Avatar { width: 10px; height: 10px; background: red; position: absolute; top: -96px; left: 1013px; clear: both; } #chess .front-avatar { left: 653px; top: 211px; }*/ h1,h2,h3,h4,h5,h6 { line-height: 1; color: #BE0A26; font-weight: normal; } h2 { font-size: 1.6em; margin: 0 0 0.5em 0; } ol { list-style-type: decimal; margin: 0 0 1.5em 0; } ul { list-style-type: square; margin: 0 0 1.5em 0; } p { margin: 0 0 1.5em 0; } a { color: #BE0A26; text-decoration: none; } a:hover { text-decoration: none; /*border-bottom: 1px solid #BE0A26;*/ text-decoration:underline; } #KQMenuContainer a, #KeyPublisherAdminbarMainMenu a, #KeyPublisherAdminbarQuickNaviContainerContent a { border: 0; } em { font-style: italic; } strong { font-weight: bold; } /* ______________________________________________________________ FRAMEWORK */ .new-generic-sidebar { width: 210px; height: 139px; position: relative; overflow: hidden; float: left; clear: both; padding: 0 0 10px; } .new-generic-sidebar img { display: block; } #servicepriceNice { background:transparent url(/sitefiles/1/design/forms/text-input-260.png) no-repeat scroll 0 0; border:0 none; color:#000; float:left; font-family:"Lucida Sans Unicode","Lucida Grande","Bitstream Vera Sans",Arial,sans-serif; font-size:1em; width:260px; padding:3px 5px; line-height:2px; } #servicepriceNice option { background-color:#fff } #chess { width: 100%; padding: 0 0 50px 0; /*OLES fiks*/ background: #000000 url(/sitefiles/1/design/layout/body-bg.gif) 0 -14px repeat-x; /*background: #00001B url(/sitefiles/1/design/layout/body-bg.gif) 0 -14px repeat-x;*/ } #purple-wrap { width: 100%; /*OLES fiks*/ background: url(/sitefiles/1/design/layout/body-bg_clean.png) 50% 32px no-repeat; /*background: url(/sitefiles/1/design/layout/body-bg.png) 50.1% 32px no-repeat;*/ /*background: url(/sitefiles/1/design/layout/purple-bottom.png) 46px 361px no-repeat;*/ } #wrap { width: 930px; /*padding: 0 87px;*/ margin: 0 auto; /*background: url(/sitefiles/1/design/layout/deco-on-white.png) 0 0 no-repeat;*/ } #top { width: 930px; height: 69px; float: left; clear: both; padding: 32px 0 0 0; position: relative; overflow: hidden; } #top p { width: 311px; float: left; } .microsite-global #top p { width: 400px; } #top p a, #top p span { text-indent: -9999px; outline: none; display: block; border: 0; } #top p a#go-home { width: 105px; height: 69px; background: url(/sitefiles/1/design/layout/logo.png) 0 0 no-repeat; float: left; clear: left; } .microsite-global #top p a#go-home { margin: 0 30px 0 0; } #top p #one-of-us { /*width: 161px;*/ width: 325px; height: 29px; /*background: url(/sitefiles/1/design/layout/en-av-oss.png) 0 100% no-repeat;*/ background: url(/sitefiles/1/design/layout/lave-priser.png) 0 100% no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/en-av-oss.png", sizingMethod="scale"); float: right; clear: right; margin: 13px -135px 0 0; /*margin: 13px 0 0 0;*/ } .microsite-global #top span#one-of-us-en, .microsite-global #top span#one-of-us-pl { float: left; clear: right; margin: 13px 0 0 0; text-indent: -9999px; } .microsite-global #top span#one-of-us-en { width: 209px; height: 25px; background: url(/sitefiles/1/design/layout/one-of-us-en.png) 0 100% no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/one-of-us-en.png", sizingMethod="scale"); } .microsite-global #top span#one-of-us-pl { width: 225px; height: 29px; background: url(/sitefiles/1/design/layout/one-of-us-pl.png) 0 100% no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/one-of-us-pl.png", sizingMethod="scale"); } #container { width: 930px; float: left; clear: both; background: url(/sitefiles/1/design/layout/container-top.png) 0 0 no-repeat; } #col-wrap { width: 930px; float: left; clear: both; } #chess.front-2010 #col-wrap { padding: 0 0 10px; } #col-wrap-inner { width: 930px; float: left; clear: both; } #main-col, #main-box { width: 710px; float: left; clear: left; } #main-box { *position: relative; *z-index: 95; _position: static; _z-index: auto; } #main-col .footer { position:absolute; color: #FFF; width:685px; padding-left: 20px; bottom: -39px; left: 0; clear: both; } #main-col .footer .copyr { padding-left:50px; color:#AAA; } #main-col .footer ul { list-style-type:none; margin:0; padding:0; } #main-col .footer ul li { float:left; padding-right:10px; } #main-col .footer ul li a { color: #AAA; } #main-col .footer ul li a:hover { color:#ebebeb; } #main-col .footer .active { color:#ebebeb; text-decoration:underline; } #main-col .footer .sitemap { float:right; padding-right:20px; } #main-col-bottom-corners { background: url(/sitefiles/1/design/layout/container-bottom-w-corner.png) 0 0 no-repeat; height: 9px; width: 710px; position: absolute; bottom: -9px; clear: both; left: 0; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/container-bottom-w-corner.png", sizingMethod="scale"); overflow: hidden; z-index: 10; } #chess.front-2010 #main-col-bottom-corners { width: 8px; height: 8px; bottom: 0; background-image: url(/sitefiles/1/design/layout/bottom-left-corner-solid.gif); _filter: none; } #main-col { background: url(/sitefiles/1/design/layout/main-box-y.png) 0 0 repeat-y; _background: url(/sitefiles/1/design/layout/main-col-ie6.gif) -10px 0 repeat-y; position: relative; z-index: 100; height: auto; _height: 558px; min-height: 567px; } #chess.front-2010 #main-col { _height: 418px; min-height: 427px; margin: 0; } #chess .no-borders { background: none; } #main-box #main-box-top { background: url(/sitefiles/1/design/layout/main-box-top.png) 0 0 no-repeat; width: 710px; float: left; clear: both; *position: relative; *z-index: 90; _position: static; _z-index: auto; } #main-box #main-box-bottom { background: url(/sitefiles/1/design/layout/main-box-bottom.png) 0 100% no-repeat; padding: 0 10px 10px 0; width: 700px; float: left; clear: both; *position: relative; *z-index: 85; _position: static; _z-index: auto; } #main-box #main-box-bottom.no-bottom { background: none; } #chess.front-2010 #main-box-bottom { padding-bottom: 0; height: 427px; } .shadow-static { background-color: #FFF; } .shadow-static #main-col { background: #FFF; height: auto; min-height: none; margin: 0 0 9px 0; height: auto; _height: 557px; min-height: 556px; } .shadow-static #main-box { background: url(/sitefiles/1/design/layout/main-box-y.png) 0 0 repeat-y; _background: none; } .shadow-static #main-col-bottom-corners { background: url(/sitefiles/1/design/layout/container-bottom-710.png) 0 0 no-repeat; width: 710px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/container-bottom-710.png", sizingMethod="scale"); } #main-box #main-box-inner { padding: 0 10px 0 0; width: 700px; float: left; clear: both; position: relative; } #content-top, #content-bottom { width: 680px; float: left; clear: both; padding: 10px; } #content-top { padding: 10px; *position: relative; *z-index: 80; _position: static; _z-index: auto; min-height: 362px; _height: 362px; } #chess.front-2010 #content-top { height: 373px; } #chess .no-padding { width: 700px; padding: 0; position: relative; } #content-left { float:left; width:186px; } #main-content { float:right; clear: right; width:494px; } #livestream { width: 944px; height: 138px; margin: 0 auto 10px; position: relative; overflow: hidden; } #livestream iframe { width: 944px; height: 138px; } #content-bottom { background: url(/sitefiles/1/design/layout/box-690-y.png) 0 0 repeat-y; width: 658px; padding: 11px 16px; position: relative; margin: 0 0 0 10px; _margin: 0 0 0 5px; overflow: hidden; z-index: 100; } #chess.front-2010 .new-bottom { width: 930px; margin: 0 auto; } #chess.front-2010 .new-bottom #content-bottom { width: 914px; height: 137px; margin: 0; padding: 0 0 0 16px; background: url(/sitefiles/1/design/layout/bottom-lists-box.png) 0 -137px repeat-x; } #chess.front-2010 .new-bottom .footer { color: #FFF; float: left; width: 898px; padding: 10px 16px 0; clear: both; } #chess.front-2010 .new-bottom .footer .copyr { padding-left: 50px; color: #AAA; } #chess.front-2010 .new-bottom .footer ul { list-style-type: none; margin: 0; padding: 0; } #chess.front-2010 .new-bottom .footer ul li { float: left; padding-right: 10px; } #chess.front-2010 .new-bottom .footer ul li a { color: #AAA; } #chess.front-2010 .new-bottom .footer ul li a:hover { color: #ebebeb; } #chess.front-2010 .new-bottom .footer .active { color: #ebebeb; text-decoration: underline; } #chess.front-2010 .new-bottom .footer .sitemap { float: right; padding: 0; } #content-bottom .top-corners-690 { background: url(/sitefiles/1/design/layout/box-690-top.png) 0 0 no-repeat; width: 690px; height: 7px; position: absolute; top: 0; left: 0; overflow: hidden; *margin-bottom: -7px; } #chess.front-2010 .new-bottom #content-bottom .top-corners-690 { width: 5px; height: 137px; clear: both; background: url(/sitefiles/1/design/layout/bottom-lists-box.png) 0 0 no-repeat; *margin: 0; } #content-bottom .bottom-corners-690 { background: url(/sitefiles/1/design/layout/box-690-bottom.png) 0 0 no-repeat; width: 690px; height: 7px; position: absolute; bottom: 0; left: 0; overflow: hidden; *margin-top: -7px; } #chess.front-2010 .new-bottom #content-bottom .bottom-corners-690 { width: 5px; height: 137px; left: auto; right: 0; clear: both; background: url(/sitefiles/1/design/layout/bottom-lists-box.png) -5px 0 no-repeat; *margin: 0; } #content-bottom .bottom-corners-690 .third { float: left; width: 232px; } #content-bottom .bottom-corners-690 .two-thirds { float: right; width: 457px; } .no-bottom-frame #content-bottom { background: none; width: 690px; padding: 0; } .no-bottom-frame #content-bottom .bottom-corners-690, .no-bottom-frame #content-bottom .top-corners-690 { display: none; } #frame-this { width: 660px; float: left; clear: both; position: relative; padding: 17px 10px 7px 10px; background: url(/sitefiles/1/design/layout/box-680-y.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-y.png", sizingMethod="scale"); overflow: hidden; } #frame-this #frame-this-top { background: url(/sitefiles/1/design/layout/box-680-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-top.png", sizingMethod="scale"); width: 680px; height: 7px; position: absolute; top: 0; left: 0; overflow: hidden; *margin-bottom: -7px; } #frame-this #frame-this-bottom { background: url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-bottom.png", sizingMethod="scale"); width: 680px; height: 7px; position: absolute; bottom: 0; left: 0; overflow: hidden; *margin-top: -7px; } #frame-this #main-content { width: 470px; float: left; } #side-col { width: 220px; float: right; clear: right; background: #FFF url(/sitefiles/1/design/layout/side-col-bottom.gif) 100% 100% no-repeat; padding: 0 0 0 10px; margin: 0 0 0 -10px; *padding: 0 0 0 10px; position: relative; _left: 0; z-index: 1; } #side-col-inner { float: left; clear: both; width: 210px; padding: 5px 10px 0 0; height: auto; _height: 545px; min-height: 545px; background: url(/sitefiles/1/design/layout/container-top.png) 100% 0 no-repeat; } #chess.front-2010 #side-col-inner { _height: 422px; min-height: 422px; } #side-col #white-square { width: 20px; height: 10px; position: absolute; left: -10px; bottom: 0; background: #FFF; z-index: 10000; _margin-left: -10px; _clear: both; _position: relative; _margin-top: -14px; } .clear { clear: both; } #main-col #ie-shadow-right { position: absolute; right: 1px; top: 0; bottom: 9px; width: 9px; height: 650px; float: right; z-index: 1000; margin: 13px 0 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/shadow-y.png", sizingMethod="scale"); *display: none; _display: block; } /* ______________________________________________________________ MENU TEMPLATE: SERVICE MENU */ #service-menu, #service-menu ul, #service-menu li { width: 186px; float: left; clear: both; list-style-type: none; line-height: 1.75; } #service-menu ul, #service-menu li { width: 146px; } #service-menu { background: url(/sitefiles/1/design/layout/dashed-pattern.gif) 165px 0 repeat-y; } #service-menu a { color: #6F6F6F; border: 0; } #service-menu li.main-cat a.top, #service-menu li.main-cat h4 { display: block; width: 146px; float: left; clear: both; color: #BE042A; font-size: 1.2em; font-weight: bold; } #service-menu li.main-cat h4 { padding: 0 0 .3em; } #service-menu a.sub { display: block; background: url(/sitefiles/1/design/layout/kundesenter/bullet.gif) 100% 50% no-repeat; } #service-menu a.sub:hover, #service-menu ul li.active a { color: #BE042A; background-image: url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif); } /* ______________________________________________________________ MENU TEMPLATE: MAIN HORIZONTAL MENU */ #main-menu { display: block; float: left; width: 700px; clear: both; margin: 0; background: url(/sitefiles/1/gfx/cs/main-menu.png) 0 0 no-repeat; } #main-menu li { display: block; height: 34px; float: left; position: relative; } #main-menu li a { display: block; height: 34px; line-height: 34px; float: left; background: url(/sitefiles/1/gfx/cs/menu-item-revamped.png) 100% 0 no-repeat; border: 0; position: relative; overflow: hidden; text-align: center; font-weight: bold; text-decoration: none; color: #FFF; font-size: 1.2em; text-shadow: #640309 1px 1px 1px; } #main-menu li.front, #main-menu li.front a { width: 76px; } #main-menu li.plans, #main-menu li.plans a { width: 110px; } #main-menu li.cs, #main-menu li.cs a { width: 113px; } #main-menu li.ws, #main-menu li.ws a { width: 96px; } #main-menu li.contact, #main-menu li.services a { width: 90px; } #main-menu li.music, #main-menu li.music a { width: 122px; } #main-menu li.about, #main-menu li.about a { width: 93px; } #main-menu li.contact, #main-menu li.contact a { width: 102px; } #main-menu li.first a span.left { display: block; width: 9px; height: 34px; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/1/gfx/cs/menu-item-revamped.png) -225px -136px no-repeat; } #main-menu li.first a:hover span.left { background-position: -225px -170px; } #main-menu li.last a span.right { display: block; width: 9px; height: 34px; position: absolute; top: 0; right: 0; clear: both; overflow: hidden; background: url(/sitefiles/1/gfx/cs/menu-item-revamped.png) -18px -136px no-repeat; } #main-menu li.last a:hover span.right { background-position: -18px -170px; } #main-menu li a:hover { background-position: 100% -34px; } #main-menu li.active a { color: #1E1E1E; text-shadow: #FFF 1px 1px 1px; } #main-menu li.active a, #main-menu li.active a:hover { background-position: 0 -68px; margin-left: -4px; padding: 0 4px 0 0; text-indent: 2px; } #main-menu li.front-active a, #main-menu li.front-active a:hover, #chess .has-sub li.front-active a, #chess .has-sub li.front-active a:hover { padding: 0; margin-left: 0; } #chess .has-sub li.active a, #chess .has-sub li.active a:hover { background-position: 0 -102px; } #main-menu li.active a span.left { width: 9px; height: 34px; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/1/gfx/cs/menu-item-revamped.png) -241px -136px no-repeat; } #main-menu li.active a span.right { width: 9px; height: 34px; position: absolute; top: 0; right: 0; clear: both; overflow: hidden; background: url(/sitefiles/1/gfx/cs/menu-item-revamped.png) 0 -136px no-repeat; } #chess .has-sub li.active a span.left { background-position: -241px -170px; } #chess .has-sub li.active a span.right { background-position: 0 -170px; } #main-menu li.front-active a span.left, #main-menu li.front-active a:hover span.left { width: 7px; background-position: -234px -136px; } #main-menu li.last-active a span.right, #main-menu li.last-active a:hover span.right { background-position: -9px -136px; } #sub-menu { width: 700px; height: 34px; float: left; clear: both; background: url(/sitefiles/1/gfx/cs/sub-menu.png) 0 0 no-repeat; position: relative; overflow: hidden; margin: 0 0 10px; } #sub-menu ul { width: 680px; padding: 0 10px; height: 34px; display: block; float: left; clear: both; list-style: none; position: relative; } #sub-menu ul li { float: left; position: relative; z-index: 2; } #sub-menu ul li a { display: block; height: 34px; line-height: 34px; padding: 0 11px; float: left; color: #000; font-size: 1.1em; text-decoration: none; } #sub-menu ul li a:hover, #sub-menu ul li.active a { color: #000; } #sub-menu ul li a:active { color: #878787; } #sub-menu ul li.background { padding: 7px 0 0; height: 20px; position: absolute; z-index: 1; clear: both; background: url(/sitefiles/1/gfx/cs/sub-menu-hover.png) 100% 7px no-repeat; } #sub-menu ul li.background .left { height: 20px; background: url(/sitefiles/1/gfx/cs/sub-menu-hover.png) 0 -20px no-repeat; } /* ______________________________________________________________ MENU TEMPLATE: EXTERNAL SITES */ #external { width: 310px; height: 29px; position: absolute; overflow: hidden; bottom: 0; _bottom: -1px; right: 0; display: block; padding: 0; clear: both; list-style-type: none; margin: 0; background: url(/sitefiles/1/gfx/new-sister-bg.png) 0 0 no-repeat; } #external li { float: left; width: 103px; text-align: center; position: relative; overflow: hidden; } #external li.first { text-align: left; } #external li.last { text-align: right; } #external li a { color: #000; border: 0; display: block; height: 29px; line-height: 29px; float: left; font-size: 1.3em; font-weight: bold; text-shadow: #FFF 1px 1px 1px; padding: 0 28px } #external li a:hover, #external li.active a { color: #BE042A; text-decoration: none; } /* ______________________________________________________________ FORM: SITE SEARCH */ #site-search { width: 210px; clear: both; overflow: auto; padding: 0 0 12px 0; } #site-search input#site-search-text { float: left; width: 161px; color: #666; font-size: 1.2em; border: 0; padding: 4px 8px 0 8px; height: 22px; background: url(/sitefiles/1/design/forms/site-search-text.png) 0 0 no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; } #site-search input#site-search-submit { float: left; width: 33px; border: 0; height: 26px; background: url(/sitefiles/1/design/forms/site-search-submit.png) 0 0 no-repeat; cursor: pointer; } .searchpageform { width: 210px; overflow: auto; padding: 0 0 0 0; float:right; } .searchpageform input.searchpageinput { float: left; width: 161px; color: #666; font-size: 1.2em; border: 0; padding: 4px 8px 0 8px; height: 22px; background: url(/sitefiles/1/design/forms/site-search-text.png) 0 0 no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; } .searchpageform input.searchpagesubmit { float: left; width: 33px; border: 0; height: 26px; background: url(/sitefiles/1/design/forms/site-search-submit.png) 0 0 no-repeat; cursor: pointer; } /* ______________________________________________________________ PRODUCT TEMPLATE: PLANS LIST */ #plans { width: 680px; float: left; clear: both; } #plans .plan { width: 115px; float: left; padding: 5px 10px 40px 5px; margin: 0 10px 0 0; background: url(/sitefiles/1/design/layout/dashed-line.gif) 100% 45px no-repeat; height: auto; _height: 317px; min-height: 317px; position: relative; } #plans .last { padding: 5px 0 40px 4px; margin: 0; background: none; } #plans .plan .plan-inner { width: 115px; float: left; clear: both; } #plans .plan h2 { color: #BE0A26; font-size: 1.4em; font-weight: normal; margin: 0 0 1em 0; } #plans .plan h2 a { display: block; padding: 160px 0 0 0; border: 0; } #plans .plan h2 a:hover { text-decoration: none; } #plans .plan p.plan-intro { line-height: 1.25; margin: 0 0 1em 0; } #plans .plan a.read-more-bli-kunde { padding: 1.25em 0 0 3px; border: 0; padding: 0 0 1px 0; } #plans .plan a.read-more-bli-kunde:hover { padding: 0; } #plans .plan a.direct-order { display: block; width: 80px; height: 28px; line-height: 1; outline: none; color: #FFF; border: 0; text-decoration: none; text-transform: uppercase; padding: 10px 0 0 10px; background: url(/sitefiles/1/design/layout/fat-arrow.png) 0 0 no-repeat; font-size: 11px; /*float: right; clear: both; margin: 5px -5px 0 0; _position: relative; _right: 0; _bottom: 0;*/ position: absolute; right: 11px; bottom: 0; } #plans .last a.direct-order { right: -5px; } #plans .plan a.read-more { display: block; width: 69px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 10px; font-size: 10px; /*margin: 45px -5px 0 0; _position: relative; _right: 0; _bottom: 0; float: right; clear: both;*/ border: 0; position: absolute; bottom: 0; right: 11px; } #plans .last a.read-more { right: -5px; } #plans .plan a.direct-order:hover { background-position: 0 -38px; } /* ______________________________________________________________ PRODUCT TEMPLATE: PLAN DETAILS */ #plan { width: 680px; float: left; clear: both; padding: 30px 0 0 0; } /* KWV 2009-10-21 LAGT TIL FONT-SIZE: 11PX */ #col-wrap .old-plan { padding: 20px 0 0; font-size: 11px; } #plan #banner-space { padding: 0 0 15px; } #chess .community, #chess .mobile-broadband, #chess .banner-top { padding: 0; } #chess .global #plan-intro { padding-top: 0; } #chess .global #banner-area { width: 435px; height: 325px; } #plan #plan-intro { width: 620px; padding: 0 30px; float: left; } #chess .community #plan-intro, #chess .mobile-broadband #plan-intro { width: 680px; clear: both; padding: 10px 0 0 0; background: none; } #plan #image-wrap { width: 176px; float: left; margin: 0 10px 0 0; height: 260px; overflow: hidden; } #chess .community #image-wrap { width: 175px; padding: 30px 20px 0 15px; height: auto; } #chess .mobile-broadband #image-wrap { width: 680px; height: 135px; padding: 0 0 15px; height: auto; clear: both; margin: 0; position: relative; overflow: hidden; } #chess .mobile-broadband #image-wrap img { float: left; } #chess .mobile-broadband #image-wrap h2 { height: 135px; line-height: 135px; width: 680px; position: absolute; left: 0; top: 0; clear: both; text-align: center; color: #FFF; font-size: 3.6em; display: none; } #plan #text-wrap { width: 249px; float: left; height: 225px; padding: 0 0 10px 0; position: relative; } #chess .community #text-wrap { width: 460px; padding: 20px 0 10px 0; } #chess .community #text-wrap p { font-size: 1.3em; line-height: 1.8; } #chess .mobile-broadband #text-wrap { width: 680px; padding: 0; clear: both; height: auto; } #chess .mobile-broadband #text-wrap p { font-size: 1.3em; line-height: 1.6; color: #616161; width: 660px; float: left; clear: both; padding: 0 10px; } #chess .community img.for { display: block; clear: both; margin: 0 0 15px 0; } .old-plan #plan-intro #text-wrap { width: 435px; height: auto; padding: 0; } #chess .mobile-broadband #boxes { width: 680px; float: left; clear: both; list-style: none; color: #222; margin: 0; } #chess .mobile-broadband #boxes li { width: 198px; float: left; margin: 0 10px 0 0; padding: 21px 11px 0; _height: 159px; min-height: 159px; background: url(/sitefiles/1/design/mobilt-bredband/fade-box.png) 0 0 no-repeat; } #chess .mobile-broadband #boxes li.last { margin: 0; } #chess .mobile-broadband #boxes li h3 { font-weight: bold; font-size: 1.6em; width: 198px; float: left; clear: both; margin: 0 0 .8em; letter-spacing: -.025em; text-align: left; color: #222; padding: 0; } #chess .mobile-broadband #boxes li p { font-size: 1.1em; width: 198px; float: left; clear: both; margin: 0; line-height: 1.6; } #chess .mobile-broadband #boxes li p img { float: left; margin: 0 6px 0 0; } #chess .mobile-broadband #boxes li p a.read-more { color: #222; font-weight: bold; } .mobile-broadband #slide-container #slide-tab-menu, #chess #slide-container #slide-tab-menu { background: url(/sitefiles/1/design/mobilt-bredband/tabs-bg.png) 0 0 no-repeat; } #plan #order-options { width: 460px; float: right; clear: both; } #plan #order-options #without-cell, #plan #order-options #with-cell { width: 220px; float: left; height: 160px; padding: 0; position: relative; _overflow: hidden; } #plan #order-options #without-cell a, #plan #order-options #with-cell a { display: block; width: 69px; height: 21px; line-height: 21px; text-decoration: none; text-align: center; outline: none; color: #FFF; font-size: 1em; padding: 1px 2px 5px; background: url(https://www.chess.no/sitefiles/1/design/layout/proceed-73-alpha.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://www.chess.no/sitefiles/1/design/layout/proceed-73-alpha.png", sizingMethod="scale"); position: absolute; right: 0; bottom: 0; clear: both; } #plan #order-options #without-cell a { right: 20px; } #plan #order-options #without-cell { padding: 0 20px 0 0; background: url(/sitefiles/1/design/layout/dashed-pattern.gif) 230px 0 repeat-y; } #plan #order-options .illu { width: 100px; float: left; margin: 0 10px 0 0; } #plan #order-options #with-cell .illu { position: relative; height: 160px; overflow: hidden; } #plan #order-options .illu img { position: absolute; top: -8px; left: 0; z-index: 10; } #plan #order-options h3 { color: #DC0000; font-size: 1.3em; line-height: 1.8; float: right; width: 110px; text-align: left; clear: right; padding: 20px 0 0 0; } #plan h2, #plan h3 { font-size: 1.8em; font-weight: normal; line-height: 1; margin: 0 0 0.5em 0; color: #BE0A26; } #chess .community h2#ab-header { width: 460px; float: left; clear: both; font-size: 2.4em; margin: 0 0 .75em 0; } #plan h3 { color: #707070; text-align: center; margin: 0 0 1em 0; width: 230px; float: left; clear: both; } #chess .mobile-broadband h3 { font-size: 1.8em; font-weight: normal; line-height: 1; margin: 0 0 .5em; color: #BE0A26; width: 660px; padding: 0 10px; text-align: left; } #chess .mobile-broadband #product-slide h3 { padding: 0; margin: 0 0 1em; } #plan h3 strong { display: block; padding: 0 0 0.25em 0; } #plan a#direct-order { display: block; width: 80px; height: 28px; line-height: 1; outline: none; color: #FFF; border: 0; text-decoration: none; /*text-transform: uppercase;*/ padding: 10px 0 0 10px; background: url(/sitefiles/1/design/layout/fat-arrow.png) 0 0 no-repeat; font-size: 11px; position: absolute; right: 0; bottom: -15px; } #plan a#direct-order:hover { background-position: 0 -38px; } #plan #with-cell, #plan #global-toolbox { width: 230px; float: right; padding: 10px 0 0 0; height: 305px; position: relative; } #plan #global-toolbox { padding: 0; height: auto; } #plan #with-cell #cell-pic { float: left; width: 230px; clear: both; margin: 0 0 20px 0; } #plan #with-cell #cell-pic img { display: block; margin: 0 auto; } #plan #with-cell a { display: block; width: 69px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) 0 0 no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 10px; font-size: 10px; border: 0; *float: right; *clear: both; position: absolute; right: 0; bottom: 0; } #plan #global-toolbox .box { width: 210px; float: left; clear: both; padding: 0 0 0 20px; text-align: left; background: 100% 100% no-repeat; position: relative; } #plan #global-toolbox .box h3 { color: #BE042A; font-size: 1.4em; text-align: left; line-height: 1.25; margin: 0 0 0.25em 0; width: 210px; } #plan #global-toolbox .with-phone p.words { margin: 0; } #plan #global-toolbox .box p.read-more { margin: 0; float: left; clear: both; width: 210px; } #plan #global-toolbox .box p.read-more a { line-height: 18px; text-decoration: none; color: #BE0A26; font-size: 11px; border: 0; float: left; clear: both; } #plan #global-toolbox .box p.read-more a:hover { text-decoration: underline; } #plan #global-toolbox .box a.overlay { display: block; position: absolute; right: 0; bottom: 0; clear: both; } #plan #global-toolbox .with-phone a.overlay { top: 0; } #plan #global-toolbox .international ul.intl-sites { width: 210px; height: 53px; float: left; clear: both; margin: 0.5em 0 0 0; overflow: hidden; } #plan #global-toolbox .international ul.intl-sites li { float: left; display: inline; width: 100px; height: 53px; padding: 0 10px 0 0; } #plan #global-toolbox .international ul.intl-sites li.pol { padding: 0; _width: 90px; _float: right; _clear: right; } #plan #global-toolbox .international ul.intl-sites li a { display: block; float: left; padding: 0 0 0 56px; line-height: 44px; color: #4D4D4D; background: 0 -53px no-repeat; font-size: 1.2em; height: 53px; width: 46px; } #plan #global-toolbox .international ul.intl-sites li.eng a { background-image: url(/sitefiles/1/design/layout/abo-en-new.jpg); } #plan #global-toolbox .international ul.intl-sites li.pol a { background-image: url(/sitefiles/1/design/layout/abo-pl-new.jpg); } #plan #global-toolbox .international ul.intl-sites li a:hover { background-position: 0 0; } #plan #global-toolbox .clear { width: 230px; height: 22px; float: left; clear: both; background: url(/sitefiles/1/design/layout/108-dashes.gif) 50% 50% no-repeat; } #plan #other-plans { width: 400px; float: left; clear: both; list-style-type: none; margin: 0; padding: 0 0 0 35px; } #plan #other-plans li { float: left; display: inline; margin: 0 20px 0 0; width: 80px; } .old-plan #plan-intro #other-plans, #chess #plan-intro ul.bedrift { padding: 0; width: 400px; } .old-plan #plan-intro #other-plans li, #chess #plan-intro ul.bedrift li { margin: 0 11px 0 0; width: auto; } #plan #other-plans li.last, .old-plan #plan-intro #other-plans li.last, #chess #plan-intro ul.bedrift li.last { margin: 0; } #plan #other-plans li.last { margin: 0; } #plan #other-plans li a { display: block; float: left; color: #707070; border: 0; background: 50% 0 no-repeat; height: 20px; padding: 42px 0 0 0; } #plan #other-plans li a:hover { text-decoration: none; color: #202020; } /* ______________________________________________________________ PRICE TABLES */ table.chess_price_table { width: 420px; margin: 0 0 20px 0; border-collapse: collapse; clear: both; } table.chess_price_table td { padding: 1px 6px 1px 0; } table.chess_price_table th { font-weight: bold; padding: 1px 6px 1px 0; color: #000; } /* ______________________________________________________________ PRODUCT TEMPLATE: NOT LONGER SOLD PLANS */ #planslider { width: 700px; padding: 0; _padding: 10px 0 0; height:14px; position: relative; clear: both; z-index: 60002; top: 0; left: -10px; _margin-left: -5px; overflow: hidden; float:left; clear: both; } .abo-0 #old-plans-wrap, .abo-1 #old-plans-wrap { /*left: -233px;*/ left: 0; } .abo-2 #old-plans-wrap { /*left: -154px;*/ left: 0; } .abo-3 #old-plans-wrap, .mob-bb #old-plans-wrap { /*left: -75px;*/ left: 0; } #planslider p#show-hide-plans { padding: 0; position: relative; margin: 0; overflow: hidden; } #planslider p#show-hide-plans a { display: block; height: 15px; text-indent: -9999px; outline: none; background: url(/sitefiles/1/bilder/abo-new/andre-abonnement.gif) 50% 50% no-repeat; } #planslider #old-plans { overflow: hidden; display: block; position: relative; height: 150px; } #planslider #old-plans #old-plans-inner { position: relative; padding: 5px 0 0 0; top: 15px; clear: both; left: 0; width: 700px; _position: absolute; } /* KWV 2009-10-21 LAGT TIL FONT-SIZE: 11PX */ #planslider #old-plans p#old-plans-disclaimer { margin: 0 100px 2em 100px; _margin: 0 100px 2em 50px; width: 500px; float: left; clear: both; font-size: 11px; } /* KWV 2009-10-21 ENDRET FONT-SIZE FRA 1EM TIL 1.1EM */ #planslider #old-plans ul { float: left; width: 550px; clear: both; font-size: 1.1em; list-style-type: none; margin: 0 100px 10px 100px; _margin: 0 100px 10px 50px; } #planslider #old-plans ul li { padding: 0 25px 0 0; margin: 0; float: left; display: inline; } /* ______________________________________________________________ ARTICLE TEMPLATE: NEWS IN LIST IN SIDE COLUMN */ #side-col-news { float: left; width: 210px; clear: both; background: url(/sitefiles/1/design/layout/right-col-box-y.png) 0 0 repeat-y; margin: 0 0 10px 0; position: relative; } #side-col-news .news-top { width: 210px; height: 9px; background: url(/sitefiles/1/design/layout/right-col-box-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-top.png", sizingMethod="scale"); position: absolute; top: 0; left: 0; overflow: hidden; } #side-col-news .news-bottom { width: 210px; height: 9px; background: url(/sitefiles/1/design/layout/right-col-box-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-bottom.png", sizingMethod="scale"); position: absolute; bottom: 0; left: 0; overflow: hidden; } #side-col-news .loudspeaker-bg, #side-col-news .q-bg { float: left; width: 170px; clear: both; background: url(/sitefiles/1/design/layout/loudspeaker.jpg) 50% 10px no-repeat; padding: 130px 20px 10px 20px; } #side-col-news .q-bg { background: url(/sitefiles/1/design/layout/qm.jpg) 50% 10px no-repeat; height: auto; _height: 317px; min-height: 317px; } #side-col-news .loudspeaker-bg { height: auto; _height: 372px; min-height: 372px; } #side-col-news h2 { font-size: 1.4em; color: #BE0A26; margin: 0 0 0.75em 0; } #side-col-news ul { list-style-type: none; font-size: 1.1em; padding: 0 0 1.5em 5px; line-height: 1.25; margin: 0; } #side-col-news ul li { padding: 0 0 1em 0; } #side-col-news ul li a { color: #222; display: block; padding: 0 0 0 15px; background: url(/sitefiles/1/design/layout/kundesenter/bullet.gif) 0 0.1em no-repeat; } #side-col-news ul li a:hover { background-image: url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif); border: 0; text-decoration: underline; color: #BE042A; } #side-col-news a.archives { display: block; line-height: 18px; text-decoration: underline; color: #BE0A26; font-size: 12px; border: 0; float: right; clear: both; } #side-col-news a.archives:hover { text-decoration: none; } #side-col-news p.bulleted { line-height: 1; float: right; font-size: 1.1em; margin: 0 0 0.5em 0; } #side-col-news p.bulleted a { color: #222; display: block; background: url(/sitefiles/1/design/layout/kundesenter/bullet.gif) 0 -0.1em no-repeat; padding: 0 0 0 15px; } #side-col-news p.bulleted a:hover { border: 0; color: #BE042A; text-decoration: underline; background-image: url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif); } /* ______________________________________________________________ ARTICLE TEMPLATE: NEWS DETAILS */ /* KWV 2009-10-21 LAGT INN FONT-SIZE:11PX*/ #article-detail #ingress, #article-detail #text, #article-detail h2, #article-detail p#publishedtime, #article-detail p#bottom-nav { padding: 0 20px; font-size: 11px; } #article-detail h2 { margin: 0; padding: 0 0 .35em 20px; } #article-detail #page-banner { margin: 0 0 2em 0; } #article-detail p#bottom-nav { font-size: 1.3em; } .gotocontact .customBack a { display: block; width: 69px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 10px !important; text-align:left !important; font-size: 10px; border: 0; float: left; clear: left; } .gotocontact .customBack { width: 173px; clear: both; float: right; } #article-detail p#bottom-nav a.archives { float: right; clear: right; } /* ______________________________________________________________ CONTENT TEMPLATE: ABOUT BOXES THREE IN A ROW */ /* KWV 2009-10-21 LAGT INN FONT-SIZE: 11PX */ .about-boxes { width: 640px; float: left; clear: both; padding: 10px 20px 0 20px; font-size: 11px; } /* KWV 2009-10-21 OPPDATERT MIN-HEIGHT FRA 110PX TIL 135PX */ .about-boxes .about-box { float: left; width: 180px; margin: 0 50px 0 0; height: auto; _height: 110px; min-height: 135px; position: relative; } .about-boxes .right { margin: 0; } .about-boxes .clear { height: 15px; } .about-boxes .about-box h3 { color: #BE0A26; font-size: 1.4em; font-weight: normal; margin: 0 0 0.25em 0; } .about-boxes .about-box a.read-more { display: block; line-height: 18px; text-decoration: underline; color: #BE0A26; font-size: 11px; border: 0; clear: both; margin: 2em 0 0; position: absolute; left: 0; bottom: 0; } .about-boxes .about-box a.read-more:hover { text-decoration: none; } /* ______________________________________________________________ CONTENT TEMPLATE: CASH (ChessKontant) */ #cash-kontant { width: 400px; padding: 20px 0 0 280px; background: 40px 50% no-repeat; float: left; clear: both; height: auto; _height: 400px; min-height: 400px; } #cash-kontant .cash-wrapper { width: 360px; padding: 0 40px 0 0; float: left; clear: both; } #cash-kontant .cash-wrapper .cash { width: 150px; padding: 0 30px 0 0; float: left; } #cash-kontant .cash-wrapper .half { margin: 0 0 30px 0; height: auto; _height: 190px; min-height: 190px; position: relative; } #cash-kontant .cash-wrapper .full { width: 360px; padding: 0; background: #FFF 100% 0 no-repeat; height: auto; _height: 110px; min-height: 110px; clear: both; } #cash-kontant .cash-wrapper .full .text-wrap { padding: 0 210px 0 0; } #cash-kontant .cash-wrapper .full .clear { height: 61px; background: url(/sitefiles/1/design/layout/horizontal-border-line.gif) 0 30px repeat-x; } #cash-kontant .cash-wrapper .right { padding: 0 0 0 30px; background: url(/sitefiles/1/design/layout/dashed-pattern.gif) 0 0 repeat-y; } #cash-kontant .cash-wrapper .cash h3 { font-size: 1.4em; margin: 0 0 0.25em 0; } #cash-kontant .cash-wrapper .cash p.read-more { margin: 0; } #cash-kontant .cash-wrapper .half p.read-more { position: absolute; left: 0; bottom: 0; } #cash-kontant .cash-wrapper .right p.read-more { left: 30px; } #cash-kontant .cash-wrapper .cash p.read-more a { display: block; line-height: 18px; text-decoration: underline; color: #BE0A26; font-size: 12px; border: 0; } #cash-kontant .cash-wrapper .cash p.read-more a:hover { text-decoration: none; } /* ______________________________________________________________ CONTENT TEMPLATE: CASH LARGE (ChessKontant) */ #cash-kontant-large { width: 680px; margin: 20px 0; background: url(/sitefiles/1/design/layout/dashed-pattern.gif) 339px 0 repeat-y; float: left; clear: both; } #cash-kontant-large .cash { width: 320px; padding: 0 0 30px 20px; float: left; position: relative; } #cash-kontant-large .cash p.ingress img { margin: 0 0 20px 0; } #cash-kontant-large .cash-inner { width: 150px; padding: 0 169px 0 0; background: 95% 0 no-repeat; height: auto; _height: 200px; min-height: 200px; } #cash-kontant-large .right { padding: 0 0 30px 20px; } #cash-kontant-large .clear { height: 31px; background: url(/sitefiles/1/design/layout/horizontal-border-line.gif) 0 0 repeat-x; } #cash-kontant-large .cash h3 { font-size: 2em; line-height: 1.3; margin: 0 0 0.25em 0; } #cash-kontant-large .cash p.read-more { margin: 0; position: absolute; left: 15px; bottom: 30px; } #cash-kontant-large .right p.read-more { left: 20px; } #cash-kontant-large .cash p.read-more a { display: block; width: 69px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 10px; font-size: 10px; border: 0; } #cash-kontant-large #atm-wrap { display: none; } /* ______________________________________________________________ CONTENT TEMPLATE: FULL WIDTH BOX */ .full-width-box { width: 658px; height: 108px; *height: 98px; float: left; clear: both; overflow: hidden; } .full-width-box h3 { font-size: 1.4em; font-weight: normal; color: #BE0A26; width: 658px; clear: both; float: left; margin: 0 0 0.5em 0; } .full-width-box .image-wrap { float: left; clear: left; width: 175px; height: 85px; overflow: hidden; } .full-width-box img { float: left; } .full-width-box .flash-175 { float: left; clear: left; width: 175px; height: 85px; overflow: hidden; } .full-width-box .text-wrap { width: 463px; height: 86px; float: left; position: relative; font-size: 10px; line-height: 1.25; overflow: hidden; } .full-width-box a.more { display: block; width: 69px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 10px; font-size: 10px; position: absolute; right: 0; bottom: 0; border: 0; } /* ______________________________________________________________ CONTENT TEMPLATE: CONTACT PERSONS */ /*KWV 2009-10-21 LAGT INN FONT-SIZE: 11PX */ .contact-persons { width: 680px; float: left; clear: both; padding: 0 0 1px 0; background: url(/sitefiles/1/design/layout/horizontal-border-line.gif) 0 100% repeat-x; margin: 0 0 20px 0; font-size: 11px; } .contact-persons .contact-person { float: left; width: 330px; margin: 0 20px 20px 0; } .contact-persons .right { float: right; clear: right; margin: 0; } .contact-persons .contact-person .framed-person { width: 110px; height: 135px; position: relative; float: left; margin: 0 20px 0 0; } .contact-persons .contact-person .framed-person img { position: absolute; left: 0; top: 0; z-index: 1; } .contact-persons .contact-person .framed-person .frame { position: absolute; left: 0; top: 0; z-index: 2; width: 110px; height: 135px; background: url(/sitefiles/1/design/layout/contact-person-frame.png) 0 0 no-repeat; } .contact-persons .contact-person .textual-info { width: 200px; float: right; } .contact-persons .contact-person h3 { font-size: 1.4em; margin: 0 0 0.75em 0; } .contact-persons .contact-person h4 { color: #000; } /* ______________________________________________________________ CONTENT TEMPLATE: PROFILE MANUAL (BLUE BOOK) */ /* KWV 2009-10-21 LAGT INN FONT-SIZE: 11PX */ .blue-book { width: 680px; float: left; clear: both; font-size: 11px; } .blue-book h3 { font-size: 1.4em; margin: 0 0 1.5em 0; } .blue-book ul { list-style-type: none; } .blue-book ul.variants { width: 680px; float: left; clear: both; } .blue-book ul.variants li { width: 225px; float: left; } .blue-book ul.variants li div.preview { float: left; clear: both; width: 150px; height: 75px; margin: 0 0 1em 0; } .blue-book ul.variants li img { float: left; clear: both; } .blue-book ul.variants li ul.variant { width: 225px; float: left; } /* ______________________________________________________________ PRODUCT TEMPLATE: CELL LANDING PAGE */ #landing-cell { width: 638px; padding: 21px; background: url(/sitefiles/1/design/layout/box-680-y.png) 0 0 repeat-y; position: relative; margin: 0 0 10px 0; } #landing-cell .landing-cell-top { position: absolute; top: 0; left: 0; overflow: hidden; background: url(/sitefiles/1/design/layout/box-680-top.png) 0 0 no-repeat; width: 680px; height: 7px; } #landing-cell .landing-cell-bottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; width: 680px; height: 7px; } #landing-cell h2 { font-size: 3em; margin: 0 0 0.1em; text-transform: uppercase; } #landing-cell h3 { font-size: 1.8em; text-transform: uppercase; margin: 0 0 0.75em 0; } #landing-cell h4 { color: #6F7072; margin: 0 0 0.25em 0; } #landing-cell ul.accessories { margin: 0 2em; width: 150px; float: left; } #landing-cell .abonnomenttekst { float: left; color: #BE0A26; } #landing-cell .abonnomenttekst h4 { font-size: 1.4em; color: #BE0A26; } #landing-cell .abonnomenttekst .cost { float: left; font-size: 4em; letter-spacing: -3px; line-height: 1; } #landing-cell .abonnomenttekst .costst { float: left; display: block; font-size: 3em; padding: 0 0 1em 0.2em; line-height: 1; } #landing-cell .abonnomenttekst div.betingelser { color: #6F7072; font-size: 0.9em; clear: both; } #landing-cell .abonnomenttekst div.betingelser p { margin: 0; } /* ______________________________________________________________ CONTENT TEMPLATE: LANDING PAGE */ .landing { width: 678px; padding: 1px; clear: both; background: url(/sitefiles/1/design/layout/box-680-y.png) 0 0 repeat-y; position: relative; } .landing .landing-top { position: absolute; top: 0; left: 0; overflow: hidden; background: url(/sitefiles/1/design/layout/box-680-top.png) 0 0 no-repeat; width: 680px; height: 7px; margin: 0 0 10px 0; } .landing .landing-bottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; width: 680px; height: 7px; } .landing .landing-inner { background: 100% 100% no-repeat; float: left; clear: both; width: 333px; padding: 20px 325px 20px 20px; line-height: 1.75; } .landing .landing-inner h2 { font-size: 3.5em; line-height: 1.5; } /* ______________________________________________________________ CONTENT TEMPLATE: TAB BASED SLIDER */ #plan #product-slide { width: 680px; float: left; clear: both; padding: 12px 0 0; } #chess .mobile-broadband #product-slide { padding: 25px 0 0; } #plan #product-slide h3 { color: #BE0A26; font-weight: bold; font-size: 1.4em; float:none; } #plan #product-slide .tjenester .text { padding-right: 140px; } #slide-container { background: url(/sitefiles/1/design/layout/box-680-y.png) 0 0 repeat-y; _background-image: url(/sitefiles/1/design/layout/box-680-y.gif); width: 680px; padding: 0; float: left; clear: both; position: relative; } #slide-container .bottom-corners-680 { background: url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-bottom.png", sizingMethod="scale"); width: 680px; height: 7px; position: absolute; left: 0; bottom: 0; overflow: hidden; _clear: both; _position: fixed; _margin: 0 0 1px 0; z-index: 100; } #slide-container #slide-tab-menu { float: left; width: 680px; height: 33px; clear: both; list-style-type: none; background: url(/sitefiles/1/design/layout/tabs-bg.jpg) 0 0 no-repeat; overflow: hidden; margin: 0; } #slide-container #slide-tab-menu li, #x-brand #product-slide #slide-container #slide-tab-menu li { float: left; display: inline; width: 100px; height: 33px; overflow: hidden; } #slide-container #slide-tab-menu li a, #x-brand #product-slide #slide-container #slide-tab-menu li a { text-align: center; font-size: 1.1em; border: 0; line-height: 33px; height: 33px; overflow: hidden; display: block; float: left; width: 91px; padding: 0 8px 0 1px; background: url(/sitefiles/1/design/layout/slide-tabs.gif) 0 -66px no-repeat; } #x-brand #product-slide #slide-container #slide-tab-menu li a { background: url(/sitefiles/1/design/x-brand/slide-tab-new.png) 0 -66px no-repeat; } #slide-container #slide-tab-menu li a:hover { text-decoration: none; } #product-slide #slide-container #slide-tab-menu li { width: 120px; } #product-slide #slide-container h2, #product-slide #slide-container h3 { width: auto; text-align: left; } #product-slide #slide-container #slide-tab-menu li a { width: 111px; background: url(/sitefiles/1/design/layout/slide-tabs-larger.png) 0 -66px no-repeat; } #slide-container #slide-tab-menu li.activeSlideBtn a, #product-slide #slide-container #slide-tab-menu li.activeSlideBtn a, #x-brand #product-slide #slide-container #slide-tab-menu li.activeSlideBtn a { background-position: 0 0; } #slide-container #slide-tab-menu li.last a, #product-slide #slide-container #slide-tab-menu li.last a, #x-brand #product-slide #slide-container #slide-tab-menu li.last a { background-position: 0 -99px; } #slide-container #slide-tab-menu li.last.activeSlideBtn a, #product-slide #slide-container #slide-tab-menu li.last.activeSlideBtn a, #x-brand #product-slide #slide-container #slide-tab-menu li.last.activeSlideBtn a { background-position: 0 -33px; } #slide-container #slide-tab-menu li.beforeActiveTab a, #product-slide #slide-container #slide-tab-menu li.beforeActiveTab a, #x-brand #product-slide #slide-container #slide-tab-menu li.beforeActiveTab a { background-position: 0 -132px; } #slide-container #slide-tab-menu li.arrow-prev, #product-slide #slide-container #slide-tab-menu li.arrow-prev, #x-brand #product-slide #slide-container #slide-tab-menu li.arrow-prev { width: 28px; padding: 2px 12px 3px 3px; background: url(/sitefiles/1/design/layout/slide-tab-right.png) 100% 0 no-repeat; } #x-brand #product-slide #slide-container #slide-tab-menu li.arrow-prev { background-image: url(/sitefiles/1/design/x-brand/slide-tab-right-new.png); } #slide-container #slide-tab-menu li.nowActive, #product-slide #slide-container #slide-tab-menu li.nowActive, #x-brand #product-slide #slide-container #slide-tab-menu li.nowActive { background-position: 100% -33px; } #slide-container #slide-tab-menu li.arrow-next, #product-slide #slide-container #slide-tab-menu li.arrow-next, #x-brand #product-slide #slide-container #slide-tab-menu li.arrow-next { width: 28px; padding: 2px 3px 3px 6px; float: right; } #slide-container #slide-tab-menu li.arrow a, #product-slide #slide-container #slide-tab-menu li.arrow a, #x-brand #product-slide #slide-container #slide-tab-menu li.arrow a { display: block; width: 28px; height: 28px; text-indent: -9999px; outline: none; border: 0; padding: 0; cursor: pointer; } #slide-container #slide-tab-menu a#prev-tab, #product-slide #slide-container #slide-tab-menu a#prev-tab, #product-slide #slide-container #slide-tab-menu a#prev-tab-produkt { background: url(/sitefiles/1/design/layout/knapper/slide-prev.png) 0 0 no-repeat; } .mobile-broadband #product-slide #slide-container #slide-tab-menu a#prev-tab-produkt, #x-brand #product-slide #slide-container #slide-tab-menu a#prev-tab-produkt { background: url(/sitefiles/1/design/mobilt-bredband/prev-tab.png) 55% 60% no-repeat; *background-position: 55% 45%; } #slide-container #slide-tab-menu a#next-tab, #product-slide #slide-container #slide-tab-menu a#next-tab, #product-slide #slide-container #slide-tab-menu a#next-tab-produkt { background: url(/sitefiles/1/design/layout/knapper/slide-next.png) 0 0 no-repeat; } .mobile-broadband #product-slide #slide-container #slide-tab-menu a#next-tab-produkt, #x-brand #product-slide #slide-container #slide-tab-menu a#next-tab-produkt { background: url(/sitefiles/1/design/mobilt-bredband/next-tab.png) 45% 60% no-repeat; *background-position: 45% 45%; } #slide-container #slide-content-wrap { float: left; width: 678px; clear: both; padding: 15px 1px 1px 1px; overflow: hidden; position: relative; height: auto; _height: 200px; min-height: 200px; color: #444; } /* KWV 2009-10-21 LAGT INN FONT-SIZE: 11PX og color: #000*/ #slide-container #slide-content-wrap .single { float: left; width: 638px; padding: 20px; overflow: hidden; font-size: 11px; color: #000; } /* KWV 2009-10-21 LAGT INN FONT-SIZE: 11PX*/ #slide-container #slide-content-wrap .single .responseDiv{ float: left; width: 170px; list-style-type:none; background:url(/sitefiles/1/design/layout/dashed-pattern.gif) repeat-y right; font-size: 11px; } #slide-container #slide-content-wrap .single .responseDiv li { background:url(/sitefiles/1/design/layout/bullet.png) no-repeat 100% 50%; width:120px; padding: 0 25px 0 0; margin: 0 0 1em 0; line-height: 1.2; float:left; clear:both; } #slide-container #slide-content-wrap .single .responseDiv li:hover { color: #BE042A; background-image: url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) !important; background-repeat:no-repeat; } #slide-container #slide-content-wrap .single .responseDiv li.catheader:hover { background-image:none !important; } #slide-container #slide-content-wrap .single .responseDiv li a { } #slide-container #slide-content-wrap .single .responseDiv li h2 { font-size: 1.1em; margin: 1em 0 0 0; } /* standard tekst tab mal */ .standardtabmal { margin:0; padding:0; } .standardtabmal h2 { margin:0; padding:0; padding:10px 0 20px 0px; } /* ______________________________________________________________ CONTENT TEMPLATE: MYPAGE LOGIN */ #minside-wrapper { float: left; width: 420px; height: 110px; overflow: hidden; position: relative; } #minside-login { width: 185px; float: left; clear: both; background: url(/sitefiles/1/design/layout/right-col-box-y.png) 0 0 repeat-y; margin: 0 0 10px 0; position: relative; overflow: hidden; padding: 0 10px 0 15px; } #minside-content { margin: 10px 0; float: left; width: 185px; clear: both; overflow: hidden; position: relative; *padding: 0 0 10px 0; _padding: 0; } #minside-login-top { width: 210px; height: 9px; position: absolute; overflow: hidden; top: 0; left: 0; background: url(/sitefiles/1/design/layout/right-col-box-top.png) 0 0 no-repeat; *margin-bottom: -8px; } #minside-login-bottom { width: 210px; height: 9px; position: absolute; overflow: hidden; bottom: 0; left: 0; background: url(/sitefiles/1/design/layout/right-col-box-bottom.png) 0 0 no-repeat; *margin-top: -8px; _margin-top: 0; } #minside-bg { background: url(/sitefiles/1/design/minsidelogin/postkasse.jpg) 110px 5px no-repeat; width: 185px; float: left; clear: left; margin: 0 10px 0 0; } #new-pass { float: left; clear: right; width: 165px; padding: 0 10px; } #new-pass #newpass_response { color:red; font-weight:bold; } #new-pass ul { } #new-pass ul li { height:20px; line-height:20px; clear:both; } #chess #new-pass h2 { margin: 0 0 0.3em 0;/*2.3*/ _margin: 0 0 0.4em 0;/*2.4*/ padding: 0; } #new-pass .mypagelogin-messagebox, #minside-bg .mypagelogin-messagebox { width: 182px; height: 102px; background: #FFF; position: absolute; top: -6px; right: 24px; clear: both; padding: 10px; font-size: 1.4em; font-weight: bold; color: #BE042A; text-align: center; line-height: 1.75 } #minside-bg #mypage-error-closemessage { font-size: .7em; color: #999; display: block; font-weight: normal; } #minside-bg .mypagelogin-messagebox { top: -4px; left: -12px; right: auto; height: 82px; padding: 30px 10px 10px; background: #FFF url(/sitefiles/1/design/lightview/images/lightview/close_innertop.jpg) 170px 5px no-repeat; cursor: pointer; } #minside-login h2 { color: #BE0A26; font-size: 1.4em; padding: 0 0 0.75em 0;/* 0.75*/ } #minside-login ul { list-style-type: none; line-height: 2; width: 185px; float: left; clear: both; margin: 0; } #minside-login ul li { padding: 0 0 0.5em 0; float: left; width: 185px; clear: both; } #minside-login ul li label { display: none; } #minside-login ul li input { width: 97px; height: 16px; padding: 4px 5px 1px 5px; border: 0; background: url(/sitefiles/1/design/forms/minside-text-input.gif) 0 0 no-repeat; color: #666; font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; } #minside-login ul li.formcontrols { padding: 0; } #minside-login ul li.formcontrols input { color: #FFF; font-size: 1em; cursor: pointer; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) 0 0 no-repeat; width: 79px; height: 24px; float: left; clear: left; padding: 0 17px 6px 0; } #minside-login ul li.formcontrols input:focus, #minside-login ul li.formcontrols input:active { color: #FFF; } /*#minside-login ul li.formcontrols a { display: block; width: 91px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/wide-goto.png) 0 100% no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 8px; font-size: 10px; border: 0; float: right; clear: right; }*/ #minside-login ul li.formcontrols a { display: block; color: #BE0A26; text-decoration: underline; font-size: 10px; border: 0; float: right; clear: right; } #minside-login ul li.formcontrols a:hover { text-decoration: none; } /* ______________________________________________________________ CONTENT TEMPLATE: PAGE BANNER (FLASH OR IMG) */ #page-banner { width: 678px; padding: 1px; clear: both; float: left; position: relative; background: url(/sitefiles/1/design/layout/box-680-y.png) 0 0 repeat-y; margin: 0 0 10px 0; overflow: hidden; } #bannerspaceRight { width:210px; height: 102px; background: url(/sitefiles/1/call-me.png) 0 0 no-repeat; float: left; clear: both; margin: 0 0 10px; } #bannerspaceRight a#callme { display: block; width: 210px; height: 102px; float: left; clear: both; position: relative; overflow: hidden; text-indent: -9999px; } #callmeBox { width: 660px; height:209px; padding: 1px; clear: both; float: left; position: relative; background: url(/sitefiles/1/design/callmebg.gif) 0 0 no-repeat; margin: 10px 0 10px 10px; padding:1px; } #callmeBox #callmecontent { float:left; width:600px; padding:5px 0 0 40px; } #callmeBox #callmecontent p { margin:5px 0 5px 0; clear:both; } #callmeBox ul { margin:0; padding:0; list-style-type:none; padding:4px 0 0 0px; } #callmeBox ul li { clear:both; width:200px; padding:4px 0; height:20px; line-height:20px; /*padding:40px 0 0 30px;*/ position: relative; } #callmeBox ul li .check { width: 75px; padding: 0 0 0 25px; height: 22px; line-height: 22px; position: absolute; top: 4px; right: -110px; clear: both; overflow: hidden; } #callmeBox ul li .check label { display: block; cursor: pointer; } #callmeBox ul li .check input { position: absolute; top: 1px; left: 0; } #callmeBox ul li #inputname, #callmeBox ul li #phonenumber, #callmeBox ul li callmebtn { float:right; } #callmeBox ul .submitbtn { padding-top:4px; height:24px; line-height:24px; } #callmeBox ul .submitbtn #callmebtn { float:right; } #callmeBox ul li label { float:left; } #chess .global-banner { width: 636px; background: url(/sitefiles/1/design/layout/box-638-y.gif) 0 0 repeat-y; } #page-banner .top-corners, #page-banner .bottom-corners { width: 680px; position: absolute; left: 0; height: 7px; } #chess .global-banner .top-corners, #chess .global-banner .bottom-corners { width: 638px; } #page-banner img { float: left; clear: both; } #page-banner .top-corners { top: 0; background: url(/sitefiles/1/design/layout/box-680-top.png) 0 0 no-repeat; } #chess #container .global-banner .top-corners { background: url(/sitefiles/1/design/layout/box-638-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-638-top.png", sizingMethod="scale"); } #page-banner .bottom-corners { bottom: 0; _bottom: -1px; background: url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; } #chess #container .global-banner .bottom-corners { background: url(/sitefiles/1/design/layout/box-638-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-638-bottom.png", sizingMethod="scale"); } .flash-680, .video-680 { width: 680px; clear: both; float: left; position: relative; margin: 0 0 10px 0; } .video-680 embed, .video-680 object { float: left; } #page-banner .text-content { position: absolute; right: 25px; top: 20px; width: 180px; height: 100px; } #page-banner .text-content h2 { text-transform: uppercase; font-size: 3.4em; letter-spacing: 0.015em; margin: 0 0 .2em 0; } #chess .global-banner .text-content { right: 15px; top: 5px; width: 235px; } #chess .global-banner .text-content h2 { letter-spacing: 0; text-transform: none; } #page-banner .text-content p { font-weight: bold; color: #444; font-size: 1.2em; letter-spacing: -0.015em; line-height: 1.25em; } #page-banner ul#shortcuts { width: 250px; float: right; clear: both; position: absolute; right: 20px; bottom: 10px; margin: 0; list-style-type: none; } #page-banner ul#shortcuts li { float: right; padding: .2em 20px 0 0; width: 115px; font-size: 1.1em; } #page-banner ul#shortcuts li.odd { clear: right; padding: 0; } #page-banner ul#shortcuts li a { float: right; background: url(/sitefiles/1/design/layout/kundesenter/bullet.gif) 0 50% no-repeat; padding: 0 0 0 16px; color: #444; } #page-banner ul#shortcuts li a:hover { color: #BE042A; background: url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) 0 50% no-repeat; } /* ______________________________________________________________ CONTENT TEMPLATE: CONTACT FORM */ /* KWV 2009-10-21 LAGT INN FONT-SIZE 11PX*/ #contact-wrapper { width: 680px; float: left; clear: both; background: url(/sitefiles/1/design/layout/dashed-pattern.gif) 270px 0 repeat-y; /* height: 325px;*/ overflow: hidden; font-size: 11px; } #contact-info { width: 230px; padding: 0 0 0 20px; float: left; color: #222; } #contact-info .last { float: none; } #contact-info h3 { color: #BE042A; font-size: 1.4em; font-weight: normal; margin: 0 0 0.25em 0; } #contact-info p { margin: 0 0 1.5em 0; } #contact-form, #chat { width: 350px; float: right; clear: right; position: relative; } #contact-form form, #contact-form fieldset { float: left; width: 350px; clear: both; } #contact-form h2 { color: #BE042A; font-size: 1.4em; font-weight: normal; margin: 0 0 0.75em 0; width: 160px; float: left; } #chat h2 { color: #BE042A; font-size: 1.4em; font-weight: normal; margin: 0 0 0.75em 0; } #chat p { font-size: 1.1em; } #chat #chat-langs { width: 350px; float: left; clear: both; font-size: 1.1em; list-style: none; padding: 0 0 1em; } #chat #chat-langs li { float: left; width: 115px; display: inline; } #contact-form #contactLang{ float: left; width: 175px; text-align: right; } #contact-form p { margin: 0 0 1.5em 0; } #contact-form form ul { list-style-type: none; width: 350px; float: left; clear: both; margin: 0; overflow: hidden; } #contact-form form ul li { line-height: 2; margin: 0 0 0.75em 0; width: 350px; clear: both; float: left; } #contact-form form ul li.two-thirds { width: 210px; clear: none; margin: 0 20px 0.75em 0; _margin: 0 10px 0.75em 0; float: left; } #contact-form form ul li.third { width: 120px; clear: none; } #contact-form form ul li label { /*color: #636363;*/ cursor: pointer; float: left; width: 80px; padding: 0; clear: left; } #contact-form form ul li label.on-top { display: block; width: 350px; padding: 0; clear: both; } #contact-form form ul li .textarea-wrap { width: 330px; float: left; clear: both; height: 84px; padding: 10px; background: url(/sitefiles/1/design/forms/textarea.png) 0 0 no-repeat; } #contact-form form ul li .textarea-wrap textarea { width: 330px; height: 84px; border: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; color: #666; font-size: 1em; } #contact-form form ul li.formcontrols { margin: 0; } #contact-form form ul li.formcontrols input { color: #FFF; padding: 0 0 5px; *padding: 0 0 2px; font-size: 12px; border: 0; cursor: pointer; text-align: center; width: 70px; height: 26px; float: right; clear: both; background: url(/sitefiles/1/gfx/cs/submit-black.png) 0 0 no-repeat; } #contact-form form ul li select, #contact-form form ul li input { border: 0; width: 240px; float: right; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; color: #666; font-size: 1em; background: url(/sitefiles/1/design/forms/text-input-260.png) 0 0 no-repeat; } #contact-form form ul li select { color:#000 } #contact-form form ul li select { padding: 3px 5px; width: 260px; } #contact-form form ul li select option { background: #FFF; border: 0; } #contact-form form ul li input { padding: 3px 10px; border: 0; height: 15px; } #contact-form form ul li.two-thirds input { width: 100px; background: url(/sitefiles/1/design/forms/text-input-120.gif) 100% 0 no-repeat; letter-spacing: 1px; } #contact-form form ul li input#iscustomer { width: auto; margin: 2px 0 0 0; background: none; padding: 0; } #contact-form #Dob .date-picker { width: 260px; float: right; } #contact-form #Dob .datesel { width: 80px; float: left; margin: 0 10px 0 0; background: url(/sitefiles/1/design/forms/text-input-80.png) 0 0 no-repeat; } #contact-form #Dob #yeardropdown { margin: 0; } #contact-form .extra .check { width: 90px; clear: none; padding: 0 10px 0 20px; position: relative; } #contact-form .extra .check input { position: absolute; left: 0; top: .15em; clear: both; font-size: medium; margin: 0; height: auto; padding: 0; } #contact-form .extra .last { padding-right: 0; } /* ______________________________________________________________ TABBED INNER CONTENT */ .bolker { position: relative; height: auto; _height: 250px; min-height: 250px; width: 638px; float: left; clear: both; } .mobilskolen, .tjenester { width: 510px; } #slides .tjenester, #slides .mobilskolen { width: 420px; } .bolker, .bolker .bolk { clear: both; } .bolker .bolk { padding: 0 0 11px 0; background: url(/sitefiles/1/design/layout/dashed-hor-320.png) 0 100% no-repeat; margin: 0 0 20px 0; min-width: 391px; } .bolker .last { background: none; padding: 0 0 0 0; float: none; } /* LAGT INN FONT-SIZE 11px */ .bolker .text { clear: both; display: block; font-size: 11px; } .bolker .text ul { margin-left: 2em; } #slides .bolker .text ul { margin-left: 0; } .mobilskolen .text { padding: 0; } .bolker .text h3, .mobilskolen h3 { color: #BE042A; text-transform: uppercase; font-weight: normal; font-size: 3em; margin: 0 0 0.5em 0; } .mobilskolen h3 span { color: #898989; font-size: 0.4em; display: inline; text-transform: lowercase; } .bolker .text h4 { font-size: 1.4em; margin: 0 0 0.4em 0; } .bolker .text p { margin: 0 0 1.5em 0; } .bolker .image { position: absolute; right: 15px; top: 0; width: 125px; } .mobilskolen .image { top: 40px; } .tjenester .image { right: 0; } .bolker .image .price { padding: 10px 0 0 0; text-align: left; color: #BE042A; font-size: 1.2em; } /* bokser malbasert */ .boxwrapper { width: 210px; float: left; clear: both; position: relative; margin: 0 0 10px 0; *margin: 0 0 8px 0; } .boxwrapper .boxTop { width: 210px; height: 9px; position: absolute; _position: relative; overflow: hidden; top: 0; left: 0; background: url(/sitefiles/1/design/layout/right-col-box-top.png) 0 0 no-repeat; *margin-bottom: -8px; } /* KWV 2009-10-21 LAGT INN FONT-SIZE:11PX */ .boxwrapper .boxContent { width: 210px; float: left; clear: both; background: #FFF url(/sitefiles/1/design/layout/right-col-box-y.png) 0 0 repeat-y; margin: 8px 0; *padding: 0 0 10px 0; _padding: 0; font-size: 11px; } .boxwrapper .boxContent_chessguiden { width: 210px; float: left; clear: both; background: #FFF url(/sitefiles/1/design/layout/right-col-box-y.png) 0 0 repeat-y; margin: 8px 0; *padding: 0 0 10px 0; _padding: 0; } .boxwrapper .boxBottom { width: 210px; height: 9px; position: absolute; _position: relative; overflow: hidden; bottom: 0; left: 0; background: url(/sitefiles/1/design/layout/right-col-box-bottom.png) 0 0 no-repeat; *margin-top: -8px; clear: both; } .boxwrapper .boxContent .text { clear:both; padding:0 10px 0 15px; width:185px; height:96px; /*height:110px;*/ background: 96% 0 no-repeat; position: relative; z-index: 10; float: left; } .boxwrapper .boxContent .text h2, .boxwrapper .global-in-your-language h2 { padding: 0 0 2px 0; font-size:14px; font-weight:normal; line-height:18px; color: #BE0A26; } .boxwrapper .boxContent .text h2 a { color:#be0a26; text-decoration:none; } .boxwrapper .boxContent .text .picWrapper { float:right; } .boxwrapper .boxContent .text .textcontent { float:left; clear: both; line-height:12px; overflow:hidden; color: #222; } .boxwrapper .boxContent .text .front-flash { width:100px; height:100px; float:left; position:relative; top:-6px; *top:-4px; } .boxwrapper .boxContent .text p { float:left; margin: 0; } .boxwrapper .boxContent .goto { display: block; width: 69px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 10px; font-size: 10px; position: absolute; left: 13px; bottom: 7px; z-index: 100; border: 0; *clear: both; *float: left; } .boxwrapper .boxContent .bleed-image { position: absolute; right: 1px; bottom: 1px; z-index: 1; *clear: both; } /* ______________________________________________________________ CELL CHARGER */ #fill-it-up { width: 479px; height: 209px; padding: 26px 33px 34px 27px; background: url(/sitefiles/1/design/layout/fill-cell.png) 0 0 no-repeat; } #fill-it-up form { width: 479px; height: 209px; background: url(/sitefiles/1/design/layout/phone-blur.jpg) 360px 65% no-repeat; } #fill-it-up h2 { color: #BE0A26; font-size: 1.8em; font-weight: normal; margin: 0 0 1.5em 0; } #fill-it-up ul { list-style-type: none; width: 306px; padding: 0 149px 0 20px; } #fill-it-up ul li { margin: 0 0 0.5em 0; line-height: 2; } #fill-it-up ul li.quarter { float: left; width: 67px; padding: 0 8px 0 0; } #fill-it-up ul li.half { width: 142px; } #fill-it-up ul li.left { float: left; clear: left; padding: 0 21px 0 0; } #fill-it-up ul li.right { float: right; clear: right; padding: 0; } #fill-it-up ul li label { display: block; color: #636363; } #fill-it-up ul li.half input { width: 132px; height: 16px; padding: 4px 5px 1px 5px; border: 0; background: url(/sitefiles/1/design/forms/text-input-142.gif) 0 0 no-repeat; color: #666; font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; } #fill-it-up ul li.small input { width: 52px; background: url(/sitefiles/1/design/forms/text-input-62.gif) 0 0 no-repeat; } #fill-it-up ul li button { float: right; background:url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; width:79px; height: 24px; display:block; margin: 20px -5px 0 0; line-height:14px; color:white; text-decoration:none; border: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; font-size: 1em; padding: 0 0 6px 10px; text-align: left; _position: relative; _right: 0; cursor: pointer; } /* ______________________________________________________________ SPONSORS */ /* 2009-10-21 LAGT INN FONT-SIZE: 11PX */ .large-sponsors { margin: 20px 0 0 0; font-size: 11px; } .large-sponsors, .large-sponsors .sponsor { width: 680px; float: left; clear: both; } .large-sponsors .sponsor { padding: 0 15px; margin: 0 0 15px 0; width: 310px; clear: left; } .large-sponsors .clear { height: 16px; background:url(/sitefiles/1/design/layout/horizontal-border-line.gif) 0 0 repeat-x; } .large-sponsors .right { float: right; clear: right; } .large-sponsors .full-width { width: 650px; float: left; clear: both; } .large-sponsors .sponsor .frame-wrap { width: 110px; height: 88px; position: relative; float: left; } .large-sponsors .sponsor .frame-wrap img { position: absolute; left: 0; top: 0; z-index: 1; } .large-sponsors .sponsor .frame-wrap .frame { position: absolute; left: 0; top: 0; z-index: 2; width: 110px; height: 88px; background: url(/sitefiles/1/design/layout/sponsor-frame.png) 0 0 no-repeat; } .large-sponsors .sponsor .text-wrap { width: 180px; float: right; } .large-sponsors .full-width .text-wrap { width: 520px; } .large-sponsors .sponsor .text-wrap p { margin: 0; } .large-sponsors .sponsor .text-wrap h3 { font-size: 1.4em; color: #BE042A; font-weight: normal; margin: 0 0 0.5em 0; } /* KWV 2009-10-21 LAGT INN FONT-SIZE:11PX */ ul.small-sponsors { float: left; width: 650px; clear: both; padding: 0 15px; list-style-type: none; font-size: 11px; } ul.small-sponsors li { float: left; width: 300px; margin: 0 40px 0 0; } ul.small-sponsors li h4 { margin: 0 0 0.25em 0; } ul.small-sponsors li.even { margin: 0; float: right; } /* kampanje mal slide forside */ #campaignproduct_outer { width:420px; float:left; } #campaignproductBig_outer { width:680px; float:left; clear: both; } #campaignproduct_outer .campaign_slidewrapper, #campaignproductBig_outer .campaign_slidewrapper { position: relative; } #campaignproduct_outer .campaign_slidewrapper .campaign_slide_top { background:url(/sitefiles/1/design/layout/box-420-top.png) no-repeat top; width:420px; height:7px; display:block; overflow: hidden; position: absolute; left: 0; top: 0; _position: relative; *margin: 0 0 -7px 0; *clear: both; } #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_top { background:url(/sitefiles/1/design/layout/box-680-top.png) no-repeat top; width:680px; height:7px; display:block; overflow: hidden; position: absolute; left: 0; top: 0; _position: relative; *margin: 0 0 -7px 0; *clear: both; } #campaignproduct_outer .campaign_slidewrapper .campaign_slide_content { width:420px; background:url(/sitefiles/1/design/layout/box-420-y.png) repeat-y; display:block; height:362px; /* padding:20px 10px 5px 15px;*/ } #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_content { width:680px; background:url(/sitefiles/1/design/layout/box-680-y.png) repeat-y; display:block; height:362px; /* padding:20px 10px 5px 15px;*/ } #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_content .campaign_slide_content_inner, #campaignproduct_outer .campaign_slidewrapper .campaign_slide_content .campaign_slide_content_inner { height: 337px; position: relative; top: 20px; left: 15px; float: left; clear: both; width: 655px; *padding: 0 0 10px 0; _padding: 0; overflow: hidden; } #campaignproduct_outer .campaign_slidewrapper .campaign_slide_content .campaign_slide_content_inner { width: 395px; } #campaignproduct_outer .campaign_slidewrapper .campaign_slide_content .slideBoxWrapper { overflow: hidden; position: relative; float: left; clear: both; width:360px; height:327px; } #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_content .slideBoxWrapper { overflow:hidden; position: relative; float: left; clear: both; width:620px; height:327px; } #campaignproduct_outer .campaign_slidewrapper .campaign_slide_content .slideBoxWrapper .slideBigBox { position:absolute; width:4000px; } #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_content .slideBoxWrapper .slideBigBox { position:absolute; width:8000px; } #campaignproduct_outer .campaign_slidewrapper .campaign_slide_bottom { background:url(/sitefiles/1/design/layout/box-420-bottom.png) 0 0 no-repeat; width:420px; height:7px; overflow: hidden; position: absolute; left: 0; bottom: 0; *position: relative; *margin: -7px 0 0 0; z-index: 10; *clear: both; } #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_bottom { background:url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; width:680px; height:7px; overflow: hidden; position: absolute; left: 0; bottom: 0; *position: relative; *margin: -7px 0 0 0; z-index: 10; *clear: both; } #campaignproduct_outer .campaign_slide_content .camp_slide { height:327px; float:left; width:360px; overflow: hidden; position: relative; } #campaignproductBig_outer .campaign_slide_content .camp_slide { height:327px; float:left; width:620px; overflow: hidden; position: relative; } #campaignproduct_outer .campaign_slide_content .camp_slide .flash-banner { height: 325px; width: 350px; float: left; clear: both; } #campaignproductBig_outer .campaign_slide_content .camp_slide .flash-banner { height: 325px; width: 610px; float: left; clear: both; } .campaign_slide_content a#campNextBtn, .campaign_slide_content a#campNextBtnBig { position:absolute; top:6px; right: 0; border: 0; display: block; width: 26px; height: 316px; text-indent: -9999px; outline: none; background: #FFF url(/sitefiles/1/design/layout/knapper/next-slide-hook.png) 0 0 no-repeat; } .campaign_slide_content .camp_slide .header { clear:both; color:#9d0d15 } .campaign_slide_content .camp_slide .header h1, #campaignproductBig_outer .campaign_slide_content .camp_slide .header h3 { font-size:30px; padding-bottom:4px; color: #BE0A26; } .campaign_slide_content .camp_slide .header h2, #campaignproductBig_outer .campaign_slide_content .camp_slide .header h4 { font-size:18px; text-transform: uppercase; color: #898989; } .campaign_slide_content .camp_slide .abonnomenttekst { position:relative; margin-top:60px; left:0; font-size: 14px; } .campaign_slide_content .camp_slide .abonnomenttekst .cost { font-size: 50px; letter-spacing: -3px; color: #BE0A26; margin: 0 0 15px 0; line-height: 1; } .campaign_slide_content .camp_slide .abonnomenttekst .cost .costst { color: #6F7072; font-size: 24px; position: relative; top: -15px; left: -10px; } .campaign_slide_content .camp_slide .abonnomenttekst .intro { width: 185px; line-height: 1.2; font-size: 0.8em; } .campaign_slide_content .camp_slide .beskrivelse { clear:both; position:absolute; bottom: 0; left:0; } .campaign_slide_content .camp_slide .beskrivelse p { text-align:left; margin: 0; } .campaign_slide_content .camp_slide a.buystar { display: block; width: 94px; height: 77px; padding: 22px 4px 0 0; color: #FFF; text-transform: uppercase; text-align: center; font-size: 1.4em; line-height: 1.2; background: url(/sitefiles/1/design/layout/web20.jpg) 0 0 no-repeat; outline: none; border: 0; position: absolute; left: 200px; top: 150px; } .campaign_slide_content .camp_slide .flash-killed-the-image-star { position: absolute; right: 0; top: 40px; width: 175px; height: 225px; } .campaign_slide_content a.direct-order { display: block; width: 80px; height: 28px; line-height: 1; outline: none; color: #FFF; border: 0; text-decoration: none; text-transform: uppercase; padding: 10px 0 0 10px; background: url(/sitefiles/1/design/layout/fat-arrow.png) 0 0 no-repeat; font-size: 11px; margin:0px 0px 0px 65px; clear: both; position: absolute; top: 275px; right: 20px; } .campaign_slide_content a.direct-order:hover { background-position: 0 -38px; } /* kampanje forside høyre felt */ .campaign_right_wrapper { width:250px; height:362px; overflow:hidden; position:relative; float:right; } .campaign_right_wrapper .campaign_right_top { background:url(/sitefiles/1/design/layout/box-250-top.png) no-repeat; width:250px; height:7px; display:block; position:absolute; top:0; left:0; } .campaign_right_wrapper .campaign_right_bottom { background:url(/sitefiles/1/design/layout/box-250-bottom.png) no-repeat; width:250px; height:7px; display:block; position:absolute; left:0; top:355px; } .campaign_right_wrapper .campaign_right_content { background:url(/sitefiles/1/design/layout/box-250-y.png) repeat-y; width:248px; padding: 0 1px; height:362px; display:block; overflow: hidden; } .campaign_right_wrapper .campaign_right_content a { /*margin:-7px 0 0 0;*/ display: block; width: 248px; float: left; clear: both; overflow: hidden; border: 0; } /* kampanje forside høyre felt dobbel */ .campaign_right_wrapper-double { width:250px; height:362px; overflow:hidden; position:relative; float:right; } .campaign_right_wrapper-double .spacer { width:250px; height:11px; clear:both; display:block; } .campaign_right_wrapper-double .campaign_right_top { background:url(/sitefiles/1/design/layout/box-250-top.png) no-repeat; width:250px; height:7px; display:block; position:absolute; top:0; left:0; } .campaign_right_wrapper-double .campaign_right_bottom { background:url(/sitefiles/1/design/layout/box-250-bottom.png) no-repeat; width:250px; height:7px; display:block; position:absolute; left:0; top:163px; } .campaign_right_wrapper-double .campaign_right_top_1 { background:url(/sitefiles/1/design/layout/box-250-top.png) no-repeat; width:250px; height:7px; display:block; position:absolute; top:180px; left:0; } .campaign_right_wrapper-double .campaign_right_bottom { background:url(/sitefiles/1/design/layout/box-250-bottom.png) no-repeat; width:250px; height:7px; display:block; position:absolute; left:0; top:169px; } .campaign_right_wrapper-double .campaign_right_top_2 #campaign_right_top_2 { background:url(/sitefiles/1/design/layout/box-250-top.png) no-repeat; width:250px; height:7px; display:block; position:absolute; top:169px; left:0; } .campaign_right_wrapper-double .campaign_right_bottom_1 { background:url(/sitefiles/1/design/layout/box-250-bottom.png) no-repeat; width:250px; height:7px; display:block; position:absolute; left:0; top:256px; } .campaign_right_wrapper-double .campaign_right_content { background:url(/sitefiles/1/design/layout/box-250-y.png) repeat-y; width:248px; padding: 0 1px; height:176px; display:block; overflow: hidden; } .campaign_right_wrapper-double #campaign_right_content_1 { clear:both; width:248px; } .campaign_right_wrapper-double #campaign_right_content_2 { clear:both; position:relative; top:10px; } .campaign_right_wrapper-double #campaign_right_bottom_2 { position:absolute; top:355px; } .campaign_right_wrapper-double #campaign_right_top_2 { position:absolute; top:186px; } .campaign_right_wrapper-double .campaign_right_content a { /*margin:-7px 0 0 0;*/ display: block; width: 248px; float: left; clear: both; overflow: hidden; } /* bottom list, listevisnig i bunn av forside */ /* KWV 2009-10-11 LAGT INN FONT-SIZE:11PX */ .bottom_list { float:left; width:152px; padding: 0 16px 0 0; position: relative; overflow: hidden; height: 119px; font-size: 11px; } .bottom_list_last { padding: 0; } #chess.front-2010 .bottom_list { width: 170px; height: 137px; padding: 0 12px 0 0; } .bottom_list h3 { font-size:14px; color: #be0a26; padding:2px 0px 8px 0px; } #chess.front-2010 .bottom_list h3 { color: #bd0b1c; font-size: 15px; padding: 0; height: 34px; line-height: 34px; text-shadow: 1px 1px 0 #000; } .bottom_list h3 a { text-decoration: none; color:#be0a26; display: block; } #chess.front-2010 .bottom_list h3 a { color: #bd0b1c; display: block; } .bottom_list h3 a:hover { text-decoration: underline; } .bottom_list ul { margin:0.2em 0 0 0; padding:0; list-style-type:none; height: auto; _height: 82px; min-height: 82px; } #chess.front-2010 .bottom_list ul { margin: 0; _height: auto; min-height: 0; padding: 10px 0 0; } /* KWV 2009-10-21 ENDRET LINE-HEIGHT FRA 1.6 TIL 1.4*/ .bottom_list ul li { padding: 0 0 0.25em 0; line-height: 1.4; } #chess.front-2010 .bottom_list ul li { line-height: 1.25; } .bottom_list ul li a { line-height: 1; color: #000; text-decoration: none; background: url(/sitefiles/1/design/layout/kundesenter/bullet.gif) no-repeat 0 50%; padding: 0 0 0 20px; } #chess.front-2010 .bottom_list ul li a { background-image: url(/sitefiles/1/design/layout/bullet-arrow-white-on-dgray.gif); color: #c8c8c8; } .bottom_list ul li a:hover { color:#BE042A; text-decoration: underline; background-image:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif); border: 0; } #chess.front-2010 .bottom_list ul li a:hover { color: #fff; } /* mobiltelefoner */ /* KWV 2009-10-21 LAGT INN FONT-SIZE: 11PX */ .cellPhoneOuterWrapper { width:324px; float:left; height:203px; display:block; overflow:hidden; position:relative; font-size: 11px; } .boxSpacer { width:18px; height:10px; display:block; float:left;  } .cellPhoneOuterWrapper .top { background:url(/sitefiles/1/design/layout/mobiltelefoner/mobil-283-top.png) no-repeat; width:283px; height:7px; display:block; overflow: hidden; } .cellPhoneOuterWrapper .bottom { background:url(/sitefiles/1/design/layout/mobiltelefoner/mobil-283-bottom.png) no-repeat; width:283px; height:7px; display:block; overflow: hidden; } .cellPhoneOuterWrapper .content { background:url(/sitefiles/1/design/layout/mobiltelefoner/mobil-283-y.png) repeat-y; width:324px; height:189px; display:block; } .cellPhoneOuterWrapper .productwrapper { position:absolute; float:left; width:283px; height:200px; display:block; } .cellPhoneOuterWrapper .productwrapper .left { float:left; width:100px; padding:4px; text-align:center; } .cellPhoneOuterWrapper .productwrapper .right { float:left; width:170px; padding-top:20px; } .cellPhoneOuterWrapper .productwrapper .right a.direct-order { display: block; width: 69px; height: 21px; line-height: 21px; text-decoration: none; text-align: center; outline: none; color: #FFF; font-size: 1.1em; padding: 1px 2px 5px; background: url(/sitefiles/1/design/layout/grey-action.png) 0 0 no-repeat; clear: both; float: left; position: relative; margin-left: -3px; } .cellPhoneOuterWrapper .productwrapper .right a.direct-order:hover { /*background-position: 0 -38px;*/ } .cellPhoneOuterWrapper .productwrapper .right .productname { width:170px; float:left; height:30px; line-height:30px; color:#be0a26; font-size:20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; *filter: alpha(opacity=100); opacity: 1; background-color: white; } .cellPhoneOuterWrapper .productwrapper .right .productname a:hover { text-decoration: none; } .cellPhoneOuterWrapper .productwrapper .right .cost { clear:both; float:left; height:50px; line-height:50px; font-size:40px; color:#be0a26; color:#000; width:170px; padding-bottom:10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; *filter: alpha(opacity=100); opacity: 1; background-color: white; } .cellPhoneOuterWrapper .productwrapper .right .desc { clear:both; float:left; color:#be0a26; color:#000; width:165px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; *filter: alpha(opacity=100); opacity: 1; background-color: white; padding: 0 0 20px; } .tabWrapper { float:right; width:44px; position:absolute;; right:-1px; top:0px; } /* KWV 2009-10-21 LAGT INN FONT-SIZE: 11PX */ .tabmenuItem { float:right; width:38px; padding: 7px 3px 0 3px; height:350px; line-height:12px; overflow:hidden; text-align:center; font-size:9px; background-image:url(/sitefiles/1/design/layout/mobiltelefoner/index-reg-inactive.png); background-repeat:no-repeat; cursor:pointer; font-size: 11px; } #tabmenuItem_1 { position:absolute; height:44px; top:0px; right:0; background-image:url(/sitefiles/1/design/layout/mobiltelefoner/index1-active.png); background-repeat:no-repeat; color:#be0a26 } #tabmenuItem_2 { position:absolute; top:40px; right:0; height:40px; } #tabmenuItem_3 { position:absolute; top:80px; right:0; height:40px; } #tabmenuItem_4 { position:absolute; top:120px; right:0; height:41px; background-image:url(/sitefiles/1/design/layout/mobiltelefoner/index-last-inactive.png); background-repeat:no-repeat; } #tabmenuItem_5 { position:absolute; top:164px; right:0; height:35px; background: none; width:40px; right:-1px; width:42px; } #tabmenuItem_5 a { } #tabmenuItem_6 { position:absolute; height:44px; top:0px; right:0; background-image:url(/sitefiles/1/design/layout/mobiltelefoner/index1-active.png); background-repeat:no-repeat; color:#be0a26 } #tabmenuItem_7 { position:absolute; top:40px; right:0; height:40px; } #tabmenuItem_8 { position:absolute; top:80px; right:0; height:40px; } #tabmenuItem_9 { position:absolute; top:120px; right:0; height:41px; background-image:url(/sitefiles/1/design/layout/mobiltelefoner/index-last-inactive.png); background-repeat:no-repeat; } #tabmenuItem_10 { position:absolute; top:164px; right:0; height:35px; background: none; width:40px; right:-1px; width:42px; } #tabmenuItem_10 a { } /* mobiltelefoner bunn*/ .bottom-listwrapper { width:225px; float:left; margin: 0 7px 0 0; position: relative; } .top-five { background: url(/sitefiles/1/design/layout/top5.gif) 150px 25px no-repeat; } .bottom-listwrapper a.bg-overlay-link { display: block; position: absolute; right: 10px; top: 10px; width: 70px; height: 110px; *clear: both; } .last { margin: 0; float: right; } .bottom-listwrapper .top { background:url(/sitefiles/1/design/layout/box-top-225.png) no-repeat; width:225px; height:7px; position: absolute; _position: relative; top: 0; left: 0; _margin-bottom: -7px; overflow: hidden; } .bottom-listwrapper .list-border { width: 205px; background: url(/sitefiles/1/design/layout/box-y-225.png) repeat-y; height: 110px; padding: 4px 10px 3px; margin: 7px 0; float: left; clear: both; height: 119px; } .bottom-listwrapper .list-border bg-pic { width: 205px; float: left; clear: both; } .bottom-listwrapper .list-border .text-content { padding:0px 70px 0px 0px; height:100px; } .bottom-listwrapper .list-border h3 { font-size:13px; margin:0; padding:0; padding-bottom:5px; font-weight:bold; } .bottom-listwrapper .bottom { background:url(/sitefiles/1/design/layout/box-bottom-225.png) no-repeat; width:225px; height:7px; position: absolute; _position: relative; bottom: 0; left: 0; _margin-top: -7px; overflow: hidden; } /* mobiltelefoner slider */ /* KWV 2009-10-21 LAGT INN FONT-SIZE:11PX */ #phoneslider-wrapper { width:680px; height:105px; display:block; clear:both; margin:45px 0px 10px 0px; float:left; position:relative; font-size: 11px; } #phoneslider-wrapper #navi-left { width:28px; height:28px; margin: 36px 6px 0 6px; _margin: 36px 6px 0 3px; display:block; float:left; outline: none; text-indent: -9999px; cursor: pointer; background: url(/sitefiles/1/design/layout/knapper/slide-prev.png) 0 0 no-repeat; clear: left; border: 0; } #phoneslider-wrapper #navi-right { width:28px; height:28px; margin: 36px 6px 0 6px; _margin: 36px 3px 0 6px; display:block; float:right; outline: none; text-indent: -9999px; cursor: pointer; background: url(/sitefiles/1/design/layout/knapper/slide-next.png) 0 0 no-repeat; clear: right; border: 0; } #phoneslider-wrapper #slider-content { width:596px; display:block; float:left; overflow:hidden; height:100px; position:relative; } #phoneslider-wrapper #slider-content #slider-content-outer-wrapper { width:65535px; height:100px; float: left; } #phoneslider-wrapper #slider-content .four { width: 596px; float: left; background: url(/sitefiles/1/design/layout/dashed-pattern.gif) 100% 0 repeat-y; } #phoneslider-wrapper #slider-content .four .product { width:148px; height:100px; float:left; background:url(/sitefiles/1/design/layout/dashed-pattern.gif) 0 0 repeat-y; } #phoneslider-wrapper .list-left { width:50px; height:95px; float:left; padding:5px 0px 0px 5px; position: relative; } #phoneslider-wrapper .list-left a.small-buystar { display: block; width: 42px; height: 43px; text-indent: -9999px; outline: none; background: url(/sitefiles/1/design/layout/buystar.png) 0 0 no-repeat; position: absolute; left: 15px; top: 50px; border: 0; cursor: pointer; } #phoneslider-wrapper .list-right { width:90px; height:100px; float:left; position: relative; } #phoneslider-wrapper .list-right .price { width:75px; float:left; color:#000; font-size:18px; line-height: 1; } #phoneslider-wrapper .list-right a.buy { position: absolute; bottom: 0; right: 20px; padding: 0; } #phoneslider-wrapper .list-right a.buy:hover { padding: 0; } #phoneslider-wrapper .list-right .list-text { width:75px; float:left; color:#000; padding:5px 0px 5px 0px; } #phoneslider-wrapper .list-right .list-text p { margin:0 0 10px 0; padding:0; line-height: 1.2; } #phoneslider-wrapper .list-right h2 { color:#be0a26; font-size:11px; font-weight:bold; padding:5px 0px 0px 0px; height:12px; overflow:hidden; } /* kundesenter */ .kundesenterwrapper { width:494px; float:left; height: 374px; position: relative; overflow: hidden; color: #444; } .kundesenterwrapper .kundesenterTop { /*background:url(/sitefiles/1/design/layout/kundesenter/infoIcon.jpg) no-repeat 390px 10px;*/ padding:10px 0 0; min-height: 250px; _height: 250px; } .kundesenterwrapper .kundesenterTop h2 { font-size:17px; color:#be042a; padding:10px 0; font-weight:normal; margin: 0; } .kundesenterwrapper .kundesenterTop .content { padding:0; font-size: 1.1em; } .kundesenterwrapper .kundesenterBottom { clear:both; padding: 10px 15px 0 15px; position: absolute; bottom: 5px; left: 0; width: 464px; } .kundesenterwrapper .kundesenterBottom .content { float:left; width:136px; background:url(/sitefiles/1/design/layout/kundesenter/stipplet.png) right repeat-y; margin:0 10px 0 0; padding:0 11px 0 0; height: auto; _height: 90px; min-height: 90px; position: relative; } .kundesenterwrapper .kundesenterBottom .last { margin: 0; padding: 0; background: none; } .kundesenterwrapper .kundesenterBottom .content h3 { font-size:13px; font-weight:bold; color:#be0a26; padding:0px 0px 10px 0px; } .kundesenterwrapper .kundesenterBottom .content .text-content { font-size: 1.1em; } .kundesenterwrapper .kundesenterBottom .content .goto { /*background:url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; width:79px; height:24px; display:block; float:right; margin:20px 0px 0px 0px; line-height:18px; padding-left:10px; color:white; text-decoration:none; border: 0; position: absolute; right: 5px; bottom: 0;*/ display: block; position: absolute; right: 15px; bottom: 0; clear: both; text-align: right; font-size: 1.1em; } .kundesenterwrapper .kundesenterBottom .last .goto { right: -5px; } /* kundeservice venstre */ #customerservice_left { width:166px; float:left; margin:0; padding:0; } #customerservice_left #contentbg { width:166px; float:left; background:url(/sitefiles/1/design/layout/kundesenter/box-166-y.png) repeat-y; } #customerservice_left #contentbg #cs-top { width:166px; height:7px; overflow: hidden; margin:0; padding:0; background:url(/sitefiles/1/design/layout/kundesenter/box-166-top.png) no-repeat; } #customerservice_left #contentbg #content { width:166px; float:left; margin:0; padding:0; padding-top:110px; background:url(/sitefiles/1/design/layout/kundesenter/qm-small.jpg) no-repeat 50px 10px; } #customerservice_left #contentbg #content h2 { font-size:15px; color:#ca2128; padding:0px 0px 10px 20px; } #customerservice_left #contentbg #content #searchbox { width:152px; margin:0 auto; height:40px; display:block; } #customerservice_left #contentbg #cs-bottom { clear:both; margin:0; padding:0; width:166px; height:7px; overflow: hidden; background:url(/sitefiles/1/design/layout/kundesenter/box-166-bottom.png) no-repeat; } #customerservice_left #contentbg ul { list-style-type:none; padding:5px 0px 0px 20px; clear:both; margin:0 0 12px 0; *margin: 0 0 6px 0; } #customerservice_left #contentbg ul li { clear:both; line-height:20px; *line-height: 18px; width:130px; display:block; } #customerservice_left #contentbg ul li a { color:#000; text-decoration:none; background:url(/sitefiles/1/design/layout/kundesenter/bullet.gif) no-repeat 110px 2px; display: block; padding: 0 20px 0 0; } #customerservice_left #contentbg ul li a:hover { color:#be0a26; border: 0; background-image:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif); text-decoration: underline; } /*faq search */ .faq-outer-wrapper { width: float:left; display:none; } .article-content-ingress { color: #222; } #faq-search { width: 156px; clear: both; overflow: auto; padding: 0px 0; } #faq-search input#faq-search-text { float: left; width: 101px; color: #666; font-size: 1.1em; border: 0; padding: 4px 8px 0 8px; height: 22px; background: url(/sitefiles/1/design/layout/kundesenter/faq-search-bg.gif) 0 0 no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; } #faq-search input#faq-search-submit { float: left; width: 34px; border: 0; height: 26px; background: url(/sitefiles/1/design/layout/kundesenter/faq-button.jpg) 0 0 no-repeat; cursor: pointer; } #faq-search-result { float:left; width:460px; clear:both; display:block; margin:10px 0px 0px 0px; padding:0px 10px 10px 10px; background:url(/sitefiles/1/design/layout/horizontal-border-line.gif) repeat-x 100% 100%; } #faq-search-wrapper { float:left; width:450px; clear:both; display:none; margin:0px 0px 0px 0px; padding:0px 10px 10px 0px; } #faq-search-ingress { float:left; width:450px; clear:both; display:block; background:url(/sitefiles/1/design/layout/horizontal-border-line.gif) repeat-x 100% 100%; } #faq-search-ingress h2 { margin:0; padding:0; font-size:15px; color:#be0a26; padding:10px 10px 10px 10px; font-weight:normal; } #faq-search-ingress .article-content-ingress { padding:0px 10px 10px 10px; } #faq-search-ingress .article-content-ingress table p { margin:0; padding:0; } #faq-search-ingress .article-content-ingress ul, #faq-search-ingress .article-content-ingress ol { margin: 0 0 1.5em 15px; } #faq-search-ingress p { /*padding:4px 0px 4px 0px;*/ } .itemhead { font-size:15px; color:#be0a26; padding:0px 0px 10px 0px; font-weight:normal; } #step1result { float:left; width:215px; padding:0px 0px 0px 10px; margin:10px 0px 10px 0px; display:block; clear:both; } #step2result { float:left; width:225px; margin:10px 0px 10px 0px; padding:0px 0px 0px 20px; display:block; background:url(/sitefiles/1/design/layout/dashed-pattern.gif) repeat-y 0 0; } #step3result { float:left; width:460px; clear:both; display:block; margin:10px 0px 0px 0px; padding:20px 10px 10px 10px; background:url(/sitefiles/1/design/layout/horizontal-border-line.gif) repeat-x; } .gotocontact { width:470px; text-align:right; clear:both; padding-top:20px; background:url() repeat-x; padding-right:10px; } .gotocontact a { /*font-size:14px; */ } #step3result h2 { font-size:15px; color:#be0a26; padding:0px 26px 10px 0px; font-weight:normal; position: relative; } #step3result h2 a.permalink { display: block; width: 16px; height: 16px; clear: both; position: absolute; right: 0; top: .1em; overflow: hidden; background: url(/sitefiles/1/design/layout/svar.png) 0 0 no-repeat; outline: none; text-indent: -9999px; } #step3result p { padding:4px 0px 4px 0px; } .responseDiv { font-size:10px; list-style-type:none; } .responseDiv .itemwrapper { clear:both; width:100%; display:block; } .responseDiv .itemwrapper a { cursor:pointer; font-weight:normal; color:#000; line-height:14px; background:url(/sitefiles/1/design/layout/kundesenter/bullet.gif) no-repeat 0px 0px; display: block; padding:0px 0px 4px 20px; } .responseDiv .itemwrapper_slide { color: #6F7072; /*width:130px !important; padding:0 15px 0 0;*/ } #product-slide #slide-container ul li h2 { list-style-type:none; background-image:none; } .responseDiv .itemwrapper_slide a { cursor:pointer; font-weight:normal; color:#000; line-height:14px; display: block; padding:0px 0px 0px 0px; } .responseDiv .itemwrapper_slide a:hover { color:#BE0A26 !important; } #customerservice_left #contentbg ul li a:hover { text-decoration: underline; } .responseDiv .itemwrapper a:hover { color: #BE0A26 !important; border: 0; background-image:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif); } .responseDiv .item h2 { font-size:15px; color:#be0a26; padding:0px 0px 10px 0px; font-weight:normal; } .responseDiv .itemwrapper h2 { font-size:15px; color:#be0a26; padding:0px 0px 10px 0px; font-weight:normal; } #stepContainer { width:460px; height:22px; display:block; } #stepContainer div { float:left; height:22px; padding:0px 20px 0px 10px; background:url(/sitefiles/1/design/layout/kundesenter/bullet.gif) no-repeat 96% 22%; color:#c8c8c8; } #stepContainer #st3 { background:none; } /* NICE FORMS */ /*Selects*/ .selectArea { width:260px; height:21px; background:url(/sitefiles/1/design/forms/niceforms/select_bg.gif) repeat-x left top; float: right; } #fill-it-up .half .selectArea { width: 142px; } #fill-it-up .quarter .selectArea { width: 67px; } .selectArea .left { width:7px; height:21px; float:left; background:url(/sitefiles/1/design/forms/niceforms/select_left.gif) no-repeat left top; } .selectArea div.right { width:19px; height:21px; float:right; background:url(/sitefiles/1/design/forms/niceforms/select_right.gif) no-repeat left top; } .selectArea div.right a { display:block; width:260px; height:21px; margin-left:-241px; position:absolute; border: 0; } #fill-it-up .half .selectArea div.right a { width: 142px; margin-left: -123px; } #fill-it-up .quarter .selectArea div.right a { width: 66px; margin-left: -47px; } .selectArea div.right i {display:none;} .selectArea div.center { width:230px; color: #666; overflow:hidden; white-space:nowrap; } #fill-it-up .half .selectArea div.center { width: 112px; } #fill-it-up .quarter .selectArea div.center { width: 32px; } /*Selects drop-down*/ .optionsDivInvisible, .optionsDivVisible { position:absolute; margin-top:0; margin-left:4px; width:230px; background:#F8F8F8; padding:2px; font-size:1em; z-index:3000; } #fill-it-up .half .optionsDivInvisible, #fill-it-up .half .optionsDivVisible { width:112px; } #fill-it-up .quarter .optionsDivInvisible, #fill-it-up .quarter .optionsDivVisible { width:32px; } .optionsDivInvisible {display:none;} .optionsDivVisible {display:block;} .optionsDivVisible p { margin:0; padding:0; } .optionsDivVisible a { color:#666; text-decoration:none; display:block; padding:2px 4px; } .optionsDivVisible a:hover { color:#656565; background:#FFF; border: 1px solid #DDD; padding: 1px 3px; } .admin-wrap h2 { color:#BE0A26; font-weight: normal; font-size: 1.4em; margin: 0 0 0.5em 0; } .admin-wrap form, .admin-wrap fieldset { width: 680px; float: left; clear: both; } .admin-wrap ul { list-style-type: none; line-height: 2; float: left; width: 680px; margin: 0 0 2.5em 0; } .admin-wrap ul li { width: 680px; float: left; clear: both; padding: 0 0 0.5em 0; } .admin-wrap ul li.error { color: #C00; font-weight: bold; font-size: 1.1em; width: 530px; padding: 0 0 0 150px; } .admin-wrap ul li.success { color: #090; font-weight: bold; font-size: 1.1em; width: 530px; padding: 0 0 0 150px; } .admin-wrap ul li.submit { padding: 0 0 0 150px; width: 530px; } .admin-wrap ul li.submit input { width: 96px; height: 29px; padding: 2px 14px 11px 10px; color: #FFF; border: 0; font-weight: bold; background: url(/sitefiles/1/design/forms/big-submit.png) 0 0 no-repeat; cursor: pointer; font-size: 1.1em; letter-spacing: 0.05em; word-spacing: 0.1em; } .admin-wrap ul li.submit input:focus, .admin-wrap ul li.submit input:active { color: #FFF; } .admin-wrap ul li label { color: #656565; cursor: pointer; float: left; width: 140px; padding: 0 10px 0 0; text-align: right; } .admin-wrap form.ipf table tbody tr th{border-bottom:1px #ccc solid; padding:0 2px;} .admin-wrap form.ipf table tbody tr td{padding:0 2px;} .admin-wrap form.ipf table tbody tr th.black {background-color:#dcdcdc;} .admin-wrap form.ipf table tbody tr th.white {background-color:#fffff0;} .admin-wrap form.ipf table tbody tr td.black {background-color:#dcdcdc;} .admin-wrap form.ipf table tbody tr td.white {background-color:#fffff0;} #searchWordList, #searchWordList li { float: left; width: 680px; clear: both; } #searchWordList li { border-bottom: 1px solid #E8E8E8; width: 660px; padding: 0 10px; } #searchWordList li li { padding: 0; border: 0; width: 640px; } #searchWordList ul.wordConnectionList { width: 660px; } #searchWordList ul.wordConnectionList li { line-height: 2.2; } #searchWordList ul.wordConnectionList li.even { background: #F8F8F8; } #searchWordList legend.sectionHeading { font-weight: bold; font-size: 12px; } #searchWordList ul.wordConnectionList li input.checkbox { float: left; margin: 0.4em 10px 0 0; } #searchWordList input.word-input { float: left; margin: 0 10px 0 0; } #searchWordList ul.wordConnectionList li label { text-align: left; padding: 0 10px 0 0; width: auto; } #searchWordList ul.wordConnectionList li span.show { float: right; clear: right; padding: 0 10px 0 0; } #searchWordList span.update { color: #84B36E; padding: 0 15px 0 20px; background: url(/sitefiles/1/design/famfamfam/accept.png) 0 50% no-repeat; cursor: pointer; } #searchWordList span.delete { color: #B36F6E; padding: 0 15px 0 20px; background: url(/sitefiles/1/design/famfamfam/delete.png) 0 50% no-repeat; cursor: pointer; } #searchWordList li#listitem_0 legend.searchWordHeading { color: #BE042A; font-weight: bold; } #searchWordList legend.searchWordHeading { cursor: pointer; } #searchWordList fieldset, #searchWordList form { width: 660px; } /* nyhetsarkiv */ .newsArchive-outer { padding:10px 20px; width: 640px; } .newsArchive-outer h2 { font-size:17px; padding:0 0 10px 0px; } .newsArchive-outer .newsarch { background:url(/sitefiles/1/design/layout/horizontal-border-line.gif) repeat-x bottom; padding: 0 0 16px 0; margin: 0 0 15px 0; float:left; width: 640px; } .newsArchive-outer .newsarch h2 { font-size:15px; padding:0; } .newsArchive-outer .newsarch .date { clear:both; font-size: 11px; } .newsArchive-outer .newsarch .ingress { float:left; font-size: 11px; } .newsArchive-outer .newsarch .ingress p { float:left; } .newsArchive-outer .newsarch .ingress .artreadmore { text-decoration: underline; } .newsArchive-outer .newsarch .ingress .artreadmore:hover { text-decoration: none; } .small-articles { padding: 0 20px; } .small-articles, .small-articles ul, .small-articles ul li { width: 640px; clear: both; } .small-articles ul li { list-style-type: none; line-height: 2.5; } .small-articles ul li.article { font-size: 1.4em; background: url(/sitefiles/1/design/layout/horizontal-border-line.gif) 0 100% repeat-x; } .small-articles ul li.more { font-size: 1.2em; text-align: right; padding: 0.5em 0 0 0; } /* ______________________________________________________________ SITEMAP */ #KeyNavi { width: 870px; padding: 30px; background: #FFF; display: none; z-index: 10000; margin: 0 auto; } a#sitemap { /*position: absolute; left: 50px; top: 150px; display: block;*/ } /* popper 2 */ /* hirr*/ .close-wrapper, .close-modal { width:50px; height:22px; float:right; position:relative; top:-5px; right:10px; margin-bottom:0px; } #close_button { width:100px; height:30px; display:block; } .fill-cell-container { padding: 30px 5px 5px; position: absolute; left: 50%; top: 100px; overflow: hidden; text-align: center; background: url(/sitefiles/1/design/layout/fill-cell-1.png) no-repeat; width: 700px; margin-left: -350px; height: 600px; display: block; clear: both; } .fill-cell-container-alt { padding: 30px 5px 5px; position: absolute; left: 50%; top: 100px; overflow: hidden; text-align: center; background: url(/sitefiles/1/design/fill-cell-2.png) no-repeat; /*background-color:white;*/ margin-left: -350px; display: block; clear: both; padding:0 !important; } .fill-cell-container-alt .iframeLoadBox { width:725px; height:635px; position:relative; left:20px; *top:22px; float:left; clear:both; padding:5px 0px 0 0px !important; } .fill-cell-container-alt .close-wrapper, .fill-cell-container-alt .close-modal { position:relative; top:15px; height:26px; } .fill-cell-container-search { padding: 30px 5px 5px 30px; position: absolute; left: 50%; top: 100px; overflow: hidden; text-align: left; background: url(/sitefiles/1/design/layout/fill-cell-1.png) no-repeat; width: 270px; margin-left: -135px; height: 600px; display: block; overflow: hidden; clear: both; } .direct-order-containerbox { position: relative; top: 100px; overflow: hidden; text-align: left; background: #FFF; padding: 6px; } .searchShowAllresults { position: relative; top: 100px; overflow: hidden; text-align: left; background: #FFF; padding: 30px; overflow: auto; } #modal_overlay { background-color:#000; } #modal_overlay.test { background-color:#000; } #modal_iframe { } .iframeLoadBox { width:655px; height:550px; position:relative; left:20px; *top:22px; float:left; clear:both; } .iframeLoadBox-search { overflow:auto; width:610px; height:500px; position:relative; left:20px; *top:22px; float:left; clear:both; } .iframeLoadBox-flash { width:887px; *width:894px; height:515px; *height:550px; overflow:hidden; position:relative; left:20px; *top:22px; float:left; clear:both; } .iframeLoadBox-flash-scroll { overflow-y: auto; } .fill-cell-container-flash { position: relative; top: 100px; overflow: hidden; padding: 10px 5px; text-align: center; width: 920px; *width: 930px; height: 550px; *height: 570px; display: block; background: #FFF; overflow: hidden; } .fill-cell-container-flash-1 { padding-top:10px; padding-bottom:10px; text-align:center; width:920px; *width:930px; height:550px; *height:570px; display:block; background-color:white; overflow:hidden; top:177px; } .fill-cell-container-flash-1 .close-wrapper, .fill-cell-container-flash-1 .close-modal { position:relative; top:4px; height:26px; } .textLoadBox { width:655px; height:550px; position:relative; left:20px; *top:22px; float:left; clear:both; overflow:auto; } .iframeSearchDiv { width:100px; height:100px; overflow:hidden; } /* lightview */ #lightview { position: absolute; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px; padding: 0; } /* The container that holds everything */ .lv_Container { position: relative; width: 100%; height: 100%; background: none; padding: 0; margin: 0; } .lv_Button { cursor: pointer; text-decoration: none; border: none; background: none; margin: 0; padding: 0; } /* The buttons on the side when you view a gallery */ .lv_Sides { position: absolute; top: 50%; left: 0; clear: both; width: 100%; padding: 0; margin: 0; } .lv_Sides * { padding: 0; margin: 0; } .lv_Sides li { list-style-type: none; position: relative; overflow: hidden; } .lv_PrevSide { float: left; } .lv_NextSide { float: right; } .lv_Sides .lv_Wrapper { width: 100%; height: 100%; cursor: pointer; } .lv_Sides .lv_Button { float: left; background: none; } /* The frames above and below the center, that hold the corners. It's recommended not to change anything here, a lot is done in javascript to build further upon this based on your settings. */ .lv_Frames { width: 100%; height: 100%; position: relative; padding: 0; margin: 0; } .lv_Frames li { list-style-type: none; } .lv_Frame { width: 100%; display: block; } .lv_Frame * { padding: 0; margin: 0; } .lv_FrameTop { position: absolute; left: 0; width: 100%; display: block; } .lv_FrameBottom { position: relative; float: left; clear: both; } .lv_Liquid { position: relative; float: left; width: 100%; overflow: hidden; clear: both; } .lv_Liquid .lv_Filler { position: absolute; height: 100%; width: 2px; top: 0; left: 50%; } .lv_Half { display: block; height: 100%; clear: both; line-height: 0px; } .lv_Half li { list-style-type: none; } .lv_Corner { float: left; position: relative; } .lv_CornerTr, .lv_CornerBr { float: right; } .lv_Fill { position: absolute; top: 0; width: 100%; height: 100%; } .lv_Half .lv_CornerWrapper { float: left; position: relative; width: 50%; height: 100%; overflow: hidden; } .lv_HalfRight .lv_CornerWrapper { float: right; } .lv_Corner { position: relative; } .lv_Corner canvas { position: relative; } .lv_HalfLeft .lv_Corner { float: left; } .lv_HalfRight .lv_Corner { position: relative; float: right; } /* To position content correctly in the center with correct rounded corner display we need a few wrappers. This is to get it right on all browsers. */ .lv_Center { position: relative; clear: both; height: 100%; overflow: hidden; background: none; padding: 0; margin: 0; } .lv_WrapUp { position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0; } .lv_WrapDown { position: relative; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0; } .lv_WrapCenter { position: relative; padding: 0; margin: 0; } /* The loading indicator */ .lv_Loading { position: absolute; top: 50%; left: 50%; } .lv_Loading .lv_Button { float: left; height: 100%; width: 100%; } .lv_MediaWrapper { position: relative; width: 100%; display: block; overflow: hidden; clear: both; padding: 0; margin: 0; } .lv_MediaWrapper img { position: relative; float: left; padding: 0; margin: 0; } /* The overlays on top of images that toggle the previous/next buttons */ .lv_PrevNext { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; } .lv_PrevNext * { padding: 0; margin: 0; } .lv_PrevNext .lv_Button { position: relative; height: 100%;} .lv_PrevButton { float: left; } .lv_NextButton { float: right; } /* The bar that holds title, caption, imagenumber, slideshow and closebutton */ .lv_MenuBar { clear: both; position: relative; width: 100%; float: left; font: 11px Arial, Helvetica, sans-serif; color: #808080; padding: 0; margin: 0; } .lv_MenuBar * { padding: 0; margin: 0; } /* When the Menubar is at the top, on (ajax/iframe/inline) content, it will also have this style. The margins are removed here for better alignment, and since it's at the top we switch the inner margins to the other side. */ .lv_MenuTop .lv_DataText div, .lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; } #lightview .lv_MenuTop .lv_Close, #lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; } .lv_Close, .lv_Data { margin: 6px 0 0 0; } .lv_Close { float: right; overflow: hidden; } .lv_Close .lv_Button { float: right; width: 100%; height: 100%; } .lv_Data { position: relative; float: left; padding-bottom: 3px; line-height: 13px; } .lv_Data li { list-style-type: none; } /* simulates padding-left inside .lv_Data */ .lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } .lv_Data li { list-style-type: none; float: left; margin-top: 3px; } .lv_DataText { width: 100%; } .lv_Title { font-weight: bold; margin-bottom: 2px; } .lv_Caption { clear: both; } .lv_ImgNumber { color: #b8b8b8; margin-right: 5px; margin-top: 5px; } .lv_Slideshow { border-left: 1px solid #efefef; padding-left: 5px; margin-top: 5px; vertical-align: middle; } .lv_Slideshow .lv_Button { /* play and stop */ float: left; background-position: center left; background-repeat: no-repeat; } /* the boxes that hold media or external content */ .lv_Media, .lv_External { position: relative; float: left; margin: 0; padding: 0; } #lightview iframe { border: 0; clear: both; padding: 0; margin: 0; background: none; } /* The container that hold buttons above the view, currently only topclose */ .lv_topButtons { position: absolute; left: 0; width: 100%; overflow: hidden; margin: 0; padding: 0; } .lv_topcloseButtonImage { cursor: pointer; } /* The error/warning/download message that will appear when a required plugin is not installed. */ #lightviewError p { padding: 0 0 10px 0; } #lightviewError div { padding: 6px; font: 11px Arial, Helvetica, sans-serif; } #lightviewError .message { background: #fcb5b5; color: #dd1f1f; margin-bottom: 3px; } #lightviewError .type { font-weight: bold; } #lightviewError .pluginspage { background: #b5fcbd; color: #21be30; } #lightviewError a, #lightviewError a:hover, #lightviewError a:visited { /*color: #21be30; text-decoration: none; background: none; font-weight: bold; border-bottom: 1px solid #7de689;*/ } #lightviewError p { margin-left: 0; padding: 0; } #overlay { position: absolute; /* Opera will use fixed */ top: 0; left: 0; height: 100%; width: 100%; } * html #lightview { /* IE6 */ position: absolute; margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px'); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px'); } /* Always cover 100% of the screen in IE6 */ html #overlay { position: absolute; height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' ); width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' ); } /* ______________________________________________________________ PNG FIXES */ * html #page-banner .top-corners, * html #page-banner .bottom-corners, * html #side-col-news, * html .boxwrapper .boxContent, * html #minside-login, * html #phoneslider-wrapper .list-left a.small-buystar, * html .boxwrapper .boxBottom, * html .boxwrapper .boxTop, * html #phoneslider-wrapper #navi-left, * html #phoneslider-wrapper #navi-right, * html #campaignproduct_outer .campaign_slidewrapper .campaign_slide_top, * html #campaignproduct_outer .campaign_slidewrapper .campaign_slide_content, * html #campaignproduct_outer .campaign_slidewrapper .campaign_slide_bottom, * html #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_top, * html #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_content, * html #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_bottom, * html .campaign_right_wrapper .campaign_right_top, * html .campaign_right_wrapper .campaign_right_content, * html .campaign_right_wrapper .campaign_right_bottom, * html .campaign_right_wrapper-double #campaign_right_top_1, * html .campaign_right_wrapper-double #campaign_right_top_2, * html .campaign_right_wrapper-double #campaign_right_top_3, * html .campaign_right_wrapper-double #campaign_right_content_1, * html .campaign_right_wrapper-double #campaign_right_content_2, * html .campaign_right_wrapper-double #campaign_right_content_3, * html .campaign_right_wrapper-double #campaign_right_bottom_1, * html .campaign_right_wrapper-double #campaign_right_bottom_2, * html .campaign_right_wrapper-double #campaign_right_bottom_3, * html #content-bottom, * html #content-bottom .top-corners-690, * html #content-bottom .bottom-corners-690, * html .shadow-static #main-box, * html #minside-login, * html #minside-login #minside-login-top, * html #minside-login #minside-login-bottom, * html #slide-container #slide-tab-menu a#next-tab, * html #product-slide #slide-container #slide-tab-menu a#next-tab, * html #product-slide #slide-container #slide-tab-menu a#next-tab-produkt, * html #slide-container #slide-tab-menu a#prev-tab, * html #product-slide #slide-container #slide-tab-menu a#prev-tab, * html #product-slide #slide-container #slide-tab-menu a#prev-tab-produkt { background-color: #ccc; background-color: transparent; background-image: none; overflow: hidden; } * html #page-banner .top-corners { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-top.png", sizingMethod="scale"); } * html #page-banner .bottom-corners { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-bottom.png", sizingMethod="scale"); } * html #side-col-news { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-y.png", sizingMethod="scale"); } * html .boxwrapper .boxContent { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-y.png", sizingMethod="scale"); } * html #minside-login { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-y.png", sizingMethod="scale"); } * html #phoneslider-wrapper .list-left a.small-buystar { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/buystar.png", sizingMethod="scale"); } * html .boxwrapper .boxBottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-bottom.png", sizingMethod="scale"); } * html .boxwrapper .boxTop { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-top.png", sizingMethod="scale"); } * html #phoneslider-wrapper #navi-left { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/knapper/slide-prev.png", sizingMethod="scale"); } * html #phoneslider-wrapper #navi-right { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/knapper/slide-next.png", sizingMethod="scale"); } * html #campaignproduct_outer .campaign_slidewrapper .campaign_slide_top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-420-top.png",sizingMethod="scale"); } * html #campaignproduct_outer .campaign_slidewrapper .campaign_slide_bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-420-bottom.png", sizingMethod="scale"); } * html #campaignproduct_outer .campaign_slidewrapper .campaign_slide_content { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-420-y.png", sizingMethod="scale"); } * html #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-top.png", sizingMethod="scale"); } * html #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-bottom.png", sizingMethod="scale"); } * html #campaignproductBig_outer .campaign_slidewrapper .campaign_slide_content { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-y.png", sizingMethod="scale"); } * html .campaign_right_wrapper-double #campaign_right_top_1, * html .campaign_right_wrapper-double #campaign_right_top_2, * html .campaign_right_wrapper-double #campaign_right_top_3, * html .campaign_right_wrapper .campaign_right_top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-250-top.png", sizingMethod="scale"); } * html .campaign_right_wrapper-double #campaign_right_content_1, * html .campaign_right_wrapper-double #campaign_right_content_2, * html .campaign_right_wrapper-double #campaign_right_content_3, * html .campaign_right_wrapper .campaign_right_content { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-250-y.png", sizingMethod="scale"); } * html .campaign_right_wrapper-double #campaign_right_bottom_1, * html .campaign_right_wrapper-double #campaign_right_bottom_2, * html .campaign_right_wrapper-double #campaign_right_bottom_3, * html .campaign_right_wrapper .campaign_right_bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-250-bottom.png", sizingMethod="scale"); } * html #content-bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-690-y.png", sizingMethod="scale"); } * html .no-bottom-frame #content-bottom { filter: none; background: none; } * html #content-bottom .top-corners-690 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-690-top.png", sizingMethod="scale"); } * html #content-bottom .bottom-corners-690 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-690-bottom.png", sizingMethod="scale"); } * html .shadow-static #main-box { background-image: url(/sitefiles/1/design/layout/main-box-y.gif); } * html #minside-login { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-y.png", sizingMethod="scale"); } * html #minside-login #minside-login-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-top.png", sizingMethod="scale"); } * html #minside-login #minside-login-bottom { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-bottom.png", sizingMethod="scale"); } * html #slide-container #slide-tab-menu a#prev-tab, * html #product-slide #slide-container #slide-tab-menu a#prev-tab, * html #product-slide #slide-container #slide-tab-menu a#prev-tab-produkt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/knapper/slide-prev.png", sizingMethod="scale"); } * html #slide-container #slide-tab-menu a#next-tab, * html #product-slide #slide-container #slide-tab-menu a#next-tab, * html #product-slide #slide-container #slide-tab-menu a#next-tab-produkt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/knapper/slide-next.png", sizingMethod="scale"); } * html .mobile-broadband #product-slide #slide-container #slide-tab-menu a#prev-tab-produkt, * html .mobile-broadband #product-slide #slide-container #slide-tab-menu a#next-tab-produkt, * html #x-brand #product-slide #slide-container #slide-tab-menu a#prev-tab-produkt, * html #x-brand #product-slide #slide-container #slide-tab-menu a#next-tab-produkt { filter: none; } .userdefinedhit{ width:205px; float:left; padding-right:10px; } .userdefinedhitimage{ float:right; width:100px; } .userdefinedhitimage a.userdefinedhitlink:hover{ text-decoration:none; border:0; } .userdefinedhitheading{ font-size:16px; } .userdefinedhitheading a.userdefinedhitlink:hover{ text-decoration:none; border:0; } .userdefinedhitdescription{ width:100px; float:left; } /* pris tabeller */ #service-abroad-fromabroad ul li, #service-abroad-toabroad ul li { clear:both; padding: 0 0 0.5em 0; list-style-type:none; height:22px; line-height:22px; } #service-abroad-fromabroad ul li label, #service-abroad-toabroad ul li label { width:90px; height:22px; line-height:22px; display:block; float:left; } #service-abroad-fromabroad ul li select, #service-abroad-toabroad ul li select { border: 0; padding: 3px 5px; width: 260px; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; color: #666; font-size: 1em; background: url(/sitefiles/1/design/forms/text-input-260.png) 0 0 no-repeat; } #service-abroad-fromabroad ul li select option, #service-abroad-toabroad ul li select option { background: #FFF; border: 0; } .itemwrapper activeLinkJsClass { color:#BE0A26; } .activeLinkJsClass { color:#BE0A26; cursor:pointer; font-weight:normal; line-height:14px; background:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) no-repeat 100% 50%!important; } .activeLinkJsClass_1 { color:#BE0A26; cursor:pointer; font-weight:normal; line-height:14px; background:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) no-repeat 100% 50%!important; } .activeLinkJsClass_1 a { color:#BE0A26 !important; cursor:pointer; font-weight:normal; line-height:14px; text-decoration:underline; } .activeLinkJsClassSearch { color:#BE0A26 !important; cursor:pointer; font-weight:normal; line-height:14px; text-decoration:underline !important; background:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) no-repeat 0px 0px !important; } .activeLinkJsClass a { color:#BE0A26; cursor:pointer; font-weight:normal; line-height:14px; text-decoration:underline; } .inActiveLinkJsClass { color:#000; } .inActiveLinkJsClass a { color:#000; text-decoration:underline; } .activeLinkJsClass_FAQNAV { color:#BE0A26 !important; text-decoration:underline !important; cursor:pointer; font-weight:normal; line-height:20px; background:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) no-repeat 110px 2px !important; display: block; } .activeLinkJsClass_FAQNAV_step1 { color:#BE0A26 !important; text-decoration:underline !important; cursor:pointer; font-weight:normal; line-height:20px; background:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) no-repeat 0px 0px !important; display: block; } .activeLinkJsClass_FAQNAV_step2 { color:#BE0A26 !important; text-decoration:underline !important; cursor: pointer; font-weight:normal; line-height:20px; background:url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) no-repeat 0px 0px !important; display: block; } .iframewrapper { width:614px; height:390px; overflow:hidden; position:relative; left:7px; top:10px; display:none; } .iframewrapper .iframebox { width:900px; height:700px; position:absolute; top:-45px; _left:-5px; } /* pristabeller */ table.cols-2 .col-1 { width:260px; } #modal_container .categories { width: 32%; float: left; clear: left; text-align: left; padding: 0 3% 0 0; background: url(/sitefiles/1/design/layout/dashed-pattern.gif) 100% 0 repeat-y; } #modal_container .categories ul { margin: 0 0 2em 1.5em; line-height: 1.5; } #modal_container .categories ul ul { margin: 0; } #modal_container .categories ul li li { margin: 0 0 0 1.5em; } #modal_container .articles { width: 60%; float: right; clear: right; text-align: left; } #modal_container .articles ul { padding: 0 2em 0 0; list-style-type: none; } #modal_container .articles ul li h3 { font-size: 1.2em; margin: 0 0 0.2em 0; } #modal_container a.close { display: none; } /* ______________________________________________________________ SEARCH RESULTS */ #udSearchResultsTopwrapper, #udSearchResultsBottomwrapper { width: 680px; float: left; clear: both; margin: 0 0 10px 0; position: relative; background: url(/sitefiles/1/design/layout/box-680-y.gif) 0 0 repeat-y; } #udSearchResultsTopwrapper #udSearchResultsTop, #udSearchResultsBottomwrapper #udSearchResultsBottom { padding: 10px 15px; } #udSearchResultsTopwrapper .top-corners-680, #udSearchResultsBottomwrapper .top-corners-680 { width: 680px; height: 7px; overflow: hidden; position: absolute; top: 0; left: 0; *clear: both; *margin: 0 0 -7px 0; background: url(/sitefiles/1/design/layout/box-680-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-top.png", sizingMethod="scale"); } #udSearchResultsTopwrapper .bottom-corners-680, #udSearchResultsBottomwrapper .bottom-corners-680 { width: 680px; height: 7px; overflow: hidden; position: absolute; bottom: 0; left: 0; *clear: both; *margin: -7px 0 0 0; background: url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-bottom.png", sizingMethod="scale"); } .searchresultnumberhits { margin: 0 0 10px 0; } .searchresultnumberhits p { float: left; width: 400px; padding-top: 13px; margin: 0; } .searchresultnumberhits p em { font-style: normal; color: #000; } .searchResultSection { float: left; width: 328px; margin: 0 0 15px 0; position: relative; background: url(/sitefiles/1/design/layout/box-328-y.gif) 0 0 repeat-y; } .searchResultSection-right { float: right; } .searchResultSection .top-corners-328 { width: 328px; height: 7px; overflow: hidden; position: absolute; top: 0; left: 0; *clear: both; *margin: 0 0 -7px 0; background: url(/sitefiles/1/design/layout/box-328-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-328-top.png", sizingMethod="scale"); } .searchResultSection .bottom-corners-328 { width: 328px; height: 7px; overflow: hidden; position: absolute; bottom: 0; left: 0; *clear: both; *margin: -7px 0 0 0; background: url(/sitefiles/1/design/layout/box-328-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-328-bottom.png", sizingMethod="scale"); } .searchResultSection .search-results-inner { overflow: hidden; padding: 10px 20px; width: 288px; float: left; clear: both; } .searchResultSection .search-results-inner h3 { width: 150px; color: #6F7072; font-size: 11px; font-weight: normal; } .searchResultSection .search-results-inner p.numberhits { width: 138px; font-size: 11px; text-align: right; margin: 0; line-height: 1; position: absolute; top: 10px; right: 20px; } .searchResultSection .search-results-inner .normal-hits { height: 150px; width: 288px; float: left; clear: both; padding: 0 0 20px 0; position: relative; } .searchResultSection .search-results-inner .normal-hits ul { margin: 10px 0 0 0; } .searchResultSection .search-results-inner .normal-hits ul, .searchResultSection .search-results-inner .normal-hits ul li { width: 288px; float: left; clear: both; list-style-type: none; } .searchResultSection .search-results-inner .normal-hits ul li { margin: 0 0 10px 0; } .searchResultSection .search-results-inner .normal-hits ul li h3 { width: 288px; display: block; clear: both; float: left; margin: 0; } .searchResultSection .search-results-inner .normal-hits p.more-hits { position: absolute; *clear: both; margin: 0; bottom: 0; _bottom: 10px; right: 0; } #change-lang-help { width: 110px; float: right; clear: both; padding: 0 0 15px 100px; } #change-lang-help h4 { font-size: 1em; margin: 0; font-style: italic; } #change-lang-help p { margin: 0; } #change-lang-help p em { color: #9D9D9D; } #sidebar-banners { list-style-type: none; margin: 0; _padding: 0 0 10px 0; } #sidebar-banners, #sidebar-banners li { width: 210px; float: left; clear: both; } #sidebar-banners li { position: relative; margin: 0 0 10px 0; /*background: url(/sitefiles/1/design/layout/right-col-box-y.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-y.png", sizingMethod="scale");*/ } #sidebar-banners li a { display: block; float: left; clear: both; width: 210px; } #sidebar-banners li .img-wrap { padding: 0 0 0 15px; width: 75px; height: 85px; overflow: hidden; float: left; margin: 0 10px 0 0; } #sidebar-banners li .img-wrap img { float: left; } #sidebar-banners li .text { width: 110px; float: right; padding: 3px 0 0 0; text-align: center; } #sidebar-banners li .text p { line-height: 1; font-weight: bold; color: #78BABE; margin: 0; } #sidebar-banners li .text p.big { font-size: 4.2em; letter-spacing: -0.05em; } #sidebar-banners li .text p.line-1 { margin: .2em 0 0 0; } #sidebar-banners li div.text p.small { font-size: 1em; margin: .35em 0 0 0; font-weight: normal; } #sidebar-banners li div.text p span { display: block; } #sidebar-banners li .top-corners { width: 210px; height: 9px; background: url(/sitefiles/1/design/layout/right-col-box-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-top.png", sizingMethod="scale"); position: absolute; top: 0; left: 0; overflow: hidden; clear: both; } #sidebar-banners li .bottom-corners { width: 210px; height: 9px; background: url(/sitefiles/1/design/layout/right-col-box-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-bottom.png", sizingMethod="scale"); position: absolute; bottom: 0; left: 0; overflow: hidden; clear: both; } .micro-front, .micro-tu-reg { width: 460px; float: left; clear: both; padding: 10px 0 0 220px; background: 12px 55px no-repeat; } .micro-front { padding: 10px 0 0; background: none; width: 680px; } .micro-front .left { width: 200px; float: left; clear: left; } .micro-front .right { width: 460px; float: right; clear: right; } .micro-tu-reg { _height: 545px; min-height: 545px; } .micro-front h2 { font-size: 2.4em; margin: 0 0 0.75em 0; } .micro-front h3, .micro-tu-reg h3 { font-size: 1.4em; margin: 0 0 0.1em 0; } .micro-front .intro p, .micro-front .intro ul, .micro-front ul.boxes li p.excerpt { font-size: 1.1em; } .micro-front ul.boxes, .micro-tu-reg ul.boxes { margin: 2em 0 0 0; width: 460px; float: left; clear: both; list-style-type: none; } .micro-front ul.boxes li { width: 205px; float: left; margin: 0 50px 30px 0; } .micro-tu-reg ul.boxes li { width: 440px; float: left; clear: both; padding: 0 20px 3em 0; } .micro-front ul.boxes li.right { margin: 0 0 30px 0; } .micro-front ul.boxes li h3, .micro-tu-reg ul.boxes li h3 { margin: 0 0 0.75em 0; } .micro-tu-reg ul.boxes li img { float: right; margin: 0 0 1em 3em; } .micro-front ul.boxes li p.read-more a, .micro-tu-reg ul.boxes li p.read-more a { display: block; line-height: 18px; text-decoration: none; color: #BE0A26; font-size: 11px; border: 0; } .micro-front ul.boxes li p.read-more a:hover, .micro-tu-reg ul.boxes li p.read-more a:hover { text-decoration: underline; } ul#lang-chooser { position: absolute; right: 2px; bottom: 13px; height: 53px; line-height: 53px; margin: 0; } ul#lang-chooser li { float: left; display: inline; margin: 0 15px 0 0; } ul#lang-chooser li.last { margin: 0 25px 0 0; } ul#lang-chooser li a { display: block; float: left; width: 46px; height: 53px; text-indent: -9999px; outline: none; } ul#lang-chooser li#lc-no a { background: url(/sitefiles/1/design/layout/top-no.jpg) 0 0 no-repeat; } ul#lang-chooser li#lc-en a { background: url(/sitefiles/1/design/layout/top-en-new.jpg) 0 0 no-repeat; } ul#lang-chooser li#lc-pl a { background: url(/sitefiles/1/design/layout/top-pl-new.jpg) 0 0 no-repeat; } #chess ul#lang-chooser li a:hover, #chess ul#lang-chooser li.active a { background-position: 0 -53px; } #contact-info-global { width: 638px; float: left; clear: both; } #contact-info-global .line { width: 223px; float: left; margin: 0 15px 0 0; } #contact-info-global .first { width: 230px; margin: 0; padding: 0 20px 0 10px; } #contact-info-global .last { width: 125px; } #contact-info-global h3 { color: #BE042A; font-size: 1.4em; font-weight: normal; margin: 0 0 0.25em 0; } #contact-info-global p { margin: 0 0 1.5em 0; } #contact-info-global p.bottom-text { text-align: center; } .boxwrapper .global-in-your-language { height: 96px; } .boxwrapper .global-in-your-language h2 { padding: 0 14px; } .boxwrapper .global-in-your-language ul { position: absolute; width: 204px; height: 112px; left: 5px; top: 0; background: 100% 100% no-repeat; margin: 0; list-style-type: none; } .boxwrapper .global-in-your-language ul li { position: absolute; } .boxwrapper .global-in-your-language ul li.box { display: block; width: 210px; height: 112px; left: -5px; } .boxwrapper .global-in-your-language ul li.box a { display: block; width: 210px; height: 112px; position: absolute; clear: both; left: 0; top: 0; cursor: pointer; } .boxwrapper .global-in-your-language ul li.nor, .boxwrapper .global-in-your-language ul li.nor a { width: 48px; height: 48px; } .boxwrapper .global-in-your-language ul li.eng, .boxwrapper .global-in-your-language ul li.eng a, .boxwrapper .global-in-your-language ul li.pol, .boxwrapper .global-in-your-language ul li.pol a { width: 42px; height: 43px; } .boxwrapper .global-in-your-language ul li a { display: block; text-indent: -9999px; outline: none; background: left bottom no-repeat; cursor: pointer; } .boxwrapper .global-in-your-language ul li a:hover { background-position: left top; } .boxwrapper .global-in-your-language ul li.eng { bottom: 2px; left: 13px; } .boxwrapper .global-in-your-language ul li.eng a { background-image: url(/sitefiles/1/design/layout/intl-box-eng.jpg); } .boxwrapper .global-in-your-language ul li.nor { bottom: 34px; left: 31px; } .boxwrapper .global-in-your-language ul li.nor a { background-image: url(/sitefiles/1/design/layout/intl-box-nor.jpg); } .boxwrapper .global-in-your-language ul li.pol { bottom: 2px; left: 56px; } .boxwrapper .global-in-your-language ul li.pol a { background-image: url(/sitefiles/1/design/layout/intl-box-pol.jpg); } .dealer-wrap { width: 640px; float: left; clear: both; padding: 20px 20px 0 20px; position: relative; } .dealer-wrap h2 { font-size: 2.6em; } .dealer-wrap p { font-size: 1.1em; padding: 0 0 2.5em 0; } .dealer-wrap ul.dealers { float: left; width: 640px; clear: left; list-style-type: none; margin: 0; } .dealer-wrap ul.dealers li { float: left; display: inline; padding: 0 70px 50px 0; text-align: center; } .dealer-wrap ul.dealers li.clear { display: block; clear: both; padding: 0; float: none; width: 640px; } .dealer-wrap ul.dealers li.right { float: right; clear: right; padding: 0 0 50px 0; } .dealer-wrap ul.dealers li a { float: left; display: block; width: 210px; } .dealer-wrap p.back { position: absolute; width: 100px; right: 0; bottom: 15px; padding: 0; margin: 0; clear: both; } .dealer-wrap p.back a { display: block; width: 69px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 10px; font-size: 10px; border: 0; float: left; clear: both; } .campaign-product-right, .service-right, .generic-right { width: 230px; height: 146px; padding: 15px 5px 15px 15px; float: right; clear: right; background: url(/sitefiles/1/design/layout/box-250-y.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-250-y.png", sizingMethod="scale"); position: relative; margin: 0 0 10px 0; overflow: hidden; } .campaign-product-right a.overlay-link, .service-right a.overlay-link { display: block; width: 250px; height: 176px; position: absolute; clear: both; top: 0; left: 0; } .generic-right { width: 250px; height: 176px; padding: 0; } .campaign-product-right .top, .service-right .top, .generic-right .top { position: absolute; top: 0; left: 0; clear: both; width: 250px; height: 7px; background: url(/sitefiles/1/design/layout/box-250-top.png) 0 0 no-repeat; overflow: hidden; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-250-top.png", sizingMethod="scale"); } .campaign-product-right .bottom, .service-right .bottom, .generic-right .bottom { position: absolute; bottom: 0; left: 0; clear: both; width: 250px; height: 7px; background: url(/sitefiles/1/design/layout/box-250-bottom.png) 0 0 no-repeat; overflow: hidden; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-250-bottom.png", sizingMethod="scale"); } .generic-right .banner, .generic-right .banner a { display: block; width: 250px; height: 176px; float: left; clear: both; } .generic-right .banner a { padding: 1px; } .generic-right .banner img { float: left; } .campaign-product-right h3, .service-right h3 { font-size: 1.8em; padding: 0 0 .2em 0; } .service-right h3 { width: 230px; float: left; clear: both; height: 30px; } .campaign-product-right h4 { font-size: 1.8em; color: #ADADAD; } .campaign-product-right p.cost { font-size: 3.5em; color: #BE042A; text-align: right; margin: .3em .25em 0 0; position: absolute; padding: 0 .3em 0 0; letter-spacing: -0.1em; left: 10px; top: 60px; clear: both; } .campaign-product-right p.cost span { position: absolute; clear: both; top: 0; right: 0; color: #6F7072; font-size: 0.675em; } .campaign-product-right .left, .service-right .left { width: 140px; float: left; height: 146px; } .campaign-product-right .left p.footnote { margin: 0; font-size: .9em; position: absolute; left: 10px; bottom: 15px; clear: both; line-height: 1.2; width: 155px; } .campaign-product-right .right, .service-right .right { width: 80px; float: right; height: 146px; text-align: center; position: relative; } .service-right .right, .service-right .left { height: 116px; } .campaign-product-right .right img, .service-right .right img { display: block; margin: 0 auto; } .service-right .right p.read-more { margin: 0; } .campaign-product-right .right a.buy, .service-right .right p.read-more a { display: block; width: 69px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 10px; font-size: 10px; border: 0; clear: both; text-align: left; position: absolute; right: 0; bottom: 0; } .banner-210-right-col { width: 210px; height:301px; float: left; clear: both; margin: 0 0 10px 0; position: relative; overflow: hidden; } .happy-hour { width: 250px; height: 176px; float: left; clear: both; margin: 0 0 10px 0; position: relative; } .white-on-red { background: url(/sitefiles/1/design/happy-hour/happy-hour-red-bg.png) 0 0 no-repeat; color: #FFF; } .red-on-white { background: url(/sitefiles/1/design/happy-hour/happy-hour-grey-bg.png) 0 0 no-repeat; color: #BE042A; } .happy-hour-inner { padding: 10px; } .happy-hour h3 { font-size: 1.6em; font-weight: bold; margin: 0 0 .5em 0; } .white-on-red h3, .white-on-red h4, .white-on-red h5, .white-on-red h3 a, .white-on-red h4 a, .white-on-red h5 a { color: #FFF; text-decoration: none; } .red-on-white h3, .red-on-white h4, .red-on-white h5, .red-on-white h3 a, .red-on-white h4 a, .red-on-white h5 a { color: #BE042A; text-decoration: none; } .happy-hour p.time-left { font-size: 1.4em; font-weight: normal; margin: 0 0 1em 0; } .happy-hour h4 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin: 0 0 .4em 0; } .happy-hour h5 { font-size: 1.2em; font-weight: normal; margin: 0 0 .4em 0; } .happy-hour p.price { font-size: 4em; font-weight: bold; margin: 0; line-height: 1; position: absolute; bottom: 52px; left: 8px; clear: both; font-family: Tahoma, sans-serif; } .happy-hour p.price strong { font-size: .45em; color: #E6E6E6; font-weight: normal; position: absolute; right: 0; top: .05em; } .happy-hour p.disclaimer { position: absolute; bottom: 0; left: 0; clear: both; margin: 0; padding: 0 15px 7px 10px; width: 150px; color: #FF8F9F; line-height: 1.25; } .happy-hour a.order { display: block; width: 70px; height: 16px; position: absolute; right: 11px; bottom: 21px; clear: both; text-indent: -9999px; background: url(/sitefiles/1/design/layout/order-no-shadow.png) 0 0 no-repeat; } .white-on-red p.disclaimer { color: #FF8F9F; } .red-on-white p.disclaimer { color: #AAA; } .happy-hour a.happy-pic { display: block; position: absolute; right: 30px; top: 12px; clear: both; cursor: pointer; } .banner-250-bc { width: 250px; float: left; clear: both; margin: 0 0 10px 0; } .generic-full-a { position: relative; width: 678px; padding: 1px; height: 360px; float: left; clear: both; background: url(/sitefiles/1/design/layout/box-680-y.png) 0 0 repeat-y; overflow: hidden; } .generic-full-a .banner { width: 678px; float: left; clear: both; } .generic-full-a .flash { width: 680px; background: #FFF; position: relative; left: -1px; } .generic-full-a .top, .generic-full-a .bottom { position: absolute; clear: both; overflow: hidden; width: 680px; height: 7px; left: 0; } .generic-full-a .top { top: 0; background: url(/sitefiles/1/design/layout/box-680-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-top.png", sizingMethod="scale"); } .generic-full-a .bottom { bottom: 0; background: url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-bottom.png", sizingMethod="scale"); } #abo-groups { width: 660px; float: left; clear: both; padding: 0 10px 10px; _padding: 0 10px; position: relative; overflow: hidden; } #abo-groups .abo-group { height: 347px; float: left; width: 153px; margin: 0 16px 0 0; position: relative; overflow: hidden; z-index: 10; } #chess #abo-groups .right { margin: 0; } #abo-groups .abo-group a.overlay { display: block; width: 153px; height: 347px; position: absolute; top: 0; left: 0; clear: both; cursor: pointer; *background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: alpha(opacity=0); z-index: 234567; overflow:hidden; } #abo-groups .abo-group img { position: absolute; top: 1px; left: 1px; clear: both; } #abo-groups .abo-group .frame { position: absolute; top: 0; left: 0; clear: both; height: 347px; width: 153px; background: url(/sitefiles/1/design/layout/abo-group-box-3.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/abo-group-box-3.png", sizingMethod="scale"); cursor: pointer; } #abo-groups .abo-group .text { position: relative; top: 191px; left: 0; clear: both; width: 137px; padding: 16px 8px 0 8px; background: url(/sitefiles/1/design/layout/abo-box-bar-2.png) 0 0 no-repeat; text-align: center; color: #000; letter-spacing: 0; *letter-spacing: -.015em; } #abo-groups .abo-group .text h2 { color: #C90721; text-transform: uppercase; font-size: 13px; width: 137px; } #abo-groups .abo-group .text p { font-size: 11px; margin: 0 0 14px; } #abo-groups .abo-group .text .rollover-slogan { position: relative; z-index: 10; } #abo-groups .abo-group .text .rollover-slogan h3 { font-weight: bold; font-size: 11px; color: #000; padding: 0 0 .8em 0; width: 137px; } #abo-groups .abo-group .text .rollover-slogan p { font-size: 10px; background: url(/sitefiles/1/bilder/abo-new/arrows.png) 50% 50% no-repeat; color: #6E6E6E; width: 137px; } #abo-groups .abo-group .text .statiq p.phone { font-size: 1.8em; font-weight: bold; color: #BE042A; margin: 0; line-height: 1; } #abo-groups .abo-group .text .statiq p.code { font-size: 1.1em; color: #BE042A; margin: 0; } #abo-groups .abo-group a.details { padding: 1px 2px 3px; color: #FFF; width: 113px; height: 23px; line-height: 23px; text-align: center; font-size: 1.1em; background: url(/sitefiles/1/design/layout/proceed-127.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -57px; bottom: 18px; clear: both; display: block; } #abo-groups .abo-group .abo-list ul { list-style-type: none; padding: 0 30px; text-align: left; font-size: 11px; } #abo-groups .abo-group .abo-list ul li { padding: 0 0 0 15px; background: url(/sitefiles/1/design/layout/kundesenter/bulletactive.gif) 0 .1em no-repeat; } #abo-groups .abo-group .abo-list ul li a, #abo-groups .abo-group .abo-list ul li a:hover { color: #494949; text-decoration: none; } #abo-group { text-align: center; /*font-family: Tahoma, sans-serif;*/ position: relative; margin: -10px 0 0 -10px; width: 700px; background: url(/sitefiles/1/bilder/abo-new/mac-fantastic.png) 0 0 no-repeat; z-index: 30; letter-apacing: -.025em; font-size: .95em; } #abo-group a#go-back { display: block; position: absolute; top: 475px; left: 40px; clear: both; text-indent: -9999px; outline: none; width: 73px; /*height: 20px; background: url(/sitefiles/1/design/layout/tilbake.png) 0 0 no-repeat;*/ background: url(/sitefiles/1/design/layout/tor-zuruck2.png) 0 0 no-repeat; height: 27px; cursor: pointer; z-index: 1298340462; } #chess .mob-bb a#go-back { top: 363px; left: 59px; } #abo-group-inner { _height: 492px; min-height: 492px; position: relative; z-index: 9992500; } /*#abo-group-inner */ #mac-plastic { background: url(/sitefiles/1/bilder/abo-new/mac-fantastic-bottom.gif) 0 0 no-repeat; width: 700px; height: 95px; position: absolute; bottom: -20px; left: 0; clear: both; /*z-index: 2000;*/ } .abo-0 #abo-group-inner, .abo-1 #abo-group-inner { width: 233px; padding: 20px 234px 0 233px; } .abo-2 #abo-group-inner { width: 391px; padding: 20px 155px 0 154px; } .abo-3 #abo-group-inner { width: 549px; padding: 20px 76px 0 75px; } .mob-bb #abo-group-inner { width: 578px; padding: 20px 61px 0; } .mob-bb #abo-group-inner p#disclaimer { text-align: left; padding: 0 0 0 103px; width: 475px; float: left; clear: both; font-size: 1.2em; position: relative; z-index: 10000000; } #abo-group h2, #abo-group p#slogan { padding: 0 0 0 74px; line-height: 1; } #abo-group h2 { font-size: 22px; color: #000; margin: 0 0 .35em 0; } #abo-group p#slogan { font-size: 13px; color: #212121; margin: 0 0 1em 0; } #plan-table-wrapper { position: relative; float: left; left: 0; top: 0; } .plan-table { width: 100%; border-collapse: collapse; border-spacing: 0; position: relative; z-index: 60001; margin: 0 0 8px 0; float: left; clear: both; } .labels { position: absolute; left: 0; top: 0; clear: both; height: 430px; z-index: 99999999; width: 75px; } #tblwrapper-0 { min-height: 100px; display: block; position: absolute; left: 0; top: 101px; padding: 0; width: 74px; overflow: hidden; } #tblwrapper-1, #tblwrapper-2 { min-height: 100px; position: absolute; top: 0; width: 158px; clear: both; } #tblwrapper-1 { left: 74px; } #tblwrapper-2 { left: 232px; } #tblwrapper-3 { left: 390px; } .last-tblwrapper { min-height: 100px; width: 159px; position: absolute; top: 0; clear: both; } .plan-table td, .plan-table th { width: 158px; text-align: center; } .plan-table .left-narrow { width: 74px; text-align: left; font-weight: normal; } .plan-table tbody .left-narrow { width: 64px; padding: 0 0 0 10px; background: url(/sitefiles/1/bilder/abo-new/left-narrow-odd.gif) 0 0 no-repeat; } #mob-bb tbody .left-narrow { width: 93px; background: url(/sitefiles/1/bilder/abo-new/left-narrow-odd-103.gif) 0 0 no-repeat; } .plan-table tbody tr.even .left-narrow { background: url(/sitefiles/1/bilder/abo-new/left-narrow-even.gif) 0 0 no-repeat; } #mob-bb tbody tr.even .left-narrow { width: 93px; background: url(/sitefiles/1/bilder/abo-new/left-narrow-even-103.gif) 0 0 no-repeat; } .plan-table thead th { background: url(/sitefiles/1/bilder/abo-new/th-odd.gif) 0 0 no-repeat; height: 101px; } .plan-table thead th.even { background-image: url(/sitefiles/1/bilder/abo-new/th-even.gif); } .plan-table thead th h3, .plan-table thead th h2 { font-size: 1.4em; font-weight: bold; color: #303030; padding: 25px 0 5px 0; } .plan-table thead th p { color: #000; font-size: 11px; margin: .25em 0 0 0; } .plan-table .last { float: none; width: 159px; } .plan-table tbody td, .plan-table tbody th { height: 29px; vertical-align: middle; font-size: 12px; color: #282828; font-weight: bold; } .plan-table tbody th { font-size: 11px; } .plan-table tbody tr.last td, .plan-table tbody tr.last th { height: 30px; } .plan-table tbody td { background: url(/sitefiles/1/bilder/abo-new/td-odd.png) 0 0 no-repeat; } .plan-table tbody tr.even td { background: url(/sitefiles/1/bilder/abo-new/td-even.png) 0 0 no-repeat; } .plan-table tbody tr.first td { background: url(/sitefiles/1/bilder/abo-new/td-first-row.png) 0 0 no-repeat; } /*#mob-bb tbody tr.first td.last { border: none; background: url(/sitefiles/1/design/addonservicesbg.gif) 0 0 repeat-y; font-weight: normal; padding: 0 5px; width: 149px; height: auto; }*/ .plan-table tbody tr td.first { background: url(/sitefiles/1/bilder/abo-new/td-first-odd.png) 0 0 no-repeat; } .plan-table tbody tr.first td.first { background: url(/sitefiles/1/bilder/abo-new/td-first-row-first.png) 0 0 no-repeat; } .plan-table tbody tr.even td.first { background: url(/sitefiles/1/bilder/abo-new/td-first-even.png) 0 0 no-repeat; } .plan-table tfoot tr.order td { background: url(/sitefiles/1/bilder/abo-new/td-order.png) 0 0 no-repeat; height: 50px; vertical-align: middle; } .plan-table tfoot tr.order td a { display: block; /*width: 80px; background: url(/sitefiles/1/bilder/abo-new/order-on-gray.png) 0 0 no-repeat; font-size: 11px; padding: 11px 0 0 10px; text-transform: uppercase; line-height: 1; color: #FFF; text-decoration: none; text-align: left;*/ background: url(/sitefiles/1/design/layout/tor-bestill.png) 0 0 no-repeat; width: 73px; height: 27px; outline: none; text-indent: -9999px; border: 0; margin: 0 auto; } #mob-bb tfoot tr.order td.extra-service a { width: 133px; background: url(/sitefiles/1/bilder/abo-new/tor-weiter-133.png) 0 0 no-repeat; text-indent: 0; text-align: center; color: #FFF; line-height: 23px; font-size: 1.2em; } .plan-table tfoot tr.order td a:hover { background-position: 0 100%; text-decoration: none; } .plan-table tfoot tr.read-more td { background: url(/sitefiles/1/bilder/abo-new/td-read-more.gif) 0 0 no-repeat; height: 43px; line-height: 43px; } .plan-table tfoot tr.read-more td a { color: #000; text-decoration: none; font-size: 14px; } .plan-table tfoot tr.read-more td a:hover { text-decoration: underline; } .plan-table tfoot tr td.left-narrow { background: none; } .plan-table span.half { display: block; float: left; height: 29px; line-height: 29px; width: 39px; padding: 0 40px 0 0; font-weight: normal; text-align: right; } .plan-table span.left { width: 38px; border-right: 1px solid #D7D7D7; } .plan-table span.internal { background: url(/sitefiles/1/bilder/abo-new/internal.gif) 50px 50% no-repeat; } .plan-table span.external { background: url(/sitefiles/1/bilder/abo-new/external.gif) 50px 50% no-repeat; } .plan-table span.tt-wrap { position: relative; } .plan-table span.tt-wrap .tooltip { display: none; width:119px; height:45px; line-height:40px; padding:0; position: absolute; top: -35px; right: -40px; text-align:center; background:url(/sitefiles/1/design/tooltipBg.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/tooltipBg.png", sizingMethod="scale"); } .plan-table span.external .tooltip { right: -3px; } .plan-table span.tt-wrap:hover .tooltip, .plan-table span.tt-wrap.hover .tooltip { display: block; } .plan-table strong.wow { display: block; height: 28px; line-height: 28px; padding: 1px 0 0 0; width: 100%; color: #FFF; } .plan-table strong.wow-big { background: url(/sitefiles/1/bilder/abo-new/wow-big.gif) 50% 1px no-repeat; } .plan-table strong.wow-small { background: url(/sitefiles/1/bilder/abo-new/wow-small.gif) 50% 1px no-repeat; } .plan-table input { margin: -2px 10px 0 0; vertical-align: middle; } .plan-table label { cursor: pointer; font-weight: normal; line-height: 30px; } #adminPopupLink { position: absolute; right: 10px; top: 10px; clear: both; z-index: 999999; } #order-steps { width: 700px; height: 563px; overflow: hidden; float: left; clear: both; background: url(/sitefiles/1/gfx/say-cheese-2.png) 0 0 no-repeat; } #chess .petter-steps { background: none; width: 442px; clear: both; position: absolute; right: 0; top: 56px; z-index: 99999999; overflow: visible; float: none; } #order-steps #chosen-plan { width: 233px; float: left; clear: left; padding: 20px 15px 0 10px; } #order-steps #order-info { width: 396px; height: 471px; float: right; clear: right; margin: 20px 14px 0 0; _margin: 20px 7px 0 0; padding: 21px 16px 0; position: relative; background: url(/sitefiles/1/design/layout/order-info-y.png) 0 0 repeat-y; color: #3F3F3F; } #order-steps #order-info #order-info-top, #order-steps #order-info #order-info-bottom { width: 428px; height: 10px; overflow: hidden; clear: both; position: absolute; left: 0; top: 0; background: url(/sitefiles/1/design/layout/order-info-top.png) 0 0 no-repeat; } #order-steps #order-info #order-info-bottom { background: url(/sitefiles/1/design/layout/order-info-bottom.png) 0 0 no-repeat; top: auto; bottom: 0; } #order-info #legal-and-user, #order-info #numbers { width: 396px; float: left; clear: both; } #order-info #legal-and-user { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #E8E8E8; } #order-info #legal-and-user #legal-owner { width: 190px; float: left; clear: left; padding: 0 16px 0 0; } #order-info #legal-and-user #user { width: 190px; float: right; clear: right; } #order-info #legal-and-user #user label, #chess #order-info #accept label { float: none; } #order-info h3 { font-size: 1.8em; line-height: 1; padding: 0 0 .75em; } #order-info h3 small { font-size: .61em; } #order-info h4 { font-size: 1.2em; line-height: 1; padding: 0 0 .5em; font-weight: bold; } #order-info h5 { font-size: 1.1em; line-height: 1; padding: 0 0 .5em; font-weight: bold; } #order-info dl { font-size: 1.1em; margin: 0 0 1em; width: 396px; float: left; clear: both; } #order-info dl dt { width: 100px; float: left; clear: left; padding: 0 5px 0 0; } #order-info dl dd { float: left; *float: none; } #order-info ul { list-style-type: none; font-size: 1.1em; margin: 0; } #order-info ul li { padding: 0 0 .5em; position: relative; z-index: 987654; } #order-info ul li.checkbox { padding: .25em 0 .5em; } #order-info #user ul li.checkbox { padding: .25em 0 1.1em; *padding: .25em 0 1.5em; } #order-info ul li label { display: block; cursor: pointer; } #order-info ul li label em { color: #7C7C7C; font-style: normal; } #order-info ul li label em.save-some-space { letter-spacing: -.025em; *letter-spacing: -.065em; } #order-info ul li label.small { font-size: .85em; letter-spacing: -.065em; } #order-info ul li input { width: 180px; height: 17px; padding: 4px 5px 0; background: url(/sitefiles/1/design/layout/text-input-190.png) 0 0 no-repeat; border: 0; font-size: 1em; color: #7C7C7C; _color: #3F3F3F; letter-spacing: .05em; _position: relative; _z-index: 100000000; } #order-info ul li select { width: 190px; height: 21px; padding: 2px 3px 0 3px; background: url(/sitefiles/1/design/layout/text-input-190.png) 0 0 no-repeat; border: 0; font-size: 1em; color: #7C7C7C; _color: #3F3F3F; letter-spacing: .05em; } #order-info ul li select option { background: #FFF; padding: 1px 0 0; } #order-info ul li input:focus, #order-info ul li select:focus { color: #3F3F3F; } #order-info ul li input.number { letter-spacing: .15em; font-family: "Courier New", mono-space; } #chess #wrap #order-info ul li.checkbox input, #chess #wrap #order-info ul li.radio input { display: inline; width: auto; padding: 0; background: none; float: left; margin: 0 10px 0 0; letter-spacing: 0; height: auto; font-size: 1.4em; border: none; } #chess #wrap #order-info ul li.radio input { margin: 0 5px 0 0; } #order-info ul li.checkbox label, #order-info ul li.radio label { display: inline; float: left; } #order-info ul li.error label { color: #D1071B; } #order-info ul li.error input { background-image: url(/sitefiles/1/design/layout/text-input-190-error.gif); } #order-info ul li.error .error-bubble { width: 240px; position: absolute; clear: both; left: -242px; top: 8px; z-index: 987654; padding: 0 0 6px; } #order-info ul li.error .error-bubble .error-bubble-top { position: absolute; width: 240px; height: 30px; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/1/design/layout/error-bubble-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/error-bubble-top.png", sizingMethod="scale"); } #order-info ul li.error .error-bubble .error-bubble-bottom { position: absolute; width: 227px; height: 6px; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/1/design/layout/error-bubble-bottom.png) 0 0 no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/error-bubble-bottom.png", sizingMethod="scale"); } #chess #order-info ul li.error-single { z-index:9999999999 } #order-info ul li.error-single .error-bubble .error-bubble-fill { min-height: 20px; _height: 20px; padding: 10px 20px 0 10px; background: url(/sitefiles/1/design/layout/error-bubble-y.gif) 0 0 no-repeat; position: relative; } #chess #order-info ul li.error-single .error-bubble .error-bubble-fill label { line-height: 1.5; color: #FFF; font-size: 1em; font-weight: normal; } #order-info ul li.error-double .error-bubble .error-bubble-fill { min-height: 26px; _height: 26px; padding: 4px 20px 0 10px; background: url(/sitefiles/1/design/layout/error-bubble-y.gif) 0 0 no-repeat; position: relative; } #order-info ul li.error-double .error-bubble .error-bubble-fill label { line-height: 1.4; color: #FFF; font-size: 1em; } #order-info #numbers #numbers-menu { width: 396px; float: left; clear: both; position: relative; overflow: hidden; height: 123px; background: url(/sitefiles/1/design/layout/number-chooser-bg.png) 0 0 no-repeat; } #order-info #numbers #numbers-menu .numbers-menu { width: 129px; float: left; } #order-info #numbers #numbers-menu #numbers-menu-3 { width: 138px; position: relative; } #order-info #numbers #numbers-menu #keep-current-number-input { width: 237px; height: 112px; position: relative; left: 0; top: 0; float: left; background: #F8F8F8; margin: 1px 0 0; padding: 9px 0 0 20px; } #order-info #numbers #numbers-menu #keep-current-number-input li { width: 237px; height: 112px; border: none; margin: 0; padding: 0; } #order-info #numbers #numbers-menu input { width: 117px; background: url(/sitefiles/1/design/layout/text-input-127.gif) 0 0 no-repeat; } #order-info #numbers #numbers-menu input#number-search-submit { width: 45px; height: 22px; padding: 0 0 2px; color: #FFF; text-align: center; background: url(/sitefiles/1/design/layout/button-small-black.png) 0 0 no-repeat; cursor: pointer; float: right; margin: 3px 1px 0 0; } #order-info #numbers #numbers-menu #keep-current-number-input label { padding: 0 0 .55em; line-height: 1; } #order-info #numbers #numbers-menu ul, #order-info #numbers #numbers-menu ul li { width: 129px; float: left; clear: both; } #order-info #numbers #numbers-menu ul li { height: 22px; line-height: 22px; border-bottom: 1px solid #C0C0C0; padding: 0; } #order-info #numbers #numbers-menu ul li#message { width: 107px; padding: 10px 11px 0; border: 0; line-height: 1.6; font-size: 1em; color: #BE042A; font-weight: bold; } #order-info #numbers #numbers-menu-1 ul li.first { padding: 4px 0 0; } #order-info #numbers #numbers-menu-2 ul li.first { padding: 3px 0 0; border-top: 1px solid #B0B0B0; } #order-info #numbers #numbers-menu-1 ul li.active { background: #FFF; width: 127px; border-left: 1px solid #B0B0B0; } #order-info #numbers #numbers-menu-1 ul li.first-active { background: #FAFAFA; padding: 4px 0 1px; border: none; background: url(/sitefiles/1/design/layout/first-col-first-active.png) 0 0 no-repeat; width: 129px; } #order-info #numbers #numbers-menu-2 ul li.active { background: #FFF; width: 128px; } #order-info #numbers #numbers-menu ul li a { display: block; height: 22px; line-height: 22px; color: #696969; text-decoration: none; margin: 0 0 0 1px; padding: 0 0 0 10px; background: url(/sitefiles/1/design/layout/number-chooser-arrows.gif) 110px -22px no-repeat; } #order-info #numbers #numbers-menu ul li.active a, #chess #order-info #numbers #numbers-menu ul li.active a:hover { background-position: 109px 2px; color: #161616; } #order-info #numbers #numbers-menu-1 ul li.active a { padding: 0 0 0 9px; } #order-info #numbers #numbers-menu-1 ul li.first-active a { padding: 0 0 0 10px; } #chess #order-info #numbers #numbers-menu ul li a:hover, #chess #order-info #numbers #numbers-menu-1 ul li.first-active a:hover { background-position: 110px 2px; color: #161616; } #chess #order-info #numbers #numbers-menu-2 ul li.active a:hover { background-position: 110px 2px; } #order-info #numbers #numbers-menu-1 ul li.first-active a, #order-info #numbers #numbers-menu-2 ul li.active a { background-position: 110px 2px; } #order-info #numbers #numbers-menu .ul-wrap { width: 115px; height: 98px; overflow: auto; position: relative; margin: 13px 0 0 10px; _margin: 13px 0 0 5px; border: 1px solid #B2B2B2; background: #FAFAFA; float: left; clear: both; } #order-info #numbers #numbers-menu-3 ul { margin: 0; width: 95px; } #order-info #numbers #numbers-menu-3 ul li { width: 90px; padding: 0 0 0 5px; *padding: 0; *border-left: 5px solid #FAFAFA; margin: 0; overflow: hidden; border: 0; height: 16px; line-height: 16px; } #order-info #numbers #search-for-number ul, #order-info #numbers #search-for-number ul li { margin: 0; width: 127px; height: auto; border: none; overflow: hidden; background: none; line-height: auto; padding: 0; } #order-info #numbers #numbers-menu-3 ul li label { } #order-info #numbers #search-for-number ul li label { word-spacing: 0; padding: 0 3px .85em; line-height: 1.35; } #order-info ul.steps { width: 390px; float: left; clear: both; padding: 0 3px; height: 27px; position: absolute; left: 16px; bottom: 6px; } #order-info ul.steps li { display: inline; float: left; padding: 0; } #order-info ul.steps li#step-back, #order-info ul.steps li#step-forward { width: 73px; height: 27px; } #order-info ul.steps li#step-back a, #order-info ul.steps li#step-forward a { display: block; width: 69px; height: 21px; line-height: 21px; text-decoration: none; text-align: center; outline: none; color: #FFF; font-size: 1em; padding: 1px 2px 5px; background: url(/sitefiles/1/design/layout/proceed-73.png) 0 0 no-repeat; } #order-info ul.steps li#step-back a { background-image: url(/sitefiles/1/design/layout/grey-action.png); } #order-info ul.steps li#progress { width: 244px; height: 15px; overflow: hidden; margin: 6px 0 0; background: url(/sitefiles/1/design/layout/steps.png) 50% 15px no-repeat; text-indent: -9999px; } #order-info ul#step-1 li#progress { background-position: 50% 0; } #order-info ul#step-2 li#progress { background-position: 50% -15px; } #order-info ul#step-3 li#progress { background-position: 50% -30px; } #order-info #numbers-menu #search-for-number { padding: 21px 6px 0 5px; *padding: 19px 6px 0 5px; } #order-info #acknowledge-eula { width: 374px; padding: 16px 11px 0; float: left; clear: both; height: 157px; background: url(/sitefiles/1/design/layout/eula-bg.png) 0 0 no-repeat; color: #000; margin: 5px 0 0 0; } #order-info #acknowledge-eula h3 { font-size: 1.3em; font-weight: bold; color: #000; padding: 0 0 .5em; } #order-info #acknowledge-eula p { font-size: 1.1em; margin: 0; padding: 0 0 .5em; line-height: 1.64; } #order-info #acknowledge-eula a { text-decoration: underline; } #order-info #acknowledge-eula a:hover { text-decoration: none; } #order-info #acknowledge-eula ul li.info { padding: .5em 0; } #order-info #acknowledge-eula ul li.checkbox { padding: 0 0 .5em; } #order-info #acknowledge-eula ul li label { font-weight: bold; } #order-steps #add-services { width: 680px; float: left; clear: both; margin: 20px 10px 0 10px; _margin: 20px 10px 0 5px; height: 533px; position: relative; overflow: hidden; background: url(/sitefiles/1/design/layout/add-services-y.png) 0 0 repeat-y; } #order-steps #add-services #add-services-bottom { width: 680px; height: 10px; clear: both; overflow: hidden; position: absolute; left: 0; bottom: 0; background: url(/sitefiles/1/design/layout/add-services-bottom-regular.png) 0 0 no-repeat; } #order-steps #add-services .special-bottom { background: url(/sitefiles/1/design/layout/add-services-bottom-special.png) -1px 100% no-repeat; } #order-steps #add-services #add-services-top { width: 680px; height: 10px; clear: both; overflow: hidden; position: absolute; left: 0; top: 0; background: url(/sitefiles/1/design/layout/add-services-top.png) 0 0 no-repeat; } #order-steps #order-tabs-wrap { width: 678px; height: 232px; padding: 0 1px 1px; clear: both; position: absolute; bottom: 0; left: 0; } #order-steps ul#order-tabs-menu { width: 648px; height: 30px; padding: 0 15px; float: left; clear: both; background: url(/sitefiles/1/design/layout/order-tabs-menu-bg.png) 0 100% repeat-x; margin: 0; z-index:999; } #order-steps ul#order-tabs-menu li { width: 121px; height: 30px; line-height: 30px; float: left; display: inline; padding: 0 2px 0 0; text-align: center; font-size: 1.3em; } #order-steps ul#order-tabs-menu li a { display: block; width: 121px; height: 30px; float: left; color: #7A7A7A; background: url(/sitefiles/1/design/layout/order-tabs-menu-item.png) 0 -30px no-repeat; } #order-steps ul#order-tabs-menu li.active a { background-position: 0 0; color: #595959; } #order-steps ul#order-tabs-menu li a:hover { color: #595959; text-decoration: none; } #order-steps #order-tabs { width: 678px; height: 203px; overflow: hidden; float: left; clear: both; background: url(/sitefiles/1/design/layout/order-tabs-bg.png) 0 0 repeat-x; } #order-steps #order-tabs .order-tab { width: 678px; height: 203px; float: left; clear: both; position: relative; } #order-steps #order-tabs .show { display: block; } #order-steps #order-tabs .hide { display: none; } #order-steps #order-tabs .order-tab .tab-text { width: 400px; padding: 20px 248px 0 15px; margin: 20px 0 0; color: #383838; min-height: 145px; _height: 145px; } #order-steps #order-tabs .order-tab .tab-text h3 { font-size: 2em; font-weight: bold; color: #383838; margin: 0 0 .25em; } #order-steps #order-tabs .order-tab .tab-text p { font-size: 1.1em; } #order-steps #order-tabs .order-tab .tab-text ul.receipt_artlist { font-size: 1.1em; padding: 0 0 0 20px; } #order-steps #order-tabs .order-tab .my-page { background: url(/sitefiles/1/design/layout/after-order-mailbox.jpg) 100% 0 no-repeat; } /* customer-promise ADDED BY KWV 2009-10-13 */ #order-steps #order-tabs .order-tab .customer-promise { background: url(/sitefiles/1/design/kvittering/KingKontant.png) 100% 0 no-repeat; } #order-steps #order-tabs table#service-list { border-collapse: collapse; margin: 18px 0 0; font-size: 1.1em; width: 678px; position: absolute; clear: both; left: 0; top: 0; } #order-steps #order-tabs table#service-list thead { display: none; } #order-steps #order-tabs table#service-list td { height: 25px; line-height: 25px; vertical-align: middle; padding: 0 15px; color: #464646; } #order-steps #order-tabs table#service-list tfoot td { height: 33px; line-height: 33px; padding: 1px 7px } #order-steps #order-tabs table#service-list tr.even td { background: #FFF; } #order-steps #order-tabs table#service-list td input { margin: 6px 10px 0 0; *margin: 2px 6px 0 0; vertical-align: middle; float: left; clear: left; } #order-steps #order-tabs table#service-list td label { font-weight: bold; cursor: pointer; display: block; float: right; clear: right; width: 132px; position: relative; overflow: hidden; } #order-steps #order-tabs table#service-list td.service-price { font-weight: bold; width: 85px; text-align: right; } #order-steps #order-tabs table#service-list td.service-name { width: 160px; padding: 0 0 0 15px; } #order-steps #order-tabs table#service-list td.service-desc { letter-spacing: -.02em; } #order-steps #order-tabs input#order-extra-services { width: 106px; height: 27px; padding: 0 0 6px; *padding: 0 0 2px; text-align: center; color: #FFF; background: url(/sitefiles/1/design/layout/green-submit-106.png) 0 0 no-repeat; border: 0; margin: 3px 0 0; cursor: pointer; position: absolute; bottom: 3px; right: 10px; clear: both; font-size: 1.1em; } #chess #order-steps #order-tabs table#service-list input.deactivated { background: url(/sitefiles/1/design/layout/deactivated-submit-106.png) 0 0 no-repeat; color: #D5D5D5; cursor: default; } #order-problems { background: url(/sitefiles/1/design/layout/right-col-box-y2.png) 0 0 repeat-y; height: 105px; width: 198px; padding: 10px 6px 5px; overflow: hidden; } #order-problems .content { height: 90px; padding: 15px 0 0 50px; background: 0 50% no-repeat; _background: 0 0 no-repeat; color: #4A4A4A; } #order-problems .content p.q { font-size: 1.3em; padding: 0 0 0 6px; text-indent: 3px; margin: 0; } #order-problems .content p.call { font-weight: bold; font-size: 2.4em; color: #383838; letter-spacing: -.05em; } #order-process { width: 208px; height: 400px; padding: 0 1px; float: left; clear: both; background: url(/sitefiles/1/design/layout/right-col-box-y2.png) 0 0 repeat-y; position: relative; overflow: hidden; border-bottom: 10px solid #FFF; } #order-process .process-top { position: absolute; top: 0; left: 0; width: 210px; height: 53px; padding: 20px 0 0; clear: both; overflow: hidden; background: url(/sitefiles/1/design/layout/order-process-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/order-process-top.png", sizingMethod="scale"); text-align: center; } #order-problems .order-problems-top { position: absolute; top: 0; left: 0; width: 210px; height: 9px; clear: both; overflow: hidden; background: url(/sitefiles/1/design/layout/right-col-box-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-top.png", sizingMethod="scale"); text-align: center; } #order-process .process-bottom, #order-problems .order-problems-bottom { position: absolute; bottom: 0; left: 0; width: 210px; height: 9px; clear: both; overflow: hidden; background: url(/sitefiles/1/design/layout/right-col-box-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-bottom.png", sizingMethod="scale"); } #order-process h3 { color: #101010; font-size: 1.4em; } #order-process h4.stikktittel { color: #101010; font-size: 1.1em; padding: 0 0 .75em; } #order-process ul { padding: 73px 0 0; } #order-process ul, #order-process ul li { width: 208px; float: left; clear: both; } #order-process ul li { overflow: hidden; border-bottom: 1px solid #C5C6C7; } #order-process ul li.inactive { height: 30px; } #order-process ul li.active { height: auto; } #order-process ul li h4 { padding: 0 10px; height: 30px; line-height: 30px; border-bottom: 1px solid #C5C6C7; font-size: 1.2em; } #order-process ul li.inactive h4 { color: #767676; background: #DCDCDC; } #order-process ul li.active h4 { color: #BE042A; background: url(/sitefiles/1/design/layout/order-process-active.png) 0 0 repeat-x; } #order-process ul li .content { padding: 10px 10px 0; font-size: 1.1em; color: #3853535; } #order-receipt { width: 200px; height: 259px; padding: 17px 0 0; margin: 0 5px 20px; _margin: 0 4px 20px 3px; float: left; clear: both; color: #000; border-bottom: 1px solid #E8E8E8; overflow: hidden; } #order-receipt h3 { font-size: 1.6em; font-weight: bold; padding: 0 0 .75em; } #order-receipt h4 { font-size: 1.2em; padding: 0 0 .25em; } #order-receipt p { font-size: 1.1em; margin: 0 0 .75em; letter-spacing: -.025em; } #order-receipt a#print-receipt { display: block; height: 40px; line-height: 40px; float: right; clear: right; color: #000; border-left: 1px solid #E8E8E8; padding: 0 20px 0 40px; background: url(/sitefiles/1/design/layout/printer.png) 16px 50% no-repeat; font-size: 1.1em; margin: .5em 0 0; } #added-services { width: 200px; height: 205px; overflow: hidden; margin: 0 5px 20px; _margin: 0 4px 20px 3px; float: left; clear: both; color: #000; } #added-services h3 { font-size: 1.4em; font-weight: bold; padding: 0 0 .5em; } #added-services h4 { font-weight: bold; color: #000; font-size: 1.1em; padding: 0 0 1em; } #added-services .standard-services ul { color: #757575; font-size: 1.1em; list-style-type: none; } #added-services .extra-services ul { width: 200px; float: left; clear: both; } #added-services .extra-services ul li { width: 200px; height: 21px; line-height: 21px; overflow: hidden; float: left; clear: both; margin: 0 0 1px; position: relative; background: url(/sitefiles/1/design/layout/added-service-gray-200.png) 0 0 no-repeat; } #added-services .extra-services ul li .added-service-yellow { width: 200px; height: 21px; position: absolute; top: 0; left: 0; clear: both; background: url(/sitefiles/1/design/layout/added-service-yellow-200.png) 0 0 no-repeat; display: none; } #added-services .extra-services ul li p { position: absolute; top: 0; left: 0; padding: 0 7px; width: 186px; height: 21px; clear: both; margin: 0; font-size: 1.1em; color: #404040; } #added-services .extra-services ul li p strong { font-weight: normal; float: left; clear: left; } #added-services .extra-services ul li p span.price { float: right; clear: right; padding: 0 16px 0; } #added-services .extra-services ul li p a { display: block; clear: both; height: 21px; width: 6px; position: absolute; top: 0; right: 0; background: url(/sitefiles/1/design/layout/remove-added-service.gif) 50% 8px no-repeat; text-indent: -9999px; outline: none; padding: 0 7px; } #added-services .extra-services ul li p a:hover { background-position: 50% -17px; } .prisjakt { width: 640px; height: 462px; overflow: hidden; padding: 20px; position: relative; } .prisjakt h2 { font-size: 3em; font-weight: bold; margin: 0 0 .3em; } .prisjakt h3 { font-size: 1.9em; font-weight: normal; margin: 0 0 .6em; } .prisjakt .content { font-size: 1.1em; } .prisjakt .flash-640, .prisjakt a.banner-640 { display: block; position: absolute; width: 640px; clear: both; text-align: center; bottom: 20px; left: 20px; } #price-offer .boxContent { height: 496px; overflow: hidden; } #price-offer ul { list-style-type: none; margin: 0; text-align: center; } #price-offer ul li.img { height: 185px; position: relative; overflow: hidden; } #price-offer a.store { display: block; width: 80px; height: 28px; line-height: 1; outline: none; color: #FFF; border: 0; text-decoration: none; text-transform: uppercase; padding: 10px 0 0 10px; background: url(/sitefiles/1/design/layout/fat-arrow.png) 0 0 no-repeat; font-size: 11px; margin: 0 auto; text-align: left; } #price-offer a.store:hover { background-position: 0 -38px; } #price-offer li.banner { height: 75px; padding: 0 0 10px 0; background: url(/sitefiles/1/Kampanjebilder/Stempel.jpg) 50% no-repeat; } #newsletter-signup { width: 680px; float: left; clear: both; position: relative; background: url(/sitefiles/1/design/layout/box-680-y.gif) 0 0 repeat-y; } #newsletter-signup .top-corners { width: 680px; height: 7px; clear: both; position: absolute; top: 0; left: 0; overflow: hidden; background: url(/sitefiles/1/design/layout/box-680-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-top.png", sizingMethod="scale"); } #newsletter-signup .bottom-corners { width: 680px; height: 7px; clear: both; position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(/sitefiles/1/design/layout/box-680-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/box-680-bottom.png", sizingMethod="scale"); } #newsletter-signup h2 { font-size: 2.8em; padding: 25px 0 .5em 30px; line-height: 1; margin: 0; } #newsletter-signup p { padding: 0 0 20px 30px; font-size: 1.1em; margin: 0; } #newsletter-signup form { padding: 0 200px 0 30px; width: 450px; float: left; clear: both; background: url(/sitefiles/1/design/layout/paper.jpg) 223px 100% no-repeat; } #newsletter-signup form fieldset { width: 450px; float: left; clear: both; } #newsletter-signup form ul { list-style: none; width: 450px; float: left; clear: both; *padding: 0 0 14px 0; _padding: 0; } #newsletter-signup form ul li { line-height: 1.9; float: left; padding: 0 40px .25em 0; font-size: 1.1em; display: block; } #newsletter-signup form ul li.red-heading { color: #BE042A; padding: 1em 0 .25em 0; width: 450px; clear: both; float: none; *line-height: 1; } #newsletter-signup form ul li.wide, #newsletter-signup form ul li.formcontrols { width: 450px; clear: both; padding: 0 0 .25em 0; float: none; } #newsletter-signup form ul li label { margin: 0; display: block; width: 175px; float: left; clear: both; cursor: pointer; } #newsletter-signup form ul li strong { color: #BE042A; font-weight: normal; } #newsletter-signup form ul li.radio label, #newsletter-signup form ul li.checkbox label { width: auto; clear: none; } #newsletter-signup form ul li input { width: 165px; height: 15px; padding: 3px 5px; color: #666; font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; background: url(/sitefiles/1/design/forms/text-input-175.png) 0 0 no-repeat; border: none; float: left; clear: both; } #newsletter-signup form ul li.radio input, #newsletter-signup form ul li.checkbox input { width: auto; height: auto; padding: 0; margin: .3em 10px 0 0; *margin: 0 10px 0 0; clear: none; background: none; } #newsletter-signup form ul li.formcontrols { padding: 1.5em 0 0 0; } #newsletter-signup form ul li.formcontrols input { width: 79px; height: 24px; line-height: 18px; background: url(/sitefiles/1/design/layout/knapper/boxbuttonNoText.gif) no-repeat; text-decoration: none; color: #FFF; padding: 0 0 5px 10px; font-size: 10px; border: 0; cursor: pointer; line-height: 1; text-align: left; } #contact-message{ position: absolute; top: 110px; left: 88px; cursor: pointer; z-index: 500; } #contact-message .closeIcon{ position: absolute; width: 20px; height: 20px; top: -10px; left: -10px; background: url('/sitefiles/1/design/contact/lukk.png') 0 100% no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/contact/lukk.png", sizingMethod="scale"); } #contact-message .okBtn{ width: 69px; height: 29px; margin-left: 45px!important; margin-left: 22px; background: url('/sitefiles/1/design/contact/ok.png') 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/contact/ok.png", sizingMethod="scale"); } #contact-message p{ text-align: center; } #contact-message p,#contact-message .okContainer{ width: 160px; background: #fff; float: left; margin: 0px; padding: 10px 10px 10px 10px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 0; color: #999999; } #contact-message .okContainer{ width: 160px; padding: 10px 10px 10px 10px; } #contact-message p{ padding: 10px 10px 0 10px; font-size: 14px; color: #BE042A; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 0; } #contact-form form ul .select input,#contact-form form ul .select select{ background: url(/sitefiles/1/design/forms/text-input-260-red.png); } #contact-form form ul .select #contact-cell{ background: url(/sitefiles/1/design/forms/text-input-120-red.gif); } #contact-form form ul .select .textarea-wrap{ background: url(/sitefiles/1/design/forms/textarea-red.png); } #heinbox { width: 100%; height: 100%; position: absolute; z-index: 99999999; top: 0; left: 0; background: url(/sitefiles/1/design/layout/lightbox-new-overlay.png) repeat; display: none; color: #020202; } #heinbox a#close-heinbox { display: block; clear: both; width: 19px; height: 19px; text-indent: -9999px; outline: none; background: url(/sitefiles/1/design/layout/lightbox-new-close.png) 0 0 no-repeat; position: absolute; top: 11px; right: 11px; } .static #heinbox-wrapper { width: 386px; height: 440px; padding: 31px 21px 21px; position: absolute; /* CENTER: left: 50%; top: 50%; margin: -246px 0 0 -214px; */ /* PLACE ABOVE CONTENT BOX */ left: 50%; top: 208px; *top: 210px; margin: 0 0 0 -207px; *margin: 0 0 0 -208px; background: url(/sitefiles/1/design/layout/lightbox-new-bg.png) 0 0 no-repeat; } #heinbox h3 { font-weight: normal; font-size: 1.8em; padding: 0 0 .5em; } #heinbox p { font-size: 1.1em; } #heinbox form ul { list-style: none; font-size: 1.1em; padding: 1em 0 .75em; float: left; clear: both; width: 386px; margin: 0; } #heinbox form ul li#number-pool { float: left; clear: none; position: relative; border: 1px solid #B2B2B2; margin: 0 20px 0 44px; _margin: 0 20px 0 22px; width: 95px; height: 114px; overflow: auto; } #heinbox form ul li#number-pool ul { font-size: 1em; padding: 5px; width: 65px; } #heinbox form ul li#number-pool ul li { line-height: 1.6; cursor: pointer; float: none; margin: 0; width: auto; } #heinbox form ul li { float: left; width: 225px; line-height: 1; margin: 0 0 .75em; } #heinbox form ul li label { cursor: pointer; display: block; clear: both; padding: 0 0 .4em; } #heinbox form ul li label em { color: #7C7C7C; font-style: normal; } #heinbox form ul li label em.save-some-space { letter-spacing: -.025em; *letter-spacing: -.065em; } #heinbox form ul li label.small { font-size: .85em; letter-spacing: -.065em; } #heinbox form ul li input { width: 180px; height: 17px; padding: 4px 5px 0; background: url(/sitefiles/1/design/layout/text-input-190.png) 0 0 no-repeat; border: 0; font-size: 1em; color: #7C7C7C; _color: #3F3F3F; letter-spacing: .05em; } #heinbox form ul li input:focus { color: #3F3F3F; } #heinbox form ul li input.number { letter-spacing: .15em; font-family: "Courier New", mono-space; } #heinbox form ul li.formcontrols { padding: .25em 33px 0 0; width: 192px; } #heinbox form ul li.formcontrols a { display: block; text-align: center; width: 69px; height: 21px; line-height: 21px; padding: 1px 2px 5px; color: #FFF; text-decoration: none; background: url(/sitefiles/1/design/layout/grey-action.png) 0 0 no-repeat; float: right; } #assigned-numbers ul { width: 386px; float: left; clear: both; } #assigned-numbers ul li { width: 386px; height: 21px; line-height: 21px; overflow: hidden; float: left; clear: both; margin: 0 0 1px; position: relative; background: url(/sitefiles/1/design/layout/added-service-gray-386.png) 0 0 no-repeat; } #assigned-numbers ul li .assigned-number-yellow { width: 386px; height: 21px; position: absolute; top: 0; left: 0; clear: both; background: url(/sitefiles/1/design/layout/added-service-yellow-386.png) 0 0 no-repeat; display: none; } #assigned-numbers ul li p { position: absolute; padding: 0 7px; width: 372px; height: 21px; float: left; clear: both; margin: 0; font-size: 1.1em; color: #404040; } #assigned-numbers ul li p strong { font-weight: normal; float: left; clear: left; } #assigned-numbers ul li p span.name { float: right; clear: right; padding: 0 16px 0 0; width: 260px; display: block; } #assigned-numbers ul li p a { display: block; clear: both; height: 21px; width: 6px; position: absolute; top: 0; right: 0; background: url(/sitefiles/1/design/layout/remove-added-service.gif) 50% 8px no-repeat; text-indent: -9999px; outline: none; padding: 0 7px; } #assigned-numbers ul li p a:hover { background-position: 50% -17px; } #heinbox a.move-along { display: block; text-align: center; width: 69px; height: 21px; line-height: 21px; padding: 1px 2px 5px; color: #FFF; text-decoration: none; background: url(/sitefiles/1/design/layout/proceed-73.png) 0 0 no-repeat; clear: both; position: absolute; right: 19px; bottom: 18px; font-size: 1.1em; } #chess .community { padding: 0; } #community-top { position: relative; width: 680px; float: left; clear: both; margin: 0 0 12px 0; } img#community-brand { position: absolute; right: 23px; top: 23px; } #chess .community #plan-intro { width: 416px; padding: 10px 0 0 15px; _height: 420px; min-height: 420px; } #chess .community #text-wrap { width: 416px; padding: 10px 0 10px 0; height: auto; } #chess .community #text-wrap p { font-size: 1.3em; line-height: 1.8; } #chess .community #order-options { width: 234px; padding: 66px 5px 0 0; position: absolute; bottom: 0; right: 0; clear: both; } #chess .community #order-options #without-cell, #chess .community #order-options #with-cell { width: 217px; height: 176px; padding: 0 16px 0 1px; margin: 0 0 12px; background: url(/sitefiles/1/design/layout/order-frame-y.png) 0 0 repeat-y; } #chess .community #order-options #without-cell { margin: 0; } #chess .community #order-options #without-cell a, #chess .community #order-options #with-cell a { right: 11px; bottom: 11px; } #chess #maincontent .community #order-options .illu img { top: 6px; left: 1px; } #chess .community #order-options #without-cell .illu { margin: 6px 0 0; } #chess #maincontent .community #order-options #without-cell .illu img { top: auto; bottom: 1px; left: 30px; } #chess .community #order-options h3 { padding: 30px 0 0; width: 106px; } #chess .community h2#ab-header { width: 416px; float: left; clear: both; font-size: 2.4em; margin: 0 0 .75em 0; _margin: 0 0 .375em; font-weight: bold; } #chess .community #product-slide { padding: 6px 0 0; *padding: 18px 0 0; _padding: 6px 0 0; } #plan #order-options .cell-box-top { width: 234px; height: 11px; clear: both; overflow: hidden; position: absolute; top: 0; left: 0; background: url(/sitefiles/1/design/layout/order-frame-top.png) 0 0 no-repeat; } #plan #order-options .cell-box-bottom { width: 234px; height: 11px; clear: both; overflow: hidden; position: absolute; bottom: 0; left: 0; background: url(/sitefiles/1/design/layout/order-frame-bottom.png) 0 0 no-repeat; } /* ______________________________________________________________ New search */ .searchCategories{ display: block; width: 668px; height: 25px; margin: 0; padding: 10px 0 0 12px; background: url(/sitefiles/1/design/sok/searchHeaderArrowUp.png) 0 0 no-repeat; } .searchContainerResults .arrowDown{ background: url(/sitefiles/1/design/sok/searchHeaderArrowDown.png) 0 0 no-repeat; } .resultLinkContainer{ width: 668px; height: 21px; margin: 0; padding: 10px 0 0 12px; background: url(/sitefiles/1/design/sok/searchBottom.png) 0 0 no-repeat; } .resultLinkContainer .expandResults{ color: #272727; font-weight: bold; background: url(/sitefiles/1/design/sok/arrowDown.png) 0 0 no-repeat; padding: 3px 0 3px 22px; } .resultLinkContainer p{ color: #272727; font-weight: bold; background: url(/sitefiles/1/design/sok/arrowUp.png) 0 0 no-repeat; padding: 2px 0 4px 22px; } .searchContainerResults h2{ font-size: 1.4em; margin: 0; line-height: 1.8em; cursor: pointer; } .searchContainerResults h3{ font-size: 1.2em; margin: 0; line-height: 1.8em; cursor: pointer; } .searchNumOfResults{ width: 666px; border-left: solid 1px #c5c6c7; border-right: solid 1px #c5c6c7; padding: 0 0 2px 12px; color: #717171; font-size: 1.1em; } .searchResults{ width: 654px; border-left: solid 1px #c5c6c7; border-right: solid 1px #c5c6c7; padding: 0 12px 0 12px; } .searchContainerResults form{ margin: 0; padding: 0; } .searchContainerResults{ margin: 0 0 15px 0; } .searchContainerResults ul{ margin: 0; padding: 0; } .searchContainerResults ul li{ margin: 0; padding: 0 0 10px 0; list-style-type: none; } .searchResults p{ margin: 0; padding: 0; line-height: 1.8em; color: #272727; } .searchResults h3{ margin: 0; padding: 0; } #searchInput { float: left; width: 236px; color: #666; font-size: 1.2em; border: 0; padding: 4px 8px 0 8px; height: 22px; background: url(/sitefiles/1/design/sok/searchInput.png) 0 0 no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; } #searchBtn { float: left; width: 53px; border: 0; height: 26px; background: url(/sitefiles/1/design/sok/searchBtn.png) 0 0 no-repeat; cursor: pointer; } #searchInputContainer #site-search{ width: 680px; padding: 15px 0 23px 0; } .searchTotalResultContainer{ width: 374px; float: left; } .searchTotalResultContainer p{ margin: 0; padding: 3px 0 0 0; color: #000; font-size: 1.2em; } .searchInputContainer{ width: 306px; float: left; } #order-mobile-broadband { display: block; float: left; width: 81px; height: 29px; line-height: 29px; padding: 20px 41px 21px 558px; background: url(/sitefiles/1/design/mobile-broadband-order.png) 21px 0 no-repeat; color: #FFF; text-decoration: none; font-size: 1.4em; text-align: center; position: relative; } #order-mobile-broadband strong { position: absolute; top: 0; left: 30px;/*42px;*/ width: 482px; height: 70px; line-height: 70px; clear: both; font-weight: bold; font-size: 1.0em; color: #1D1D40; letter-spacing: -.025em; } #expandable { width: 680px; float: left; clear: both; height: 0; position: relative; overflow: hidden; } #expandable a#toggle-extra-info { display: block; width: 205px; height: 25px; line-height: 25px; text-align: center; color: #222; font-size: 1.1em; text-decoration: none; background: url(/sitefiles/1/gfx/about-plan.png) 0 0 no-repeat; margin: 0 auto; } #diy { width: 222px; height: 514px; *height: 501px; _height: 512px; float: left; clear: both; padding: 46px 229px 0; } #diy #diy-inner { width: 222px; min-height: 278px; _height: 278px; position: relative; float: left; clear: both; } #diy #diy-inner .box-c { width: 194px; } #diy #diy-inner h2 { color: #2D2D2D; font-size: 2em; font-weight: bold; line-height: 1.1; padding: 0 0 .25em; width: 194px; } #diy #diy-inner p.error { font-weight: bold; color: #BE042A; } #diy #diy-inner p { color: #3E3E3E; font-size: 1.1em; line-height: 1.5; margin: 0 0 1.5em; width: 194px; } #diy #diy-inner form { width: 194px; position: relative; overflow: hidden; } #diy #diy-inner form ul { list-style: none; width: 194px; float: left; clear: both; margin: 0; } #diy #diy-inner form ul li { width: 194px; float: left; clear: both; padding: 0 0 15px; position: relative; overflow: hidden; } #diy #diy-inner form ul li label { font-size: 1.1em; color: #3F3F3F; padding: 0 0 1em; line-height: 1; cursor: pointer; display: block; } #diy #diy-inner form ul li input#diy-simnumber { font-size: 1.1em; background: url(/sitefiles/1/design/layout/diy-simnumber.png) 0 0 no-repeat; width: 182px; height: 17px; padding: 4px 6px 0; letter-spacing: .15em; font-family: "Courier New", mono-space; text-align: center; border: none; } #diy #diy-inner form ul li.formcontrols { padding: 0; } #diy #diy-inner form ul li.formcontrols input { display: block; text-align: center; width: 73px; height: 27px; line-height: 21px; padding: 1px 2px 5px; color: #FFF; text-decoration: none; background: url(/sitefiles/1/design/layout/proceed-73.png) 0 0 no-repeat; clear: both; float: right; font-size: 1.1em; background-image: url(/sitefiles/1/design/layout/proceed-73-alpha.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/proceed-73-alpha.png", sizingMethod="scale"); cursor: pointer; border: none; } #order-steps #add-services #movie { z-index: 100; position: absolute; clear: both; top: 10px; left: 10px; width: 660px; height: 230px; } #order-steps #add-services #movie p { font-size: 1.1em; } #paymentinfo .submit { display: block; text-align: center; width: 100px; height: 27px; line-height: 21px; padding: 1px 2px 5px; color: #FFF; text-decoration: none; background: url(/sitefiles/1/design/layout/proceed-100.png) 0 0 no-repeat; clear: both; position: absolute; right: 19px; bottom: 18px; font-size: 1.1em; cursor: pointer; border: none; } #chat-offline { height: 570px; } #chat-offline h2.has-pic { padding: 0 0 1em; } #chat-offline p { font-size: 1.1em; } #plan #global-campaign { margin: 40px 0 10px; } #global-campaign { width: 678px; height: 110px; padding: 1px; float: left; clear: both; position: relative; margin: 0 0 10px; background: url(/sitefiles/1/design/layout/box-680-y.gif) 0 0 repeat-y; } #global-campaign .top-corners, #global-campaign .bottom-corners { width: 680px; height: 5px; position: absolute; left: 0; overflow: hidden; } #global-campaign .top-corners { top: 0; background: url(/sitefiles/1/design/top-corners-mask-680.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/top-corners-mask-680.png", sizingMethod="scale"); } #global-campaign .bottom-corners { bottom: 0; background: url(/sitefiles/1/design/bottom-corners-mask-680.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/bottom-corners-mask-680.png", sizingMethod="scale"); } #global-campaign .text { width: 404px; height: 90px; position: relative; overflow: hidden; float: left; clear: left; padding: 10px 0 10px 10px; } #global-campaign .text h3 { font-size: 1.4em; padding: 0 0 .65em; clear: none; float: none; margin: 0; text-align: left; width: auto; color: #BE042A; } #global-campaign .text p { font-size: 1.1em; margin: 0; line-height: 1.6; } #global-campaign #banner-space2 { width: 244px; height: 110px; position: relative; overflow: hidden; float: right; clear: right; } #global-campaign #banner-space2 a { display: block; } #global-campaign #banner-space2 a img { float: left; } #lang-nationality { width: 188px; float: right; clear: right; position: relative; overflow: hidden; } .generic-full-a-fane { width:680px; height:334px; position:relative; overflow:hidden; } .generic-full-a-fane .templates-front { width:405px; height:334px; cursor:pointer; } .generic-full-a-fane #template-1 { position:absolute; left:0; top:0; } .generic-full-a-fane #template-2 { position:absolute; left:138px; top:0; } .generic-full-a-fane #template-3 { position:absolute; left:275px; top:0; } .generic-full-a-fane #flashtemplate-1-container { position:absolute; top:0; left:0; width:405px; height:334px; } .generic-full-a-fane #flashtemplate-2-container { position:absolute; top:0; left:0; width:405px; height:334px; } .generic-full-a-fane #flashtemplate-3-container { position:absolute; top:0; left:0; width:405px; height:334px; } .generic-full-a-fane .readbtn { position:absolute; top:300px; left:310px; width:80px; display:block; height:23px; line-height:23px; } .generic-full-a-fane .readbtn img { position:relative; top:7px; } /* ______________________________________________________________ CONTENT TEMPLATE: MYPAGE LOGIN */ /* minside versjon 2 */ #mypagev2 #minside-wrapper { float: left; width: 420px; height: 97px; overflow: hidden; position: relative; } #mypagev2 #minside-login { width: 185px; height: 117px; float: left; clear: both; background: url(/sitefiles/1/design/layout/right-col-box-y.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/right-col-box-y.png", sizingMethod="scale"); margin: 0 0 10px; position: relative; overflow: hidden; padding: 0 10px 0 15px; } #mypagev2 #minside-content { margin: 10px 0; float: left; width: 185px; clear: both; overflow: hidden; position: relative; *padding: 0 0 10px 0; _padding: 0; } #mypagev2 #minside-login-top { width: 210px; height: 9px; position: absolute; overflow: hidden; top: 0; left: 0; background: url(/sitefiles/1/design/layout/right-col-box-top.png) 0 0 no-repeat; *margin-bottom: -8px; } #mypagev2 #minside-login-bottom { width: 210px; height: 9px; position: absolute; overflow: hidden; bottom: 0; left: 0; background: url(/sitefiles/1/design/layout/right-col-box-bottom.png) 0 0 no-repeat; *margin-top: -8px; } #mypagev2 #minside-bg { background: url(/sitefiles/1/design/postkassev2.jpg) 120px 0px no-repeat; width: 185px; float: left; clear: left; margin: 0 10px 0 0; } #mypagev2 #new-pass { float: left; clear: right; width: 165px; padding: 0 10px; } #mypagev2 #new-pass #newpass_response { color:#BE042A; font-weight:normal; font-size: 1.2em; line-height:1.5; background: #FFF url(/sitefiles/1/design/lightview/images/lightview/close_innertop.jpg) 100% 5px no-repeat; height: 65px; padding: 5px 35px 0 0; display: none; width: 140px; position: absolute; top: 0; left: 10px; clear: both; cursor: pointer; } #mypagev2 #new-pass #newpass_response small { display: block; font-size: 10px; font-size: .833em; color: #444; padding: .75em 0 0; } #mypagev2 #new-pass ul { } #mypagev2 #new-pass ul li { height:20px; line-height:20px; clear:both; } #mypagev2 #chess #new-pass h2 { margin: 0 0 0.2em 0;/*2.3*/ _margin: 0 0 0.3em 0;/*2.4*/ padding: 0; } #mypagev2 #new-pass .mypagelogin-messagebox, #mypagev2 #minside-bg .mypagelogin-messagebox { width: 182px; height: 102px; background: #FFF; position: absolute; top: -6px; right: 24px; clear: both; padding: 10px; font-size: 1.4em; font-weight: bold; color: #BE042A; text-align: center; line-height: 1.75 } #mypagev2 #minside-bg #mypage-error-closemessage { font-size: .7em; color: #444; display: block; font-weight: normal; } #mypagev2 #minside-bg .mypagelogin-messagebox { top: -4px; left: -12px; right: auto; height: 82px; padding: 30px 10px 10px; background: #FFF url(/sitefiles/1/design/lightview/images/lightview/close_innertop.jpg) 170px 5px no-repeat; cursor: pointer; } #mypagev2 #minside-login h2 { color: #BE0A26; font-size: 1.4em; padding: 0 0 0.0em 0;/* 0.75*/ } #mypagev2 #minside-login ul { list-style-type: none; line-height: 2; width: 185px; float: left; clear: both; margin: 0; } #mypagev2 #minside-login ul li { padding: 0 0 0.4em 0; float: left; width: 185px; clear: both; } #mypagev2 #minside-login ul li label { display: none; } #mypagev2 #minside-login ul li input { width: 97px; height: 16px; padding: 2px 5px 1px 5px; border: 0; background: url(/sitefiles/1/design/minside-text-input-v2.gif) 0 0 no-repeat; color: #666; font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif; } #mypagev2 #minside-login ul li.formcontrols { padding: 0; padding-top:2px; } #mypagev2 #minside-login ul li.formcontrols input { color: #FFF; font-size: 1em; cursor: pointer; background: url(/sitefiles/1/design/mypagelogin.gif) 0 0 no-repeat; width: 76px; height: 26px; float: left; clear: left; padding: 0 0 4px; *padding: 0 0 2px; position: relative; top: -1px; _top: -3px; } #mypagev2 #minside-login ul li.formcontrols input:focus, #mypagev2 #minside-login ul li.formcontrols input:active { color: #FFF; } #mypagev2 #minside-login ul li.formcontrols a { display: block; color: #BE0A26; text-decoration: underline; font-size: 10px; border: 0; float: right; clear: right; } #mypagev2 #minside-login ul li.formcontrols a:hover { text-decoration: none; } #mypagev2 #minside-wrapper { width: 390px; } #mypagev2 #minside-login { height: 90px; } #mypagev2 label { display: none; } #mypagev2 input { background: none; border: 0; padding: 0; position: absolute; top: 25px; clear: both; color: #7D7D7D; *color: #222; } #mypagev2 input:focus { color: #222; } #mypagev2 #minside-bg, #mypagev2 #new-pass { background: url(/sitefiles/1/gfx/mypage-logins.png) 0 25px no-repeat; height: 80px; position: relative; } #mypagev2 #new-pass { float: right; width: 175px; background-position: 100% 25px; } #mypagev2 #minside-mobnr, #mypagev2 #minside-mobnr2 { left: 0; width: 62px; height: 15px; *height: 17px; padding: 4px 5px 0 6px; *padding: 2px 5px 0 6px; font-size: 1.1em; } #mypagev2 #minside-passord { left: 82px; width: 52px; height: 15px; *height: 17px; padding: 4px 5px 0 6px; *padding: 2px 5px 0 6px; font-size: 1.1em; } #mypagev2 #submitLogin, #mypagev2 #submitPasswordRecovery { right: 0; width: 39px; height: 19px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: alpha(opacity=0); opacity: 0; cursor: pointer; } #mypagev2 #get-new-pass, #mypagev2 #back-to-login { display: block; width: 180px; height: 15px; position: absolute; top: 54px; left: 50%; margin-left: -90px; text-align: center; text-decoration: underline; } #mypagev2 #get-new-pass:hover, #mypagev2 #back-to-login:hover { text-decoration: none; } #mypagev2 #minside-bg .mypagelogin-messagebox { padding-top: 6px; padding-left: 0; text-align: left; left: 0; background-position: 160px 5px; } /* global box */ /* boxwrapper boxContent global-in-your-language h2 flags links boxBottom*/ .boxwrapper .global-in-your-languagev2 { height: 146px; position: relative; overflow: hidden; } .boxwrapper #global-content { width: 168px; float: left; clear: both; padding: 8px 21px 0; } .boxwrapper #global-content h2 { font-size: 1.4em; } .boxwrapper #flags { padding-top: 7px; width: 168px; float: left; clear: both; position: relative; overflow: hidden; } .boxwrapper #flags ul { width: 168px; float: left; clear: both; margin: 0 0 1em; _margin: 0; padding: 0 0 4px; } .boxwrapper #flags ul li { float: left; list-style: none; padding: 0 13px 0 0; } .boxwrapper #flags ul li a { display: block; width: 46px; height: 15px; padding: 50px 0 0; background: url(/sitefiles/1/gfx/global/new-flags.png) 0 0 no-repeat; float: left; clear: both; position: relative; overflow: hidden; color: #000; text-align: center; } .boxwrapper #flags ul li.eng a { background-position: -46px 0; } .boxwrapper #flags ul li.pol { padding: 0; } .boxwrapper #flags ul li.pol a { background-position: -92px 0; } .boxwrapper #prepaid-options { width: 160px; float: left; clear: both; padding: 0 25px; } .boxwrapper #prepaid-options a { color: #FFF; font-size: 1.1em; cursor: pointer; text-align: center; width: 70px; height: 26px; line-height: 26px; float: left; clear: left; background: url(/sitefiles/1/gfx/cs/submit-black.png) 0 0 no-repeat; } .boxwrapper #prepaid-options a:hover { text-decoration: none; } .boxwrapper #prepaid-options a#prepaid-register { float: right; clear: right; } #flash-gliding-doors { width: 680px; height: 362px; float: left; clear: both; position: relative; overflow: hidden; } /* ______________________________________________________________ CONTENT TEMPLATE: CHESS BONUS */ #chessbonus { position: relative; left: 10px; padding-top: 10px; /*background: url(/sitefiles/1/design/bonus/decor.png) 430px 344px no-repeat;*/ color: #000; } #chessbonus #bonus_img { margin-bottom: 15px; } #chessbonus .what ul, #chessbonus .how ul { padding-top: 10px; list-style-type: none; } #chessbonus .what li, #chessbonus .how li { height: 18px; padding-left: 24px; background: url(/sitefiles/1/design/bonus/arrow.png) 0 50% no-repeat; } #chessbonus .what { float: right; width: 245px; } #chessbonus #signup { padding-top: 10px; text-align: center; } #chessbonus #signup a { display: block; width: 166px; height: 25px; margin: 0 auto; background: url(/sitefiles/1/design/bonus/signup.png) no-repeat; text-indent: -9999px; } #chessbonus #toggle_howto { display: block; padding: 0 20px 20px 0; text-align: right; } #chessbonus table { position: relative; width: 654px; border-collapse: collapse; } #chessbonus table thead { color: #b70000; font-weight: bold; } #chessbonus table thead td.top_left { height: 33px; border: 0; background: url(/sitefiles/1/design/bonus/table_top_left.png) top left no-repeat } #chessbonus table thead td.top_right { height: 33px; border: 0; background: url(/sitefiles/1/design/bonus/table_top_right.png) top right no-repeat } #chessbonus table tfoot td.bottom_left { height: 12px; border: 0; background: url(/sitefiles/1/design/bonus/table_bottom_left.png) bottom left no-repeat } #chessbonus table tfoot td.bottom_right { height: 12px; border: 0; background: url(/sitefiles/1/design/bonus/table_bottom_right.png) bottom right no-repeat } #chessbonus table td { padding: 10px 15px; border: 1px solid #afafaf; border-collapse: collapse; } #chessbonus table ul { list-style-type: none; } #chessbonus table li span { float: right; } #ask-nora, #ask-nora a, #contact-wrapper a#nora { width: 210px; height: 139px; _height: 138px; float: left; clear: both; position: relative; overflow: hidden; margin: 0 0 10px; } #ask-nora a, #contact-wrapper a#nora { display: block; margin: 0; text-indent: -9999px; background: url(/sitefiles/1/Nora_Liten.jpg) 0 0 no-repeat; } #contact-wrapper a#nora { float: none; margin: 0 0 20px; } #mypagev2 #minside-wrapper { width: 390px; } #mypagev2 #minside-login { height: 90px; } #mypagev2 label { display: none; } #mypagev2 input { background: none; border: 0; padding: 0; position: absolute; top: 25px; clear: both; color: #7D7D7D; *color: #222; } #mypagev2 input:focus { color: #222; } #mypagev2 #minside-bg, #mypagev2 #new-pass { background: url(/sitefiles/1/gfx/mypage-logins.png) 0 25px no-repeat; height: 80px; position: relative; } #mypagev2 #new-pass { float: right; width: 175px; background: url(/sitefiles/1/gfx/forgot-minside-pass.png) 10px 25px no-repeat; } #mypagev2 #minside-mobnr, #mypagev2 #minside-mobnr2 { left: 0; width: 62px; height: 15px; *height: 17px; padding: 4px 5px 0 6px; *padding: 2px 5px 0 6px; font-size: 1.1em; } #mypagev2 #minside-passord { left: 82px; width: 52px; height: 15px; *height: 17px; padding: 4px 5px 0 6px; *padding: 2px 5px 0 6px; font-size: 1.1em; } #mypagev2 #minside-mobnr2 { left: 11px; width: 71px; } #mypagev2 #submitLogin, #mypagev2 #submitPasswordRecovery { right: 0; width: 39px; height: 19px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: alpha(opacity=0); opacity: 0; cursor: pointer; } #mypagev2 #submitPasswordRecovery { right: 63px; } #mypagev2 #get-new-pass, #mypagev2 #back-to-login { display: block; width: 180px; height: 15px; position: absolute; top: 54px; left: 50%; margin-left: -90px; text-align: center; text-decoration: underline; } #mypagev2 #get-new-pass:hover, #mypagev2 #back-to-login:hover { text-decoration: none; } #mypagev2 #minside-bg .mypagelogin-messagebox { padding-top: 6px; padding-left: 0; text-align: left; left: 0; background-position: 160px 5px; } #news-ticker-wrap { width: 670px; height: 30px; float: left; clear: both; position: relative; overflow: hidden; background: url(/sitefiles/1/gfx/cs/news-ticker.png) 0 0 no-repeat; border-left: 5px solid #FFF; margin: 0 0 10px; } #chess .important-newsticker { background-position: 0 -30px; } #news-ticker-wrap p { width: 88px; float: left; clear: left; font-size: 1.2em; height: 30px; line-height: 28px; text-align: center; margin: 0 10px 0 0; color: #505050; text-shadow: 1px 1px 1px #FFF; } #chess .important-newsticker p { color: #FFF; text-shadow: 1px 1px 1px #A3040E; } #news-ticker-wrap #news-ticker { width: 562px; height: 30px; float: left; clear: right; position: relative; overflow: hidden; } #news-ticker-wrap #news-ticker #news-ticker-scroller { display: block; height: 30px; margin: 0; list-style: none; position: absolute; top: 0; left: 0; clear: both; } #news-ticker-wrap #news-ticker #news-ticker-scroller li { float: left; display: block; padding: 0 20px 0 0; height: 30px; line-height: 28px; font-size: 1.2em; color: #505050; text-shadow: 1px 1px 1px #FFF; } #news-ticker-wrap #news-ticker #news-ticker-scroller li a { color: #505050; text-decoration: none; display: block; float: left; } #chess .important-newsticker #news-ticker #news-ticker-scroller li { color: #FFF; text-shadow: 1px 1px 1px #A3040E; } #chess .important-newsticker #news-ticker #news-ticker-scroller li a { color: #FFF; } .default-box { background: #E9E9E9 url(/sitefiles/1/gfx/cs/bg-grad.png) 0 0 repeat-x; position: relative; } .default-box .box-c { position: relative; padding: 16px 14px; } .default-box .b { background: #C5C6C7; position: absolute; overflow: hidden; clear: both; display: block; } .default-box .br, .default-box .bl { width: 1px; height: 100%; top: 0; } .default-box .bt, .default-box .bb { width: 100%; height: 1px; left: 0; } .default-box .bt { top: 0; } .default-box .br { right: 0; } .default-box .bb { bottom: 0; } .default-box .bl { left: 0; } .default-box .c { width: 11px; height: 11px; position: absolute; overflow: hidden; clear: both; font-size: 0; display: block; } .default-box .c div { width: 22px; height: 22px; position: absolute; clear: both; background: url(/sitefiles/1/gfx/cs/corners-24.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/gfx/cs/corners-24.png", sizingMethod="scale"); } .default-box .clt, .default-box .clt div { top: 0; left: 0; } .default-box .crt, .default-box .crt div { top: 0; right: 0; _right: -1px; } .default-box .crb, .default-box .crb div { bottom: 0; right: 0; _bottom: -1px; _right: -1px; } .default-box .clb, .default-box .clb div { bottom: 0; left: 0; _bottom: -1px; } #cs-anim-boxes { width: 670px; height: 256px; float: left; clear: both; border-right: 5px solid #FFF; border-left: 5px solid #FFF; position: relative; overflow: hidden; padding: 0 0 160px; } #cs-wrap { width: 670px; height: 256px; float: left; clear: both; position: relative; overflow: hidden; } #cs-wrap h2 { font-size: 1.8em; padding: 0 0 .33em; margin: 0; } #cs-faq-main { width: 126px; height: 256px; float: left; clear: left; margin: 0 10px 0 0; } #cs-faq-main ul, #cs-faq-expand #cs-steps ul { list-style: none; margin: 0; } #cs-faq-main ul li, #cs-faq-expand #cs-steps ul li { line-height: 1.82; font-size: 1.1em; } #cs-faq-main ul li a, #cs-faq-expand #cs-steps ul li a { color: #000; text-decoration: none; display: block; line-height: 1.82; position: relative; padding: 0 0 0 15px; background: url(/sitefiles/1/gfx/cs/bullet.gif) -543px 50% no-repeat; } #cs-faq-main ul li a:hover, #cs-faq-expand #cs-steps ul li a:hover { color: #BE0A26; text-decoration: underline; background-position: 0 50%; } #cs-faq-main ul li.active a, #cs-faq-expand #cs-steps ul li.active a { color: #BE0A26; background-position: 0 50%; } #cs-mms-wap { width: 216px; height: 256px; position: absolute; top: 0; right: 0; overflow: hidden; clear: both; } #cs-mms-wap .box-c { height: 224px; padding: 16px 9px 16px 8px; } #cs-mms-wap form { width: 197px; float: right; clear: right; } #cs-mms-wap form h2 { padding: 0 3px; } #cs-mms-wap form p { color: #000; font-size: 1.1em; padding: 1em 3px 2em; margin: 0; } #cs-mms-wap form ul { width: 197px; list-style: none; margin: 0; } #cs-mms-wap form ul li { display: block; width: 197px; float: left; clear: both; line-height: 1; padding: 0 0 10px; } #cs-mms-wap form ul li label { color: #000; cursor: pointer; display: block; padding: 0 0 .65em; font-size: 1.1em; } #cs-mms-wap form ul li select { width: 195px; height: 19px; font-size: 1.1em; font-family: "Lucida Sans Unicode", "Lucida Grande", FreeSans, Arial, sans-serif; color: #000; *color: #242424; } #cs-mms-wap form ul li input { width: 179px; height: 19px; padding: 7px 8px 0; color: #000; *color: #242424; font-size: 1.1em; background: url(/sitefiles/1/gfx/cs/input.gif) 0 0 no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", FreeSans, Arial, sans-serif; border: 0; } #cs-mms-wap form ul li select:focus, #cs-mms-wap form ul li input:focus { color: #242424; } #cs-mms-wap form ul li.formcontrols { padding: 0; } #cs-mms-wap form .btn-wrap { position: relative; width: 74px; height: 30px; float: right; clear: both; overflow: hidden; } #cs-mms-wap form .btn-wrap .button-bg { width: 74px; height: 60px; position: absolute; top: 0; left: 0; clear: both; background: url(/sitefiles/1/gfx/cs/submit-24.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/gfx/cs/submit-24.png", sizingMethod="scale"); } #cs-mms-wap form .active .button-bg { top: -30px; } #cs-mms-wap form .btn-wrap input { padding: 0 0 3px; background: none; width: 74px; height: 30px; text-align: center; color: #FFF; font-weight: bold; font-size: 1.2em; cursor: pointer; position: absolute; top: 0; left: 0; clear: both; border: 0; } #cs-mms-wap #mms-wap-selected { width: 302px; position: absolute; top: 16px; right: 216px; clear: both; text-align: center; } #cs-mms-wap #mms-wap-selected #cell-img { width: 200px; height: 175px; background: url(/sitefiles/1/gfx/cs/cell-bg.png) 0 0 no-repeat; position: absolute; top: 40px; left: 51px; clear: both; overflow: hidden; } #cs-mms-wap #mms-wap-selected #settingsresponse { clear: both; position: absolute; top: 45px; left: 56px; font-weight: bold; font-size: 1.1em; color: #BE0A26; width: 190px; height: 115px; padding: 50px 0 0; } #cs-mms-wap #mms-wap-selected #responseoverlay { clear: both; position: absolute; top: 45px; left: 56px; width: 190px; height: 165px; background: #FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; *filter: alpha(opacity=90); opacity: .9; } #cs-mms-wap #mms-wap-selected #cell-img img { position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -55px; clear: both; } #cs-faq-expand { width: 308px; height: 256px; position: absolute; top: 0; left: 136px; clear: both; overflow: hidden; } #cs-faq-expand #cs-faq-close { width: 19px; height: 19px; position: absolute; top: 11px; right: 11px; clear: both; text-indent: -9999px; overflow: hidden; background: url(/sitefiles/1/gfx/cs/cs-faq-close.gif) 0 0 no-repeat; } #cs-faq-expand #cs-steps { } #cs-faq-expand #cs-steps h3 { font-size: 1.5em; padding: 0 0 .4em; } #cs-faq-expand #cs-steps ul { padding: 0 0 0 3px; } #cs-faq-expand #cs-steps ul li a { background-position: -543px .65em; } #cs-faq-expand #cs-steps #yourAnswer ul li a { display: inline; background: none; padding: 0; color: #BE0A26; text-decoration: underline; } #cs-faq-expand #cs-steps #yourAnswer ul li a:hover { text-decoration: none; } #cs-faq-expand #cs-steps ul li a:hover, #cs-faq-expand #cs-steps ul li.active a { background-position: 0 .65em; } #cs-faq-expand #cs-steps #cs-faq-lvl2 { width: 138px; padding: 19px 20px; height: 209px; position: absolute; top: 0; left: 0; clear: both; } #cs-faq-expand #cs-steps #cs-faq-lvl3 { width: 315px; padding: 19px 20px; height: 209px; position: absolute; top: 0; right: 0; clear: both; border-left: 1px solid #C5C6C7; } #cs-faq-expand #cs-steps #cs-faq-lvl4 { position: absolute; top: 247px; left: 0; clear: both; width: 534px; min-height: 168px; } #cs-faq-lvl4 h3 a.permalink{ display: block; width: 16px; height: 16px; clear: both; position: absolute; right: 10px; top: 10px; overflow: hidden; background: url(/sitefiles/1/design/layout/svar.png) 0 0 no-repeat; outline: none; text-indent: -9999px; } #cs-faq-expand #cs-steps #cs-faq-lvl4 #yourAnswer { border-top: 1px solid #C5C6C7; padding: 18px 20px 0; } #cs-faq-expand #cs-steps #cs-faq-lvl4 #yourAnswer p { margin: 0; padding: 0 0 1.5em; } #cs-faq-expand #cs-steps #cs-faq-lvl4 #yourAnswer p, #cs-faq-expand #cs-steps #cs-faq-lvl4 #yourAnswer ul li { font-size: 1.1em; line-height: 1.5; } #cs-faq-expand #cs-steps #cs-faq-lvl4 #yourAnswer ul { padding: 0 0 1.5em 25px; list-style-type: square; } #cs-faq-expand #cs-top-10 ul { list-style: none; margin: 0; } #cs-faq-expand #cs-top-10 ul li { color: #000; font-size: 1.1em; line-height: 1.82; } #cs-faq-expand #cs-top-10 ul li a { color: #000; text-decoration: none; line-height: 1.82; display: block; _float: left; } #cs-faq-expand #cs-top-10 ul li a:hover { color: #BE0A26; } #cs-faq-expand #cs-top-10 ul li.active a { color: #BE0A26; text-decoration: none; } #cs-top-banner { width: 670px; height: 190px; border-left: 5px solid #FFF; border-right: 5px solid #FFF; float: left; clear: both; position: relative; overflow: hidden; background: 0 0 no-repeat; margin: 0 0 10px; } /* KWV 2009-10-21 ENDRET COLOR FRA #383838 TIL #00000 */ #cs-top-banner .inner { width: 395px; height: 140px; padding: 30px 10px 20px 265px; float: left; clear: both; background: url(/sitefiles/1/gfx/cs/cs-top-mask.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/gfx/cs/cs-top-mask.png", sizingMethod="scale"); color: #00000; } /* KWV 2009-10-21 ENDRET COLOR FRA #383838 TIL #00000 */ #cs-top-banner h2 { font-size: 2em; font-weight: bold; /*color: #000;*/ margin: 0 0 .75em; } #cs-top-banner p.intro { font-size: 1.1em; line-height: 1; margin: 0 0 1.75em; } #cs-top-banner form { width: 320px; height: 28px; background: url(/sitefiles/1/gfx/cs/cs-search.png) 0 0 no-repeat; margin: 0 0 .5em; position: relative; overflow: hidden; } #cs-top-banner form .phrase { width: 230px; height: 20px; padding: 8px 10px 0; float: left; clear: left; border: 0; position: relative; background: none; color: #646464; *color: #242424; font-size: 1.1em; font-family: "Lucida Sans Unicode", "Lucida Grande", FreeSans, Arial, sans-serif; } #cs-top-banner form .phrase:focus { color: #242424; } #cs-top-banner form .submit { width: 70px; height: 28px; padding: 0; border: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: alpha(opacity=0); opacity: 0; cursor: pointer; position: relative; position: absolute; top: 0; right: 0; clear: both; } #cs-top-banner #cs-pop-searches { width: 320px; font-size: 1.1em; line-height: 1.82; margin: 0; } #cs-top-banner #cs-pop-searches a { color: #E4091F; font-weight: bold; text-decoration: none; position: relative; } #cs-top-banner #cs-pop-searches a:hover { text-decoration: underline; } #cs-xbrand { width: 670px; height: 150px; position: absolute; top: 266px; left: 0; clear: both; /*background: url(/sitefiles/1/gfx/cs/cs-xbrand-bg.png) 0 0 no-repeat;*/ overflow: hidden; } .banner-670-150 { width: 670px; height: 150px; position: relative; overflow: hidden; } .banner-670-150 a, .banner-670-150 a img { display: block; float: left; } #cs-xbrand .cs-xbrand-left { width: 160px; padding: 15px 0 0 20px; float: left; clear: left; } #cs-xbrand .cs-xbrand-left h2 { font-weight: bold; font-size: 2.6em; color: #FFF; margin: 0 0 .25em; } #cs-xbrand .cs-xbrand-left a { color: #FFF; text-decoration: none; } #cs-xbrand .cs-xbrand-left a:hover { text-decoration: underline; } #cs-xbrand .cs-xbrand-left ul { list-style: none; margin: 0 0 .5em; width: 160px; float: left; clear: both; } #cs-xbrand .cs-xbrand-left ul li { font-size: 1.1em; line-height: 2; width: 160px; float: left; clear: both; } #cs-xbrand .cs-xbrand-left ul li a, #cs-xbrand .cs-xbrand-left ul li span { display: block; line-height: 2; padding: 0 0 0 9px; background: url(/sitefiles/1/gfx/cs/white-bullet.png) 0 50% no-repeat; width: 151px; float: left; clear: both; color: #FFF; } #cs-xbrand .cs-xbrand-left .all-products { font-size: 1.1em; font-weight: bold; } #cs-xbrand .cs-xbrand-left .all-products a { border-bottom: 1px solid #808080; } #cs-xbrand .cs-xbrand-left .all-products a:hover { color: #CCC; border-color: #FFF; text-decoration: none; } #cs-xbrand #cs-xbrand-slide-wrap { width: 485px; height: 125px; position: absolute; top: 15px; right: 0; clear: both; overflow: hidden; } #cs-xbrand #cs-xbrand-slide-wrap .left-fade { width: 82px; height: 125px; position: absolute; top: 0; left: -5px; clear: both; background: url(/sitefiles/1/gfx/cs/cs-xbrand-leftfade.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/gfx/cs/cs-xbrand-leftfade.png", sizingMethod="scale"); } #cs-xbrand #cs-xbrand-slide-wrap .right-fade { width: 82px; height: 125px; position: absolute; top: 0; right: -5px; clear: both; background: url(/sitefiles/1/gfx/cs/cs-xbrand-rightfade.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/gfx/cs/cs-xbrand-rightfade.png", sizingMethod="scale"); } #cs-xbrand #cs-xbrand-slider { width: 1000px; height: 125px; position: absolute; top: 0; left: 0; clear: both; background: url(/sitefiles/1/gfx/cs/cs-xbrand-product-bg.png) -100px 0 repeat-x; padding: 0 0 0 40px; } #cs-xbrand #cs-xbrand-slider .xbrand-product { width: 125px; height: 125px; float: left; position: relative; overflow: hidden; margin: 0 15px 0 0; } #cs-xbrand #cs-xbrand-slider .last { margin: 0; } #cs-xbrand #cs-xbrand-slider .xbrand-product a { display: block; width: 125px; height: 125px; float: left; position: relative; } #cs-xbrand #cs-xbrand-slider .xbrand-product a span { display: block; position: absolute; top: 50%; left: 50%; cursor: pointer; } #cs-xbrand #cs-xbrand-slider .xbrand-product a span img { display: none; } #cs-sub-search-wrap { width: 670px; height: 50px; float: left; clear: both; border-left: 5px solid #FFF; border-right: 5px solid #FFF; position: relative; overflow: hidden; background: url(/sitefiles/1/gfx/cs/cs-sub-search.png) 0 0 no-repeat; margin: 0 0 20px; } #cs-sub-search-wrap h2 { color: #383838; font-weight: bold; font-size: 2em; width: 335px; padding: 0 15px; line-height: 50px; float: left; clear: left; margin: 0; } #cs-sub-search-wrap form { width: 294px; height: 28px; position: relative; overflow: hidden; float: right; clear: right; padding: 11px 11px 0 0; } #cs-sub-search-wrap form .phrase { width: 204px; height: 20px; padding: 8px 10px 0; float: left; clear: left; border: 0; background: none; color: #646464; *color: #242424; font-size: 1.1em; font-family: "Lucida Sans Unicode", "Lucida Grande", FreeSans, Arial, sans-serif; } #cs-sub-search-wrap form .phrase:focus { color: #242424; } #cs-sub-search-wrap form .submit { width: 70px; height: 28px; float: right; clear: right; padding: 0; border: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; *filter: alpha(opacity=0); opacity: 0; cursor: pointer; position: relative; } #cs-left { width: 135px; float: left; clear: left; padding: 0 0 0 5px; } #cs-left ul#third-level-menu { list-style: none; margin: 0; width: 135px; float: left; clear: both; } #cs-left ul#third-level-menu li { color: #242424; line-height: 1.75; width: 135px; float: left; clear: both; padding: 0 0 .5em; } #cs-left ul#third-level-menu li a { color: #000; text-decoration: none; display: block; width: 105px; float: left; clear: both; font-size: 1.1em; line-height: 1.75; position: relative; padding: 0 0 0 30px; background: url(/sitefiles/1/gfx/cs/bullet.gif) -528px .6em no-repeat; } #cs-left ul#third-level-menu li a:hover, #cs-left ul#third-level-menu li.active a, #cs-left ul#third-level-menu li.active ul li.active a, #cs-left ul#third-level-menu li.active ul li a:hover { color: #BE0A26; text-decoration: underline; background-position: 15px .6em; } #cs-left ul#third-level-menu li ul { list-style: none; margin: 0; width: 135px; float: left; clear: both; padding: 0 0 1em; } #cs-left ul#third-level-menu li ul li { font-size: 1em; } #cs-left ul#third-level-menu li.heading h3 { font-size: 1.3em; padding: 0 0 .25em 10px; } #cs-left ul#third-level-menu li.active ul li a { color: #000; text-decoration: none; background-position: -528px .6em; } #cs-left ul#third-level-menu li.heading ul li { padding: 0; } #cs-wide { width: 670px; padding: 0 5px; float: left; clear: both; } /* KWV: 2009-10-21 LAGT INN FONT-SIZE: 11PX */ #cs-main { width: 510px; float: right; clear: right; padding: 0 5px 0 0; font-size: 11px; } .banner { float: left; clear: both; } .banner img { float: left; } .banner-510 { width: 510px; padding: 0 0 25px; } .sections, .sections .section { width: 510px; float: left; clear: both; } .sections .section { padding: 0 0 10px; } .section h3 { font-size: 1.6em; margin: 0 0 .5em; } .section p, .section ul, .section ol { font-size: 1.1em; color: #000; line-height: 1.5; margin: 0 0 1.5em; } #cs-search-results .box-c { overflow: hidden; height: 224px; } #cs-search-results #naviline { position: absolute; bottom: 11px; left: 14px; clear: both; width: 506px; height: 15px; } #cs-search-results #naviline #navinumcount { width: 506px; height: 15px; line-height: 15px; position: absolute; top: 0; left: 0; clear: both; text-align: center; font-size: 1.1em; color: #777; } #cs-search-results #naviline #naviprev, #cs-search-results #naviline #navinext { color: #484848; font-size: 1.1em; text-transform: uppercase; display: block; float: left; clear: left; height: 15px; line-height: 15px; padding: 0 0 0 18px; background: url(/sitefiles/1/gfx/cs/cs-navi-arrows.gif) 0 -13px no-repeat; position: relative; } #cs-search-results #naviline #navinext { float: right; clear: right; padding: 0 18px 0 0; background-position: 100% 1px; } #cs-search-results #naviline #naviprev:hover, #cs-search-results #naviline #navinext:hover { color: #242424; } .global-boxes-wrap { width: 660px; padding: 0 10px; float: left; clear: both; position: relative; } .global-boxes-wrap .global-boxes { width: 660px; height: 330px; float: left; clear: both; } .global-boxes-wrap .global-boxes .global-box { width: 195px; height: 330px; float: left; clear: left; position: relative; overflow: hidden; } .global-boxes-wrap .global-boxes .right { float: right; clear: right; } .global-boxes-wrap #register-box { width: 194px; height: 310px; position: absolute; top: 0; left: 50%; margin-left: -115px; clear: both; background: url(/sitefiles/1/gfx/global/abo-group-box-230.png) 0 0 no-repeat; padding: 20px 18px 0; color: #000; } .global-boxes-wrap #register-box h2 { font-size: 2em; text-transform: uppercase; margin: 0 0 1em; } .global-boxes-wrap #register-box p.error { color: #BE042A; font-weight: bold; } .global-boxes-wrap #register-box p.intro { font-size: 1.1em; line-height: 1.36; margin: 0; } .global-boxes-wrap #register-box form ul { list-style: none; display: block; position: absolute; width: 194px; height: 144px; bottom: 0; left: 18px; clear: both; margin: 0; } .global-boxes-wrap #register-box form ul li { padding: 28px 0 0; position: relative; overflow: hidden; text-align: center; } .global-boxes-wrap #register-box form ul li input { width: 180px; height: 17px; padding: 4px 7px 0; position: absolute; top: 0; left: 0; clear: both; border: 0; background: url(/sitefiles/1/gfx/global/input-194.gif) 0 0 no-repeat; text-align: center; letter-spacing: 0.1em; } .global-boxes-wrap #register-box form ul li.formcontrols { padding: 0 39px 0 38px; position: absolute; bottom: 20px; left: 0; width: 117px; height: 27px; } .global-boxes-wrap #register-box form ul li.formcontrols input { width: 117px; height: 27px; text-align: center; color: #FFF; font-size: 1.1em; cursor: pointer; padding: 0 0 3px; *padding: 2px 0 3px; background: url(/sitefiles/1/design/layout/proceed-117-alpha.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/proceed-117-alpha.png", sizingMethod="scale"); letter-spacing: 0; position: static; } .global-boxes-wrap .global-boxes .global-box a.overlay { display: block; width: 195px; height: 330px; position: absolute; top: 0; left: 0; clear: both; cursor: pointer; overflow:hidden; } .global-boxes-wrap .global-boxes .global-box img { position: absolute; top: 1px; left: 1px; clear: both; } .global-boxes-wrap .global-boxes .global-box .frame { position: absolute; top: 0; left: 0; clear: both; height: 330px; width: 195px; background: url(/sitefiles/1/gfx/global/abo-group-box-195.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/gfx/global/abo-group-box-195.png", sizingMethod="scale"); cursor: pointer; } .global-boxes-wrap .global-boxes .global-box .text { position: absolute; top: 0; left: 0; clear: both; width: 179px; height: 140px; padding: 190px 8px 0; background: url(/sitefiles/1/gfx/global/abo-box-bar-195-230.png) 0 158px no-repeat; text-align: center; color: #000; } .global-boxes-wrap .global-boxes .global-box .text h2 { text-transform: uppercase; font-size: 1.5em; } .global-boxes-wrap .global-boxes .global-box .text p { font-size: 1.1em; margin: 0 0 2.25em; } .global-boxes-wrap .global-boxes .global-box .text p.slogan { margin: 0; } .global-boxes-wrap .global-boxes .global-box a.details { padding: 1px 2px 3px; color: #FFF; width: 113px; height: 23px; line-height: 23px; text-align: center; font-size: 1.1em; background: url(/sitefiles/1/design/layout/proceed-127.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -57px; bottom: 20px; clear: both; display: block; } #side-col .default-box { margin: 0 0 10px; width: 210px; float: left; clear: both; overflow: hidden; } #side-col .default-box .box-c { padding: 11px 11px 8px; width: 188px; position: relative; overflow: hidden; } #side-col .default-box .box-c h2 { font-size: 1.5em; width: 188px; float: left; clear: both; } #side-col .default-box .box-c ul { margin: 0; list-style: none; width: 188px; float: left; clear: both; } #side-col .default-box .box-c ul li { font-size: 1.1em; line-height: 2.2; width: 188px; float: left; clear: both; } #side-col .default-box .box-c ul li a { color: #000; text-decoration: none; display: block; line-height: 2.2; position: relative; padding: 0 0 0 15px; background: url(/sitefiles/1/gfx/cs/bullet.gif) -543px 50% no-repeat; } #side-col .default-box .box-c ul li a:hover { color: #BE0A26; text-decoration: underline; background-position: 0 50%; } .banner-210-right-col { width: 210px; height:301px; float: left; clear: both; margin: 0 0 10px 0; position: relative; overflow: hidden; } .banner-210-right-col a { display: block; float: left; width: 210px; } .banner-210-right-col a img { float: left; } #side-col .add-10 { height: auto; padding: 0 0 10px; } #side-col #choose-your-lang { width: 120px; float: left; clear: both; padding: 12px 45px 20px; margin: 0; height: 71px; } #col-wrap #side-col .three { width: 170px; padding: 12px 16px 20px; } /* KWV 2009-10-21 LAGT INN FONT-SIZE:11PX */ #side-col #choose-your-lang li { float: left; list-style: none; padding: 0 28px 0 0; font-size:11px; } #col-wrap #side-col .three li { padding: 0 16px 0 0; } #side-col #choose-your-lang li a { display: block; width: 46px; height: 15px; padding: 50px 0 0; background: url(/sitefiles/1/gfx/global/new-flags.png) 0 0 no-repeat; float: left; clear: both; position: relative; overflow: hidden; color: #000; text-align: center; } #side-col #choose-your-lang li#c-eng a { background-position: -46px 0; } #side-col #choose-your-lang li#c-pol { padding: 0; } #side-col #choose-your-lang li#c-pol a { background-position: -92px 0; } #mmswaploader { position:absolute; right:30px; top:15px; } /* KWV 2009-10-21 LAGT INN FONT-SIZE: 11PX */ .generic-content { width: 640px; float: left; clear: both; padding: 10px 20px; font-size: 11px; } .generic-content .back { font-size: 1.3em; } div#bottomArticles { width: 632px; height: 161px; margin: 0 auto; background: url(/sitefiles/1/design/layout/bottomArticlesBackground.png) repeat-x; } div#bottomArticles div { float: left; } div#bottomArticles div.last { width: 188px; } div#bottomArticles div h2 { font-size: 14px; color: #000000; } div#bottomArticles div ul { list-style: none; margin: 0; } div#bottomArticles div ul li a { color: #000000; font-size: 11px; text-decoration: underline; } div#bottomArticles div ul li { padding-top: 4px; } div#bottomArticles div ul li a:hover { color: #BE0A26; } div#bottomArticles div.first, div#bottomArticles div.middle, div#bottomArticles div.last { padding: 20px 20px 10px; height: 131px; overflow: hidden; width: 170px; } div#bottomArticles div.first { background: url(/sitefiles/1/design/layout/bottomArticlesLeft.png) no-repeat; } div#bottomArticles div.last { background: url(/sitefiles/1/design/layout/bottomArticlesRight.png) no-repeat scroll right 0; } div#bottomArticles div.middle { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } div.posterContainer a.greyGreenBtn { position: absolute; bottom: 10px; _bottom: -15px; left: 12px; } a.greyGreenBtn { height: 27px; cursor: pointer; } a.greyGreenBtn span { display: block; height: 27px; float: left; } a.greyGreenBtn:hover { text-decoration: none; } a.greyGreenBtn:hover span.text, a.greyGreenBtn:hover span.left, a.greyGreenBtn:hover span.right { background-position: 0 -27px; text-decoration: none; } a.greyGreenBtn span.left { background: url(/sitefiles/1/design/layout/knapper/greyGreenBtnLeft2.png) no-repeat; /* _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/knapper/greyGreenBtnLeft.png", sizingMethod="crop");*/ width: 6px; } a.greyGreenBtn span.right { background: url(/sitefiles/1/design/layout/knapper/greyGreenBtnRight2.png) no-repeat; /*_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/1/design/layout/knapper/greyGreenBtnRight.png", sizingMethod="crop");*/ width: 6px; } a.greyGreenBtn span.text { background: url(/sitefiles/1/design/layout/knapper/greyGreenBtnBackground2.png) repeat-x; padding: 0 12px; color: #ffffff; line-height: 25px; font-size: 11px; } div#mainFlashPlayer { width: 780px; margin: 0 auto; height: 342px; /*overflow: auto;*/ } div#categoryFlashPlayer { width: 630px; /* height: 130px;*/ min-height: 130px; /* overflow: auto;*/ margin: 0px auto 15px; _margin: 0 auto 10px; /* padding: 15px 0;*/ } div#categoryFlashPlayer embed { /*height: 130px;*/ } div.posterContainer { margin-bottom: 10px; /*_margin: 0 0 5px;*/ overflow: hidden; } div.posterContainer h2 { color: #242323; font-size: 24px; } div.posterContainer p { color:#242323; font-size: 13px; line-height: 1.5; } .static_small { overflow: hidden; text-align: left; background: url(/sitefiles/1/design/layout/lightbox-new-bg.png) 0 0 no-repeat; _background: url(/sitefiles/1/design/layout/lightbox-new-bg.gif) 0 0 no-repeat; height: 440px; padding: 31px 21px 21px; position: absolute; top: 210px; width: 386px; color: #020202; left: 50%; margin-left: -207px; *margin-left: -208px; _margin-left: -207px; } .static_small_formpop { overflow: hidden; text-align: left; width: 386px; height: 440px; padding: 31px 21px 21px; position: absolute; left: 50%; top: 210px; margin-left: -207px; *margin-left: -208px; _margin-left: -207px; background: url(/sitefiles/1/design/layout/lightbox-new-bg.png) 0 0 no-repeat; _background: url(/sitefiles/1/design/layout/lightbox-new-bg.gif) 0 0 no-repeat; color: #020202; } .static_small_formpop a.close-modal, .static_small a.close-modal, .dynamic_tiny a.close-modal { display: block; clear: both; width: 19px; height: 19px; text-indent: -9999px; outline: none; background: url(/sitefiles/1/design/layout/lightbox-new-close.png) 0 0 no-repeat; position: absolute; top: 11px; right: 11px; z-index: 10; } .static_small_formpop h3, .static_small h3, .dynamic_tiny h3 { font-size:1.8em; font-weight:normal; padding:0 0 0.5em; } .static_small_formpop p, .static_small p, .dynamic_tiny p { font-size: 1.1em; } .static_small_formpop p.larger, .static_small p.larger, .dynamic_tiny p.larger { font-size: 1.3em; } .dynamic_tiny ul { font-size: 1.1em; list-style-type: none; } .dynamic_tiny ul li { padding: 0 0 0 8px; background: url(/sitefiles/1/design/layout/round-bullet.png) 0 .65em no-repeat; } .dynamic_tiny ul li span { color: #5C5C5C; } .static_small_formpop img, .static_small img, .dynamic_tiny img { margin: 0 0 1.5em; } .static_small_formpop form ul, .dynamic_tiny form ul { list-style: none; font-size: 1.1em; padding: 1em 0 .75em; float: left; clear: both; width: 386px; margin: 0; } .static_small_formpop form ul li#number-pool { float: left; clear: none; position: relative; border: 1px solid #B2B2B2; margin: 0 20px 0 44px; _margin: 0 20px 0 22px; width: 95px; height: 114px; overflow: auto; } .static_small_formpop form ul li#number-pool ul { font-size: 1em; padding: 5px; width: 65px; } .static_small_formpop form ul li#number-pool ul li { line-height: 1.6; cursor: pointer; float: none; margin: 0; width: auto; } .static_small_formpop form ul li { float: left; width: 225px; line-height: 1; margin: 0 0 .75em; } .static_small_formpop form ul li label { cursor: pointer; display: block; clear: both; padding: 0 0 .4em; } .static_small_formpop form ul li label em { color: #7C7C7C; font-style: normal; } .static_small_formpop form ul li label em.save-some-space { letter-spacing: -.025em; *letter-spacing: -.065em; } .static_small_formpop form ul li label.small { font-size: .85em; letter-spacing: -.065em; } .static_small_formpop form ul li input { width: 180px; height: 17px; padding: 4px 5px 0; background: url(/sitefiles/1/design/layout/text-input-190.png) 0 0 no-repeat; border: 0; font-size: 1em; color: #7C7C7C; _color: #3F3F3F; letter-spacing: .05em; } .static_small_formpop form ul li input:focus { color: #3F3F3F; } .static_small_formpop form ul li input.number { letter-spacing: .15em; font-family: "Courier New", mono-space; } .static_small_formpop form ul li.formcontrols { padding: .25em 33px 0 0; width: 192px; } .static_small_formpop form ul li.formcontrols a { display: block; text-align: center; width: 69px; height: 21px; line-height: 21px; padding: 1px 2px 5px; color: #FFF; text-decoration: none; background: url(/sitefiles/1/design/layout/grey-action.png) 0 0 no-repeat; float: right; } #form-2108 { display: none; } #form-2108 textarea#field-2, #sporRolfForm textarea#field-2 { width: 182px; height: 140px; } #form-2108 li.form-controls input, #sporRolfForm li.form-controls input { height: 30px; padding-bottom: 8px; } input#greenSubmit { background: url(/sitefiles/1/design/layout/proceed-127.png) no-repeat; border: 0; width: 117px; height: 30px; text-align: left; padding-left: 9px; } div.quizSmsContainer { padding: 26px 0; } div.quizSmsContainer h2 { /* font-family: Lucida Grande, Myriad Pro, Arial;*/ font-size: 20px; color: #000000; line-height: 28px; margin: 0; } div.quizSmsContainer h3 { /*font-family: Lucida Grande, Myriad Pro, Arial;*/ font-size: 16px; color: #000000; line-height: 28px; } div.quizSmsContainer ul { list-style: none; } div.quizSmsContainer ul li { padding: 13px 0; } div.quizSmsContainer ul li p { line-height: 18px; color: #000000; /*font-family: Lucida Grande, Myriad Pro, Arial;*/ margin: 0; font-size: 11px; padding: 2px 0; } div.quizSmsContainer ul li p.questionIndex { font-size: 11px; color: #4d4d4d; padding: 0; } div.quizSmsContainer ul li p.question { font-size: 14px; color: #000000; } div.quizSmsContainer ul li p.answer { font-size: 11px; } div.quizSmsContainer div.framedBox { background: url(/sitefiles/1/gfx/quizUnderbox.png) no-repeat; padding: 8px 12px 10px; height: 44px; width: 425px; overflow: hidden; } div.quizSmsContainer div.framedBox p { margin: 0; font-size: 12px; line-height: 22px; } div.sosiale-medier { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/sitefiles/1/design/underholdning/underholdning-sosmedier.png) no-repeat scroll left top; height:30px; margin-bottom:10px; width:630px; } div.sosiale-medier a { display:block; float:left; height:30px; text-indent:-9999px; width:315px; } /* KWV 2009-10-21 LAGT INN CLASS INFOBOX1 */ .infobox1 { font-size: 11px; } #sitemap-w { width: 640px; padding: 10px 20px; float: left; clear: both; } #sitemap-w .categories { float: left; width: 240px; } #sitemap-w .categories ul ul { padding: 0 0 0 20px; margin: 0; } #sitemap-w .articles { float: right; width: 360px; } #sitemap-w .articles ul { list-style: none; } /* END */