/* Main width: 985px */
body
{
    font-family: Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    padding-bottom: 360px;
    background: #e4e4e4;
}

.clear
{
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}

input, textarea
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
}

/* Header
----------------------------------*/

.new-header
{
    font-size: 11px;
    color: White;
    background: #f21c0a url(img/header-bg.png) repeat-x center 4px;
}
.new-header .header-padding
{
    background: white;
    height: 2px;
    font-size: 0;
}
/* Meta Navigation
    -----------------------------*/
.new-header .meta-nav-container
{
    position: relative;
    height: 80px;
    width: 985px;
    margin: auto;
}
.new-header .meta-nav-container .eon-logo
{
    border: none;
    margin-left: 10px;
}
.new-header .meta-nav-container .meta-nav
{
    position: absolute;
    top: 0;
    left: 565px;
    margin: 0;
    padding: 0;
}
.new-header .meta-nav-container .meta-nav li
{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}
.new-header .meta-nav-container .meta-nav li a
{
    color: white;
    text-decoration: none;
    display: block;
    height: 39px;
    float: left;
    display: inline;
}
.new-header .meta-nav-container .meta-nav li a span
{
    display: block;
    height: 39px;
    cursor: pointer;
    line-height: 39px;
    margin-left: 15px;
    padding-right: 15px;
    float: left;
    display: inline;
}
.new-header .meta-nav-container .meta-nav li.current a, .new-header .meta-nav-container .meta-nav li a:hover
{
    color: #333;
    background: url(img/meta-nav-left.png) no-repeat left top;
}
.new-header .meta-nav-container .meta-nav li.current a span, .new-header .meta-nav-container .meta-nav li a:hover span
{
    background: url(img/meta-nav-right.png) no-repeat right top;
}

/* Top Navigation
    -----------------------*/
.top-nav-container
{
    height: 35px;
    background: url(img/top-nav-bg.jpg) repeat-x bottom;
}
.top-nav
{
    position: relative;
    height: 35px;
    width: 985px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2000;
}
.top-nav ul.top-nav-real-container
{
    margin: 0;
    padding: 0;
    height: 35px;
}
.top-nav .top-nav-real-container li
{
    float: left;
    display: inline;
    height: 35px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.top-nav .top-nav-real-container li a
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    display: block;
    color: #333;
    text-decoration: none;
    float: left;
    display: inline;
    text-indent: -5000px;
    background-image: url(img/top-nav.jpg);
    background-repeat: no-repeat;
    width: 150px;
}
.top-nav .top-nav-real-container .home a
{
    width: 63px;
}
.top-nav .top-nav-real-container .home a:hover, .top-nav .top-nav-real-container .home .hover, .top-nav .top-nav-real-container .home .current
{
    background-position: 0 -35px;
}
.top-nav .top-nav-real-container .daarom-eon-energie a
{
    width: 177px;
    background-position: -63px top;
}
.top-nav .top-nav-real-container .daarom-eon-energie a:hover, .top-nav .top-nav-real-container .daarom-eon-energie .hover, .top-nav .top-nav-real-container .daarom-eon-energie .current
{
    background-position: -63px -35px;
}
.top-nav .top-nav-real-container .producten-en-tarieven a
{
    width: 178px;
    background-position: -241px top;
}
.top-nav .top-nav-real-container .producten-en-tarieven a:hover, .top-nav .top-nav-real-container .producten-en-tarieven .hover, .top-nav .top-nav-real-container .producten-en-tarieven .current
{
    background-position: -241px -35px;
}
.top-nav .top-nav-real-container .overstappen a
{
    width: 121px;
    background-position: -420px top;
}
.top-nav .top-nav-real-container .overstappen a:hover, .top-nav .top-nav-real-container .overstappen .hover, .top-nav .top-nav-real-container .overstappen .current
{
    background-position: -420px -35px;
}
.top-nav .top-nav-real-container .service a
{
    width: 88px;
    background-position: -542px top;
}
.top-nav .top-nav-real-container .service a:hover, .top-nav .top-nav-real-container .service .hover, .top-nav .top-nav-real-container .service .current
{
    background-position: -542px -35px;
}
.top-nav .top-nav-real-container .energie-besparen a
{
    width: 150px;
    background-position: -631px top;
}
.top-nav .top-nav-real-container .energie-besparen a:hover, .top-nav .top-nav-real-container .energie-besparen .hover, .top-nav .top-nav-real-container .energie-besparen .current
{
    background-position: -631px -35px;
}
.top-nav .top-nav-real-container li .hover
{
    height: 35px;
}
.top-nav .top-nav-real-container li .current, .top-nav .top-nav-real-container li .hover, .top-nav .top-nav-real-container li a:hover
{
    position: relative; /* for IE7 */
}
/* Search
    ---------------------*/
