/* @override http://www.eensreclame.nl/tools/css/Layout.css */ /* Lightbox Frames----------------------------------*/ .ToolFrame, .LightBoxContentFrame {height: 697px; width: 852px; background-color: white; position: relative;} .ToolProductwijzer {left: 20px; top: 10px; height: 18px; width: 208px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/Eon_Productwijzer.gif); position: absolute;} .ToolTimeLine {left: 20px; top: 35px; height: 60px; width: 810px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/TimeLine.gif); position: absolute;} .ContentA .ToolTimeLine {background-position: 0px 0px;} .ContentB .ToolTimeLine {background-position: 0px -61px;} .ContentC .ToolTimeLine {background-position: 0px -122px;} .ContentD .ToolTimeLine {background-position: 0px -183px;} .ContentE .ToolTimeLine {background-position: 0px -244px;} .ToolContent{ left: 20px; top: 110px; position: absolute; width: 810px;} .ToolContent .ToolIntro {height: 200px; background-repeat: no-repeat; background-position: right bottom; background-image: url(/template/eon/binaryresource/images/product/BeeldFrame1.jpg); width: 810px; font-size: 11px; color: #666;} .ToolContent .ToolIntro h1 {font-style: normal; font-weight: normal; margin: 0px; color: #666; font-size: 22px;} .ToolContent .ToolFrameSet {background-color: #ffe630; margin-top: 20px;} .ToolContent .ToolFrameSet .Left {float: left; width: 600px; position: relative;} .ContentE .ToolContent .ToolFrameSet .Left{width:810px;} .ToolContent .ToolFrameSet .Left .FramePijl {left: 40px; top: -20px; position: absolute; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/FramePijl.gif); width: 47px; height: 22px;} .ContentB .ToolContent .ToolFrameSet .Left .FramePijl {left: 205px;} .ContentC .ToolContent .ToolFrameSet .Left .FramePijl {left: 380px;} .ContentD .ToolContent .ToolFrameSet .Left .FramePijl {left: 529px;} .ContentE .ToolContent .ToolFrameSet .Left .FramePijl {left: 704px;} .ToolContent .ToolFrameSet .Left .BorderTop {float: left; height: 14px; width: 600px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/LeftContentTop.gif);} .ContentE .ToolContent .ToolFrameSet .Left .BorderTop{width:810px;background-image: url(/template/eon/binaryresource/images/product/ContentTop.gif);} .ToolContent .ToolFrameSet .Left .BorderContent {float: left; width: 600px; background-repeat: repeat-y; background-image: url(/template/eon/binaryresource/images/product/LeftContentCenter.gif);} .ContentE .ToolContent .ToolFrameSet .Left .BorderContent{width:810px;background-image: url(/template/eon/binaryresource/images/product/ContentCenter.gif);} .ToolContent .ToolFrameSet .Left h2 {margin-top: 0; font-weight: normal; font-style: normal; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; color: #666; font-size: 16px;} .ContentE .ToolContent .ToolFrameSet .Left h2{border-bottom:0;margin-top:3px;padding-bottom:8px;} .ToolContent .ToolFrameSet .Left p { font-size: 10px; color: #666; padding: 0; margin: 5px 0 10px; line-height: 14px; } .ToolContent .ToolFrameSet .FormMarge {float: left; height: 31px; width: 23px;} .ToolContent .ToolFrameSet .Left div.Postcode { margin: 29px 0 0; padding: 0;} .ToolContent .ToolFrameSet .Left div.ToolNavigatie {float: left; width: 573px; border-top: 1px solid #e4e4e4; height: 45px; padding: 10px 0 0; margin: 20px 0 0;} .ToolContent .ToolFrameSet .Left .ToolForm {margin-bottom: 30px; padding-top: 15px;} .ToolContent .ToolFrameSet .Left .ToolNavigatie p {width: 409px; float: left; color: #999; margin: 9px 0 0px; padding: 0;} .ToolContent .ToolFrameSet .Left .ToolNavigatie .ToolNavigatieTerug a:Link, .ToolContent .ToolFrameSet .Left .ToolNavigatie .ToolNavigatieTerug a:Visited {float: left; margin-top: 22px; color: black; font-weight: bold; text-decoration: underline;} .ToolContent .ToolFrameSet .Left .ToolNavigatie .ToolNavigatieDoor a:Link, .ToolContent .ToolFrameSet .Left .ToolNavigatie .ToolNavigatieDoor a:Visited {float: right; background-image: url(/template/eon/binaryresource/images/product/DoorgaanKnop.gif); width: 104px; height: 45px;} .ToolContent .ToolFrameSet .Left .BorderContent .Marge {padding-left: 0px; margin-right: 14px; margin-left: 14px;} .ContentE .ToolContent .ToolFrameSet .Left .BorderContent .Marge{margin-right:21px;margin-left:21px;} .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm {float: left; width: 572px; margin-top: 5px;} .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm .ToolOptionA, .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm .ToolOptionB, .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm .ToolOptionC {float: left; width: 109px; border-left: 1px solid #e4e4e4; padding-left: 15px; padding-right: 15px; text-align: center;} .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm .ToolOptionD {float: right; width: 109px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; text-align: center; padding-left: 15px; padding-right: 15px;} .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm .ToolOptionA .Image {height: 85px; background: url(/template/eon/binaryresource/images/product/gezin1.gif) no-repeat center;} .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm .ToolOptionB .Image {height: 85px; background: url(/template/eon/binaryresource/images/product/gezin2.gif) no-repeat center;} .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm .ToolOptionC .Image {height: 85px; background: url(/template/eon/binaryresource/images/product/gezin3.gif) no-repeat center;} .ToolContent .ToolFrameSet .Left .BorderContent .Marge .ToolForm .ToolOptionD .Image {height: 85px; background: url(/template/eon/binaryresource/images/product/gezin4.gif) no-repeat center;} .ToolContent .ToolFrameSet .Left .BorderBottom {float: left; height: 14px; width: 600px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/LeftContentBottom.gif);} .ContentE .ToolContent .ToolFrameSet .Left .BorderBottom {width:810px;background-image: url(/template/eon/binaryresource/images/product/ContentBottom.gif);} .ToolContent .ToolFrameSet .Right {float: Right; width: 190px; height: 510px; position: relative;} .ToolContent .ToolFrameSet .Right .ToolDisclaimer {float: left; padding-left: 19px; font-size: 10px; color: #999; line-height: 14px; background: url(/template/eon/binaryresource/images/product/star.gif) no-repeat 0 2px; margin-top: 25px;} .ToolContent .ToolFrameSet .Right .BannerBorderTop {float: left; height: 14px; width: 190px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/BannerBorderTop.gif);} .ToolContent .ToolFrameSet .Right .BannerBorderContent {float: left; width: 190px; background-repeat: repeat-y; background-image: url(/template/eon/binaryresource/images/product/BannerBorderCenter.gif);} .ToolContent .ToolFrameSet .Right .BannerBorderContent .BannerMarge {padding-left: 0px; margin-right: 14px; margin-left: 14px;} .ToolContent .ToolFrameSet .Right .BannerBorderContent h2 {margin-top: 0; font-weight: normal; font-style: normal; font-size: 14px; margin-bottom: 5px; color: #666;} .ToolContent .ToolFrameSet .Right .BannerBorderContent .BannerPhone {background: url(/template/eon/binaryresource/images/product/PictoTelefoon.gif) no-repeat; padding-left: 55px; height: 44px; margin-top: 20px;} .ToolContent .ToolFrameSet .Right .BannerBorderContent p {padding-top: 3px; font-size: 10px; color: #999; margin: 0 0 4px;} .ToolContent .ToolFrameSet .Right .BannerBorderContent h3 {margin: 0; font-weight: normal; font-style: normal; font-size: 17px; color: #999;} .ToolContent .ToolFrameSet .Right .BannerBorderBottom {float: left; height: 14px; width: 190px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/BannerBorderBottom.gif);} .ToolEonLogoBotom {height: 21px; width: 70px; right: 20px; bottom: 20px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/Eon_Logo_Bottom.gif); position: absolute;} /* End Frames----------------------------------*/ /* Tabs----------------------------------*/ #TabHome {float: left;} .ui-tabs {width: 573px; position: relative; background: url(/template/eon/binaryresource/images/product/ToolTabBack.gif) no-repeat left 30px; height: 362px;} .ui-tabs .ui-tabs-nav {width: 909px; float: left; padding: 0; margin: 0; position: absolute; top: 0; list-style-type: none; left: 0;} .ui-tabs .ui-tabs-nav li { position: relative; float: left; padding: 0; margin: 0 0 9px;} .ui-tabs .ui-tabs-nav li a {float: left;} .ContentE .ui-tabs{width:767px;background:url(/template/eon/binaryresource/images/product/ToolTabBack2.gif) repeat-x 0 30px;height:445px;} .ContentE a.ButtKeuze,.ContentE a.ButtKeuze span{padding-bottom:8px;text-decoration:none;} a.ButtOpties span {background: none left top; padding: 11px 6px 12px 16px; text-decoration: none;} .ui-tabs-selected.ui-state-active a.ButtOpties span {background: url(/template/eon/binaryresource/images/product/ToolTab1.gif) left top; padding: 11px 6px 12px 16px;} .ui-tabs-selected.ui-state-active a.ButtOpties {padding-right: 13px; padding-top: 11px; padding-bottom: 12px; background: url(/template/eon/binaryresource/images/product/ToolTabRight.gif) no-repeat right top;} a.ButtOpties {padding-right: 13px; padding-top: 11px; padding-bottom: 12px; background: none no-repeat right top; text-decoration: none; color: black;} a.ButtKeuze span {background: url(/template/eon/binaryresource/images/product/ToolTab2.gif) no-repeat left top; padding: 11px 6px 8px 16px; color: black; } a.ButtKeuze {padding-right: 14px; padding-top: 11px; padding-bottom: 8px; background: url(/template/eon/binaryresource/images/product/ToolTabRight.gif) no-repeat right top;} .ui-corner-top.ui-state-default a.ButtKeuze span {padding-right: 14px;padding-top: 11px; padding-bottom: 8px; background: none no-repeat right top;} .ui-corner-top.ui-state-default a.ButtKeuze { padding-right: 14px; padding-top: 11px; padding-bottom: 8px; background: none no-repeat right top; text-decoration: none; color: black;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } #tabs li.ui-corner-top.ui-tabs-selected.ui-state-active a {} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel {display: block; border-width: 0; position: absolute; bottom: 0; width: 571px; height: 307px;} .ui-tabs .ui-tabs-hide { display: none !important; } /* End Tabs----------------------------------*/ /* Tool frame 4----------------------------------*/ .ToolFrameSet .Left .BorderContent .Marge .LeftInformation { float: left; width: 244px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding-right: 20px; padding-left: 20px; font-size: 11px; color: #666; } .ToolFrameSet .BorderContent .LeftInformation ul, .ToolFrameSet .BorderContent .RightInformation ul { padding: 0; list-style-image: none; list-style-type: none; float: left; width: 243px; margin: 2px 0 13px; color: #666;} .ToolFrameSet .BorderContent .LeftInformation ul li, .ToolFrameSet .BorderContent .RightInformation ul li {background: url(/template/eon/binaryresource/images/product/VinkjeRood.gif) no-repeat 0 2px; padding-left: 26px; margin-bottom: 5px; font-size: 10px; color: #666; } .ToolFrameSet .Left .BorderContent .Marge .RightInformation {float: right; width: 244px; border-right: 1px solid #e4e4e4; padding-right: 20px;} /* End Tool frame 4----------------------------------*/ /* Content Tool Content in de Tabs----------------------------------*/ #TabHome .LeftInformation {float: left; width: 244px; margin-left: 0; border-right: 1px solid #e4e4e4; padding-right: 20px; border-left-width: 0;} #TabHome .RightInformation {float: right; width: 244px; margin-right: 0; border-right-width: 0;} /* End Content Tool Content in de Tabs----------------------------------*/ /* Lightbox Content----------------------------------*/ .LightBoxContentFrame .LightBoxMarge {padding: 20px 20px 0; height: 633px;} .LightBoxContentFrame .LightBoxMarge h2 {font-weight: normal; font-style: normal; margin-top: 0; margin-bottom: 19px; color: #f01C0A;} div.TableTop {float: left; height: 8px; background: url(/template/eon/binaryresource/images/product/TabelTopCorner.gif) no-repeat; width: 386px; _position: relative; _top: 4px;} .LightBoxContentFrame .ContentLeft {width: 386px; float: left;} .LightBoxContentFrame .ContentRight {width: 386px; float: right;} .LightBoxContentFrame .StarContent {background: url(/template/eon/binaryresource/images/product/star.gif) no-repeat left 4px; padding-left: 20px; width: 365px;} .LightBoxContentFrame .StarContent p {margin-top: 0; margin-bottom: 20px; line-height: 18px; font-size: 10px;} .LightBoxContentFrame .TableCenter {width: 384px; float: left; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; position: relative; font-size: 11px; color: #333;} .LightBoxContentFrame .TableCenter img {position: absolute; right: 43px; top: -2px;} .LightBoxContentFrame .TableCenter h3 {padding-left: 15px; margin-bottom: 18px; font-size: 11px; color: #666; margin-top: 14px;} div.TableBottom {float: left; height: 8px; background: url(/template/eon/binaryresource/images/product/TabelTopBottom.gif) no-repeat; width: 386px;} .LightBoxContentFrame .TableCenter .TableHeader {background-color: #f7f7f7; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; float: left; width: 369px;} .LightBoxContentFrame .TableCenter p {margin: 0; padding: 0;} .LightBoxContentFrame .TableCenter .TableWit {border-bottom: 1px solid #e4e4e4; float: left; width: 369px; background-color: white; padding-left: 15px;} .LightBoxContentFrame .TableCenter .TableGrijs {border-bottom: 1px solid #e4e4e4; float: left; width: 369px; background-color: #F7F7F7; padding-left: 15px;} .LightBoxContentFrame .TableCenter span {float: right;width: 129px; padding: 10px 15px 10px 23px; border-left: 1px solid #e4e4e4; font-size: 11px; color: #333;} .LightBoxContentFrame .TableCenter .TableWitSubTotaal {border-bottom: 1px solid #e4e4e4; float: left; width: 369px; background-color: #FFF; padding-left: 15px;} .LightBoxContentFrame .TableCenter .TableWitLeeg {float: left; width: 256px; height: 15px;} .LightBoxContentFrame .TableCenter .TableGrijsSubTotaal {border-bottom: 1px solid #e4e4e4; float: left; width: 369px; background-color: #F7F7F7; padding-left: 15px;} .LightBoxContentFrame .TableCenter .TableWitJaar {border-top: 1px solid #e4e4e4; float: left; width: 369px; background-color: #FFF; padding-left: 15px;} .LightBoxContentFrame .TableCenter div.TableEndGrijsSubTotaal {border-top: 1px solid #e4e4e4; float: left; width: 369px; background-color: #F7F7F7; padding-left: 15px;} .LightBoxContentFrame .TableCenter div.TableEndGrijsSubTotaal span {padding-top: 17px; font-size: 16px; color: #333;} .LightBoxContentFrame .TableCenter div.MargeTekst {float: left; padding-top: 9px; font-size: 11px; color: #333;} .LightBoxContentFrame .TableCenter div.TableEndGrijsSubTotaal .MargeTekst { padding-top: 23px;} /* End Lightbox Content------------------------------*/ /* Lightbox Module----------------------------------*/ .LightBoxContentFrame .BackVisual {position: absolute; height: 189px; width: 474px; background: url(/template/eon/binaryresource/images/product/BeeldFrame1.jpg) no-repeat; bottom: 38px; right: 18px;} .LightBoxContentFrame .ContentB .ContentLeft {float: left; width: 600px; position: relative; margin-top: 23px;} .LightBoxContentFrame .ContentB .ContentLeft .BorderTop {background-image: url(/template/eon/binaryresource/images/product/LeftContentTop.gif); width: 600px;height: 14px;float: left;} .LightBoxContentFrame .ContentB .ContentLeft .FramePijl {position: absolute; background-image: url(/template/eon/binaryresource/images/product/FramePijl.gif); width: 47px; height: 22px; top: -20px; left: 130px;} .LightBoxContentFrame .ContentB .ContentLeft .BorderContent {float: ;background-image: url(/template/eon/binaryresource/images/product/LeftContentCenter.gif); width: 600px; float: left;} .LightBoxContentFrame .ContentB .ContentLeft .BorderBottom {background-image: url(/template/eon/binaryresource/images/product/LeftContentBottom.gif); width: 600px;height: 14px;float: left; margin-bottom: 20px; } .LightBoxContentFrame .ContentB .BerekenKnop {float: left; position: relative; left: 331px; margin-top: 7px; } .LightBoxContentFrame .ContentB .BerekenKnop a:Link, .LightBoxContentFrame .ContentB .BerekenKnop a:Visited {background-image: url(/template/eon/binaryresource/images/product/BerekenKnop.gif); width: 102px;display: block; height: 35px;} .LightBoxContentFrame .ContentB .ContentLeft .BorderContent .Marge {padding: 10px 20px;} .LightBoxContentFrame .ContentB .ContentLeft .BorderContent h4 {margin-top: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; font-weight: normal; font-style: normal;font-size: 11px; color: #666;} .LightBoxContentFrame .ContentB .ContentLeft .Marge p { font-size: 10px; color: #666; *margin: 0 0 13px; } .LightBoxContentFrame .Module span { font-weight: bold; color: #000; float: left; width: 134px;display: block; margin-top: 6px; } .LightBoxContentFrame .Module div.BlokA { float: left; border-bottom: 1px solid #E4E4E4; margin-bottom: 12px; padding-bottom: 3px; } .LightBoxContentFrame .ContentB .ContentLeft .Marge .Module .Left p {font-size: 10px; color: #999;} .LightBoxContentFrame .ContentB .ContentLeft .Marge .Module .Right p {font-size: 11px; color: #666;} .LightBoxContentFrame .ContentB .ContentLeft .BorderContent .Module {width: 559px; background: url(/template/eon/binaryresource/images/product/ModuleBack.gif) no-repeat; height: 201px; position: relative; float: left; margin-top: 8px;} .LightBoxContentFrame .ContentB .ContentLeft .Module .Left {width: 390px; position: absolute; left: 12px; top: 11px; *top: 15px;} .LightBoxContentFrame .ContentB .ContentLeft .Module .Right {width: 100px; position: absolute; right: 9px; top: 0; *top: 15px;} .LightBoxContentFrame .ContentB .ContentRight {float: right; width: 186px; margin-top: 24px;} .LightBoxContentFrame .ContentB .ContentRight .ContentStar {background: url(/template/eon/binaryresource/images/product/star.gif) no-repeat left 3px; padding-left: 18px;font-size: 10px;color: #333; line-height: 18px;} .LightBoxContentFrame .ContentB .ContentRight p {margin-top: 0;} /* End Lightbox Module------------------------------*/ /* Energieproducten------------------------------*/ .PageNewContent {background-color: white; float: left; width: 810px;} .PageNewContent h1 {font-size: 19px; font-weight: normal; font-style: normal; color: #333; margin: 0 0 20px;} .PageNewContent .EnergieTabel {float: left; width: 810px;} .PageNewContent .EnergieTabel .EnergieTabelTop {position: relative; height: 185px; _top: 2px; } .PageNewContent .EnergieTabel .EnergieTabelTop .KolomA {position: absolute; top: 125px; left: 227px;} .PageNewContent .EnergieTabel .EnergieTabelTop .KolomA h1 {font-size: 11px; color: #666; font-weight: bold; width: 104px;} .PageNewContent .EnergieTabel .EnergieTabelTop .KolomB {position: absolute; top: 35px; left: 372px;} .PageNewContent .EnergieTabel .EnergieTabelTop .KolomB h1 {font-size: 11px; color: #666; font-weight: bold; width: 92px;} .PageNewContent .EnergieTabel .EnergieTabelTop .KolomC {position: absolute; top: 125px; left: 525px;} .PageNewContent .EnergieTabel .EnergieTabelTop .KolomC h1 {font-size: 11px; color: #666; font-weight: bold; width: 90px;} .PageNewContent .EnergieTabel .EnergieTabelTop .KolomD {position: absolute; top: 125px; left: 676px;} .PageNewContent .EnergieTabel .EnergieTabelTop .KolomD h1 {font-size: 11px; color: #666; font-weight: bold; width: 90px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter {float: left; width: 810px; position: relative; background: url(/template/eon/binaryresource/images/product/KiesHetProductCenter.gif) no-repeat; height: 213px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter133 {float: left; width: 810px; position: relative; background: url(/template/eon/binaryresource/images/product/KiesHetProductCenter.gif) no-repeat; height: 133px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomA, .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB, .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC, .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD, .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE {position: absolute; font-size: 11px; color: #333;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomA {width: 200px; left: 10px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB {width: 130px; left: 219px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC {width: 130px; left: 369px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD {width: 125px; right: 163px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE {width: 125px; right: 12px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomA div.TekstA {position: absolute; top: 13px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomA div.TekstB {position: absolute; top: 60px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomA div.TekstC {position: absolute; top: 101px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomA div.TekstD {position: absolute; top: 157px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomA div.TekstE {position: absolute; top: 195px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB div.TekstA {position: absolute; top: 5px;width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB div.TekstB {position: absolute; top: 60px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB div.TekstC {position: absolute; top: 108px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB div.TekstD {position: absolute; top: 157px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB div.TekstE {position: absolute; top: 195px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB a:Link, .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomB a:Visited {background: url(/template/eon/binaryresource/images/product/InfoPictoButtWit.gif) repeat; width: 14px; height: 14px; display: block; position: absolute; right: 0; bottom: -3px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC div.TekstA {position: absolute; top: 5px;width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC div.TekstB {position: absolute; top: 60px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC div.TekstC {position: absolute; top: 108px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC div.TekstD {position: absolute; top: 157px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC div.TekstE {position: absolute; top: 195px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC a:Link, .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomC a:Visited {background: url(/template/eon/binaryresource/images/product/InfoPictoButtWit.gif) repeat; width: 14px; height: 14px; display: block; position: absolute; right: 0; bottom: -3px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD div.TekstA {position: absolute; top: 5px;width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD div.TekstB {position: absolute; top: 60px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD div.TekstC {position: absolute; top: 108px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD div.TekstD {position: absolute; top: 157px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD div.TekstE {position: absolute; top: 195px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD a:Link, .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomD a:Visited {background: url(/template/eon/binaryresource/images/product/InfoPictoButtWit.gif) repeat; width: 14px; height: 14px; display: block; position: absolute; right: 0; bottom: -3px;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE div.TekstA {position: absolute; top: 5px;width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE div.TekstB {position: absolute; top: 60px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE div.TekstC {position: absolute; top: 108px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE div.TekstD {position: absolute; top: 157px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE div.TekstE {position: absolute; top: 195px; width: 129px; text-align: center;} .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE a:Link, .PageNewContent .EnergieTabel div.EnergieTabelCenter div.KolomE a:Visited {background: url(/template/eon/binaryresource/images/product/InfoPictoButtWit.gif) repeat; width: 14px; height: 14px; display: block; position: absolute; right: 0; bottom: -3px;} .PageNewContent .EnergieTabel .EnergieTabelBottom {position: relative; float: left; width: 810px; height: 93px; background-image: url(/template/eon/binaryresource/images/product/KiesHetProductBottom.gif); font-size: 11px; color: #333;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA {float: left; position: absolute; left: 221px; top: 20px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA a:Visited {color: #333;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA .BestelNuLink a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA .BestelNuLink a:Visited {background: url(/template/eon/binaryresource/images/product/BestelNuPortalWit.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA .BestelNuLink_ab a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA .BestelNuLink_ab a:Visited {background: url(/template/eon/binaryresource/images/product/BestelNuPortalWit_ab.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA .BestelNuLink_ab2 a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomA .BestelNuLink_ab2 a:Visited {background: url(/template/eon/binaryresource/images/product/MeerInfoPortalWit_ab.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB {float: left; position: absolute; left: 371px; top: 20px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB a:Visited {color: #333;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB .BestelNuLink a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB .BestelNuLink a:Visited {background: url(/template/eon/binaryresource/images/product/BestelNuPortalGrijs.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB .BestelNuLink_ab a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB .BestelNuLink_ab a:Visited {background: url(/template/eon/binaryresource/images/product/BestelNuPortalGrijs_ab.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB .BestelNuLink_ab2 a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomB .BestelNuLink_ab2 a:Visited {background: url(/template/eon/binaryresource/images/product/MeerInfoPortalGrijs_ab.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC {float: left; position: absolute; left: 522px; top: 20px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC a:Visited {color: #333;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC .BestelNuLink a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC .BestelNuLink a:Visited {background: url(/template/eon/binaryresource/images/product/BestelNuPortalWit.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC .BestelNuLink_ab a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC .BestelNuLink_ab a:Visited {background: url(/template/eon/binaryresource/images/product/BestelNuPortalWit_ab.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC .BestelNuLink_ab2 a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomC .BestelNuLink_ab2 a:Visited {background: url(/template/eon/binaryresource/images/product/MeerInfoPortalWit_ab.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD {float: left; position: absolute; left: 671px; top: 20px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD a:Visited {color: #333;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD .BestelNuLink a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD .BestelNuLink a:Visited {background: url(/template/eon/binaryresource/images/product/BestelNuPortalWit.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD .BestelNuLink_ab a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD .BestelNuLink_ab a:Visited {background: url(/template/eon/binaryresource/images/product/BestelNuPortalWit_ab.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD .BestelNuLink_ab2 a:Link, .PageNewContent .EnergieTabel .EnergieTabelBottom div.KolomD .BestelNuLink_ab2 a:Visited {background: url(/template/eon/binaryresource/images/product/MeerInfoPortalWit_ab.gif) no-repeat; float: left; position: relative; width: 137px; height: 43px; margin-top: 8px; left: -4px;} .PageNewContent .EnergieTabel .FrameSet {float: left; width: 810px; background: url(/template/eon/binaryresource/images/product/BordersPortal.gif) no-repeat; margin-top: 20px;height: 258px;} .PageNewContent .EnergieTabel .FrameSet .LeftContent {float: left; width: 488px; height: 226px; position: relative;} .PageNewContent .EnergieTabel .FrameSet .LeftContent .Marge {margin: 37px 15px 15px;} .PageNewContent .EnergieTabel .FrameSet .LeftContent .Marge .Image {position: absolute; right: 15px; top: 40px;} .PageNewContent .EnergieTabel .FrameSet .LeftContent .Marge h2 {position: absolute; font-size: 14px; font-weight: normal; font-style: normal; color: #F01C0A; margin: 0; top: 38px;} .PageNewContent .EnergieTabel .FrameSet .LeftContent .Marge p {position: absolute; font-size: 11px; color: #333; width: 237px; top: 66px;} .PageNewContent .EnergieTabel .FrameSet .LeftContent .Marge a:link, .PageNewContent .EnergieTabel .FrameSet .LeftContent .Marge a:Visited {position: absolute; background-image: url(/template/eon/binaryresource/images/product/StartHierButton.gif); width: 151px; height: 43px; bottom: 8px; left: 156px;} .PageNewContent .EnergieTabel .FrameSet .RightContent {float: right; width: 300px; height: 226px; position: relative;} .PageNewContent .EnergieTabel .FrameSet .RightContent .Marge {width: 275px; left: 13px; position: absolute; top: 34px; *height: 186px;} .PageNewContent .EnergieTabel .FrameSet .RightContent .Marge h2 {margin: 0; font-size: 14px; font-weight: normal; font-style: normal; color: #F01C0A;} .PageNewContent .EnergieTabel .FrameSet .RightContent .Marge p {color: #666; font-size: 10px;*padding: 0;*margin: 10px 0 10px;} .PageNewContent .EnergieTabel .FrameSet .RightContent .Marge ul {margin: 0; padding: 0 0 0 15px; color: #666; font-size: 10px; list-style-position: outside; list-style-type:disc; list-style-image:none; } .PageNewContent .EnergieTabel .FrameSet .RightContent .Marge li {margin-bottom: 8px; *margin-bottom: 0px;} .PageNewContent .EnergieTabel .FrameSet .RightContent .Image {float: left; position: absolute; bottom: 53px;right: 20px;} .PageNewContent .EnergieTabel .FrameSet .RightContent .Marge a:Link, .PageNewContent .EnergieTabel .FrameSet .RightContent .Marge a:Visited {background: url(/template/eon/binaryresource/images/product/BekijkAlleVoordelenButton.gif) no-repeat; width: 152px; display: block; height: 32px; float: left; position: absolute; left: 62px; bottom: -60px; *bottom: 0px;} .PageNewContent .ContentFooter {float: left; padding-bottom: 20px; background: url(/template/eon/binaryresource/images/product/FooterPortalBack.gif) no-repeat;} .PageNewContent .ContentFooter .Marge {margin: 20px;} .PageNewContent .ContentFooter .Marge h2 {margin: 0 0 15px; color: #F01C0A; font-size: 14px; font-weight: normal; font-style: normal;} .PageNewContent .ContentFooter .Marge p {font-size: 11px; color: #333; margin-bottom: 28px;} div.StarContent {font-size: 11px; color: #333; background: url(/template/eon/binaryresource/images/product/star.gif) no-repeat; padding-left: 18px;} /* End Energieproducten------------------------------*/ /* Voordeeltarief----------------------------------*/ .euro {font-size:12px; font-weight:normal; color:#f21c0a;} .price {font-size:28px; font-weight:normal; color:#f21c0a;} .asterix {font-size:10px; font-weight:normal; color:#999;} .VoordeelTabs {position: relative; float: left; padding-bottom: 20px;} .VoordeelTabs #TabHome {float: left;} .VoordeelTabs .ui-tabs {width: 810px; position: relative; background: url(/template/eon/binaryresource/images/product/VoordeeltariefTabBack.gif) no-repeat left 30px; height: 428px;} .VoordeelTabs .ui-tabs .ui-tabs-nav {width: 810px; float: left; margin: 0; position: absolute; top: 0; list-style-type: none; left: -16px; padding: 0;} .VoordeelTabs .ui-tabs .ui-tabs-nav li { position: relative; float: left; padding: 0; margin: 0 0 9px;list-style:none;} .VoordeelTabs .ui-tabs .ui-tabs-nav li a {float: left;} .VoordeelTabs a.ButtOpties span {background: url(/template/eon/binaryresource/images/product/ToolTab1Up1.gif) left top; padding: 11px 6px 12px 16px; font-size: 10px;font-weight: bold; color: #666;} .VoordeelTabs a.ButtOpties {padding-right: 13px; padding-top: 11px; padding-bottom: 12px; background: url(/template/eon/binaryresource/images/product/ToolTabRightNormal.gif) no-repeat right top;} .VoordeelTabs .ui-tabs-selected.ui-state-active a.ButtOpties span {background: url(/template/eon/binaryresource/images/product/ToolTab1Wit.gif) left top; padding: 11px 6px 12px 16px; font-size: 10px; color: #333;font-weight: bold;} .VoordeelTabs .ui-tabs-selected.ui-state-active a.ButtOpties {padding-right: 13px; padding-top: 11px; padding-bottom: 12px; background: url(/template/eon/binaryresource/images/product/ToolTabRightWit.gif) no-repeat right top;} .VoordeelTabs a.ButtKeuze span {background: url(/template/eon/binaryresource/images/product/ToolTab2Wit.gif) left top; padding: 11px 6px 9px 16px; color: #333; font-weight: bold; font-size: 10px; text-decoration: none;} .VoordeelTabs a.ButtKeuze { background: url(/template/eon/binaryresource/images/product/ToolTabRightWit.gif) no-repeat right top; font-size:10px; padding: 11px 14px 9px 0; text-decoration: none;} .VoordeelTabs .ui-corner-top.ui-state-default a.ButtKeuze span {background: url(/template/eon/binaryresource/images/product/ToolTab2Normal.gif) left top; padding: 11px 6px 8px 16px; font-weight: bold; color: #666; font-size: 10px; text-decoration: none;} .VoordeelTabs .ui-corner-top.ui-state-default a.ButtKeuze {padding-right: 14px; padding-top: 11px; padding-bottom: 8px; background: url(/template/eon/binaryresource/images/product/ToolTabRightNormal.gif) no-repeat right top; font-size: 10px; text-decoration: none;} .VoordeelTabs #tabs li.ui-corner-top.ui-tabs-selected.ui-state-active a {font-size: 10px;} .VoordeelTabs .ui-tabs .ui-tabs-panel {display: block; border-width: 0; position: absolute; top:50px; width: 542px; height: 465px!important; left: 14px;} .VoordeelTabs .ui-tabs{height:550px!important;} .VoordeelTabs .ui-tabs .ui-tabs-hide { display: none !important; } .VoordeelTabs #TabHome p {font-size: 11px; color: #333; line-height: 16px; margin-bottom: 20px;} .VoordeelTabs #TabHome h6 {font-size: 11px; margin-bottom: 2px;} .VoordeelTabs #TabHome ul {margin: 0; padding: 0 0 0 16px; color: #333; line-height:12px;} .VoordeelTabs #TabHome ol {margin: 0; padding: 0 0 0 22px; color: #333; line-height:16px;} .VoordeelTabs #TabHome ol li {margin: 0; padding: 0 0 14px 0; color: #333; line-height:16px;} .VoordeelTabs #TabHome h3 {color: #F01C0A; font-size: 14px; font-weight: normal; font-style: normal; margin-bottom: -5px;} .VoordeelTabs #TabHome #Links a:link, .VoordeelTabs #TabHome #Links a:Visited {color: black; display: block; font-size: 11px; font-weight: bold; margin-bottom: -8px;} #Links li {list-style:none;} .VoordeelTabs div.BannerContent {float: left; position: absolute; width: 226px; _width: 219px;top: 47px; margin-top: 7px; right: 0px; _right: -10px; } .VoordeelTabs div.BannerContent .BannerMarge {padding-left: 0px; margin-right: 14px; margin-left: 14px;} .VoordeelTabs div.BannerContent h2 {margin-top: 0; font-weight: normal; font-style: normal; font-size: 14px; margin-bottom: 10px; color: #666;} .VoordeelTabs div.BannerContent .BannerPhone {background: url(/template/eon/binaryresource/images/product/PictoTelefoon.gif) no-repeat; padding-left: 55px; height: 44px; margin-top: 15px;} .VoordeelTabs div.BannerContent p {padding-top: 3px; font-size: 11px; color: #666; margin: 0 0 4px;} .VoordeelTabs div.BannerContent h3 {margin: 0; font-weight: normal; font-style: normal; font-size: 16px; color: #666;} .VoordeelOverzicht {width: 810px;float: left;} .VoordeelOverzicht .VoordeelLeft {float: left; position: relative;} .VoordeelOverzicht .VoordeelRight .KolomA a:Link, .VoordeelOverzicht .VoordeelRight .KolomA a:Visited {width: 104px; display: block; height: 63px; background: url(/template/eon/binaryresource/images/product/BestelNuGroot.gif) no-repeat; position: absolute; bottom: 8px; *bottom: 15px;} .VoordeelOverzicht .VoordeelRight {float: right; background: url(/template/eon/binaryresource/images/product/GemideldeBackground.gif) no-repeat; width: 468px; margin-bottom: 10px;} .VoordeelOverzicht .VoordeelRight .KolomA {float: left; width: 113px; height: 216px; margin-left: 9px; position: relative; left: 0px; _left: -9px; top: 0; *top: 8px;} .VoordeelOverzicht .VoordeelRight .KolomA p{margin-top:11px; margin-bottom:11px; *margin-top:0px;} .VoordeelOverzicht .VoordeelRight .KolomA .TekstA { *position: relative; *top: -15px; *left: 5px; } .VoordeelOverzicht .VoordeelRight .KolomB {float: right; width: 302px; margin-right: 14px; height: 216px; position: relative;} .VoordeelOverzicht .VoordeelRight .KolomB div.Form {float: left; width: 302px; height: 93px; *height:103px} .VoordeelOverzicht .VoordeelRight .KolomB strong {color: #666;} .VoordeelOverzicht .VoordeelRight .KolomB p {color: #333; font-size: 10px;margin-top: 11px; margin-bottom:10px;} .VoordeelOverzicht .VoordeelRight .KolomB div.Kopje {float: left; position: relative; _left: 10px;} .VoordeelOverzicht .VoordeelRight .KolomB .TekstA {float: left; position: relative; _left: 10px; *top: -5px;} .VoordeelOverzicht .VoordeelRight .KolomB .TekstB {float: left; position: relative; _left: 10px; *top: -5px;} .VoordeelOverzicht .VoordeelRight .KolomB p a:link, .VoordeelOverzicht .VoordeelRight .KolomB p a:Visited {color: #F01C0A; font-size: 10px;margin-top: 10px;font-weight: bold;} .VoordeelOverzicht .VoordeelRight .KolomB em {font-weight: normal; font-style: normal; font-size: 10px; color: #999;} .VoordeelOverzicht .VoordeelRight .KolomB em strong {font-size: 10px; color: #999;} .VoordeelOverzicht .VoordeelRight .KolomB .FormA {position: absolute; right: 269px; _right: 258px; top: 34px; width: 22px; background: url(/template/eon/binaryresource/images/product/picto1klein.gif) no-repeat 0 9px; padding-top: 54px; text-align: center;} .VoordeelOverzicht .VoordeelRight .KolomB .FormB {position: absolute; right: 178px; _right: 165px; top: 34px; width: 52px; background: url(/template/eon/binaryresource/images/product/picto2klein.gif) no-repeat 0 9px; padding-top: 54px; text-align: center;} .VoordeelOverzicht .VoordeelRight .KolomB .FormC {position: absolute; right: 100px; _right: 86px; top: 34px; width: 50px; background: url(/template/eon/binaryresource/images/product/picto3klein.gif) no-repeat 0 9px; padding-top: 54px; text-align: center;} .VoordeelOverzicht .VoordeelRight .KolomB .FormD {position: absolute; right: 4px; _right: -10px; top: 34px; width: 61px; background: url(/template/eon/binaryresource/images/product/picto4klein.gif) no-repeat 0 9px; padding-top: 54px; text-align: center;} .AlleEnergieproducten p {width: 810px; text-align: right; margin-bottom: 20px; font-size: 10px; color: #333;} .AlleEnergieproducten p a:link, .AlleEnergieproducten p a:Visited {width: 810px; text-align: right; margin-bottom: 20px; font-size: 10px; color: #333; font-weight: bold;} .VoordeelOverzicht .VoordeelLeft ul {list-style-image: url(/template/eon/binaryresource/images/product/VinkGrijs.gif); font-size: 11px; color: #333; list-style-position:inside; } .VoordeelOverzicht .VoordeelLeft ul li {margin-bottom: 8px; color: #333; *padding-left: 10px; } .VoordeelOverzicht .AlleEnergieproducten { float: left; } /* End Voordeeltarief------------------------------*/ /* Uw keus------------------------------*/ .UwKeuzeContent { position: relative;float: left; width: 810px; background-color: white;} .UwKeuzeContent .ContentLeft {float: left;} .UwKeuzeContent .ContentRight {float: right; width: 190px; height: 300px; position: absolute; right: 0; top: 0;} .UwKeuzeContent .ContentRight .BannerBorderTop {float: left; height: 14px; width: 190px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/BannerBorderTop.gif);} .UwKeuzeContent .ContentRight .BannerBorderContent {float: left; width: 190px; background-repeat: repeat-y; background-image: url(/template/eon/binaryresource/images/product/BannerBorderCenter.gif);} .UwKeuzeContent .ContentRight .BannerBorderContent .BannerMarge {padding-left: 0px; margin-right: 14px; margin-left: 14px;} .UwKeuzeContent .ContentRight .BannerBorderContent h2 {margin-top: 0; font-weight: normal; font-style: normal; font-size: 14px; margin-bottom: 5px; color: #999;} .UwKeuzeContent .ContentRight .BannerBorderContent .BannerPhone {background: url(/template/eon/binaryresource/images/product/PictoTelefoon.gif) no-repeat; padding-left: 55px; height: 44px; margin-top: 20px;} .UwKeuzeContent .ContentRight .BannerBorderContent p {padding-top: 3px; font-size: 11px; color: #999; margin: 0 0 4px;} .UwKeuzeContent .ContentRight .BannerBorderContent h3 {margin: 0; font-weight: normal; font-style: normal; font-size: 17px; color: #999; } .UwKeuzeContent .ContentRight .BannerBorderBottom {float: left; height: 14px; width: 190px; background-repeat: no-repeat; background-image: url(/template/eon/binaryresource/images/product/BannerBorderBottom.gif);} .UwKeuzeContent .ContentRight .BannerSize {float: left; width: 190px;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming {width: 602px; float: left;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming div.BorderTop {width: 602px; background: url(/template/eon/binaryresource/images/product/UwKuezeBorderTop.gif) no-repeat; height: 14px;} .UwKeuzeContent .ContentLeft .ContentLeftIntro {float: left; width: 602px; position: relative; height: 156px;} .UwKeuzeContent .ContentLeft .ContentLeftIntro .ImageBackground { background-image: url(/template/eon/binaryresource/images/product/UwKeuzeVisual.gif); width: 403px; height: 145px; position: absolute; right: -4px;} .UwKeuzeContent .ContentLeft .ContentLeftIntro h1 {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #e4e4e4; position: relative; z-index: 10; width: 488px; font-size: 19px; color: #666; font-weight: normal;font-style: normal;} .UwKeuzeContent .ContentLeft .ContentLeftIntro .Text {width: 200px; font-weight: bold; color: #666; font-size: 10px;float: left; position: absolute; top: 72px; left: 164px;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming .BorderCenter {width: 602px; background: url(/template/eon/binaryresource/images/product/UwKuezeBorderCenter.gif) repeat-y; float: left;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming .BorderCenter .BorderMarge {float: left; margin: 0 15px; width: 570px;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming .BorderCenter .BorderMarge h2 {padding: 0 0 11px; border-bottom: 1px solid #e4e4e4; font-size: 10px; color: #666; margin: 0 0 10px;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming .BorderCenter .BorderMarge .Left {float: left; width: 261px;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming .BorderCenter .BorderMarge .Right {float: right; width: 292px;} .UwKeuzeContent .ContentLeftOpsomming .BorderMarge .Right p {margin: 0; font-size: 10px; color: #666; line-height: 19px;} .UwKeuzeContent .ContentLeftOpsomming p a:link, .UwKeuzeContent .ContentLeftOpsomming p a:Visited {margin: 0; font-size: 10px; color: #666; line-height: 19px;font-weight: bold;} .UwKeuzeContent .ContentLeftOpsomming .BorderMarge .Left ul {margin: 2px 0 0; padding: 0; list-style-image: none; list-style-type: none;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming .BorderCenter .BorderMarge .Left ul li {background: url(/template/eon/binaryresource/images/product/VinkjeRood.gif) no-repeat; padding-left: 30px; margin-bottom: 9px; font-size: 10px; color: #666;} .UwKeuzeContent .ContentLeft .ContentLeftOpsomming .BorderBottom {width: 602px; background: url(/template/eon/binaryresource/images/product/UwKuezeBorderBottom.gif) no-repeat; float: left; height: 43px;} .UwKeuzeContent .ContentLeftFooter {float: left; width: 601px; position: relative; height: 35px; } .UwKeuzeContent .ContentLeftFooter h2 {font-size: 16px; color: black; font-weight: normal; font-style: normal; margin: 0 0 5px;} .UwKeuzeContent .ContentLeftFooter .Tekst {width: 552px; background: url(/template/eon/binaryresource/images/product/UwKuezePijl.gif) no-repeat right top; height: 40px; padding-top: 5px;} .UwKeuzeContent .ContentLeftFooter .Tekst a:link, .UwKeuzeContent .ContentLeftFooter .Tekst a:Visited {color: black; font-weight: bold;} .UwKeuzeContent .ContentLeftFooter .BestelNuButton { position: absolute; float: left; top: 10px; right: 126px; width: 105px; height: 62px; } .UwKeuzeContent .ContentLeftFooter .BestelNuButton a:link, .BestelNuButton a:Visited { background-image: url(/template/eon/binaryresource/images/product/BestelNuGroot.gif); width: 105px; height: 62px; display: block; } #Choie-Costs { background:url(/template/eon/binaryresource/images/product/FlexibelBespaartarief.gif) no-repeat 0 0; width:433px; height:230px; float:left; color:#333; position:relative; } #Choie-Costs p{color:#333;margin-top:7px;} .ContentE .Price{display:block;color:#F21C0A;font-size:12px;height:36px;text-align:center;} .ContentE .Price big{font-size:28px;position:relative;display:inline-block;} .ContentE .Price a{display:block;background:url(/template/eon/binaryresource/images/product/InfoPictoButtGrijs.gif) no-repeat 0 0;width:14px;height:14px;position:absolute;right:-5px;top:-8px;} .PriceContent{color:#999;margin-top:-7px;} #Choie-Costs .PriceContent p{margin:0 20px 0 13px;} .Bereken{width:75px;padding:6px 10px;position:absolute;bottom:8px;right:35px;font-size:12px;line-height:18px;} #Choie{float:left;width:252px;padding:10px 28px 0 11px;} #Costs{float:right;width:114px;padding:10px 15px 0 10px;} #Choie ul,#Detail ul{list-style:none;margin:0;padding:0} #Choie ul{margin-top:25px;} #Choie ul li{background:url(/template/eon/binaryresource/images/product/BestelLi.gif) no-repeat 0 0;padding-left:29px;color:#666;line-height:12px;margin-bottom:5px;} .ContentE h3{color:#333;font-size:16px;margin:0;border-bottom:2px solid #f2f2f2;padding-bottom:5px;font-weight:normal;} #Choie h3{color:#f21c0a;} #Costs h3{margin-right:20px;} #Costs p{margin-right:20px;} #Detail{float:right;width:315px;padding-top:10px;color:#666;} #Detail div.ToolNavigatie{width:315px;border-top:2px solid #f2f2f2;} .ContentE .ui-tabs .ui-tabs-panel{width:767px;height:370px;} #Detail ul{margin-top:28px} #Detail li{line-height:20px;clear:left;} #Detail li label{float:left;width:100px;} .ContentE .BannerMarge{float:left;margin-top:69px;height:72px;background:url(/template/eon/binaryresource/images/product/Eon_Logo_Bottom2.gif) no-repeat right 50px;overflow:hidden;width:100%;} .ContentE .BannerPhone { background:url(/template/eon/binaryresource/images/product/PictoTelefoon2.gif) no-repeat scroll 0 0 transparent; height:44px; padding-left:55px; overflow:hidden; margin-top:-2px; float:left; } .ContentE .BannerMarge .BannerPhone p{font-size:10px;margin:0 0 4px;padding-top:3px;color:#333;} .ContentE .BannerPhone h3{padding:0;border:0;} .ContentE .BannerText{float:left;width:138px;margin-right:12px;} .ContentE .Left .Marge .BannerMarge h2{border-bottom:2px solid #f2f2f2;padding-bottom:2px;font-size:14px;margin-bottom:8px;} #Detail .ToolNavigatie a,.ContentE .BestelNuOnline{background:url(/template/eon/binaryresource/images/product/BestelNuOnline.gif) no-repeat 0 0;width:147px;height:36px;} .Kosten{background:url(/template/eon/binaryresource/images/product/KostenBg.gif) no-repeat 0 0;width:766px;height:378px;} .ContentE .Kosten .BlockA{float:left;width:241px;padding:10px 58px 0 11px;height:177px;} .ContentE .Kosten .BlockB{float:left;width:253px;padding:10px 44px 0 10px;height:177px;position:relative;} .ContentE .Kosten .BlockC{float:left;width:120px;padding:10px 10px 0 17px;height:177px;} .ContentE .Kosten h3{border:0;color:#f21c0a;} .ContentE .Kosten .BlockC h3{color:#333;margin-right:20px;} .ContentE .Kosten .BlockC p {margin-right:20px;} .ContentE .Kosten .Kosten-Bottom{float:left;width:100%;} .ContentE .Kosten .BlockC .PriceContent p{margin-left:10px;} .ContentE .Kosten .BlockC .Price{margin-bottom:10px;} .ContentE .Kosten .BlockB table{width:232px;margin-top:5px;margin-left:20px;} .ContentE .Kosten .BlockB table td{width:102px;line-height:46px;} .ContentE .Kosten .BlockB table td+td{width:45px;} .ContentE .Kosten .BlockB .text-input{padding:1px 2px;width:34px;font:11px Verdana,Arial,schreefloos;border:1px solid #7F9DB9;} .ContentE .Kosten .BlockB table td+td+td{width:85px;font-size:9px;color:#666;} .ContentE .Kosten .BlockB .BerekenKnop{width:252px;height:25px;display:block;background:url(/template/eon/binaryresource/images/product/Bereken.gif) no-repeat 0 0;text-indent:-999em;position:absolute;bottom:10px;left:12px;} .ContentE .Kosten .Kosten-Bottom{margin-top:7px;} .ContentE .Kosten .Kosten-Text{float:left;width:602px;padding-right:17px;margin-top:10px;} .ContentE .Kosten .BestelNuOnline{float:left;text-indent:-999em;} .ContentE .Kosten .BannerMarge{margin-top:40px} .ContentE .Kosten .BannerPhone h3{color:#333;} .ContentE .Left .Kosten .BannerMarge h2{border-bottom:0;} .ContentE .LeveringskostenLeft{float:left;width:365px} .ContentE .Left .LeveringskostenLeft p{font-size:11px;} .ContentE .LeveringskostenRight{float:right;width:387px;height:353px;color:#666;background:url(/template/eon/binaryresource/images/product/LeveringskostenTable.gif) no-repeat 0 0;} .ContentE .LeveringskostenRight th,.ContentE .LeveringskostenRight td,.ContentE .LeveringskostenRight caption{text-align:left;font-weight:normal;line-height:24px;} .ContentE .LeveringskostenRight caption {color:#f21c0a;padding-left:14px;} .ContentE .LeveringskostenRight th{padding-left:14px;width:206px;} .ContentE .LeveringskostenRight td{padding-left:22px;} .ContentE .LeveringskostenRight .totaal-jaar th,.ContentE .LeveringskostenRight .totaal-jaar td{padding-top:7px;} .ContentE .LeveringskostenRight .totaal-maand th,.ContentE .LeveringskostenRight .totaal-maand td{line-height:34px;} .ContentE .LeveringskostenRight .BestelNuOnline{float:right;text-indent:-999em;margin-top:8px;} .ToolContent .ToolFrameSet .error{font-weight:bold;color:#f21c0a;font-size:13px;} .ContentA ol{padding:0;list-style:none;color:#666;} .ContentA ol li{position:relative;padding-top:20px;} .ContentA .text-input{width:68px;margin-left:5px;padding:2px;height:18px;vertical-align:middle;font:11px Verdana,Arial,schreefloos;border:1px solid #7F9DB9;} .ContentA .text-input + .text-input{width:34px;margin-right:5px;} .ContentA ol li .error{position:absolute;right:50px;bottom:5px;} .ContentE #tabs2-3{height:400px;} /* End Uw keus------------------------------*/