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: 13px; 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: "" ""; } /* root element for tabs */ ul.tabs { list-style:none; margin:0 !important; padding:0; height:30px;} .SectionContactWizard ul.contactentry {margin-bottom:10px !important;} .SectionContactWizard ul.contactentry li {width:78px;margin:0 20px 0 0 !important;} .SectionContactWizard ul.contactentry li.Last {width:75px;margin:0 !important;} ul.contactentry.tabs { height: 105px;margin-bottom:10px;} ul.contactentry.tabs div li a h4 { margin-top:10px;font-size:12px;} .SectionContactWizard ul.tabs.contactentry { overflow: auto; margin-bottom: 15px; margin-top: 15px !important; } /* single tab */ ul.tabs li { float:left; text-indent:0; padding:0; margin: 0 5px 0 0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs a { font-size:11px; display:block; line-height:30px; width: auto; text-align:center; text-decoration:none; color:#333; padding:0px; margin:0px; position:relative; top:1px; } ul.tabs a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs a:hover { background-position: -420px -31px; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { /*background-position: -420px -62px; */ color:#168e4f !important; cursor: pointer; } .pane { margin-top: 20px; clear: left;} /* initially all panes are hidden */ div.panes div.pane { display: none; } /* --- Overlay Styles --- */ #overlay .Spot { float:none; padding:10px; min-height:0; } #overlay .Spot img { margin-bottom:10px; } #overlay .Spot .Content { background:#202020; margin:0; border: 0px; padding:10px;} #overlay .Spot h2 { margin:0 0 10px 0; padding:10px ; background:#202020; -moz-border-radius: 5px;} #overlay .spot {float:none;background:#202020;padding:10px;min-height:0;} #overlay .spot img {margin-right:10px;margin-bottom:10px;border:0;} #overlay .spot h3 {margin-left:0;} #overlay .spotpackages {font-weight: bold;} #overlay .spotpackages a {color:#e8580f;margin-left:10px;} #overlay .spot ul.tvlisting li {float: none;background:none;} #overlay .spot ul.hnav li a {color:#fff;} #overlay .Box ul.OverlayCinema, #overlay .Box ul.OverlayCinemaRight {font-weight:bold;color:#fff;} #overlay .Box ul.OverlayCinema span, #overlay .Box ul.OverlayCinemaRight span {color:#e3e3e3;} #overlay .Box ul.OverlayCinema {float:left;width:400px;} #overlay .Box ul.OverlayCinemaRight {padding-left:10px;float:right;border-left:1px dashed #e3e3e3;} #overlay .Box .OverlayCinemaAccordionInfo, #overlay .Box .OverlayCinemaAccordionTrailer {padding:10px;} /* root element for accordion. decorated with rounded borders and gradient background image */ /* accordion header */ .accordion h2 { background: url(/img/digichheader_small_expanded.png) no-repeat; margin:0; /*line-height: 48px;*/ padding: 11px 15px 21px 15px; font-size:14px; color: #000; cursor:pointer; clear: left; position: relative;} .column66 .accordion h2 { background:transparent url(/img/digichheader_large_expanded.png) no-repeat;} /* currently active header */ .accordion h2.current { background: url(/img/digichheader_small_collapsed.png) no-repeat;} .column66 .accordion h2.current { background: url(/img/digichheader_large_collapsed.png) no-repeat;} /* accordion pane */ .accordion div.pane { border-width:0 2px; display:none; padding: 15px 0; color:#fff; font-size:12px; width: 100%; } /* a title inside pane */ .accordion div.pane h3 { font-weight:normal; margin:0 0 -5px 0; font-size:16px; color:#999; } .accordion div.pane p { color: #000; } .column.scroller { width: 220px; float: left; position: relative; margin-left: 10px;} .column.scroller.play { width: 209px; float: left; position: relative; margin-left: 7px; padding-bottom: 5px;} .column.scroller.cinemacovers { padding-bottom: 5px;} .column.scroller h2 { margin-bottom: 45px;} .column.scroller h2.ScrollerHeader { text-align: center; color: #000;} .column.scroller.play h2 { text-align: center; font-size: 14px;} .column.scroller.webtv h2 { text-align: center; margin-bottom: 41px;} .column.scroller.cinemacovers h2 { text-align: center; margin-bottom: 41px;} .vertical { /* required settings */ position:relative; overflow:hidden; /* vertical scrollers have typically larger height than width */ height: 570px; width: 220px; } .cinemacovers .vertical { height: 570px; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; width: 201px; margin-top: -3px; padding-top: 8px; padding-left: 5px;} .play .vertical { height: 477px; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; width: 206px; margin-top: -3px;} .webtv .vertical { height: 570px; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; width: 201px; margin-top: -3px; padding-top: 8px; padding-left: 5px;} /* root element for scrollable items */ .items { position:absolute; height: 20000em; margin: 0px;} .items div { margin: 0; padding: 0; font-size: 11px; height: 110px; width: 205px;} .items div .moviefacts { float: left; display: block; position: relative; width: 133px; height: auto;} .items div.cinemaitems { padding-top: 5px; height: 105px;} .items img { float: left; margin: 0 10px 0 0 !important; width: 60px; height: 85px;} .play .items img { width: auto;} .items h3 { margin:0 0 5px 0; font-size:16px; color:#456; font-weight:normal;} .play .items h3 { margin:8px 0 3px 0; font-size:12px; color:#000; font-weight:bold;} .play .items h4 { margin: 0 0 5px 0; font-size:12px; color:#000; font-weight:normal;} .scrollertop, .scrollerbottom { width: 300px; margin: 0;} .play .scrollerbottom { margin-bottom: 10px;} .webtv .scrollerbottom { margin-left: -5px;} .cinemacovers .scrollerbottom { margin-left: -5px;} .scrollertop a, .scrollerbottom a { font-size: 11px; cursor: pointer; color: #666;} .scrollertop a:hover, .scrollerbottom a:hover { text-decoration: underline; color: #000;} .moviefacts .ranking { background: url(/img/icon_cinema_rating.png) no-repeat left top; display: block; float: left; height: 18px; width: 18px; margin-right: 5px; padding: 2px 0 0 5px; color: #fff; font-size: 10px;} .moviefacts .highdefinition { background: url(/img/icon_cinema_highdef.png) no-repeat left top; display: block; float: left; height: 18px; width: 18px; margin-right: 7px; padding: 2px 0 0 2px; color: #fff; font-size: 10px;} .moviefacts .ondvd {background: url(/img/icon_cinema_dvd.png) no-repeat left 1px; display: block; float: left; height: 18px; width: 18px; margin-right: 5px; padding: 2px 0 0 2px; color: #fff; font-size: 10px; text-indent: -9999px;} .moviefacts .releasedate { position: absolute; right: 0;} .moviefacts h3, .moviefacts strong, .moviefacts p { margin-right: 0 !important; margin-left: 0 !important; float: left; clear: left; font-size: 11px;} .moviefacts h3 { font-size: 12px; font-weight: bold;} .moviefacts strong { margin-bottom: 5px;} .moviefacts .standardlink { clear: left; margin: 0 !important; padding: 0;} .moviefacts .standardlink li { margin: 0 !important;} .scroller .playfacts {-moz-border-radius: 5px; border: 1px solid #E3E3E3; text-align: center; margin-bottom: 10px;} .scroller .playfacts img {float: none; height: auto; margin: 0 0 10px 0 !important;} .play .vertical .items div {height: auto; width: 184px; margin-left: 5px; margin-top: 8px;} .webtv .vertical .items div {height: auto; padding-top: 5px; height: 105px;} .scroller.webtv {width: 217px; padding-bottom: 10px;} .scroller .channelfacts {} .scroller .channelfacts img { float: none; height: auto; margin: 0 0 10px 0 !important;} .scroller .channelfacts p { margin-left: 0;} /* "scrollupgraphic" */.nextPage, .prevPage { display: block; width: 209px; height: 30px; position: absolute; text-indent: -9999px;} .nextPage { background: url(/img/cinema_scrollingpane_down_active.png) no-repeat left top; bottom: 0;} .nextPage:hover, .nextPage:active { background: url(/img/cinema_scrollingpane_down_active.png) no-repeat left top;} .nextPage.disabled { background: url(/img/cinema_scrollingpane_down_disabled.png) no-repeat left top;} .nextPage.disabled:hover, .nextPage.disabled:active { background: url(/img/cinema_scrollingpane_down_disabled.png) no-repeat left top;} /* "scrolldowngraphic" */ .prevPage { background: url(/img/cinema_scrollingpane_up_active.png) no-repeat left top; top: 40px;} .prevPage:hover, .prevPage:active { background: url(/img/cinema_scrollingpane_up_active.png) no-repeat left top;} .prevPage.disabled { background: url(/img/cinema_scrollingpane_up_disabled.png) no-repeat left top;} .prevPage.disabled:hover, .prevPage.disabled:active { background: url(/img/cinema_scrollingpane_up_disabled.png) no-repeat left top;} /* hide/show channeltxt on digital-pages */ h2.current .closechannels { display: block !important;} h2.current .expandchannels { display: none !important;} h2 .closechannels { display: none !important;} .pane.digichannels p { padding: 0 10px; margin-bottom: 0; margin-top: -10px;} .accordion h2.digiheader {margin-bottom: 5px; font-size: 16px; font-weight: bold;} strong.packagesubheader { display:block; font-size:16px; margin:10px;} .textsection { width: 425px; float: left; padding: 10px;} .textsection p { float: left; border: none; margin-bottom: 10px;} .textsection p img { top: 0 !important; padding-bottom: 10px; border: none;} .textsection img { float: left; border: none;} .textsection ul { clear: left; margin-bottom: 10px; margin-left: 10px; } .textsection .right {width: 320px; float: left;} .videosection { width: 225px; float: left; padding: 10px;} /*.videosection .spot { margin: 0; padding: 0;}*/ .aboutchannels { margin-top: -10px;color:#000;} .rememberthevision .aboutchannels { margin-top: 10px;} .aboutchannels p { margin: 0 !important; padding: 0 10px !important;} /* tooltip - probably not used */ div.tooltiptop { text-align: left; display: none; font-size: 12px; padding: 15px; } div.tooltiptop {background: transparent url(/img/tooltip/bg_tooltiptop.png); _background: transparent url(/img/bg_tooltip_ie6.png);height: 34px; width: 168px; padding: 15px 15px 30px 15px; color: #168e4f;} /* --- Troubleshooter --- */ #Troubleshooter { padding: 5px; width:436px !important; } #Troubleshooter h2 { margin: 0 0 10px 0; font-size: 17px; font-weight:bold; } #Troubleshooter h3 { font-size: 14px; font-weight: bold; background: #fbfbfb url(/img/sprite_troubleshooter.png) no-repeat top left; margin: 0; height: 31px; padding: 0 10px; line-height: 30px; } #Troubleshooter h3.ActiveHeader { background-position: 0px -41px; cursor: pointer; } #Troubleshooter .Box { width: 434px !important; border-top: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; } #Troubleshooter ul { margin: 0; } #Troubleshooter ul li { display: none; text-indent: 10px; } #Troubleshooter #TroubleshooterArticle ul li { display: block; } #Troubleshooter ul li.ActiveHeader, #Troubleshooter ul li.CurrentHeader { line-height: 30px; font-size: 15px; font-weight: 700; color: #000; background: #fbfbfb url(/img/sprite_troubleshooter.png) no-repeat; } #Troubleshooter ul li.ActiveHeader { background-position: 0px -124px; cursor: pointer; } #Troubleshooter ul li.CurrentHeader { background-position: 0px -83px; } #Troubleshooter ul li.CurrentChoice { border-bottom: 1px solid #e3e3e3; color: #e8580f; line-height: 25px; font-weight: normal; cursor: pointer; background: #fff url(/img/sprite_troubleshooter.png) no-repeat 0px -161px; } #Troubleshooter ul li.CurrentChoice a { background: #fff url(/img/sprite_troubleshooter.png) no-repeat 0px -161px; font-size: inherit; font-weight: normal; display: block; width: 100%; color: #e8580f; font-size:13px; } #Troubleshooter ul li a { color:#000; font-size: 15px; } #Troubleshooter ul li.Last { border-bottom: 0; } #TroubleshooterArticle { display: none; } .TroubleshooterSolutionTag {font-weight:bold;padding:10px 0 0 10px;} #TroubleshooterArticle .spot { background-color:#fff; border:0; width:100% !important; } /* Uniform - start */ /* Uniform Theme: Uniform Default Version: 1.5.5 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://pixelmatrixdesign.com/uniform/ --- Generated by Uniform Theme Generator: http://pixelmatrixdesign.com/uniform/themer.html */ /* Global Declaration */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action { background-image: url(/img/uniform/SpriteUniform.png); background-repeat: no-repeat; } .selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader *{ margin: 0; padding: 0; } /* SPRITES */ /* Select */ div.selector { background-position: -483px -130px; line-height: 26px; height: 26px; } div.selector span { background-position: right 0px; height: 26px; line-height: 26px; } div.selector select { /* change these to adjust positioning of select element */ top: 0px; left: 5px; background:#fff !important; } div.selector:active, div.selector.active { background-position: -483px -156px; } div.selector:active span, div.selector.active span { background-position: right -26px; } div.selector.focus, div.selector.hover, div.selector:hover { background-position: -483px -182px; } div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -52px; } div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: -483px -208px; } div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -78px; } div.selector.disabled { background-position: -483px -234px; } div.selector.disabled span { background-position: right -104px; } /* Checkbox */ div.checker { width: 19px; height: 19px; } div.checker input { width: 19px; height: 19px; } div.checker span { background-position: 0px -260px; height: 19px; width: 19px; } div.checker:active span, div.checker.active span { background-position: -19px -260px; } div.checker.focus span, div.checker:hover span { background-position: -38px -260px; } div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px; } div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px; } div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { width: 18px; height: 18px; } div.radio input { width: 18px; height: 18px; } div.radio span { height: 18px; width: 18px; background-position: 0px -279px; } div.radio:active span, div.radio.active span { background-position: -18px -279px; } div.radio.focus span, div.radio:hover span { background-position: -36px -279px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px; } div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px; } div.uploader span.filename { height: 24px; /* change this line to adjust positioning of filename area */ margin: 2px 0px 2px 2px; line-height: 24px; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; } div.uploader.disabled { background-position: 0px -325px; } div.uploader.disabled span.action { background-position: right -381px; } /* PRESENTATION */ /* Select */ div.selector { margin-bottom: 20px; width: 155px; font-size: 12px; } div.selector select { width: 155px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px border: solid 1px #fff; } div.selector span { padding: 0px 25px 0px 2px; cursor: pointer; } div.selector span { color: #666; width: 123px; text-shadow: 0 1px 0 #fff; } div.selector.disabled span { color: #bbb; } /* Checker */ div.checker { margin-right: 10px; } /* Radio */ div.radio { margin-right: 10px; } /* Uploader */ div.uploader { width: 190px; margin-bottom: 20px; cursor: pointer; } div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 11px; } div.uploader input { width: 190px; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; } /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus { outline: 0; } /* Select */ div.selector { position: relative; padding-left: 10px; overflow: hidden; } div.selector span { display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.selector select { position: absolute; opacity: 0; height: 25px; border: none; background: none; } /* Checker */ div.checker { position: relative; float: left; } div.checker span { display: block; float: left; text-align: center; } div.checker input { opacity: 0; display: inline-block; background: none; } /* Radio */ div.radio { position: relative; float: left; } div.radio span { display: block; float: left; text-align: center; } div.radio input { opacity: 0; text-align: center; display: inline-block; background: none; } /* Uploader */ div.uploader { position: relative; float: left; overflow: hidden; cursor: default; } div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer; } div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } div.uploader input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default; } /* Uniform - end */ /* --- Generic --- */ /* ----- HorisontalNavigation - Generel settings ----- */ .hnav { list-style-type: none } .hnav li { float: left; } .hnav li a { color: #000; display: block; padding: 0 10px; line-height: 1; font-weight: bold; } .hnav li.selected a { color: #168e4f; background: none; } .hnav li a.selected { color: #168e4f; background: none; } /* ----- HorisontalNavigation - special addons ----- */ .dotted li { background: url(/img/hnav_divider.png) repeat-y right top !important; } .dotted li.last { background: none !important; } .gradientbg { background: transparent url(/img/bg_tvpage_subnav.png) repeat-x scroll left bottom; width: 100%; } #tvpage-subnav { border-top: 1px solid #E9E9E9; float: left; margin-bottom: 0; margin-left: 0 !important; height: 43px; } #tvpage-subnav li { padding: 0px 10px !important; margin: 16px 0 4px 0; } #tvpage-subnav li a { font-size: 14px; font-weight: bold; color: #626262; padding: 0; } #tvpage-subnav li a.current { color: #168E4F; } .contactentry { overflow: auto; margin-bottom: 15px; } .contactentry li { margin-right: 5px; width: 90px; overflow: hidden; text-align: center; } .contactentry li a { color: #e8580f; padding: 0; font-size: 11px; } .contactentry li a img { border: 0; } .contactentry li h4.selected { color: #168E4F; } .SectionContactWizard .contactentry li {overflow: inherit;} #content .BreadCrumbArrow { height:35px; background: #efefef url(/img/BgBreadCrumbArrow.png) repeat-x left bottom;} #content .BreadCrumbArrow li {float:left; background: url(/img/BgBreadCrumbArrow.png) no-repeat right top;color: #5c5c5c; padding: 7px 20px 7px 12px;font-weight:bold; list-style-type: none !important; text-align: center;} #content .BreadCrumbArrow li.current { color: #168e4f;} /*.hnav li { background: url(/img/hnav_divider.png) no-repeat right 7px !important; } .hnav li a { font-size: 14px; padding: 2px 10px; font-weight: bold; } .hnav li a.selected { color: #168e4f; background: none; } .hnav .last { background: none !important; } /* ----- VerticalNavigation (LeftNavigation) ----- */ .vnav { list-style-type: none; } .vnav li a { display:block;background: url(/img/bg_navigationleft_firstlevel.png) no-repeat left top; clear: left; line-height: 30px; width: 213px; font-size: 13px; padding: 0px 10px 0 8px; font-weight: bold; color: #000; } .vnav li a.selected { background: url(/img/bg_navigationleft_firstlevel_s.png) no-repeat left top; color: #168e4f; } .vnav .last { background: none !important; } .vnav li li a.selected { background: url(/img/bg_navigationleft_secondlevel_s.png) no-repeat left 10px !important; clear: left; line-height: 23px; width: 213px; color: #168e4f; } .vnav li li a { background: url(/img/bg_navigationleft_secondlevel.png) no-repeat left 10px !important; clear: left; line-height: 23px; width: 213px; color: #000; font-weight: normal; } .vnav li li li.selected a { background: url(/img/bg_navigationleft_secondlevel_s.png) no-repeat left 13px !important; clear: left; line-height: 30px; width: 213px; color: #168e4f; } .vnav li li li a { background: url(/img/bg_navigationleft_secondlevel.png) no-repeat left 13px !important; clear: left; line-height: 30px; width: 213px; color: #000; } .vnav ul { margin-left: 10px; list-style-type: none; } /* --- */ /* --- Generic Vertical Navigation --- */ .navigationVertical li { float: none; } .bulletArrowBlack li { padding: 5px 5px 5px 15px; background: url(/img/bg_navigation_arrow.png) no-repeat left center; } /* --- */ /* --- TopNavigation --- */ #topnavigation { position: absolute; top: 30px; left: 230px; list-style-type: none; } #topnavigation li { margin-right: 14px; line-height: 42px; float: left; } #topnavigation li a {display:block; font-size: 22px; } #topnavigation li.selected { background: url(/img/topnavigation_s_right.png) no-repeat scroll right -1px; display: block; } #topnavigation li.selected a { background: url(/img/topnavigation_s_right.png) no-repeat scroll right -1px; display: block; float: left; } #topnavigation li.selected span { background: url(/img/topnavigation_s_left.png) no-repeat scroll left -1px; display: block; float: left; padding: 0 22px; } /* Hvor bliver den brugt -> li.firstlevel ul { display: none; } */ #athome span a { background: url(/img/topnavigation_homel.png) no-repeat left 10px; width: 95px; text-indent: -9999px; } #athome.selected span a { background: url(/img/topnavigation_home_sel.png) no-repeat left 10px; } #inunion span a { background: url(/img/topnavigation_business.png) no-repeat left 10px; width: 280px; text-indent: -9999px; } #inunion.selected span a { background: url(/img/topnavigation_business_sel.png) no-repeat left 10px; } /* --- */ /* --- TopNavigation second level --- */ #topnavigation li.selected li { background: none; } #topnavigation li.servicenavigation { float: right; } #topnavigation li ul { position: absolute; top: 48px; left: -242px; width: 962px; } #topnavigation li li { margin-right: 0; } #topnavigation li li a { font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: none !important; } #topnavigation li li ul { display: none; } #topnavigation li.servicenavigation.last a { padding-right: 0;} /* --- */ /* --- ProductNavigation --- */ #productnavigation { display: block; width: 930px; height: 48px; background: url(/img/bg_productnavigation.png) no-repeat left top; position: relative; padding: 10px; } #productnavigation ul { position: absolute; bottom: 12px; left: 0; } #productnavigation li a { font-size: 13px; } /* --- */ /* --- BottomNavigation --- */ #bottomnavigation { background: #232323; overflow: auto; color: #fff; padding: 20px 0; } #bottomnavigation h3 { color: #fff; font-size: 16px; margin-bottom: 10px; } #bottomnavigation li { float: none; width: 145px; border-bottom: 1px solid #383838; } #bottomnavigation li a { display:block; color: #fff; padding: 5px 1px /*w-bug*/; font-size: 11px; } #bottomnavigation .column { width: 134px; margin-right: 70px; text-align: left;} #bottomnavigation .column.last {margin-right: 0;} /* --- */ /* --- FooterNavigation --- */ #footer .hnav { text-align: center; } #footer .hnav li { background: url(/img/hnav_divider.png) no-repeat right top; display: inline; float: none; } #footer .hnav li.last { background: none !important; } #footer .hnav li a { font-size: 12px; font-weight: normal; color: #fff; display: inline; } /* --- */ /* --- Pages --- */ /* ----- Support ----- */ body#supportpage .vnav li { margin-bottom: 5px; } body#supportpage .vnav li a { background: url(/img/bg_navigationleft_support.png) no-repeat left top; clear: left; line-height: 49px; width: 206px; font-size: 16px; padding: 0px 10px; font-weight: normal; color: #000; } body#supportpage .vnav li a.selected { background: url(/img/bg_navigationleft_support_s.png) no-repeat right top; color: #168e4f; } /* --- */ /* ----- Contactpage ----- body#productpage .padding10 #content .hnav.contactentry li { display: block; padding-right: 6px; width: 90px; } body#productpage .padding10 #content .hnav li a { padding: 0; margin: 0; color: #e8580f; font-size: 11px !important; padding: 0; width: auto !important; line-height: 15px;} body#productpage .padding10 #content .hnav li a.current { color: #168e4f;}*/ /* --- Generic --- */ .Left {float:left;} .Right {float:right;} .W10 {width:10%;} .W20 {width:20%;} .W30 {width:30%;} .W40 {width:40%;} .W45 {width:45%;} .W50 {width:50%;} .W55 {width:55%;} .W60 {width:60%;} .W70 {width:70%;} .W80 {width:80%;} .W90 {width:90%;} /* General Box Style */ .Box, .ImageBox {display: block; float: left; margin: 0 0 10px 0; -moz-border-radius: 5px; border: 1px solid #ebebeb; overflow: hidden; background-color:#fbfbfb;} .BoxWhite {background-color:#fff;} .BoxPad10 {padding:10px;} .BoxChannelLogo {border:0;} /* Default Box Widths */ .column25 .Box { width: 223px;} .column33 .Box { width: 308px;} /* --- New Spots --- */ .Spot {background: #fcfcfc;} body#frontpage .Spot h2 {font-size:12px;font-weight:700;margin:12px 10px 12px 10px;} .Spot h2 {font-size:12px;font-weight:700;margin:12px 10px 8px 10px;} /*.Spot h2 {font-size:16px;font-weight:700;margin:12px 10px 8px 10px;} .Spot h2 a {font-size:16px;}*/ .Spot .Content {margin:0 5px 5px 5px;overflow:hidden;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border: 1px solid #ebebeb;border-top:0;padding:0 0 0 0;} /* SpotImage */ .Spot .SpotImage {position:relative;margin:0 5px;} .Spot .SpotImage h3 a {font-size:14px;font-weight:700;position:absolute;color:#000;z-index:1;} .Spot .SpotImage h3.Left a {left:10px;} .Spot .SpotImage h3.Right a {right:10px;left:auto;} .Spot .SpotImage h3.Top a {top:17px;} /* abs position for height 100 */ .Spot .ImageHeaderHeight100 h3.Middle a {top:42px;} .Spot .ImageHeaderHeight100 h3.Bottom a {top:68px;} /* abs position for height 150 */ .Spot .ImageHeaderHeight150 h3.Middle a {top:67px;} .Spot .ImageHeaderHeight150 h3.Bottom a {top:117px;} .Spot .Content .ContentEditor {margin:17px 5px 10px 5px;} .Spot .Content .ContentEditor p, .Spot .Content .ContentEditor ul {margin:0 0 10px 0;} .Spot .Content .ContentEditor h4 {font-weight:700;margin-bottom:3px;} .Spot .Content .PrimaryLinks,.Spot .Content .SecondaryLinks {margin:0 5px 10px 5px;} .Spot .Content .button {margin-right:15px;} .Spot .Content .Bullet, .Spot .Content .Secondary {line-height:24px;} .Spot .Content .Bullet {padding-left:8px;background: url(/img/bullet_black.png) no-repeat 0 10px;float:left;} .Spot .Content .SecondaryLinks .Bullet {margin-top:17px;} .Spot .Content .ContentEditor ul li {padding-left:8px;background: url(/img/bullet_black.png) no-repeat 0 6px;} /* --- SpotKanyle --- */ .SpotKanyle .SpotImage {margin:5px 5px 0 5px;} .SpotKanyle .Content .ContentEditor {margin:10px 5px 10px 5px;} /* --- Clear --- */ .Clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .Clear { zoom: 1; } /* IE6 */ *:first-child+html .Clear { zoom: 1; } /* IE7 */ .spot { display: block; float: left; margin: 0 0 10px 0;-moz-border-radius: 5px; border: 1px solid #e3e3e3; overflow: hidden; background: #fbfbfb; } .spot .content { -moz-border-radius: 3px; min-height: 80px; border: 1px solid #ededed; padding: 10px; margin: 5px; overflow: hidden; } .spot h2 { margin: 12px 10px 9px 10px; font-size:16px; font-weight:bold;} .spot .accordion h2 { margin: 0 0 5px 0; position: relative; color: #000;} .spot h3, .spot p, .spot blockquote, .spot table { margin-left: 10px; margin-right: 10px; } .spot p h3, .spot p p, .spot p blockquote, .spot p strong, .spot p table { margin: 0px;} /*used for 0ing*/ .spot .content p { margin-left: 0; margin-right: 0;} /*used for 0ing*/ .spot img { margin: 0 4px 5px 4px;} .spot .content img { margin: 0; } .spot blockquote p { margin-left: 0; } .spot .content.whitebg { background: #fff;} .spot.bottom { background: #f4f4f4; width: 926px !important; padding: 15px 10px;} .spot.nospotborder {background: #fff; border: none;} .spot.bgimg h2, .spot.bgimg p { z-index: 2; position: relative;} .RoundCorners {display: block; float: left; margin: 0 0 10px 0; -moz-border-radius: 5px; border: 1px solid #e3e3e3; overflow: hidden; background: #fbfbfb;} /* specialstyling for 75pct wide spot on articlepage */ .spot.contenttop { border: none;} .spot.contenttop img { margin: 0; padding: 0;} /* -- */ .spot .image { float: left; margin-bottom: 30px;} .spot .image img { border: none; margin-right: 10px;} .spot .contactus {} .spot .contactus dt {} .spot .contactus dt a { color: #e8580f; font-size: 16px; margin: 0 0 5px 0; display: block; padding-top: 10px; font-weight: bold;} .spot .contactus dd { display: block;} /*.spot .content h3, .spot .content p, .spot .content a, .spot .content ul { margin: 10px; }*/ .spot .content a.button { margin-left: 0; } .spot p img { float: left; position: relative; left: -10px; top: -10px; margin-right: 10px; } .column .spot { clear: left; } .spot p a { color: #e8580f; margin: 0 !important; } .spot p.standardlink a { background: url(/img/link_standard.png) no-repeat left 4px; padding-left: 8px; text-decoration: none; color: #000; } .spot p.buttonlink a { background: #898989; -moz-border-radius: 5px; text-decoration: none; color: #fff; padding: 4px 10px; margin-bottom: 5px; } .spot ul.standardlink a { background: url(/img/link_standard.png) no-repeat left 4px; padding-left: 8px; text-decoration: none; } /* --- */ /* --- SpotContentNewsListning --- */ .spot .content.newslisting { background: #fff; } /* --- */ /* --- SpotContentListing w Paging --- */ .spot .content-list { padding: 10px 0; } .spot .content-list img { border: 1px solid #e8e8e8; margin-left: 10px; margin-right: 15px; } .spot .content-list h2 { margin-bottom: 5px; margin-top: 0px; margin-left: 15px; font-size: 13px; } .spot .content-list h2 a { font-size: 13px; font-weight: bold; color: #e8580f; } .spot .content-list .content-list-paging-top, .spot .content-list .content-list-paging-bottom { padding: 3px 15px; font-size: 11px; } .spot .content-list .content-list-paging-top { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; } .spot .content-list .content-list-paging-bottom { float: left; } .spot .content-list .content-list-paging-nav .pagenr { padding: 0 5px; font-weight: bold; } .spot .content-list .content-list-paging-nav .currentpage { color: #158a4d; } .spot .content-list .content-list-paging-nav { border-bottom: 1px solid #e5e5e5; padding: 20px 15px 35px 15px; text-align: center; } .spot .content-list .content-list-paging-nav span { position: absolute; } .spot .content-list .nav-button-prev { float: left; font-weight: bold; } .spot .content-list .nav-button-next { float: right; font-weight: bold; } .spot .content-list .roundedlink { border: 1px solid #e4e4e4; padding: 3px 14px; -moz-border-radius: 5px; } .spot .content-list .content-list-paging-range-nav { float: right; margin: 3px 15px; font-size: 11px; } .spot .content-list .content-list-paging-range-nav a { font-size: 11px; } .spot .content-list .newssnippet { clear: left; overflow: auto; margin-bottom: 10px; } .spot .content-list .newstext { float: left; width: 450px; } body#supportpage .spot .content-list .newstext { float: left; width: 450px; border: 1px solid red;} .spot .content-list .newstext .news-date { padding: 20px 0 0 0; font-size: 11px; display: block; } .spot .content-list .newstext h2 { padding: 0; font-size: 11px; display: block; color: #e8580f; margin: 0; clear: left;} .spot .content-list .newstext h2 a { padding: 0; margin: 0; } .spot .content-list .newstext p { padding: 0; margin: 0; font-size: 11px; } .spot .content-list p { font-size: 11px; } .spot .content-list .newsthb { float: left; } /* --- */ /* --- SpotGuides --- */ /* ----- TV ----- */ .spot .reaguidetv { overflow: hidden; clear: left; padding: 10px 95px 10px 10px; } .spot .reaguidetv { padding-left: 50px; } .spot .reaguidetv fieldset { margin: 10px; } .spot .reaguidetv img { float: left !important; border: none; } .spot .reaguidetv ul { float: left; margin: 5px; } .spot .reaguidetv li { float: none; } .spot .reaguidetv p { float: left; width: 300px; margin: 5px 0; } /* ----- Phone ----- */ .spot #reaguidetele .content { min-height: 0; } .spot #reaguidetele .content img { float: left; margin: 10px; } /* --- */ /* --- MyYouSee */ .spot #mityouseeoverview .content { border: 0; } .spot #mityouseeoverview .content img { float: left; margin: 10px; } body#articlepage .column75 .spot { width: 691px;} body#articlepage .column50 .spot { width: 456px;} body#articlepage .column50 .Box { width: 436px;} body#articlepage .column25 .spot { width: 223px;} body#wikipage .column75 .spot { width: 691px;} body#wikipage .column50 .spot { width: 456px;} body#wikipage .column50 .Box { width: 436px;} body#wikipage .column25 .spot { width: 223px;} body#supportpage .column75 .spot { width: 698px;} body#supportpage .column50 .spot { width: 446px;} body#supportpage .column50 .Box.BoxPad10 {width: 426px;} body#supportpage .column25 .spot { width: 223px;} body#productpage .column66 .spot { width: 628px;} body#productpage .column33 .spot { width: 308px;} body#productpage .column66 .spot .spot { width:608px;} body#productpage .padding10 .column100 .spot { width: 926px;} body#productpage .padding10 .column66 .spot { width: 606px;} body#productpage .padding10 .column33 .spot { width: 308px;} body#productpage .padding20 .column100 .spot { width: 926px;} body#productpage .padding20 .column66 .spot { width: 586px;} body#productpage .padding20 .column33 .spot { width: 308px;} body#frontpage .column50 .spot { width: 478px;height:265px;} body#frontpage .column25 .spot { width: 223px;} body#frontpage .column50 .Box { width: 478px;} body#frontpage .column25 .Box { width: 223px;height:265px;} body#frontpage .column25 .Box .Content {height:119px;} body#frontpage .frontpageforeningen .column25 .Box .Content {height:131px;} body#frontpage .frontpageforeningen .column25 .Box {height:243px;} body#frontpage .frontpageforeningen .column50 .spot {height:243px;} /* restyling of the newsarchive - we have to find a proper way to reuse the styling on NEWS-archive and NEWS-frontpage */ .spot .content-list-item { margin-left: 15px; overflow: auto; margin-bottom: 15px;} .spot .content-list-item h2 { font-size: 13px; margin: 0 0 5px 0; clear: left;} .spot .content-list-item h2 a { font-size: 13px; margin: 0;} .spot .content-list-item p { font-size: 11px; margin: 0;} .spot .content-list-item .news-date { font-size: 11px; margin: 0; padding: 0; } body#productpage .padding20 .column33 .spot .spot { width: 288px; margin: 10px;} ul.playfeedspot {list-style-type: none;} /* --- Box --- */ .BoxArticle {font-size:12px;} .BoxArticle h1 { font-size:17px;font-weight:bold;margin-bottom:10px; padding-top: 2px; clear: left;} .BoxArticle h2 {font-size:14px;font-weight:bold;margin-bottom:6px; padding-top: 6px;} .BoxArticle h3 {font-size:12px;font-weight:bold;margin-bottom: 10px;} .BoxArticle h4 {font-size:11px;font-weight:bold;margin-bottom: 10px;} .BoxArticle h5 {font-size:10px;font-weight:bold;margin-bottom: 10px;} .BoxArticle p {font-size:12px; margin-bottom: 10px;line-height:15px;} .BoxArticle .ArticleNote {font-size:9px; color:#000;} .BoxArticle blockquote {display:block;margin-bottom: 10px;} .BoxArticle blockquote p {font-weight:bold;} .BoxArticle ul, .BoxArticle ol {margin-bottom:10px;line-height:15px;} .BoxArticle ul li {background: url(/img/link_standard.png) no-repeat 0 4px; list-style-type: none !important; padding-left: 10px;} .BoxArticle ol li {list-style-type: decimal; margin-left: 20px;} .BoxArticle table {margin-top:10px;} /* Box Article Basic Table */ /* General */ .BasicTable, .BasicTableBorder, .BasicTablePadding, .BasicTableBorderPadding {width:98%;margin-bottom:20px;border-collapse: collapse;} .BasicTable tr td, .BasicTableBorder tr td, .BasicTablePadding tr td, .BasicTableBorderPadding tr td {background-color:#fcfcfc;font-size:12px;color:#000;} /* Mods */ .BasicTableBorder tr td, .BasicTableBorderPadding tr td {border:1px solid #ebebeb;} .BasicTablePadding tr td, .BasicTableBorderPadding tr td {padding:5px;} /* Header */ .BasicTable .BasicTableHeader, .BasicTableBorder .BasicTableHeader, .BasicTablePadding .BasicTableHeader, .BasicTableBorderPadding .BasicTableHeader {background-color:#ebebeb;font-size:14px;font-weight:700;background-image: url(/img/table/BgTableHeader.png);background-repeat:repeat-x;} /* SubHeader */ .BasicTable .BasicTableSubHeader, .BasicTableBorder .BasicTableSubHeader, .BasicTablePadding .BasicTableSubHeader, .BasicTableBorderPadding .BasicTableSubHeader {background-color:#f4f4f4;font-size:12px;font-weight:700;} /* Box Article Basic Table Alignment*/ /* Alignment Legacy Classes */ .TableCellVerticalAlignTop {vertical-align:top;} .TableCellVerticalAlignMiddle {vertical-align:middle;} .TableCellVerticalAlignBottom {vertical-align:bottom;} .TableCellTextAlignLeft {text-align:left;} .TableCellTextAlignCenter {text-align:center;} .TableCellTextAlignRight {text-align:right;} /* Alignment New Classes */ .TableCellTextAlignLeftTop {text-align:left;vertical-align:top;} .TableCellTextAlignLeftMiddle {text-align:left;vertical-align:middle;} .TableCellTextAlignLeftBottom {text-align:left;vertical-align:bottom;} .TableCellTextAlignRightTop {text-align:right;vertical-align:top;} .TableCellTextAlignRightMiddle {text-align:right;vertical-align:middle;} .TableCellTextAlignRightBottom {text-align:right;vertical-align:bottom;} .TableCellTextAlignCenterTop {text-align:center;vertical-align:top;} .TableCellTextAlignCenterMiddle {text-align:center;vertical-align:middle;} .TableCellTextAlignCenterBottom {text-align:center;vertical-align:bottom;} /* Alignment Default Classes */ .TableCellVerticalAlignTop td {vertical-align:top;} .TableCellVerticalAlignTop td h3 { margin-top:5px;} .TableCellVerticalAlignTop h3 { margin-top:5px;} /* Float */ .BoxArticle table img.FloatLeft {float:left;} .BoxArticle table img.FloatRight {float:right;} /* Box Article Image Box */ .BoxArticle .ImageBox {width:414px;padding:5px 5px 5px 5px;text-align:center;background-color:#fff;} .BoxArticle .ImageBox img {display:block;margin:auto;} /* Box Article HR */ .BoxArticle hr {border-bottom:1px solid #fbfbfb;border-top:1px solid #ccc;clear:both;height:0;border-left:0px;border-right:0px;} /* --- BoxFlowplayerMultiLoop --- */ .BoxFlowplayerMultiLoop {position:relative;height:190px;} .BoxFlowplayerMultiLoop h2 {margin:10px 5px 10px 5px;} .BoxFlowplayerMultiLoop h3 {margin:0 5px 10px 5px;} .BoxFlowplayerMultiLoop a {margin:0 5px 10px 5px;} .BoxArticle .contactus td {border: none;} /* --- Realization --- */ #Realization {padding:5px;margin:-5px 5px 10px 5px;width:606px;position:relative;height:130px;} #Realization .Image {position:absolute;} #Realization .Image img {margin:0;} #Realization .Content {position:absolute;width:400px;left:200px;} #Realization h2 {font-size:18px;font-weight:700;margin:10px 0 0 3px;color:#000;} #Realization .Content .ContentEditor {margin:5px 5px 10px 5px;} #Realization .Content .ContentEditor p, .Spot .Content .ContentEditor ul {margin:0 0 10px 0;} #Realization .Content .ContentEditor h4 {font-weight:700;margin-bottom:3px;} #Realization .Content .PrimaryLinks,.Spot .Content .SecondaryLinks {margin:0 5px;} #Realization .Content .button {margin-right:15px;} #Realization .Content .Bullet, .Spot .Content .Secondary {line-height:24px;} #Realization .Content .Bullet {padding-left:8px;background: url(/img/bullet_black.png) no-repeat 0 10px;float:left;} #Realization .Content .SecondaryLinks .Bullet {margin-top:17px;} #Realization .Content .ContentEditor ul li {padding-left:8px;background: url(/img/bullet_black.png) no-repeat 0 6px;} .RealizationLast {margin-bottom:5px !important;} #Realization.Box {border: none;} /* --- 404 spot styles --- */ .fourzerofourpage .column100 .FourZeroFour {margin-left:70px;margin-top:40px;} .fourzerofourpage .column100 .FourZeroFour h2 {font-size:28px;font-weight:bold;} .fourzerofourpage .column100 .FourZeroFour h3 {font-weight:bold;font-size:14px;} .fourzerofourpage .wrapper {background-image:url(/img/bg_404.jpg) !important;} strong.searchterm { display: block; margin: 0 0 20px 15px;} .relatedsearch {display: block; margin: 10px 0;} /* --- Service Center Login -- */ .serviceslogin .standardlink {clear:both;} .serviceslogin #youseelogin .inputarea {margin:0 !important;padding:0 !important;width:190px;left:0 !important;} /* NEW spot-header sizes */ .spot h2, .Spot h2 { font-size: 14px;} .spot h2 a, .Spot h2 a { font-size: 14px;} .loginbox h2 { font-size:14px; margin:10px 10px 0;} body#frontpage .spot h2, body#frontpage .Spot h2 { margin-bottom: 8px;} .textsection h1 { clear:left; font-size:17px; font-weight:bold; margin-bottom:10px; margin-left: 10px; padding-top:2px; } body#articlepage #content .textsection ul li, body#articlepage #content .textsection ol li { background:url("/img/link_standard.png") no-repeat scroll 0 5px transparent; list-style-type:none !important; padding-left:10px; } /* Box Operating Interference */ .BoxOperatingInterference .findreseller {margin-bottom:10px;} .BoxOperatingInterference .BasicTableBorderPadding {width:424px;margin:0;} /* YouSee Ready Widget - start */ #YouSeeReadyWidget #YouSeeReadyWidgetToolbar {margin-bottom:10px;} #YouSeeReadyWidget div.selector {float:left;margin-bottom:0;margin-right:7px;} #YouSeeReadyWidget .Box {border:0;width:100%;} #YouSeeReadyWidgetResult {height:250px;overflow-y:scroll;overflow-x:hidden; margin:10px 5px;} #YouSeeReadyWidget .Box table {width:100%;border-collapse:collapse;} #YouSeeReadyWidget .Box table td {padding:5px 10px;border-top:1px solid #ccc;background: url(/img/table/BgTableCellDots.png) no-repeat 0 10px;color:#999;} #YouSeeReadyWidget .Box table td.Start {padding-top: 60px; text-align: center;} #YouSeeReadyWidget .Box table tr:first-child td {border-top:0;} #YouSeeReadyWidget .Box table td:first-child {background:none;} /* YouSee Ready Widget - end */ /* VM Calendar 2010 - Start */ #VmSliderContainer {margin-bottom:10px;position:relative;clear:both;} #VmSlider ul, #slider li{margin:0;padding:0;list-style:none;} #VmSlider li{width:680px;height:1265px;overflow:hidden;} #prevBtn, #nextBtn{display:block;width:24px;height:24px;position:absolute;z-index:1000;} #nextBtn{left:118px;top:130px} #prevBtn{left:20px;top:130px} #prevBtn a, #nextBtn a{display:block;position:relative;width:24px;height:24px;} #prevBtn a{background:url(/img/Slider/BgSliderArrows.png) no-repeat 0px -24px;} #nextBtn a{background:url(/img/Slider/BgSliderArrows.png) no-repeat 0 0;} /* VM Calendar 2010 - end */ /* Box ChannelListingAll - Start */ .BoxChannelListingAll p.Box {background:#fff;border:1px solid #E3E3E3;float:left;font-size:12px;height:70px;line-height:15px;margin-bottom:10px;margin-right:10px;padding:5px;width:87px !important;} .BoxChannelListingAll p.Box a {display:block;text-align:center;} .BoxChannelListingAll p.Box a img {padding-left:5px;margin-bottom:3px;} /* Box BoxChannelListingAll - End */ /* Premium Guides - Start */ #PremiumGuidesContainer {height:650px;} #PremiumGuidesNavigation {width:908px;background: url(../img/premiumguides/bg-pg-container.png) repeat-x;height:145px;padding:20px 20px 0 20px;border:1px solid #bdbdbd; border-width:0 1px 0 1px;position:absolute;z-index:2;} #PremiumGuidesNavigation li {float:left;margin-right:20px;border:0px solid pink;position:relative;height:156px;} #PremiumGuidesNavigation li.Current {background: url(../img/premiumguides/pg-arrow.png) no-repeat bottom center;} #PremiumGuidesNavigation li a p {color:#e8580f;} #PremiumGuidesNavigation li.Current p {color:#168E4F !important;} #PremiumGuidesNavigation li a.Thumb { display:block;width:159px; height:101px;} #PremiumGuidesNavigation li a img {position:absolute;top:38px;left:66px;} #PremiumGuidesNavigation li a span {position:absolute;top:79px;background: url(../img/premiumguides/pg-trans.png);width:153px;text-align:right;padding:3px;color:#ccc;} #PremiumGuidesNavigation li p {position:absolute;top:102px;width:153px;color:#000;padding:3px;cursor:pointer;} #PremiumGuidePlayer {display:block;width:950px;height:446px;background:#000;position:absolute;top:165px;} #PremiumGuidePlayer img {margin-top:196px;margin-left:387px;} #PremiumGuidesExitSpots {width:400px; height:300px;position:absolute;overflow:hidden;top:235px;right:0;visibility:hidden;} #PremiumGuidesExitSpotTop, #PremiumGuidesExitSpotBottom {background: url(../img/premiumguides/pg-trans-80.png);width:380px;position:absolute;right:-400px;color:#fff;padding:10px;} #PremiumGuidesExitSpotTop {height:160px;} #PremiumGuidesExitSpotTop h3 {font-size:32px; font-weight:normal;margin-top:5px;} #PremiumGuidesExitSpotTop a {margin-top:20px;} #PremiumGuidesExitSpotTop p {margin-top:10px;} #PremiumGuidesExitSpotBottom {height:65px;top:185px;} #PremiumGuidesExitSpotBottom p {float:left;width:250px;font-size:18px;} #PremiumGuidesExitSpotBottom p a {color:#e8580f;font-size:14px;} #PremiumGuidesExitSpotBottomThumb {position:relative;width:100px;height:75px;display:block;float:left;background-repeat:no-repeat;padding-right:10px;} #PremiumGuidesExitSpotBottomThumb img {position:absolute;top:21px;left:33px;} /* Premium Guides - End *//* --- Generic --- */ #header, #topnavigation, #toparea, #mainarea, #footer { display: block; } .column { float: left; display: block; overflow: hidden; } #content { overflow: hidden; padding-bottom: 50px; float: left; } body#productpage .padding20 #content { padding-bottom: 0; } body#articlepage #content { width: 713px; overflow: hidden; } body#wikipage #content { width: 713px; overflow: hidden; } .wrapper { display: block; margin: 0 auto; width: 950px; position: relative; } /* --- */ /* --- Header --- */ #header { height: 99px; width: 100%; margin-top: 20px; margin-bottom: 10px; } #header .wrapper { height: 100px; } /* --- */ /* --- TopArea --- */ #toparea { margin-top: 10px; position: relative; overflow: visible; } /* --- */ /* --- LeftNavigation --- */ #leftnavigation { float: left; width: 215px; padding: 0 5px; margin: 0; min-height: 500px; -moz-border-radius: 3px; border-width: 1px; border-style: solid; } #leftnavigation strong { margin: 10px 5px 12px 5px; display: block; } body#articlepage #leftnavigation { margin: 0 0 10px 0; display: block; width: 213px; } body#wikipage #leftnavigation { margin: 0 0 10px 0; display: block; width: 213px; } /* --- */ /* --- MainArea --- */ #mainarea { overflow: hidden; background: #fff url(/img/bg_mainarea.jpg) repeat-x center top; } #mainarea.nospotborder { min-height: 500px; } #mainarea .wrapper { border: none; margin-bottom: 10px; } body#articlepage #mainarea .wrapper { padding: 10px 0 10px 10px; border: 1px solid #e3e3e3; background: #fff; width: 938px; overflow: auto;} body#wikipage #mainarea .wrapper { padding: 10px 0 10px 10px; border: 1px solid #e3e3e3; background: #fff; width: 938px; overflow: auto;} body#supportpage #mainarea .wrapper { padding: 0 0 10px 0; border: 1px solid #e3e3e3; background: #fff; width: 950px; overflow: hidden; min-height: 750px; } body#searchpage #mainarea .wrapper { padding: 0; border: 1px solid #e3e3e3; background: #fff url(/img/bg_searchpage.jpg) no-repeat left top; width: 950px; height: 450px; } body#productpage #mainarea.padding10 .wrapper { padding: 0; border: 1px solid #e3e3e3; width: 948px; } body#productpage #mainarea.latestnews .wrapper { padding: 0; border: 1px solid #e3e3e3; width: 948px; overflow: hidden; } body#productpage #mainarea.padding10 #footer .wrapper { width: 300px; } #bottomnavigation .wrapper, #footer .wrapper { border: none !important; } #footer .wrapper { width: auto; position: relative; top: 12px; } /* --- */ /* --- Footer --- */ #footer { background: #2e2e2e url(/img/bg_footer.png) repeat-x; display: block; height: 37px; } /* --- */ /* --- Columns --- */ .column100 { width: 948px; float: left; position: relative; } .column75 { width: 700px; float: left; position: relative; } .column66 { width: 628px; float: left; position: relative; } .column50 { width: 472px; float: left; position: relative; } .column33 { width: 308px; float: left; position: relative; } .column25 { width: 232px; float: left; position: relative; } .columnlast { margin-right: 0; } /* --- Pages --- */ /* ----- FrontPage ----- */ body#frontpage .column100 { width: 693px; } body#frontpage .column50 { width: 480px; } body#frontpage .column25 { width: 225px; padding-left: 10px; } body#frontpage #header { margin-bottom: 0; } body#frontpage #toparea { margin-top:0;height: 399px; background: url(/img/bg_rotator_frontpage.jpg) no-repeat top center; } body#frontpage #toparea .wrapper {padding-top:10px;} body#frontpage #mainarea .wrapper { border: none; margin-top: 10px; } /* ----- ArticlePage ----- */ body#articlepage .column100 { width: 693px; padding-left: 10px; } body#articlepage .column75 { width: 700px; position: relative; padding-left: 10px; /*margin-bottom: 15px;*/} body#articlepage .column50 { width: 458px; padding-left: 10px; } body#articlepage .column25 { width: 225px; padding-left: 10px; } /* ----- WikiPage ----- */ body#wikipage .column100 { width: 693px; padding-left: 10px; } body#wikipage .column75 { width: 700px; position: relative; padding-left: 10px; /*margin-bottom: 15px;*/} body#wikipage .column50 { width: 458px; padding-left: 10px; } body#wikipage .column25 { width: 225px; padding-left: 10px; } body#wikipage .wikilogin #leftnavigation {display:none;} body#wikipage #productnavigation {position:relative;} body#wikipage #productnavigation .subsitelogout {position:absolute; right:30px; top:30px;} body#wikipage #content .column75 .Box {width:675px;} body#wikipage #content .column75 .Box .print-button {display:none;} /* ----- ProductPage ----- */ body#productpage .column100 { width: 950px; float: left; } body#productpage .column66 { width: 630px; float: left; } body#productpage .column33 { width: 310px; float: left; padding-left: 10px; } /* ----- ProductPage with an offset of 10px ----- */ body#productpage .padding10 .column100 { width: 948px; float: left; } body#productpage .padding10 .column66 { width: 608px; float: left; padding-left: 10px; } body#productpage .padding10 .column33 { width: 310px; float: left; padding-left: 10px; } /* ----- ProductPage with an offset of 20px - used for digital-channel pages ----- */ body#productpage .padding20 .column100 { width: 948px; float: left; } body#productpage .padding20 .column66 { width: 588px; float: left; } body#productpage .padding20 .column33 { width: 308px; float: left; padding-left: 10px; } body#productpage .padding20.tvfrontpage .column66 { margin-top: 10px; } body#productpage .padding20.tvfrontpage .column33 { margin-top: 10px; } /* ----- ProductPage with an offset of 20px - used for digital-channel TV packages ----- */ body#productpage .padding20.nospotborder .column100 { width: 948px; float: left; } body#productpage .padding20.nospotborder .column66 { width: 588px; float: left; padding-left: 10px; } body#productpage .padding20.nospotborder .column33 { width: 308px; float: left; padding-left: 0; } /* ----- SupportPage ----- */ body#supportpage .column100 { width: 948px; float: left; } body#supportpage .column50 { width: 458px; float: left; padding-left: 10px; } body#supportpage .column25 { width: 225px; float: left; position:inherit;} body#supportpage #leftnavigation { width: 225px; padding: 0; margin: 0 0 0 10px; background: none; border: none; position: relative; z-index: 500; } body#supportpage #content { width: 703px; min-height: 680px; float: left; background: #fff; border: 1px solid #ededed; padding-top: 10px; position: relative; } /* ----- NewsPage ----- */ body#newsarchivepage .column100 { float: left; width: 693px; } body#newsarticlepage .column100 { width: 693px; float: left; } body#newsarticlepage .column50 { width: 458px; float: left; } body#newsarticlepage .column25 { width: 223px; float: left; } /* ----- ContactPage ----- */ body#contactpage .column100 { width: 948px; float: left; } body#contactpage .column66 { width: 628px; float: left; } body#contactpage .column33 { width: 310px; float: left; } /* ----- BusinesscasePage ----- */ body#productpage .businesscase .column100 { width: 693px; } body#productpage .businesscase .column33 { width: 308px;} body#productpage .businesscase .column33.first { padding-left: 0;} /* ----- ContactPage ----- */ #channelpackage { margin: 10px 0; overflow: hidden; } #channelpackage .channel-list .channel-container { margin-left: 0; } .outline { border: 1px solid #ededed; padding: 10px 10px 0 10px; clear: left; position: relative; overflow: auto; margin: 0 8px 10px 10px; border-top: none; } h2 span {color:#E8580F;font-size:16px;font-weight:bold;margin-bottom:15px;} .mf-form{width:576px;padding:0 0 20px 0;margin:0;color:#333333;} .mf-form td{font-size:13px;} .mf-form h1,.mf-section,.mf-submit,.mf-endnote{clear:both;} .mf-section{background:#fff;margin:0 0 15px 0;padding:0 0 6px 0;width:576px;} .mf-subsection{border-top:1px solid white;padding:0 0 4px 0 !important;margin:0 0 0 0 !important;} .mf-section .mf-subsection .mf-heading{border-bottom:solid 1px white;background:url(/img/metaforms/form-heading-bg.gif) repeat-x;margin-bottom:2px;} .mf-subsection .mf-heading label{color:#fff;font-size:12px;} .mf-section .mf-text,.mf-section .mf-text-half-size,.mf-section .mf-text-quarter-size,.mf-section .mf-password,.mf-section .mf-password-half-size,.mf-section .mf-password-quarter-size,.mf-section .mf-select,.mf-section .mf-select-multi,.mf-section .mf-checkbox,.mf-section .mf-radio,.mf-section .mf-fileupload,.mf-section .mf-readonly,.mf-section .mf-readonly-long,.mf-section p,.mf-section ul,.mf-section ol,.mf-section .mf-postnr-by,.mf-section .mf-text-two-parts,.mf-section .mf-text-three-parts,.mf-section .mf-text-four-parts,.mf-section .mf-yes-no,.mf-section .mf-date,.mf-section .mf-date-with-popup,.mf-section .mf-date-month-year,.mf-section .mf-date-time,.mf-section .mf-cpr,.mf-section .mf-calculation,.mf-section .mf-textarea,.mf-section .mf-subsection,.mf-section .mf-form h2,.mf-section .mf-heading,.mf-section .mf-fieldset,.mf-section .mf-fieldset-two-columns,.mf-section .mf-fieldset-rows{padding-top:4px;margin-left:10px;margin-right:10px;margin-top:10px;clear:both;} .mf-alert{font-weight:bold;clear:both;line-height:1.2em;color:#CC0000;} .mf-comment{clear:both;line-height:1.2em;color:#999999;} .mf-radio .mf-comment,.mf-checkbox .mf-comment{padding-left:17px;} .mf-submit{text-align:right;padding-top:0;padding-bottom:10px;margin-left:10px;margin-right:16px;} .mf-endnote{padding-top:5px;padding-bottom:5px;margin-left:10px;margin-right:16px;color:#000000;font-weight:normal;} .mf-section .mf-heading{background: url(/img/metaforms/form-heading-bg.gif) repeat-x;border-bottom:1px solid #FFFFFF;height:23px;padding-left:10px;padding-top:1px;margin-left:0;margin-right:0;} .mf-heading label{padding-top:1px;color:#fff;width:370px;font-weight:bold !important;font-size:13px;} .mf-heading a.mf-info{width:50px;text-align:right;display:block;float:left;font-weight:bold;padding-top:1px;} span.mf-footnote{vertical-align:top;color:#FF0000;font-size:9px;} .mf-form label,.mf-form .mf-label-with-icon{font-weight:normal;float:left;margin:0;padding:2px 0 0 0;} .mf-form .mf-disabled{color:#999999;} .mf-text label,.mf-text .mf-label-with-icon,.mf-text-half-size label,.mf-text-half-size .mf-label-with-icon,.mf-text-quarter-size label,.mf-text-quarter-size .mf-label-with-icon,.mf-password label,.mf-password .mf-label-with-icon,.mf-password-half-size label,.mf-password-half-size .mf-label-with-icon,.mf-password-quarter-size label,.mf-password-quarter-size .mf-label-with-icon,.mf-select label,.mf-select .mf-label-with-icon,.mf-select-multi label,.mf-select-multi .mf-label-with-icon,.mf-readonly label,.mf-readonly .mf-label-with-icon,.mf-postnr-by label,.mf-postnr-by .mf-label-with-icon,.mf-text-two-parts label,.mf-text-two-parts .mf-label-with-icon,.mf-text-three-parts label,.mf-text-three-parts .mf-label-with-icon,.mf-text-four-parts label,.mf-text-four-parts .mf-label-with-icon,.mf-yes-no label,.mf-yes-no .mf-label-with-icon,.mf-date label,.mf-date .mf-label-with-icon,.mf-date-with-popup label,.mf-date-with-popup .mf-label-with-icon,.mf-date-month-year label,.mf-date-month-year .mf-label-with-icon,.mf-date-time label,.mf-date-time .mf-label-with-icon,.mf-cpr label,.mf-cpr .mf-label-with-icon{width:206px;margin-right:4px;} .mf-radio label,.mf-radio .mf-label-with-icon,.mf-checkbox label,.mf-checkbox .mf-label-with-icon{width:403px;margin-left:4px;} .mf-textarea label,.mf-textarea .mf-label-with-icon,.mf-fileupload label,.mf-fileupload .mf-label-with-icon,.mf-readonly-long label,.mf-readonly-long .mf-label-with-icon{width:420px;} .mf-label-icon-checked,.mf-label-icon-unchecked,.mf-label-icon-none,.mf-label-icon-mobilephone,.mf-label-icon-fixedphone,.mf-label-icon-internet,.mf-label-icon-tdctv{float:left;width:20px;height:17px;} .mf-label-icon-checked{background:url(/img/metaforms/icon_checked.gif) no-repeat;} .mf-label-icon-unchecked{background:url(/img/metaforms/icon_unchecked.gif) no-repeat;} .mf-label-icon-mobilephone{background:url(/img/metaforms/icon_mobilephone.gif) no-repeat;} .mf-label-icon-fixedphone{background:url(/img/metaforms/icon_fixedphone.gif) no-repeat;} .mf-label-icon-internet{background:url(/img/metaforms/icon_internet.gif) no-repeat;} .mf-label-icon-tdctv{background:url(/img/metaforms/icon_tdctv.gif) no-repeat;} .mf-label-text{float:left;width:186px;} .mf-text input,.mf-text-half-size input,.mf-text-quarter-size input,.mf-password input,.mf-password-half-size input,.mf-password-quarter-size input,.mf-postnr-by input,.mf-date-with-popup input,.mf-text-two-parts input,.mf-text-three-parts input,.mf-text-four-parts input,.mf-cpr input{width:210px;border:1px solid #CCCCCC;float:left;padding:0;margin:0;padding-top:2px;height:18px;} .mf-select select,.mf-select-multi select,.mf-date select,.mf-date-month-year select,.mf-date-time select{width:210px;float:left;margin:0;padding:0;font-size:9px;} .mf-radio input,.mf-checkbox input{width:13px;float:left;margin:0;padding:0;border:0;height:22px;} .mf-select-multi select{height:auto;} .mf-textarea textarea{width:420px;height:100px !important;border:1px solid #CCCCCC;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;} .mf-fileupload input{width:380px;border:1px solid #CCCCCC;} .mf-text-half-size input,.mf-password-half-size input{width:104px;} .mf-text-quarter-size input,.mf-password-quarter-size input{width:51px;} .mf-ghost-label{color:#999999;} .mf-readonly .mf-value,.mf-readonly .mf-value-align-right{width:210px;padding:0;float:left;margin-top:2px;} .mf-readonly .mf-value-align-right{text-align:right;} .mf-readonly-long .mf-value{float:left;width:auto;} .mf-text-two-parts input{width:102px;margin-right:1px;} .mf-text-two-parts input.mf-part2{width:105px;margin-right:0;} .mf-text-three-parts input{width:67px;margin-right:1px;} .mf-text-three-parts input.mf-part3{width:70px;margin-right:0;} .mf-text-four-parts input{width:49px;margin-right:1px;} .mf-text-four-parts input.mf-part4{width:54px;margin-right:0;} .mf-postnr-by input.mf-postnr{width:65px;margin-right:1px;} .mf-postnr-by input.mf-by{width:142px;} .mf-cpr input.mf-cpr-birthdate{width:67px;} .mf-cpr div.mf-cpr-dash{width:10px;float:left;text-align:center;} .mf-cpr input.mf-cpr-serialnumber{width:49px;} .mf-form p{margin-top:3px;margin-bottom:3px;margin-left:10px !important;width:auto !important;} .mf-form p img{vertical-align:middle;} .mf-section ul,.mf-section ol{margin-top:5px;margin-bottom:5px;padding-left:10px;margin-left:16px;} .mf-section ol{margin-left:22px;} .mf-date select,.mf-date-month-year select{border:1px solid #CCCCCC;margin-right:1px;} .mf-date select.mf-day{width:46px;} .mf-date select.mf-month{width:56px;} .mf-date select.mf-year{width:106px;margin-right:0;} .mf-date-month-year select.mf-month{width:104px;} .mf-date-month-year select.mf-year{width:105px;margin-right:0;} .mf-date-time .mf-day{width:40px;} .mf-date-time .mf-month-year{width:80px;} .mf-date-time .mf-time{width:59px;margin-right:0;} .mf-date-with-popup input{width:104px} .mf-date-with-popup a{display:block;float:left;width:30px;height:20px;margin-top:1px;background:url(/img/metaforms/calendar.gif) no-repeat;} .mf-yes-no input{display:block;float:left;width:16px;border:0;} .mf-yes-no label.mf-yes,.mf-yes-no label.mf-no{display:block;float:left;width:40px;} .mf-section .mf-fieldset{margin:0;padding:4px 0 8px 0;} .mf-fieldset-two-columns{margin:0;margin-left:10px;margin-right:10px;padding:4px 0 8px 0;} .mf-legend{clear:both;width:420px;margin-right:10px;} .mf-fieldset .mf-legend{padding-left:10px;} .mf-fieldset-secondary .mf-text label,.mf-fieldset-secondary .mf-text .mf-label-with-icon,.mf-fieldset-secondary .mf-text-half-size label,.mf-fieldset-secondary .mf-text-half-size .mf-label-with-icon,.mf-fieldset-secondary .mf-text-quarter-size label,.mf-fieldset-secondary .mf-text-quarter-size .mf-label-with-icon,.mf-fieldset-secondary .mf-password label,.mf-fieldset-secondary .mf-password .mf-label-with-icon,.mf-fieldset-secondary .mf-password-half-size label,.mf-fieldset-secondary .mf-password-half-size .mf-label-with-icon,.mf-fieldset-secondary .mf-password-quarter-size label,.mf-fieldset-secondary .mf-password-quarter-size .mf-label-with-icon,.mf-fieldset-secondary .mf-select label,.mf-fieldset-secondary .mf-select .mf-label-with-icon,.mf-fieldset-secondary .mf-select-multi label,.mf-fieldset-secondary .mf-select-multi .mf-label-with-icon,.mf-fieldset-secondary .mf-readonly label,.mf-fieldset-secondary .mf-readonly .mf-label-with-icon,.mf-fieldset-secondary .mf-postnr-by label,.mf-fieldset-secondary .mf-postnr-by .mf-label-with-icon,.mf-fieldset-secondary .mf-text-two-parts label,.mf-fieldset-secondary .mf-text-two-parts .mf-label-with-icon,.mf-fieldset-secondary .mf-text-three-parts label,.mf-fieldset-secondary .mf-text-three-parts .mf-label-with-icon,.mf-fieldset-secondary .mf-text-four-parts label,.mf-fieldset-secondary .mf-text-four-parts .mf-label-with-icon,.mf-fieldset-secondary .mf-yes-no label,.mf-fieldset-secondary .mf-yes-no .mf-label-with-icon,.mf-fieldset-secondary .mf-date label,.mf-fieldset-secondary .mf-date .mf-label-with-icon,.mf-fieldset-secondary .mf-date-with-popup label,.mf-fieldset-secondary .mf-date-with-popup .mf-label-with-icon,.mf-fieldset-secondary .mf-date-month-year label,.mf-fieldset-secondary .mf-date-month-year .mf-label-with-icon,.mf-fieldset-secondary .mf-date-time label,.mf-fieldset-secondary .mf-date-time .mf-label-with-icon,.mf-fieldset-secondary .mf-cpr label,.mf-fieldset-secondary .mf-cpr .mf-label-with-icon{margin-left:17px;width:193px;margin-right:4px;} .mf-fieldset-secondary .mf-radio label,.mf-fieldset-secondary .mf-radio .mf-label-with-icon,.mf-fieldset-secondary .mf-checkbox label,.mf-fieldset-secondary .mf-checkbox .mf-label-with-icon{width:388px;margin-right:4px;} .mf-fieldset-secondary .mf-radio input,.mf-fieldset-secondary .mf-checkbox input{width:13px;float:left;margin:0 0 0 17px;padding:0;} .mf-fieldset-secondary p{padding-left:17px;} .mf-fieldset-secondary .mf-readonly-long label,.mf-fieldset-secondary .mf-readonly-long .mf-value{padding-left:17px;} .mf-fieldset-secondary .mf-textarea label,.mf-fieldset-secondary .mf-textarea textarea{width:403px;margin-left:17px;} .mf-fieldset-secondary .mf-comment{padding-left:17px;} .mf-fieldset-secondary .mf-alert{padding-left:17px;} .mf-fieldset-secondary .mf-fileupload input{margin-left:17px;} .mf-fieldset-secondary .mf-fileupload label{margin-left:17px;} .mf-fieldset-secondary p{padding-left:17px !important;width:403px !important;} .mf-column{width:210px !important;overflow:hidden;float:left;} .mf-fieldset-two-columns .mf-text,.mf-fieldset-two-columns .mf-text-half-size,.mf-fieldset-two-columns .mf-text-quarter-size,.mf-fieldset-two-columns .mf-password,.mf-fieldset-two-columns .mf-password-half-size,.mf-fieldset-two-columns .mf-password-quarter-size,.mf-fieldset-two-columns .mf-select,.mf-fieldset-two-columns .mf-select-multi,.mf-fieldset-two-columns .mf-checkbox,.mf-fieldset-two-columns .mf-radio,.mf-fieldset-two-columns .mf-fileupload,.mf-fieldset-two-columns .mf-readonly,.mf-fieldset-two-columns .mf-readonly-long,.mf-fieldset-two-columns p,.mf-fieldset-two-columns ul,.mf-fieldset-two-columns ol{margin-left:0;width:205px;} .mf-fieldset-two-columns .mf-text label,.mf-fieldset-two-columns .mf-text-half-size label,.mf-fieldset-two-columns .mf-text-quarter-size label,.mf-fieldset-two-columns .mf-password label,.mf-fieldset-two-columns .mf-password-half-size label,.mf-fieldset-two-columns .mf-password-quarter-size label,.mf-fieldset-two-columns .mf-select label,.mf-fieldset-two-columns .mf-select-multi label,.mf-fieldset-two-columns .mf-readonly label,.mf-fieldset-two-columns .mf-postnr-by label,.mf-fieldset-two-columns .mf-text-two-parts label,.mf-fieldset-two-columns .mf-text-three-parts label,.mf-fieldset-two-columns .mf-text-four-parts label,.mf-fieldset-two-columns .mf-yes-no label,.mf-fieldset-two-columns .mf-date label,.mf-fieldset-two-columns .mf-date-with-popup label,.mf-fieldset-two-columns .mf-date-month-year label,.mf-fieldset-two-columns .mf-date-time label,.mf-fieldset-two-columns .mf-cpr label{width:98px;} .mf-fieldset-two-columns .mf-radio label,.mf-fieldset-two-columns .mf-checkbox label{width:188px;} .mf-fieldset-two-columns .mf-text input,.mf-fieldset-two-columns .mf-text-half-size input,.mf-fieldset-two-columns .mf-text-quarter-size input,.mf-fieldset-two-columns .mf-password input,.mf-fieldset-two-columns .mf-password-half-size input,.mf-fieldset-two-columns .mf-password-quarter-size input,.mf-fieldset-two-columns .mf-postnr-by input,.mf-fieldset-two-columns .mf-date-with-popup input,.mf-fieldset-two-columns .mf-text-two-parts input,.mf-fieldset-two-columns .mf-text-three-parts input,.mf-fieldset-two-columns .mf-text-four-parts input,.mf-fieldset-two-columns .mf-cpr input{width:91px;} .mf-fieldset-two-columns .mf-select select,.mf-fieldset-two-columns .mf-select-multi select,.mf-fieldset-two-columns .mf-date select,.mf-fieldset-two-columns .mf-date-month-year select,.mf-fieldset-two-columns .mf-date-time select{width:91px;} .mf-fieldset-two-columns .mf-textarea{margin-left:0 !important;} .mf-fieldset-two-columns .mf-textarea textarea{width:200px;width:205px;height:100px !important;} .mf-fieldset-two-columns .mf-text-half-size input{width:91px;} .mf-fieldset-two-columns .mf-text-quarter-size input{width:51px;} .mf-fieldset-two-columns .mf-value{width:200px;} .mf-fieldset-two-columns p{margin-left:0;margin-left:0 !important;width:205px !important;} .mf-fieldset-two-columns .mf-readonly-long label{width:205px;} .mf-fieldset-two-columns .mf-textarea label{width:205px;} .mf-fieldset-two-columns .mf-fileupload label{width:205px;} .mf-fieldset-two-columns .mf-fileupload input{width:195px;} .mf-fieldset-rows{margin-left:10px;margin-right:0;border-collapse:collapse;} .mf-fieldset-rows td{padding:0;} .mf-fieldset-rows .mf-text,.mf-fieldset-rows .mf-text-half-size,.mf-fieldset-rows .mf-text-quarter-size,.mf-fieldset-rows .mf-password,.mf-fieldset-rows .mf-password-half-size,.mf-fieldset-rows .mf-password-quarter-size,.mf-fieldset-rows .mf-select,.mf-fieldset-rows .mf-select-multi,.mf-fieldset-rows .mf-checkbox,.mf-fieldset-rows .mf-radio,.mf-fieldset-rows .mf-fileupload,.mf-fieldset-rows .mf-readonly,.mf-fieldset-rows .mf-readonly-long,.mf-fieldset-rows p,.mf-fieldset-rows ul,.mf-fieldset-rows ol{margin-left:10px;width:205px;} .mf-fieldset-rows .mf-text label,.mf-fieldset-rows .mf-text-half-size label,.mf-fieldset-rows .mf-text-quarter-size label,.mf-fieldset-rows .mf-password label,.mf-fieldset-rows .mf-password-half-size label,.mf-fieldset-rows .mf-password-quarter-size label,.mf-fieldset-rows .mf-select label,.mf-fieldset-rows .mf-select-multi label,.mf-fieldset-rows .mf-readonly label,.mf-fieldset-rows .mf-postnr-by label,.mf-fieldset-rows .mf-text-two-parts label,.mf-fieldset-rows .mf-text-three-parts label,.mf-fieldset-rows .mf-text-four-parts label,.mf-fieldset-rows .mf-yes-no label,.mf-fieldset-rows .mf-date label,.mf-fieldset-rows .mf-date-with-popup label,.mf-fieldset-rows .mf-date-month-year label,.mf-fieldset-rows .mf-date-time label,.mf-fieldset-rows .mf-cpr label{width:98px;} .mf-fieldset-rows .mf-radio label,.mf-fieldset-rows .mf-checkbox label{width:188px;} .mf-fieldset-rows .mf-text input,.mf-fieldset-rows .mf-text-half-size input,.mf-fieldset-rows .mf-text-quarter-size input,.mf-fieldset-rows .mf-password input,.mf-fieldset-rows .mf-password-half-size input,.mf-fieldset-rows .mf-password-quarter-size input,.mf-fieldset-rows .mf-postnr-by input,.mf-fieldset-rows .mf-date-with-popup input,.mf-fieldset-rows .mf-text-two-parts input,.mf-fieldset-rows .mf-text-three-parts input,.mf-fieldset-rows .mf-text-four-parts input,.mf-fieldset-rows .mf-cpr input{width:91px;} .mf-fieldset-rows .mf-select select,.mf-fieldset-rows .mf-select-multi select,.mf-fieldset-rows .mf-date select,.mf-fieldset-rows .mf-date-month-year select,.mf-fieldset-rows .mf-date-time select{width:91px;} .mf-fieldset-rows .mf-textarea textarea{width:205px;height:100px !important;} .mf-fieldset-rows .mf-value{width:91px;} .mf-fieldset-rows p{margin-left:0;} .mf-form em{font-style:normal;font-weight:bold;} .mf-form a{text-decoration:none !important;font-weight:bold;} .mf-calculation{padding-top:5px;padding-bottom:5px;margin-left:0 !important;margin-right:0 !important;} .mf-calculation-item,.mf-calculation-total{clear:both;} .mf-calculation-total{border-top:1px solid white;clear:both;background: url(/img/metaforms/form-heading-bg.gif) repeat-x;color:white;height:18px;font-weight:bold;} .mf-calculation-name{width:316px;margin-left:10px;margin-right:4px;float:left;display:inline; } .mf-calculation-amount{float:left;width:100px;text-align:right;} .mf-calculation-name img,.mf-calculation-amount img{vertical-align:middle;} .mf-calculation .mf-calculation-divider{border-top:1px solid #AAB9CC;margin:0 16px 0 10px;clear:both;} .mf-alerts{color:#FF0000;padding-bottom:10px;font-weight:bold;padding-left:10px;background:#A00037;color:#FFFFFF;padding-top:5px;font-size:11px;} .mf-alerts p{margin-left:0;} .mf-alerts ul{margin:2px 0 2px 16px;padding:0;} .mf-bug{clear:both;height:1px;overflow:hidden;} .mf-hidden{display:none;} .mfl-section,.mfl-section-wide{margin-bottom:15px;padding:4px 10px 4px 10px;} .mfl-section{background:url(/img/metaforms/greyfade2.gif) repeat-y left;} .mfl-section-wide{background:url(/img/metaforms/greyfade3.gif) repeat-y left;} .mfl-heading,.mfl-heading-wide{background-color:#AAB9CC;border-bottom:1px solid #FFFFFF;height:19px;font-weight:bold;color:#000000;font-size:13px;padding-top:2px;padding-left:10px;} .mfl-section,.mfl-heading{width:384px;} .mfl-section-wide,.mfl-heading-wide,.mfl-submit-wide{width:576px;} .mfl-label{font-weight:bold;color:#000000;font-size:13px;} .mfl-input-text{font-weight:normal;border:1px solid #CCCCCC;font-size:13px;} .mfl-button{font-weight:bold;border-width:1px;border-style:solid;border-color:#999999 #666666 #666666 #999999;background:#FFFFFF url(/img/metaforms/button.gif);cursor:pointer;} .mfl-footnote{vertical-align:20%;color:#FF0000;font-weight:normal;font-size:9px;} .mfl-endnote{font-weight:bold;font-size:13px;color:#FF0000;} .mfl-alert{font-size:13px;line-height:1.2em;color:#FF0000;font-weight:bold;} .mfl-comment{font-size:13px;font-weight:normal;line-height:1.2em;} /* NedenstÃ¥ende fjernes fra publish.css /* /*mf progressbar*/ .k_mf_progress{margin:10px 0 0 0;width:576px;border-style:solid;border-width:1px;border-color:#848284 #d6d3ce #d6d3ce #828284;padding:1px 0} .k_mf_progress_bg{position:relative;margin:0 1px;height:7px;background:#ececec} .k_mf_progress_indicator{position:absolute;top:0;left:0;height:7px;background:#69a800;overflow:hidden} /* NedenstÃ¥ende fjernes fra lists.css /* /*mf progressbar*/ .k_mf_progress_list_3,.k_mf_progress_list_4{list-style-type:none;margin-top:4px!important;height:20px;font-size:11px;color:#666;margin-bottom:20px;} .k_mf_progress_list_3 li,.k_mf_progress_list_4 li{float:left;width:193px;margin:0;padding-left:8px;} .k_mf_progress_list_4 li{width:103px} .k_mf_progress_list_3 li.k_current,.k_mf_progress_list_4 li.k_current{color:#000} /* buttons 230110 */ .mf-form input[type="button"],.mf-form input[type="submit"] { background:#ccc url(/img/metaforms/form-heading-bg.gif);border:0;color:#fff;font-weight:bold;cursor:pointer; } .mf-form #ButtonEnter { background: url(/img/bg_button_span_orange.png) right top; } table.mf-fieldset-rows { width:99%; } .column33 .mf-section { width:310px;}/* --- Formy - CSS Framework 0.8 --- */ /* ----- Structural ----- */ .Form label { float: left; width: 9em; display: block; clear: left; margin-right: 1em; text-align: left; cursor: hand; } .Form textarea, input, select, label, button, optgroup { margin-top: 5px; } .Form input[type="checkbox"], input[type="radio"] { margin-bottom: 7px; } /* ----- Color palette ----- */ .Form legend { background-color: #e3dfdf; color: #333; } .Form label { color: #333; } .Form textarea { border: 1px solid #e3e3e3; } .Form textarea:focus, .form input[type="text"]:focus { border: 1px solid #ccc; } .Form select { background-color: #fff; color: #000; } .Form input[type="text"] { border: 1px solid #e3e3e3; } .Form input[type="submit"] { background-color: #ccc; color: #333; } .Form input[type="checkbox"] { color: #000; } .Form input[type="radio"] { background-color: #fff; color: #000; } .Form option { background-color: #fff; color: #000; } .Form optgroup { background-color: #ccc; color: #000; } .Form button { background-color: #ccc; color: #333; } /* ----- Types ----- */ .FormTypeLabelTop label { float: none; margin: 0.5em 0 0.5 0; } /* ----- Error ----- */ .inputerror {font-size:10px;color: #E8580F;} div.inputerror span {font-size:10px;color: #E8580F;} .Form input.inputerror { border: 1px solid #E8580F; } /* ----- Metaforms ----- */ .mf-form .mf-text .inputerror {} /* ----- Specifics ----- */ .Formwriteus textarea {width:450px;height:150px;} .contactformcontainer div {position: relative;} .contactformcontainer div.inputerror {position: absolute; left: 0; bottom: 15px; width: 285px;} /* --- SitecoreForm -- */ #articlepage .BoxSitecoreForm, #supportpage .BoxSitecoreForm {width:436px;} .BoxSitecoreForm {padding:10px;font-family:arial !important;} .BoxSitecoreForm .scfSectionBorderAsFieldSet {border-top:0;} .BoxSitecoreForm fieldset, .BoxSitecoreForm fieldset legend {margin-left:0;padding-left:0;} .BoxSitecoreForm fieldset label {margin-top:0;font-size:12px !important;} .scfSectionBorderAsFieldSet {margin:0 0 !important;} /* Titles */ .scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel {display:block;float:left;padding:3px 0;width:45% !important;font-size:12px !important;} /* Types */ .scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel {display:block;float:left;margin:0 3px 10px 3px;width:49% !important;font-size:12px !important;} .scfDropListGeneralPanel {width: 51% !important;} /* Submit */ .scfSubmitButtonBorder {float:right;padding-right:9px;} /* Validation */ .scfValidationSummary ul li {color:#E8580F;font-size:10px;background: url(/img/link_standard.png) no-repeat 0 5px; list-style-type: none !important; padding-left: 10px;} /* Wrappin the flows with the container #ExternalFlows */ #ExternalFlows {display: block; float: left; margin: 0 0 10px 0; -moz-border-radius: 5px; border: 1px solid #ebebeb; overflow: hidden; background-color:#fff;padding:10px;width:586px;} #ExternalFlows h1 { font-size:17px;font-weight:bold;margin-bottom:10px; padding-top: 2px; clear: left;} #ExternalFlows h2 {font-size:14px;font-weight:bold;margin-bottom:10px; padding-top: 2px;} #ExternalFlows h3 {font-size:12px;font-weight:bold;margin-bottom: 10px;} #ExternalFlows h4 {font-size:11px;font-weight:bold;margin-bottom: 10px;} #ExternalFlows h5 {font-size:10px;font-weight:bold;margin-bottom: 10px;} #ExternalFlows p {font-size:12px; margin-bottom: 10px;} #ExternalFlows p.ArticleNote {font-size:9px; color:#ccc;} #ExternalFlows blockquote {display:block;margin-bottom: 10px;} #ExternalFlows blockquote p {font-weight:bold;} #ExternalFlows ul, #ExternalFlows ol {margin-bottom:10px;} #ExternalFlows ul li, #ExternalFlows ol li {background: url(/img/link_standard.png) no-repeat 0 5px; list-style-type: none !important; padding-left: 10px;} #ExternalFlows ul.k_mf_progress_list_3 li,#ExternalFlows ul.k_mf_progress_list_4 li {padding:0;background:none;} #ExternalFlows #registerProductsForm table.k_overview {width:98%;} #ExternalFlows #registerProductsForm table.k_overview td, #ExternalFlows #registerProductsForm table.k_overview th {padding:5px;} #ExternalFlows #registerProductsForm table.k_overview th {background-color:#ccc;font-size:12px;font-weight:bold;} /* Hvad kan jeg få - flows */ .ExternalFlowExtraProducts {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc;width:100%;} .ExternalFlowExtraProducts .button {margin-right:20px;} .ExternalFlowExtraProducts td {vertical-align: top;} .ExternalFlowExtraProducts td:first-child {width:120px} .ExternalFlowExtraProducts th h2 label {margin-left:123px} .ExternalFlowExtraProducts td img{margin-right: 10px;margin-top: -27px;} .ExternalFlowExtraProducts td p label {margin-top:0;} .ExternalFlowExtraProducts .button {margin-right:20px;} .questionaire h2 { margin: 10px 10px -5px 10px;} .questionaire span.field{ margin: -5px !important; display: inline !important;} .questionaire span.field input { position: relative; top: 1px;} .questionaire label.desc { margin: 10px 10px 0 10px; display: block; font-size: 10px;} .questionaire textarea { width: 420px !important; margin: 0 10px 10px 10px !important;} .questionaire h2 span { color: #000; font-size: 16px; margin: 0 !important;} .questionaire span { margin: 10px 10px 0 10px; display: block; font-size: 10px;} .questionaire .btTxt.submit { margin-left: 10px; background: url(/img/questionaire_send.png) no-repeat left top; width: 53px; height: 24px; color: #fff; border: none; font-weight: bold; }/* --- Rotator --- */ #frontpage .rotator { position: relative; height: 379px; width: 950px; } #productpage .rotator { padding: 0 1px 0 1px; position: relative; width: 946px; height: 375px; background: #fff; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border: 1px solid #e3e3e3; border-top: 0; margin-bottom: 10px; } .rotatoritems { } .rotatoritem { position: absolute; display: none; } #frontpage .rotatoritem { top: 2px; left: 2px; } .rotatornavigation { position: absolute; z-index: 200; } .rotator .vertical { width: 217px; top: 0px; right: 0px; } .rotator .vertical ul { list-style-type: none; margin-left: 0 !important; } .rotator .vertical ul li { float: none; height: 55px; background: url(/img/bg_rotator_navigation_vertical.png) no-repeat right bottom; padding: 10px 20px 10px 40px !important; font-size: 14px; font-weight: bold; cursor: pointer;line-height:17px;color:#666; } .rotator .vertical ul li.current { background-position: left top; color: #168e4f; } .rotator .horizontal { width: 946px; bottom: 2px; left: 2px; background: url(/img/bg_rotator_navigation_horizontal.png) no-repeat left bottom; } .rotator .horizontal ul {list-style-type: none;} .rotator .horizontal ul li { color: #fff; cursor: pointer; font-weight: bold; font-size: 11px; padding: 5px 10px; border-right: 1px solid #ccc; text-align: center; float: left; } .rotator .horizontal ul li.current { color: #168e4f; background: url(/img/bg_rotator_navigation_horizontal.png) no-repeat center bottom; } .rotator .horizontal ul li.currentfirst { background-position: left bottom; } /* --- CustomBlocks --- */ /* Basic */ .cb { position: relative; overflow: hidden; } /* Width */ .cb_50 { width: 460px; height: 260px; } .cb_75 { width: 695px; height: 260px; } .cb_100 { width: 946px; height: 375px; } /* Elements */ .cb h2 { font-size: 24px; font-weight: bold; } .cb p { width: 300px; } .cb h2, .cb h3, .cb p, .cb img, .cb a { position: absolute; } /* --- */ /* --- TabSpot --- */ .tabspot { margin: 5px; position: relative; } /* ----- Navigation ----- */ .tabspot .tabspotnavigation { padding-top: 10px; height: 24px; background: url(/img/tabspot/bg_tabspot_navigation.png) no-repeat; } .tabspot .tabspotnavigation ul { } .tabspot .tabspotnavigation ul li { color: #E8580F; padding: 0 10px; cursor: pointer; font-size: 12px; font-weight: bold; } .tabspot .tabspotnavigation ul li.current { color: #168e4f; } .tabspot .tabspotnavigationextra { position: absolute; top: 11px; right: -5px; } .tabspot .tabspotnavigationextra ul { display: none; padding: 5px; margin: 5px; background: #fff; border: 1px solid #e3e3e3; border-top: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; } .tabspot .tabspotnavigationextra h3 { cursor: pointer; margin: 0 20px 8px 0; text-align: right; font-size: 12px; color: #e8580f; padding-right: 10px; background: url(/img/bg_arrow_right.png) no-repeat right center; } .tabspot .tabspotnavigationextra h3.active {background: url(/img/bg_arrow_down.png) no-repeat right center;} /* ----- Content ----- */ .tabspot .tabspotitems { height: 185px; border: 1px solid #e3e3e3; border-top: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; position: relative; overflow: hidden; } .tabspot .tabspotitem { width: 100%; height: 155px; display: none; padding: 10px 0; overflow: hidden; background-position: bottom right; background-repeat: no-repeat; position: absolute; } .tabspot .tabspotitem h3 { font-size: 18px; font-weight: bold;margin:10px; } .tabspot .tabspotitem a { position: absolute; bottom: 10px; left: 10px; } .tabspot .tabspotitem p { width:275px; } /* the overlayed element */ div.overlay { -moz-border-radius: 5px; width: 580px; color: #efefef; display: none; padding: 40px 10px 10px 10px; background: #fff; } div.VideoOverlay { -moz-border-radius: 5px; color: #efefef; display: none; padding: 40px 10px 10px 10px; background: #fff; width:930px; } div.VideoOverlay a.close { background-image: url(/img/overlay/close.png); position: absolute; right: 25px; top: 15px; cursor: pointer; height: 17px; width: 44px; } div.overlay a.close { background-image: url(/img/overlay/close.png); position: absolute; right: 25px; top: 15px; cursor: pointer; height: 17px; width: 44px; } div.contentWrap { overflow-y: auto; } div.OverlayFlowplayerMultiLoop { margin-top: 20px; -moz-border-radius: 5px; width: 650px; height: 360px; color: #efefef; display: none; padding: 40px 30px 20px 30px; background: #fff; z-index: 9999; } div.OverlayFlowplayerMultiLoop a.close { background-image: url(/img/overlay/close.png); position: absolute; right: 32px; top: 15px; cursor: pointer; height: 17px; width: 44px; } .BoxFlowplayerMultiLoop { width: 225px !important; float: right; line-height:20px; } #ContainerFlowplayerMultiLoop { } .ContainerFlowplayerMultiLoopPreview { width: 213px; height: 120px; margin: 0 !important; } .ContainerFlowplayerMultiLoopPreview, .ContainerFlowplayerMultiLoopPreview object, .ContainerFlowplayerMultiLoopPreview embed { position: absolute !important; z-index: 999 !important; } .ContainerFlowplayerMultiLoopFullscreen { } .ContainerFlowplayerMultiLoopFullscreen, .ContainerFlowplayerMultiLoopFullscreen object, .ContainerFlowplayerMultiLoopFullscreen embed { width: 640px !important; height: 360px !important; z-index: 99999 !important; position: absolute !important; } /* ----- IframeOverlay ----- */ /* --- Used for overlayed pages with the need for page load --- */ #IframeOverlay {width:600px;} #InjectedIframe {width:600px;height:330px;border:0;overflow:hidden !important;} /* General for overlay */ #overlay .Box {float:none;background-color:#202020;border:0px;margin-bottom:5px;} #overlay .BoxChannelLogo {background-color:#fff;margin-bottom:5px;margin-bottom:5px;padding:5px;width:80px;height:50px;} /* --- PackageOverlay --- */ /* --- Start --- */ /* Regulate General Box Props For Overlay */ /* Content Styling */ .BoxTvPackageOverlayTitle {padding:5px 10px;} .BoxTvPackageOverlayTitle h2 {font-size:16px;font-weight:bold;} .BoxPackageAndChannelInfo #ChannelTeaserClosed a, .BoxPackageAndChannelInfo #PackageTeaserClosed a {margin: 10px; float: right;font-size:13px;font-weight:bold;cursor:pointer;background: url(/img/overlay/plussign.png) no-repeat right;padding-right:40px;line-height:40px;} .BoxPackageAndChannelInfo #PackageTeaser {padding:10px;} .BoxPackageAndChannelInfo #PackageTeaserClosed {display:none;} .BoxPackageAndChannelInfo #ChannelTeaser {padding:10px;display:none;} .BoxPackageAndChannelInfo #ChannelTeaser .Logo {float:left;width:20%;} .BoxPackageAndChannelInfo #ChannelTeaser .Description {float:left;width:80%;} .BoxTvPackageOverlayChannels {height:220px;overflow:auto;} .BoxTvPackageOverlayChannels .ChannelContainer {float:left;margin:0 20px 20px 0;text-align:center;color:#E8580F;} .BoxTvPackageOverlayChannels .ChannelContainer a {cursor:pointer;font-size:11px;} /* --- End --- */ /* --- TrailerOverlay --- */ /* --- Start --- */ #BoxTrailerOverlayTitle h2 {font-size:16px;font-weight:bold;} #BoxTrailerOverlayContent .TrailerCover {padding:10px;} #BoxTrailerOverlayContent .TrailerCover img {border:1px solid #fff;} #BoxTrailerOverlayContent .TrailerTeaser {padding:10px;width:70%;} #TrailerInfoClosed a, #TrailerMovieClosed a {margin: 10px; float: right;font-size:13px;font-weight:bold;cursor:pointer;background: url(/img/overlay/plussign.png) no-repeat right;padding-right:40px;line-height:40px;} #TrailerInfoClosed {display:none;} #TrailerMovie, #TrailerInfo {display:none;} #TrailerMovie #TrailerMoviePlayer {width:558px;height:315px;display:block;border:1px solid #fff;margin:10px;background-color:#000;} /* --- End --- */ /* --- SpotOverlay --- */ /* --- Start --- */ .OverlaySpotOverlay .contentWrap img {margin-bottom:10px;} .OverlaySpotOverlay h2 {font-size:16px;font-weight:700;} .OverlaySpotOverlay .ContentEditor {padding:10px;} .OverlaySpotOverlay .ContentEditor p, .Spot .Content .ContentEditor ul {margin:0 0 10px 0;} .OverlaySpotOverlay .ContentEditor h4 {font-weight:700;margin-bottom:3px;} .OverlaySpotOverlay .PrimaryLinks,.Spot .Content .SecondaryLinks {margin:0 5px;} .OverlaySpotOverlay .button {margin-right:15px;} .OverlaySpotOverlay .Bullet, .Spot .Content .Secondary {line-height:24px;} .OverlaySpotOverlay .Bullet {padding-left:8px;background: url(/img/bullet_black.png) no-repeat 0 10px;float:left;} .OverlaySpotOverlay .SecondaryLinks .Bullet {margin-top:17px;} .OverlaySpotOverlay .ContentEditor ul li {padding-left:8px;background: url(/img/bullet_black.png) no-repeat 0 6px;} /* --- End --- */ /* --- SplitOverlay --- */ /* --- Start --- */ .SplitOverlay { width: 932px !important;} /* --- End --- */ .BoxTvPackageOverlayChannels .ChannelContainer { margin:0 18px 20px 0; } /* --- Basic --- */ body { background: url(/img/bg_body.png) repeat center top; font: 12px Arial, Helvetica, sans-serif; color: #000; } a { text-decoration: none; color: #e8580f; } strong { font-weight: bold; } blockquote { font-weight: bold; display: block; margin: 0 0 15px 0; } h1 { font-size: 20px; font-weight: bold;} /* --- */ /* List type disc */ ul.disc { list-style-type: disc; padding: 0 10px; } ul.disc li { width: 100%; } /* --- Generic --- */ #header { background: url(/img/bg_header.png) repeat-x center top; } #logo { background: url(/img/yousee_logo_v2.png) no-repeat; display: block; width: 158px; height: 47px; text-indent: -9999px; position: absolute; top: 15px; left: -3px; } #leftnavigation { background: #fbfbfb; border-color: #e3e3e3; } #leftnavigation strong { font-size: 14px; } .left { float: left; } .right { float: right; position: relative; } /* delete these two classes? */ .left250 { float: left; width: 250px; } .right250 { float: right; width: 250px; } .teasertext { clear: left; display: block; font-size:14px; margin:20px; padding-top:20px;width:610px;} a.button {background: url(/img/bg_button_a.png) no-repeat top right; color: #fff !important; font-weight: bold; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; cursor: pointer; } a.button span { background: url(/img/bg_button_span.png) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #fff; outline: none; } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; } a.button.orange { background-image: url(/img/bg_button_a_orange.png); text-transform: uppercase; } a.button.orange span { background-image: url(/img/bg_button_span_orange.png); } a.button.large { height: 39px; background-image: url(/img/bg_button_a_orange_large.png); text-transform: uppercase; } a.button.large span { padding: 12px 0 0px 18px; height:39px; background-image: url(/img/bg_button_span_orange_large.png); } /* --- */ .arrow { background: url(/img/black_arrow.png) no-repeat left 5px; padding: 0 0 0 10px; margin-left: 5px; } .print-button { float: right; margin: 20px 15px 0 0px; background: url(/img/print-icon.png) no-repeat 0 0; padding: 0 0 0 13px; font-size: 10px; } div.hr { height: 10px; background: #fff url(/img/bg_spot66_hr.png) no-repeat scroll center; } div.hrsimple {height: 1px; background-image:none;} div.hr hr { display: none; } .flowplayer { display: block; } .flowplayer img { cursor: pointer; } div.w50 { float: left; width: 50%; } div.w33 { float: left; width: 33%; } .posrel { position: relative; } .posabs { position: absolute; } /* --- */ /* --- GlobalElements --- */ /* ----- Error's ----- */ ul.feedbackPanel .feedbackPanelINFO { color: red; padding: 3px 0; } /* ----- Search ----- */ #GlobalSearch { position: absolute; right: -24px; top: 30px; } #GlobalSearch input, #AddintionalSearch input { background: url(/img/globalsearch_background.png) no-repeat left top; color: #7e7e7e; font-size: 11px; height: 19px; padding: 7px 5px 0; width: 180px; border: none; } #GlobalSearch input.current, #AddintionalSearch input.current { background: url(/img/globalsearch_background.png) no-repeat left -26px;} #GlobalSearch button, #AddintionalSearch button { background: url(/img/globalsearch_background.png) no-repeat right top; cursor: pointer; height: 26px; text-indent: -9999px; width: 27px; border: 0; position: relative; left: -26px; top: 1px; } /* ----- TopBanner ----- */ #topbanner { position: relative; height: 150px; background: #fff;} #topbanner .TextBlack {color:#000;} #topbanner .TextWhite {color:#fff;} #topbanner h2 { font-size: 30px; color: #000; margin-bottom: 10px; } #topbanner img { position: absolute; top: 0; right: -3px; } #topbanner .content { position: absolute; top: 23px; left: 20px; width: 400px; } body#articlepage #topbanner img { position: absolute; top: -10px; right: -3px; } /* --- */ /* --- Pages --- */ /* ----- ArticlePage ----- */ .articlepage h2 { font-size: 23px; color: #000; font-weight: bold; margin-bottom: 15px; clear: both; } /* ----- ProductPage ----- */ body#productpage #mainarea .wrapper { border: none; } body#contactpage #mainarea .wrapper { border: none; } body#productpage #mainarea.padding20 .wrapper { border: 1px solid #ededed; border-top: none; overflow: auto; } .wrapper.disclaimer { border: none !important; } /* --- SupportPage --- */ .supportitem { display: block; float: left; width: 217px; background: #fcfcfc; margin: 0 10px 10px 0; border: 1px solid #ebebeb; position: relative; min-height:185px;height:auto !important;padding-bottom: 10px;} .supportitem dt { line-height: 40px; background: #efefef; padding: 0 10px; margin-bottom: 10px; } .supportitem dt a { font-size: 16px; font-weight: bold; } .supportitem dd { padding: 2px 10px; } .supportitem dd a { font-size: 11px; padding: 4px 0; background: url(/img/link_standard.png) no-repeat left 7px; padding-left: 10px; text-decoration: none; color: #E8580F; } .supportitem dd.image { /*background: url(/img/supporticon.png) no-repeat scroll 0 0;*/ display: block; height: 57px; width: 47px; position: absolute; right: 0; top: 10px; } .supportitem dd.space { display: block; height: 10px; } body#supportpage #leftnavigation li { display: block; clear: left; } .supportcontact { position: relative; top: 20px; background: #fcfcfc; padding: 10px; clear: left; border: 1px solid #ebebeb; border-right: none; } .supportcontact strong { font-size: 16px !important; font-weight: bold; margin: 0 0 10px 0 !important; } .supportcontact a { color: #e8580f; font-size: 13px; clear: left; display: block; } /* ----- NewsPage ----- */ .news-date { padding: 18px 0 0 10px; font-size: 11px; width: 200px; display: block; } body#articlepage .news-date { float: left; color: #494949; font-size: 14px; } body#newsarticlepage h2 { font-size: 23px; font-weight: bold; margin-bottom: 15px; clear: both; } body#newsarchivepage h2 { margin-top: 0; padding-top: 0; display: block; } body#newsarchivepage h2 a { margin-top: 0; padding-top: 0; display: block; clear: both; } body#newsarchivepage .gradient-spot-header { padding: 10px 15px; background: url(/img/bg_newsarchive_top.png) repeat-x 0 bottom; } body#newsarchivepage .news-page-controller { border-bottom: 1px solid #e8e8e8; padding: 5px 15px; margin-bottom: 10px; } body#newsarchivepage .content-list .news-date { font-size: 11px; margin-top: 0; } body#newsarchivepage .content-list img { border: 1px solid #e8e8e8; float: left; } /* --- */ /* ----- FindReseller ----- */ .findreseller table { } .findreseller table tr { border-top: 1px solid #dbdbdb; } .findreseller table tr td { padding: 5px 0; border-top: 1px solid #dbdbdb; } .reseller-type { width: 20%; } .reseller-address { width: 50%; } .reseller-phonenr { width: 30%; text-align: right; } /* --- */ /* Newletter signup */ .spot .newsletter-control-box p { width: 220px; } .spot .newsletter-control-box img { float: right; } .spot .newsletter-control-box strong { clear: both; } .spot .newsletter-control-box .call-to-action { position: relative; margin-top: -20px; float: right; } .spot .newsletter-control-box .call-to-action div { } .spot .newsletter-control-box .call-to-action a { } /* TV guide */ #tvpage-nav { width: 930px; float: left; padding: 20px 0 0 0; position: relative; top: 0; margin-left: 10px; border-bottom:1px solid #EDEDED; } #tvpage-nav li { text-align: center; background: url(/img/bg_tvguide_tabs.png) no-repeat left top; margin-right: 10px; height: 46px; width: 164px; padding: 0; float: left; list-style-type: none; } #tvpage-nav li.selected { background-position: -164px 0; position: relative; border-bottom: 1px solid #fff; z-index: 5; margin-bottom: -1px; } #tvpage-nav li a { padding: 5px 30px 0px 30px; font-size: 16px; font-weight: bold; color: #6a6a6a; display: block; } #tvpage-nav li a span { font-size: 12px; font-weight: bold; display: block; color: #6a6a6a; } #tvpage-nav li.selected a span, #tvpage-nav li.selected a { color: #168E4F; } #tvguide { background: #fff; float: left; } .tvpack-order-link { float: right; } .tvpack-order-link a { clear: both; } .spot .change-tvpack { font-size: 10px; color: #e8580f; display: block; clear: left; } #upsell-container { overflow: visible; clear: left; } #upsell-container h2 { font-size: 29px; color: #191919; font-weight: normal; margin-bottom: 15px; } #upsell-container blockquote { font-weight: normal; font-size: 14px; } .upsell-pack-list { float: left; width: 290px; } #upsell-container .channel-list { float: left; width: 280px; height: 250px; } #upsell-container .channel-list .channel { margin-top: 0; } #upsell-container #channelpackage .channel-list { width: 565px; padding: 0 13px; } .pack-item { display: block; clear: both; overflow: auto; margin: 0 0 10px 10px; } .pack-item a { float: left; margin: 0; border: 0; } .pack-item img { float: left; margin: 0; border: 0; } .pack-item a { background: url(/img/bg_icon_tool_list.png) no-repeat top right; padding: 11px 0px 11px 7px; width: 196px; font-weight: normal; color: #000; } .pane { margin: 0 0 20px 0px; float: left; width: 620px; overflow: hidden; background: #fbfbfb; position: relative; } .channel-list .channel-container { overflow: hidden; margin-left: -15px; } .channel-list .channel { color: #000; width: 87px; float: left; text-align: center; margin: 10px 0 0px 9px; font-size: 11px; position: relative; height: 76px; xoverflow: hidden; } .channel-list .channel div { -moz-border-radius: 5px; cursor: pointer; margin-bottom: 5px; height: 94px; height: 53px; border: 1px solid #e7e7e7; background: #fff; } .channel-list .channel img { border: none; height: auto !important; width: auto !important; margin-top: 5px; display: block; } .channel-list .channel a { display: block; color: #e8580f; font-size: 11px; font-weight: bold; line-height: 1.1; } .tvpackages.channel-list .channel { height: 85px; } .priceandterms {width:568px;} .priceandterms ul {margin-left:10px;} #accordion .channel-list .channel { width: 89px; float: left; text-align: center; margin: 10px 0 0px 10px; } #accordion .pane { width: 308px; overflow: hidden; background: #fbfbfb; position: relative; } .compare { } .compare table { width: 554px; margin: 0px 10px 10px 10px; } .compare table img { border: none; } .compare table th { color: #000; font-weight: bold; width: 115px; text-align: left; padding: 5px; border-bottom: 1px solid #e7e7e7; } .compare table th .price { display: block; color: #6a6a6a; margin: 0px 0 5px 0; font-size: 11px; font-weight: normal; } .compare table th .button { margin: 5px 0 0 0; } .compare table td { text-align: center; vertical-align: middle; padding: 5px; border-bottom: 1px solid #e7e7e7; color: Green; font-weight: bold; } .compare table .zebra td { background: #fff; } .compare table .channel-logo a, .compare table .channel-name a { margin: 0px; } .compare table .channel-logo { text-align: right; vertical-align: middle; width: 50px; } .compare table .channel-name { text-align: left; vertical-align: middle; } .compare table .channel-name a { color: #e8580f; font-size: 11px; font-weight: normal; } p.disclaimer { clear: left; } /* temporary styling of tables */ table { } table tr { line-height: 20px; } /* the following styles has to be placed properly in the stylesheets */ .contactsubject { width: 220px; float: left; clear: none; margin: 10px 0 0 10px; } .pack-item.contactsubject a { background: transparent url(/img/bg_icon_tool_list.png) no-repeat scroll right 11px; padding: 11px 0px 11px 7px; width: 196px; font-weight: bold; } .pack-item.contactsubject img { float: left; margin: 0 0 0 -6px; border: 0; } .pack-item.contactsubject span { position: relative; top: 10px; left: 10px; } .button.nextpane, .button.GoToTheNextpane { position: absolute; bottom: 0px; right: 50px; } #categoryfiltering { margin-bottom: 15px; } #categoryfiltering legend { display: none; } #categoryfiltering .searchfield { float: left; height: 30px; width: 215px; background:#fff url(/img/supportsearch.png) no-repeat left top; padding: 2px 3px 2px 7px; } #categoryfiltering .searchfield input { width: 205px; border: none; } #categoryfiltering .searchcategory { float: left; position: relative; } #categoryfiltering .searchcategory select { width: 160px; } .specialinfo #categoryfiltering .searchcategory select { width: 250px !important; } #categoryfiltering .searchcategory .button { float: right; position: relative; top: 3px; left: 8px; padding-right: 12px; } #categoryfiltering .searchcategory .button span { padding-left: 12px;} #categoryfiltering strong { margin: 0;} .phoneno { font-weight: bold; position: relative; top: 20px; font-size: 18px; } .openhours { position: relative; top: 10px;} .openhours strong { margin: 0; } body#articlepage #content .spot ul { display: block; overflow: auto; list-style: none; } body#articlepage #content .spot .srollable ul.standardlink { list-style: none; margin: none !important; overflow: hidden;} body#articlepage #content .spot li { list-style: none; float: none; } body#articlepage #content .spot li a { list-style: none; display: inline; } .bgimg { position: relative; } .bgimg img { position: absolute; top: 0; z-index: 1; } body#articlepage #content .spot ul.standardlink { list-style: none; margin: none !important;} body#articlepage #content .spot ul.standardlink li { list-style: none; margin: none !important;} body#articlepage #content .spot .scrollable ul.standardlink { overflow: hidden;} .playfacts ul.standardlink { margin: -4px 0 10px 0;} .accordion h2 span { position: absolute; left: 15px; bottom: 7px; display: block; padding: 0; margin: 0; line-height: 1; font-size: 11px;} strong.packageheader { font-size: 20px; color: #e8580f; display: block; margin: 15px 0 5px 3px; font-weight: normal;} span.closechannels { color: #4ba576;} .pack-item.channeldownload { clear:none; float:left; margin:10px 0 0 10px; width:240px;} .pack-item.channeldownload a { background:transparent url(/img/bg_icon_tool_list.png) no-repeat scroll right 11px; font-weight:bold; padding:11px 0 11px 7px; width:230px;} .pack-item.channeldownload span { left:40px; position:relative; top:11px; width: 180px; display: block;} .pack-item.channeldownload img { border:0 none; float:left; margin: -10px 0 0 -6px; position: relative; top: -6px;} /* --- ContactWizard --- */ .SectionContactWizard a.button {float:right;margin:10px;} .SectionContactWizard .Form textarea {width:548px;height:100px;} table.ContactWizard {margin:0;} table.ContactWizard table {margin:0 !important;} table.ContactWizard div.ContactWizardContentWrapper {width:558px;padding:5px;} .BreadCrumbArrow {margin-left: 0!important;} .BreadCrumbArrow li {list-style-type: none; padding: 5px 20px 5px 10px} /* --- ArticleStyles --- */ .ArticleNote {font-size:9px;} /* --- O contacts --- */ .ocontact { min-height: 90px; padding-top: 20px; margin-left: 10px;} .ocontact img { float: left; margin-right: 10px; border: 0;} .ocontact .text { float: left; width: 490px;} .ocontact .text p { margin: 0;} .ocontactheader { color:#000; display:block; font-size:20px; font-weight:normal; margin:15px 0 15px 15px;} .keyaccount { margin-top: 10px; width: 585px;} .keyaccount .header { background: #e5e5e5; padding: 3px 0;} .keyaccount tr.image img {} .keyaccount .image {float: none;} .keyaccount td {vertical-align: top; line-height: 15px;} .text404 { position: absolute; left: 170px; top: 90px;} .text404 h2 { font-size: 30px; margin-bottom: 15px;} .text404 h3 {font-size: 16px;} /* --- packages --- */ .aboutpackage { position: relative; margin: 0 0 10px 0; overflow: hidden;} .orderlink { float: right; position: relative;} .spot .orderlink a.button.orange { position: relative; left: 32px;} .tvpackages { width: 585px;} .tvpackages .channel-container { width: 100%;} /* --- tjenester --- */ #services { width: 100%; float: left; position: relative; top: 2px; } #services li { text-align: center; margin-left: 3px; height: 46px; width: 109px; padding: 0; float: left; list-style-type: none; } #services li a.current { background-position: -109px 0; } #services li a { background: url(/img/bg_tabs_personal.png) no-repeat left top;padding: 15px 10px 15px 10px; font-size: 12px; font-weight: bold; color: #6a6a6a; display: block; } #services li a span { font-size: 12px; font-weight: bold; display: block; color: #6a6a6a; } #services li.selected a span, #tvpage-nav li.selected a { color: #168E4F; } .servicescontent { padding: 20px 5px; width:921px; overflow: auto; margin-left:3px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px;} .servicescontent .servicesbox { width: 218px;} .servicesimage { float: left; margin: -10px 0 0 40px;} .servicestext { float: left; width: 450px; padding: 0 30px;} .servicestext .header { font-size: 25px; font-weight: bold;} .servicestext .text { } .servicestext .linkbutton { margin-top: 20px;} .panes .mypane {position:relative;height:150px;overflow:hidden;} .panes .mypane .mypanecontent {position:absolute;z-index:1;} .panes .mypane .TabBackgroundImage {position:absolute;right:0;} /* ----- MyYouSee ----- */ .personalpage #topbanner{ height: 270px;} fieldset#youseelogin { margin: 10px; } fieldset#youseelogin label#youseeloginuserlabel, fieldset#youseelogin label#youseeloginpasslabel { display: block; margin: 5px 0; } fieldset#youseelogin button { margin-left: 10px; } fieldset#youseelogin #youseeloginremembercontainer { margin: 15px 0; } .spot #mityouseeoverview .content { border: 0; } .spot #mityouseeoverview .content img { float: left; margin: 10px; } .serviceslogin { float: right; background:#fbfbfb; display: block; width: 225px !important; /*position: absolute; top: 10px; right: 10px;*/} .serviceslogin h2 { font-size: 18px; margin:5px 10px 0 10px; } .serviceslogin label { font-size: 11px; font-weight:bold; margin-bottom:0;} .serviceslogin input { margin-top:0; border: 1px solid #e3e3e3; } .serviceslogin .content {padding:10px;} .serviceslogin #content_0_rightcolumn_0_LogoutContainer {margin-bottom:10px;} #productpage .serviceslogin {width: 310px !important;} #youseelogin .inputarea { width:100%; font-size:16px; } .serviceslogin .linkbutton { margin-top:10px; } .serviceslogin p.standardlink a { background: url(/img/link_standard.png) no-repeat left 4px; padding-left: 8px; text-decoration: none;} fieldset#youseelogin #youseeloginrememberlabel { margin-top: 0px; display:block; } fieldset#youseelogin #youseeloginremember { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative;top: -1px;*overflow: hidden;border:0; } .personalpageoverlay {width:598px;background:#202020;color:#fff;} .personalpageoverlay fieldset { margin:5px;} .personalpageoverlay label { width:200px; float:left;} .personalpageoverlay h2 { margin:0 0 10px 0;} .personalpageoverlay .inputarea { float:left; margin-left:20px; width:200px; border:1px solid #fbfbfb; background: #fbfbfb;} /*.personalpageoverlay strong { clear:both; display:block; margin:0px 0 5px 0; padding:20px 0 0 0; }*/ .personalpageoverlay input.radiobox { margin: 5px 0 0 0px; padding:0px; width: 15px; display: inline;} .personalpageoverlay .radiolabel { display:block; float:none; width:auto;} .personalpageoverlay p.linkbutton { margin:20px 0 0 0; clear:both; overflow:hidden; float:left;} .personalpageoverlay li { list-style:disc; margin-left:20px;} .personalpageoverlay .formdivider { clear:both; margin:10px 0; overflow:hidden; } .personalpageoverlay span.ErrorMessage, .personalpageoverlay div.inputerror {font-size:10px;color:#E8580F; display:block; margin-left:200px;margin-top:10px;} .personalpageoverlay span.ErrorMessage a, .personalpageoverlay div.inputerror a {text-decoration:underline;font-size:10px;} .whitebg { background: #fff;} .spotvariant { -moz-border-radius: 5px; border: 1px solid #EBEBEB; display: block; float: left; height: auto !important; margin: 0 10px 10px 0; position: relative;} .spotvariant dt { line-height: 40px; margin-bottom: 10px; padding: 0 10px; background:#EFEFEF none repeat scroll 0 0; font-size: 14px; font-weight: bold;} .spotvariant dt a { font-size: 16px; font-weight: bold;} .spotvariant dd { padding:2px 10px;} .spotvariant dd.image { display: block; height: 57px; position: absolute; width: 47px;} .spotvariant dd.space { display: block; height: 10px; } .servicesbox { width: 220px; min-height: 150px; background: #fbfbfb; margin: 0 0 8px 8px !important;} .servicesbox dd.image { left: -2px; top: 43px;} .servicesbox dd.text { position: relative; left: 60px; width: 150px;} .servicesbox dd.link { position: relative; left: 60px; width: 150px;} .servicesbox dd a { background: transparent url(/img/link_standard.png) no-repeat scroll left 7px; font-size: 11px; padding: 4px 0 4px 10px; text-decoration:none;} .supportbox { background: #fbfbfb; height: 190px !important; width: 217px; padding-bottom: 10px;} .supportitem dt a { } .supportbox dd { padding: 2px 10px;} .supportbox dd.image { /*background: transparent url(/img/supporticon.png) no-repeat scroll 0 0;*/ display: block; height: 57px; width:47px; position: absolute; right: 0; top: 10px;} .supportbox dd a { background: transparent url(/img/link_standard.png) no-repeat scroll left 7px; font-size: 11px; padding: 4px 0 4px 10px; text-decoration:none;} .packagetoptext .teasertext { margin: 3px 0 -3px 3px; padding: 0;} p.standardlink a { background: url(/img/link_standard.png) no-repeat left 4px; padding-left: 8px; text-decoration: none;} .benefits { overflow: auto; width: 150px; margin-top: 20px !important;} .specialinfo { overflow: auto; width: 250px; margin-top: 20px !important;} .specialinfo #categoryfiltering #SupportSearch { position: absolute; left: 0; top: auto; bottom: -30px;} .block { width: 910px;} .split { width: 282px; float: left !important; min-height: 150px !important; margin-right: 10px; text-align: center;} .split h3 { margin: 5px 0;} .split img { margin: 10px 0;} .split p { line-height: 16px;} .split.last { margin-right: 0;} .topbannerheader {display:block; font-size:22px; margin-bottom:6px;} .channel-list .channel div.digichannelicon { position: absolute; top: -6px; right: -6px; display: block; height: 14px; width: 13px; background: url(/img/digichannelicon.png) no-repeat left top; text-indent: -9999px; border: none;} .digichannelinfo { background: url(/img/digichannelicon.png) no-repeat left 21px; clear: left; overflow: auto; padding: 20px; margin: 0 15px;color:#000; } h1.latestnews { margin-bottom: -10px;} #productnavigation .right { position: absolute; right: 10px; height: 40px; width: 200px;} #productnavigation a.button { float: right; margin-right: 0;} #productnavigation p.standardlink { position: absolute; bottom: 0; right: 0;} #GlobalSearch { position: absolute; right: 0; top: 30px; text-align: right; width: 190px;} #GlobalSearch button { left: 164px; position: absolute; top: 0; width: 26px;} .spot p.additionalsearch { margin: -10px 0 20px 15px; font-weight: bold; font-size: 12px;} .findreseller { position: relative;} .findreseller a.button { position: absolute; left: 150px; top: 29px;} .loginbox { } .loginbox h2 { font-size: 18px; margin:10px 10px 0 10px; } .loginbox input { border:1px solid #E3E3E3; margin-top:0;} .loginbox .linkbutton { margin-top: 10px;} .loginbox #youseelogin .inputarea { width:99%;} body#articlepage #content .spot .contryIndex { margin: 10px;} body#articlepage #content .spot .contryIndex li { float: left; margin-right: 6px;} body#articlepage #content .spot .contryIndex li.selected a { color: #168E4F;} .moveformular .mf-text label, .moveformular .mf-text-two-parts label, .moveformular .mf-postnr-by label { display: block; float: left;} .moveformular .mf-text, .moveformular .mf-text-two-parts, .moveformular .mf-postnr-by { margin-left: 2px; overflow: auto; margin-bottom: 10px;} .moveformular .formnotice { clear: left;} .moveformular .mf-section .mf-heading { color: #fff; font-weight: bold;} .moveformular .mf-checkbox { margin: 7px 0 0 -7px; padding: 0;} .moveformular .inputerror { position: absolute; right: 128px; margin-top: 20px;} .moveformular #DivLaw .inputerror { position: absolute; left: 50px; margin-top: 0;} #content_0_maincolumn_0_CustomValidatorProducts { position: absolute; margin-top:-20px; position:absolute; right:80px; width:230px;} /* OrderFlow (export) */ .OrderFlow #content { border:1px solid #ebebeb; border-top:0; background-color:#fff; padding:10px; width:928px; } .OrderFlow .column66 { width:608px; padding-right:10px; } /*.corner_ul, .corner_ur, .corner_ll, .corner_lr { position: absolute; display: block; width: 6px; height: 6px;} .corner_ul {left: 0; top: 0; background: url(/img/navleft_ul_ieonly.png) no-repeat left top;} .corner_ur {right: 0; top: 0; background: url(/img/navleft_ur_ieonly.png) no-repeat left top;} .corner_ll {left: 0; bottom: 0; background: url(/img/navleft_ll_ieonly.png) no-repeat left top;} .corner_lr {right: 0; bottom: 0; background: url(/img/navleft_lr_ieonly.png) no-repeat left top;}*/ #packagepopup { background: #fff; width: 580px; overflow: auto; } #packagepopup h2 { font-size:16px; font-weight:bold; padding:12px 10px 10px;} #packagepopup p { margin: 15px 10px 10px 10px; padding-bottom: 20px;} #packagepopup p.packagepopupchannels { margin: 5px 10px 20px 10px; padding-bottom: 0;} #packagepopup .packagepopupamount { margin: 10px;} #packagepopup .ChannelContainerPopup { float: left; height: 135px; width: 180px; margin: 0 0 10px 10px;} #packagepopup .ChannelContainerPopup h3, #packagepopup .ChannelContainerPopup p { clear: left; margin: 0; padding-bottom: 0;} #packagepopup .ChannelContainerPopup h3 { font-weight: bold; margin: 5px 0;} .accordion div.pane h3.favoriteheader { font-weight: bold; clear: left; padding: 20px 0 0 10px; color: #999; font-size: 12px;} .aboutpackage p { float: left; width: 420px;} .aboutpackage .orderlink { right: 0; position: absolute; width: 130px;} .aboutpackage a.button { float: right; left: 0;} .spot .aboutpackage .orderlink a.button.orange { left:0; position:relative;} .spot .aboutpackage .change-tvpack { float: right; margin-right: 7px;} .businesscase .rotatoritem p { margin-top: -10px;} /* VM Kampagne body {background:url("/img/Campaign/bg_body_vm.png") repeat center top;} body#frontpage #toparea {background:url("/img/Campaign/bg_rotator_frontpage_vm.jpg") no-repeat center top;} #mainarea {background:url("/img/Campaign/bg_mainarea_vm.jpg") repeat-x scroll center top #FFFFFF;} #topnavigation li.selected { background: url(/img/Campaign/topnavigation_s_right_v2.png) no-repeat scroll right -1px; display: block; } #topnavigation li.selected a { background: url(/img/Campaign/topnavigation_s_right_v2.png) no-repeat scroll right -1px; display: block; float: left; } #topnavigation li.selected span { background: url(/img/Campaign/topnavigation_s_left_v2.png) no-repeat scroll left -1px; display: block; float: left; padding: 0 22px; } #athome span a { background: url(/img/topnavigation_homel.png) no-repeat left 10px; width: 95px; text-indent: -9999px; } #athome.selected span a { background: url(/img/topnavigation_home_sel.png) no-repeat left 10px; } #inunion span a { background: url(/img/topnavigation_business.png) no-repeat left 10px; width: 280px; text-indent: -9999px; } #inunion.selected span a { background: url(/img/topnavigation_business_sel.png) no-repeat left 10px; } /VM Kampagne */