.new-header .search-container
{
    width: 196px;
    height: 34px;
    margin-left: 12px;
    position: relative;
}
.new-header .search-container .input-search
{
    position: absolute;
    top: 6px;
    left: 0;
    width: 115px;
    height: 20px;
    border: #c9cbcc 1px solid;
    border-top-color: #6d6f70;
    border-bottom-color: #d3d5d6;
}
.new-header .search-container .btn-search
{
    position: absolute;
    top: 5px;
    left: 124px;
    width: 72px;
    height: 24px;
    border: none;
    background: url(img/btn-search.jpg) no-repeat left top;
}
/* Header Drop */
.header-drop-container
{
    position: absolute;
    display: none;
    top: 35px;
    left: 1px;
    width: 985px;
    color: #666;
}
.header-drop .header-drop-main
{
    padding: 19px 12px 18px;
    font-size: 12px;
    background: #fff;
    zoom: 1;
}
.header-drop .header-drop-footer
{
    font-size: 0;
    height: 12px;
    background: url(img/header-drop-bg.png) no-repeat left bottom;
}
#dropdown-overlay
{
    position: absolute;
    background: #000;
    top: 116px;
    left: 0;
    display: none;
    z-index: 1000;
    opacity: 0;
}

/* Main Content
--------------------------------------------*/

.new-main-container
{
    background: #fff url(img/main-bg.png) repeat-x top;
}
.new-main-container .new-main-content
{
    width: 985px;
    margin: auto;
    padding: 20px 0;
    min-height: 400px;
}
.new-main-container .new-main-content .container_24
{
    width: 985px;
}
/* Crumbs */
.new-main-content .crumbs
{
    color: #999;
    font-size: 11px;
}
.new-main-content .crumbs a
{
    color: #999;
    text-decoration: none;
}
.new-main-content .crumbs a:hover
{
    text-decoration: underline;
}

/* Sub Navigation */
.sub-navigation
{
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
}
.sub-navigation li
{
    text-align: left;
    display: block;
    padding-left: 15px;
    padding-bottom: 9px;
    padding-top: 8px;
    width: 179px;
    font-size: 12px;
    margin-top: 0;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(img/sub-menu-normal.png);
}
*+html .sub-navigation li
{
    padding-top: 8px;
}
.sub-navigation li a
{
    text-align: left;
    color: #4987c8;
}
.sub-navigation li.first
{
    padding-top: 9px;
    background-image: url(img/sub-menu-first.png);
}
.sub-navigation li.two-line-first
{
    padding-top: 18px;
    height: 47px;
    padding-bottom: 0;
    background-image: url(img/sub-menu-first-big.png);
}
.sub-navigation li.first-current
{
    margin-top: 0;
    padding-top: 8px;
    color: #f21c0a;
    background-image: url(img/sub-menu-active.png);
}
.sub-navigation li.current
{
    margin-top: -2px;
    padding-top: 10px;
    background-image: url(img/sub-menu-active.png);
}
.sub-navigation li.first-current a,
.sub-navigation li.current a
{
    color: #f21c0a;
}
.sub-navigation li.two-line-normal
{
    height: 47px;
    background-image: url(img/sub-menu-normal-big.png);
}
.sub-navigation li.two-line-normal a
{
    padding-top: 10px;
}
.sub-navigation li.two-line-first-current,
.sub-navigation li.two-line-current
{
    margin-top: -2px;
    height: 47px;
    background-image: url(img/sub-menu-active-big.png);
}
.sub-navigation li.two-line-first-current
{
    margin-top: 0;
}
.sub-navigation li.two-line-first-current a,
.sub-navigation li.two-line-current a
{
    padding-top: 10px;
    color: #f21c0a;
}
.sub-navigation li a:hover
{
    text-decoration: underline;
}

/* Footer 
------------------------------------------*/

.new-footer-container
{
    clear: both;
    position: relative;
    padding-top: 23px;
    background: #e4e4e4 url(img/footer-bg.png) repeat-x top;
    font-size: 11px;
}
.new-footer-container .new-footer
{
    width: 985px;
    margin: auto;
    position: relative;
}
.new-footer-container .new-footer .lang-panel
{
    position: relative;
    height: 31px;
    border-bottom: #dedede 1px solid;
    padding-bottom: 6px;
}
.new-footer-container .new-footer .lang-panel .contact
{
    padding-top: 7px;
    color: #4987c8;
}
.new-footer-container .lang-panel .change-lang-panel
{
    position: absolute;
    top: 0;
    right: 0;
}
.new-footer-container .lang-panel .change-lang-panel .label
{
    float: left;
    display: inline;
    width: 94px;
    height: 27px;
    background: url(img/eon-nl-logo-small.gif) no-repeat left 1px;
}
.new-footer-container .lang-panel .change-lang-panel .btn-change-lang
{
    float: left;
    display: inline;
    margin-left: 15px;
}
.new-footer-container .lang-panel .change-lang-panel .btn-change-lang img
{
    cursor: pointer;
}
.new-footer-container .lang-panel .change-lang-panel .lang-list
{
    position: absolute;
    left: 109px;
    top: 29px;
    width: 157px;
    padding-bottom: 7px;
    background: url(img/lang-list-bg.gif) no-repeat left bottom;
}
.new-footer-container .lang-panel .change-lang-panel .lang-list ul
{
    border: #bebebe 1px solid;
    border-bottom: none;
    background: #ccc;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 10px 5px 5px;
    zoom: 1;
}
.new-footer-container .lang-panel .change-lang-panel .lang-list ul li
{
    margin: 5px auto;
    clear: both;
    height: 21px;
}
.new-footer-container .lang-panel .change-lang-panel .lang-list ul a
{
    font-size: 12px;
    color: #4987c7;
    text-decoration: none;
}
.new-footer-container .lang-panel .change-lang-panel .lang-list ul a:hover
{
    text-decoration: none;
}
.new-footer-container .lang-panel .change-lang-panel .lang-list ul a img
{
    width: 21px;
    height: 21px;
    border: none;
    float: left;
}
.new-footer-container .lang-panel .change-lang-panel .lang-list ul a span
{
    line-height: 21px;
    padding-left: 17px;
}
.new-footer-container .links-panel
{
    padding-top: 10px;
    padding-bottom: 4px;
    color: #999;
    border-bottom: #dedede 1px solid;
}
.new-footer-container .links-panel .link-group
{
    margin: 10px auto;
}
.new-footer-container .links-panel .link-group .sep
{
    padding: 0 13px;
}
.new-footer-container .links-panel a
{
    color: #999;
    text-decoration: none;
}
.new-footer-container .links-panel a:hover
{
    text-decoration: underline;
}
.new-footer-container .new-footer .copyright-panel
{
    padding-top: 15px;
    color: #999;
    font-size: 10px;
}
.new-footer-container .new-footer .copyright-panel a
{
    color: #999;
    text-decoration: none;
}
.new-footer-container .new-footer .copyright-panel a:hover
{
    text-decoration: underline;
}

.page-title
{
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: normal;
    color: #333;
    padding-bottom: 14px;
}
.dropdown-menu
{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    float: left;
    margin-right: 5px;
    width: 195px;
}
.dropdown-menu li
{
    margin: 3px auto;
    padding: 0 0 0 12px;
    background: url("img/right-arrow.gif") no-repeat scroll left 7px transparent;
}
.dropdown-menu li a, .dropdown-menu li a:visited
{
    padding: 0;
    margin: 0;
    color: #4987c8;
    font-size: 12px;
    line-height: 1.5em;
    text-decoration: none;
}
.dropdown-menu li a:hover
{
    text-decoration: underline;
}
.dropdown-content
{
    display: inline;
    min-height: 50px;
    width: 740px;
    min-height: 50px;
}
.dropdown-4-columns-container
{
    background: url(img/bg-dropdown-top-4-columns.gif) no-repeat left top;
}
.dropdown-columns-wrapper
{
    padding: 10px;
    padding-top: 25px;
    overflow: hidden;
}
.dropdown-columns-wrapper .dropdown-block
{
    border-left: #e4e4e4 1px solid;
    padding-left: 17px;
    padding-right: 10px;
}
.dropdown-columns-wrapper .dropdown-block.first
{
    border-left: none;
    padding-left: 7px;
}
.dropdown-4-columns-container .dropdown-columns-wrapper .grid_3
{
    width: 170px;
}
.dropdown-4-columns-container .dropdown-columns-wrapper .grid_3 .dropdown-block .light-button
{
    margin-left: 5px;
}
.dropdown-4-columns-bottom
{
    background: url(img/bg-dropdown-bottom-4-columns.gif) no-repeat left bottom;
    min-height: 10px;
}


/* Header Dropdowns
--------------------------------------------*/

.dropdown-content
{
    float: left;
    padding-top: 22px;
    padding-left: 20px;
}
.dropdown-content .dropdown-title
{
    font-weight: normal;
    font-size: 24px;
    color: #f21c0a;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
}
.dropdown-content .dropdown-desc
{
    line-height: 2em;
    font-size: 11px;
    color: #333;
}

.header-drop-daarom .dropdown-content
{
    height: 235px;
    background: url(img/dropdown-daarom-eon.gif) no-repeat left top;
}
.header-drop-daarom .dropdown-content .lees-more-big-grey
{
    margin-top: 45px;
}
.header-drop-overstappen .dropdown-content
{
    height: 235px;
    background: url(img/dropdown-overstappen.gif) no-repeat left top;
}
.header-drop-overstappen .dropdown-content .lees-more-big-grey
{
    margin-top: 45px;
}
.header-drop-service .dropdown-content
{
    height: 235px;
    background: url(img/dropdown-service.gif) no-repeat left top;
}
.header-drop-service .dropdown-content .lees-more-big-grey
{
    margin-top: 45px;
}
.header-drop-energie-besparen .dropdown-content
{
    height: 235px;
    background: url(img/dropdown-energie-besparen.gif) no-repeat left top;
}
.header-drop-energie-besparen .dropdown-content .lees-more-big-grey
{
    margin-top: 60px;
}
.header-drop-product .dropdown-content
{
    background: url(img/dropdown-product.gif) no-repeat left top;
}
.header-drop-product .dropdown-package-container
{
    float: left;
}
.header-drop-product .dropdown-package
{
    float: left;
    width: 180px;
    font-size: 11px;
}
.header-drop-product .dropdown-package .package-name
{
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 20px;
}
.header-drop-product .dropdown-package em
{
    color: #999;
    font-style: normal;
}
.header-drop-product .dropdown-package .minus-style
{
    line-height: 1.7em;
    margin: 0;
    margin-top: 5px;
}
.header-drop-product .flexible-package-container
{
    float: left;
}
.header-drop-product .flexible-package-container .dropdown-package
{
    float: none;
}
.header-drop-product .flexible-package-container .dropdown-package .lees-more-small-grey
{
    margin-top: 45px;
}
.header-drop-product .welk-energiepakket-button
{
    margin-top: 25px;
    margin-left: 115px;
}

.light-button
{
    border: #ccc 1px solid;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    padding: 5px 30px;
    display: inline-block;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.light-button:hover
{
    color: #333;
}
.light-button.blue, .light-button.blue:hover
{
    color: #5784bd;
}
.overstappen-button
{
    display: block;
    width: 157px;
    height: 30px;
    background: url(img/btn-overstappen.png) no-repeat left top;
}
.start-button-large
{
    display: block;
    width: 159px;
    height: 60px;
    background: url(img/btn-start-large.png) no-repeat left top;
}
.meer-info-button
{
    display: block;
    width: 158px;
    height: 31px;
    background: url(img/btn-meer-info.png) no-repeat left top;
}
.meer-info-small-blue-button
{
    display: inline-block;
    width: 157px;
    height: 30px;
    background: url(img/meer-info-small-blue-btn.gif) no-repeat left top;
}
.meer-weten-button-large
{
    display: block;
    width: 158px;
    height: 61px;
    background: url(img/btn-meer-weten-large.png) no-repeat left top;
}
.overstappen-button-large
{
    display: block;
    width: 158px;
    height: 60px;
    background: url(img/btn-overstappen-large.png) no-repeat left top;
}

ul.minus-style
{
    padding: 0;
    list-style: none;
    list-style-image: none;
}
ul.minus-style li
{
    padding-left: 8px;
    background: url(img/minus.gif) no-repeat left 6px;
}

.new-main-container .feature-list
{
    margin: 0;
    margin-top: 32px;
    color: #333;
    font-size: 12px;
    list-style: none;
    list-style-image: none;
    padding-left: 0;
}
.new-main-container .feature-list li
{
    padding-left: 27px;
    background: url(img/tick.gif) no-repeat left 2px;
    margin: 6px auto;
}
.new-main-container .blue-icon-feature-list li
{
    background: url(img/tick-blue.gif) no-repeat left 2px;
}

/* Overview Pages
-----------------------------*/
/* A Simple Grid System
---------------------------------------*/
.mygrid-container
{
    color: #333;
    font-size: 11px;
}
.mygrid-container a, .mygrid-container a:visited, .mygrid-container a:hover
{
    color: #4987c8;
}
.mygrid-container a:hover
{
    text-decoration: underline;
}

.mygrid-container .mygrid-1, .mygrid-container .mygrid-2, .mygrid-container .mygrid-3, .mygrid-container .mygrid-4, .mygrid-container .mygrid-5
{
    float: left;
    display: inline;
    margin: 0 10px;
}

.mygrid-1
{
    float: left;
    width: 180px;
    display: inline;
    margin: 0 10px;
}
.mygrid-2
{
    float: left;
    width: 380px;
    display: inline;
    margin: 0 10px;
}
.mygrid-3
{
    float: left;
    width: 580px;
    display: inline;
    margin: 0 10px;
}
.mygrid-4
{
    float: left;
    width: 780px;
    display: inline;
    margin: 0 10px;
}
.mygrid-5
{
    float: none;
    width: 980px;
    margin: 0 10px;
}

.mygrid-container .alpha
{
    margin-left: 0;
}
.mygrid-container .omega
{
    margin-right: 0;
}

.center-children
{
    text-align: center;
}

/* Common Styles for Overview Pages
---------------------------------------------*/

.overview-main-panel
{
    padding-top: 10px;
    padding-left: 18px;
}
.overview-main-panel h1
{
    color: #f21c0a;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.4em;
    margin: 5px 0;
    padding: 0;
}
.overview-main-panel .sub-title
{
    font-weight: bold;
    color: #333;
    font-size: 13px;
    line-height: 1.6em;
}
.overview-main-panel .overview-main-desc
{
    line-height: 1.85em;
}

/* Buttons */
.lees-more-big-blue
{
    width: 157px;
    height: 60px;
    display: inline-block;
    background: url(img/lees-more-big-blue.gif) no-repeat left top;
}
.lees-more-big-grey
{
    width: 157px;
    height: 60px;
    display: inline-block;
    background: url(img/lees-more-button-large-grey.gif) no-repeat left top;
}
.lees-more-small-grey
{
    width: 158px;
    height: 31px;
    display: inline-block;
    background: url(img/lees-more-button-grey.gif) no-repeat left top;
}
.bekijk-onze-energieproducten-button
{
    width: 232px;
    height: 30px;
    display: inline-block;
    background: url(img/bekijk-onze-energieproducten-btn.gif) no-repeat left top;
}
.zo-stapt-u-over-large
{
    width: 268px;
    height: 61px;
    display: inline-block;
    background: url(img/zo-stapt-u-over-large.gif) no-repeat left top;
}
.stel-vraag-small-grey
{
    width: 158px;
    height: 31px;
    display: inline-block;
    background: url(img/stel-vraag-button-small-grey.gif) no-repeat left top;
}
.direct-overstappen-button-small-grey
{
    width: 158px;
    height: 30px;
    display: inline-block;
    background: url(img/direct-overstappen-button-small-grey.gif) no-repeat left top;
}
.ja-blue
{
    width: 158px;
    height: 30px;
    display: inline-block;
    background: url(img/ja-button-blue.gif) no-repeat left top;
}
.bekijk-alle-voordenlen-button
{
    width: 248px;
    height: 62px;
    display: inline-block;
    background: url(img/bekijk-alle-voordenlen-button-grey-large.gif) no-repeat left top;
}
.meterstanden-doorgeven-button
{
    width: 157px;
    height: 60px;
    display: inline-block;
    background: url(img/meterstanden-doorgeven-button.gif) no-repeat left top;
}
.naar-de-checklist-button
{
    width: 157px;
    height: 30px;
    display: inline-block;
    background: url(img/naar-de-checklist-button.gif) no-repeat left top;
}
.welk-energiepakket-button
{
    width: 305px;
    height: 31px;
    display: inline-block;
    background: url(img/welk-energiepakket-btn.gif) no-repeat left top;
}
.welk-energiepakket-button-bigger
{
    width: 326px;
    height: 41px;
    display: inline-block;
    background: url(img/welk-energiepakket-btn2.gif) no-repeat left top;
}
.lees-alle-tips-button
{
    width: 157px;
    height: 30px;
    display: inline-block;
    background: url(img/lees-alle-tips-btn.gif) no-repeat left top;
}
.naar-service-button
{
    width: 158px;
    height: 31px;
    display: inline-block;
    background: url(img/naar-service-btn.gif) no-repeat left top;
}
.hoe-stap-ik-over-button
{
    width: 158px;
    height: 31px;
    display: inline-block;
    background: url(img/hoe-stap-ik-over.gif) no-repeat left top;
}

/* Overview Blocks */

.overview-block
{
    position: relative;
    background: url(img/overview-block-top.gif) no-repeat left top;
    width: 180px;
    height: 260px;
    margin-bottom: 20px;
}
.overview-block .block-title
{
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
    padding: 10px;
}
.overview-block .normal-size-title
{
    font-weight: normal;
}
.overview-block .block-content
{
    padding: 5px 10px;
    line-height: 1.8em;
}
.overview-block .block-image
{
    left: 95px;
    position: absolute;
    top: 50px;
}
.overview-block .block-bottom
{
    background: url(img/overview-block-bottom.gif) no-repeat left bottom;
    min-height: 11px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 160px;
}
.overview-block.grey-bg-block
{
    background: url(img/overview-grey-block-top.gif) no-repeat left top;
}
.overview-block.grey-bg-block .block-bottom
{
    background: url(img/overview-grey-block-bottom.gif) no-repeat left bottom;
}
.overview-block .block-bottom.has-content
{
    border-top: #e4e4e4 1px solid;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
}
.overview-block.green-border-block
{
    background: url(img/overview-block-top-green.gif) no-repeat left top;
}
.overview-block.green-border-block .block-bottom
{
    background: url(img/overview-block-bottom-green.gif) no-repeat left bottom;
}
.overview-block.green-border-block .block-bottom.has-content
{
    border-top: #699b34 1px solid;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.overview-block.green-border-block .block-bottom.no-border
{
    border-top: none;
}
.overview-block.span-2-col-block
{
    width: 380px;
    background: url(img/overview-block-top-2col-size.gif) no-repeat left top;
}
.overview-block.span-2-col-block .block-bottom
{
    width: 380px;
    background: url(img/overview-block-bottom-2col-size.gif) no-repeat left bottom;
}
.overview-block.span-2-col-green-block
{
    width: 380px;
    background: url(img/overview-block-top-2col-green.gif) no-repeat left top;
}
.overview-block.span-2-col-green-block .block-bottom
{
    width: 380px;
    background: url(img/overview-block-bottom-2col-green.gif) no-repeat left bottom;
}
.overview-block ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
.overview-block ul li
{
    padding-left: 15px;
    background: url(img/minus.gif) no-repeat left 8px;
}
.more-link
{
    color: #4987c8;
    text-decoration: none;
    padding-left: 12px;
    background: url(img/right-arrow.gif) no-repeat 1px center;
}
* + html .more-link
{
    background-position: 1px 4px;
}
.more-link:hover
{
    color: #4987c8;
    text-decoration: underline;
}
.more-link.arrow-right
{
    padding-left: 0;
    padding-right: 15px;
    background: url(img/right-arrow.gif) no-repeat right center;
}
.more-link.no-icon
{
    background-image: none !important;
    padding-left: 0 !important;
}
.overview-block .link-icon
{
    display: inline-block;
    margin-right: 4px;
}
.overview-block .place-on-bottom
{
    position: absolute;
    bottom: 13px;
}
.overview-block .place-on-right
{
    position: absolute;
    right: 10px;
}

.stel-uw-vraag-textarea
{
    width: 127px;
    height: 65px;
    border: none;
    border-width: 0;
    overflow: auto;
    margin-left: 3px;
    margin-top: 10px;
    height: 62px\9;
}
.overview-block.stel-uw-vraag
{
    background: url(img/ellen-block-bg.jpg) no-repeat left top;
}
.overview-block.stel-uw-vraag .block-bottom
{
    margin-top: 0;
    position: relative;
}
.overview-block.stel-uw-vraag .stel-vraag-small-grey
{
    margin-top: 5px;
}

ul.block-arrow-list
{
    margin: 0;
    padding: 0;
}
ul.block-arrow-list li
{
    background: url(img/right-arrow.gif) no-repeat left 8px;
    padding-left: 15px;
    position: relative; /* for IE6 */
}
ul.block-arrow-list li a
{
    color: #4987c8;
    text-decoration: none;
}
ul.block-arrow-list li a:hover
{
    color: #4987c8;
    text-decoration: underline;
}

.narrow-text
{
    letter-spacing: -0.3px;
}
* + html .narrow-text
{
    letter-spacing: -1px;
}

/* Home
------------------*/

.overview-home .overview-main-panel
{
    height: 270px;
    background: url(img/overview-home-bg.gif) no-repeat left top;
}
.overview-home .overview-main-panel .overview-main-desc
{
    padding-top: 5px;
    padding-bottom: 10px;
}
.overview-home .stap-nu-over-naar-eon-block
{
    background: url(img/overview-block-top-step-now-eon.gif) no-repeat left top;
}
.overview-home .stap-nu-over-naar-eon-block .block-title
{
    padding-top: 7px;
    padding-bottom: 13px;
    padding-left: 14px;
}
.overview-home .stap-nu-over-naar-eon-block .step-now-eon-counter
{
    height: 49px;
    font-size: 21px;
    text-align: right;
    letter-spacing: 16px;
    line-height: normal;
    padding-top: 21px;
}
.overview-home .stap-nu-over-naar-eon-block .step-now-eon-counter .int-part
{
    padding-right: 10px;
}

/* Daarom
------------------*/

.overview-daarom .overview-main-panel
{
    width: 565px;
    height: 533px;
    background: url(img/overview-daarom-bg.gif) no-repeat left top;
}
.overview-daarom .mygrid-3
{
    margin-top: 0;
}
.overview-daarom .sub-title
{
    margin-top: 30px;
}
.overview-daarom .overview-block .block-content
{
    height: 191px;
}
.overview-daarom .feature-list
{
    margin-top: 40px;
}

/* Overstappen
-------------------*/
.overview-overstappen .overview-main-panel
{
    width: 565px;
    height: 533px;
    background: url(img/overview-overstappen-bg.gif) no-repeat left top;
}
.overview-overstappen .overview-main-panel .sub-title
{
    margin-top: 30px;
}
.overview-overstappen .overview-block .block-content
{
    height: 191px;
}
.overview-overstappen .medium-block
{
    width: 380px;
    background: url(img/overstappen-medium-block-bg.gif) no-repeat left top;
}

/* Service
----------------*/
.overview-service .overview-main-panel
{
    width: 762px;
    height: 250px;
    background: url(img/overview-service-bg.gif) no-repeat left top;
}
.overview-service .overview-main-panel .sub-title
{
    margin-top: 10px;
}
.overview-service .feature-list
{
    margin-top: 20px;
}

/* OverEON
----------------*/
.overview-overeon .overview-main-panel
{
    width: 966px;
    height: 270px;
    background: url(img/overview-overeon-bg.gif) no-repeat left top;
}
.overview-overeon .overview-main-panel .sub-title
{
    margin-top: 9px;
}

/* Durability
-----------------*/
.overview-durability .overview-main-panel
{
    width: 566px;
    height: 531px;
    background: url(img/overview-durability-bg.gif) no-repeat left top;
}

/* Product
-----------------*/
.overview-product .overview-main-panel
{
    width: 972px; /*height: 272px;*/
    padding-bottom: 20px;
    background: url(img/overview-product-bg.gif) no-repeat left top;
}
.overview-product .overview-main-panel .welk-energiepakket-button-bigger
{
    margin-top: 20px;
}
.overview-product .green-border-block .meer-info-small-blue-button
{
    position: absolute;
    bottom: 35px;
    left: 10px;
}

/* Energie besparen */
.overview-energie-besparen
{
    background: url(img/energie-besparen-main-bg.gif) no-repeat 380px top;
    zoom: 1;
}
.overview-energie-besparen .overview-main-panel
{
    position: relative;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 20px;
}
.overview-energie-besparen .overview-main-panel .overview-main-desc
{
    width: 175px;
    padding-top: 15px;
    padding-left: 2px;
}
.overview-energie-besparen .overview-main-panel .tab-menus
{
    position: absolute;
    right: -1px;
    top: 105px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.overview-energie-besparen .overview-main-panel .tab-menus li a
{
    display: block;
    width: 100px;
    height: 20px;
    color: #4987c8;
    font-size: 11px;
    line-height: 20px;
    text-decoration: none;
}
.overview-energie-besparen .tab-menus li a.current
{
    font-weight: bold;
    background: url(img/arrow-left-white.png) no-repeat right center;
}
.overview-energie-besparen .energie-besparen-tab-container
{
    position: relative;
    margin-left: 1px;
    height: 540px;
    background: url(img/energie-besparen-tab-content.gif) no-repeat left top;
}
.overview-energie-besparen .energie-besparen-tab-container .lees-alle-tips-button
{
    position: absolute;
    bottom: 20px;
    right: 10px;
}
.overview-energie-besparen .tab-content
{
    padding: 20px;
    padding-right: 0;
}
.overview-energie-besparen .tab-content .tab-content-title
{
    margin: 0;
    font-size: 13px;
}
.overview-energie-besparen .tab-content .tab-content-desc
{
    padding: 10px 0;
}
.overview-energie-besparen .click-answer
{
    line-height: 1.8em;
}
.overview-energie-besparen .click-answer h3
{
    margin: 0;
    font-size: 13px;
    color: #333;
}
.overview-energie-besparen .click-answer h3 a
{
    color: #333;
    text-decoration: none;
}
.overview-energie-besparen .click-answer h3 a:hover
{
    text-decoration: underline;
}
.overview-energie-besparen .tab-content .clickable-ad
{
    position: relative;
}
.overview-energie-besparen .tab-content .clickable-ad .tab-menu-item
{
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0;
    background: url(img/blank.gif);
}
.overview-energie-besparen #clickable-ad-icon-11
{
    left: 25px;
    top: 200px;
}
.overview-energie-besparen #clickable-ad-icon-12
{
    left: 175px;
    top: 200px;
}
.overview-energie-besparen #clickable-ad-icon-13
{
    left: 492px;
    top: 105px;
}
.overview-energie-besparen #clickable-ad-icon-21
{
    left: 172px;
    top: 68px;
}
.overview-energie-besparen #clickable-ad-icon-22
{
    left: 345px;
    top: 65px;
}
.overview-energie-besparen #clickable-ad-icon-23
{
    left: 488px;
    top: 122px;
}
.overview-energie-besparen #clickable-ad-icon-31
{
    left: 74px;
    top: 15px;
}
.overview-energie-besparen #clickable-ad-icon-32
{
    left: 145px;
    top: 163px;
}
.overview-energie-besparen #clickable-ad-icon-33
{
    left: 454px;
    top: 171px;
}
.overview-energie-besparen #clickable-ad-icon-41
{
    left: 264px;
    top: 140px;
}
.overview-energie-besparen #clickable-ad-icon-42
{
    left: 490px;
    top: 125px;
}
.overview-energie-besparen #clickable-ad-icon-43
{
    left: 36px;
    top: 59px;
}

/* Product Detail Pages
---------------------------------------*/

/* Buttons */
.contract-wijzigen-small-grey-button
{
    width: 188px;
    height: 40px;
    display: inline-block;
    background: url(img/contract-wijzigen-small-grey-btn.gif) no-repeat left top;
}
.direct-aanmelden-small-blue-button
{
    width: 188px;
    height: 40px;
    display: inline-block;
    background: url(img/direct-aanmelden-small-blue-btn.gif) no-repeat left top;
}

.product-info
{
    position: relative;
    font-size: 11px;
    height: 405px;
    background: url(img/product-detail-bg.gif) no-repeat left 85px;
}
.product-info .product-name
{
    font-weight: normal;
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1.35em;
}
.product-info .feature-list
{
    margin-left: 165px;
    margin-top: 55px;
    line-height: 1.3em;
    position: relative;
}
.product-info .go-advice-module-link
{
    position: absolute;
    top: 5px;
    right: 0;
    color: #4987C8;
}
.product-info .product-price-table
{
    position: absolute;
    top: 30px;
    right: 55px;
    width: 219px;
    border: none;
    empty-cells: show;
    font-size: 10px;
    border-collapse: collapse;
    line-height: 1.3em;
    background: url(img/product-detail-price-table-bg.gif) no-repeat left top;
}
.product-price-table td, .product-price-table th
{
    padding: 8px 0;
    margin: 0;
    font-weight: normal;
    text-align: left;
    border-bottom: #e4e4e4 1px solid;
}
.product-price-table th
{
    padding-left: 10px;
    padding-left: 8px\9;
}
.product-price-table td
{
    padding-right: 10px;
}
.product-price-table .header-row th
{
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding-top: 10px;
}
.product-price-table .header-row th a
{
    float: right;
    margin-right: 10px;
}
.product-price-table .header-row th a img
{
    border: none;
}
.product-price-table .last-row td
{
    height: 150px;
}
.product-price-table em
{
    color: #999;
}
.product-price-table td
{
    text-align: right;
}
.product-price-table .per-year-row
{
    background: #e4e4e4;
}
.product-price-table .per-month-row
{
    color: #f21c0a;
    font-size: 12px;
}

/* Tabs */
.product-info-tabs
{
    font-size: 11px;
    position: relative;
    padding-top: 1px;
    margin-top: -90px;
}
.product-info-tabs .tab-menus-container
{
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.product-info-tabs .tab-menus-container .direct-aanmelden-container
{
    position: absolute;
    left: 510px;
    bottom: 15px;
    color: #999;
}
.product-info-tabs .tab-menus-container .contract-wijzigen-container
{
    position: absolute;
    left: 725px;
    bottom: 15px;
    color: #999;
}
.product-info-tabs .tab-menus
{
    margin: 0;
    padding: 0;
    height: 35px;
    list-style: none;
    list-style-image: none;
    background: url(img/product-tab-menu-bg.gif) no-repeat left top;
}
.product-info-tabs .tab-menus li
{
    float: left;
}
.product-info-tabs .tab-menus li a
{
    display: block;
    height: 35px;
    line-height: 35px;
    width: 175px;
    margin-right: 3px;
    font-weight: bold;
    text-decoration: none;
    color: #4987c8;
    text-align: center;
    padding-left: 5px;
    background: url(img/right-arrow.gif) no-repeat 17px center;
    border-bottom: #e4e4e4 1px solid;
}
.product-info-tabs .tab-menus li a.current
{
    height: 35px;
    padding-left: 0;
    width: 180px;
    color: #999;
    background: none;
    border-bottom: #fff 1px solid;
}
.product-info-tabs .tab-content
{
    margin-top: 34px;
    padding-top: 10px;
    position: relative;
    background: url(img/product-tab-content-bg.gif) no-repeat left top;
}
.product-info-tabs .tab-content .tab-content-body
{
    padding: 10px 1px;
}
.product-info-tabs .tab-content .tab-content-footer
{
    height: 20px;
    background: url(img/product-tab-content-bottom.gif) no-repeat left bottom;
}
.product-info-tabs .tab-content h2
{
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #333;
    font-weight: bold;
}
.product-info-tabs .tab-content p
{
    margin: 0;
    padding-top: 5px;
    padding-bottom: 20px;
    line-height: 1.7em;
}
.product-info-block
{
    width: 491px;
    float: left;
    position: relative;
    padding-bottom: 20px;
}
.product-info-block .block-content
{
    margin-left: 105px;
    margin-right: 20px;
    background: none;
}
.product-info-block .block-body
{
    line-height: 1.8em;
}
.product-info-block .block-title
{
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 13px;
    color: #333;
    padding-bottom: 25px;
}
.product-info-block .block-image
{
    position: absolute;
    left: 0;
    top: 0;
}
.product-info-block .minus-style
{
    margin: 0;
}
.product-info-tabs .product-info-qa-list
{
    padding-left: 22px;
    padding-right: 22px;
}
.product-info-tabs .product-info-qa-list h4
{
    font-size: 11px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1.8em;
}
.product-info-tabs .product-info-qa-list p
{
    padding-bottom: 25px;
}

/* Popup */
body .popup-container
{
    background: url(/template/eon/binaryresource/images/product/popup-bottom-bg.png) no-repeat 12px bottom;
    padding-bottom: 9px;
    width: 852px;
    display: none;
    margin-top: -50px;
}
.popup-container .popup-header
{
    background: url(/template/eon/binaryresource/images/product/popup-top-bg.png) no-repeat 0 top;
    padding-top: 9px;
    position: relative;
    z-index: 999;
}
.popup-container .popup-content
{
    background: url(/template/eon/binaryresource/images/product/popup-bg.png) repeat-y 0 0;
    overflow: hidden;
    width: 852px;
}
.popup-container .popup-header .close
{
    background: url(/template/eon/binaryresource/images/product/close.png) 0 0;
    cursor: pointer;
    display: block;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: -12px;
    top: -12px;
    text-decoration: none;
    text-indent: -100px;
    width: 24px;
    z-index: 1000;
}
.popup-overlay
{
    background-color: #000;
}

/* block: eon again */
.overview-block.eon-again .block-content
{
    background: url(img/block-image-eon-again.jpg) no-repeat 1px 0;
    line-height: 1.5em;
    letter-spacing: -1px;
}