/* layout stuff */
#jsstage {
    padding:0;
    margin:0 auto;
    background:transparent url('/static/de-mainova/images/Bilder_Layout/img_produktmatrix/tarifberater_bg.jpg') no-repeat scroll 0 0;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
    width:520px;
    height:530px;
    position:relative;
}
#jsstage h2 {
    color: #012B7D;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2em;
    margin: 21px 0 0 12px;
}
#jsstage .modalLoadingLayer {
    background:#eee none repeat scroll 0 50%;
    position:absolute;
    top:0;
    height:100%;
    left:0;
    width:100%;
}
#jsstage #stage_step1 {
    width:auto;
    height:400px;
    position:absolute;
    top:126px;
    left:10px;
}
#jsstage #stage_step2 {
    width:auto;
    height:400px;
    position:absolute;
    top:126px;
    left:10px;
}
#jsstage #stage_step3 {
    width:auto;
    height:400px;
    position:absolute;
    top:126px;
    left:10px;
}
#jsstage div.step1 {
    background:#ccc none repeat scroll 0 50%;
}
#jsstage div.step2 {
    background:#ddd none repeat scroll 0 50%;
}
#jsstage div.step3 {
    background:#eee none repeat scroll 0 50%;
}
#jsstage .container_5 {
    margin-left:auto;
    margin-right:auto;
    width:410px;
    padding-top:15px;
}
#jsstage .grid_1 {
    margin:15px 3px;
    display:inline;
    float:left;
    position:relative;
    height:37px;
}
#jsstage .grid_2 {
    margin:15px 3px;
    display:inline;
    float:left;
    position:relative;
    height:37px;
}
#jsstage .grid_3 {
    margin:15px 3px;
    display:inline;
    float:left;
    position:relative;
    height:37px;
}
#jsstage .grid_4 {
    margin:15px 3px;
    display:inline;
    float:left;
    position:relative;
    height:37px;
}
#jsstage .grid_5 {
    margin:15px 3px;
    display:inline;
    float:left;
    position:relative;
    height:37px;
}
#jsstage .alpha {
    margin-left:0;
}
#jsstage .omega {
    margin-right:0;
}
#jsstage .container_5 .grid_1 {
    width:76px;
    z-index:1;
}
#jsstage .container_5 .grid_2 {
    width:158px;
}
#jsstage .container_5 .grid_3 {
    width:240px;
}
#jsstage .container_5 .grid_4 {
    width:322px;
}
#jsstage .container_5 .grid_5 {
    width:404px;
}
#jsstage .container_5 .prefix_1 {
    padding-left:82px;
}
#jsstage .container_5 .prefix_2 {
    padding-left:164px;
}
#jsstage .container_5 .prefix_3 {
    padding-left:246px;
}
#jsstage .container_5 .prefix_4 {
    padding-left:328px;
}
#jsstage .container_5 .suffix_1 {
    padding-right:82px;
}
#jsstage .container_5 .suffix_2 {
    padding-right:164px;
}
#jsstage .container_5 .suffix_3 {
    padding-right:246px;
}
#jsstage .container_5 .suffix_4 {
    padding-right:328px;
}
#jsstage .container_5 .push_1 {
    left:82px;
}
#jsstage .container_5 .push_2 {
    left:164px;
}
#jsstage .container_5 .push_3 {
    left:246px;
}
#jsstage .container_5 .push_4 {
    left:328px;
}
#jsstage .container_5 .pull_1 {
    left:-82px;
}
#jsstage .container_5 .pull_2 {
    left:-164px;
}
#jsstage .container_5 .pull_3 {
    left:-246px;
}
#jsstage .container_5 .pull_4 {
    left:-328px;
}
#jsstage .container_5 .grid_1.gruen {
    background-image:url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-button-gruen.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}
#jsstage .container_5 .grid_1.blau {
    background-image:url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-button-blau.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}
#jsstage .container_5 .grid_1.active {
    z-index:998 !important;
}
#jsstage #stage_grid_container {
    overflow:visible;
    padding:5px 10px 5px 5px;
    background-color:transparent;
    background-image:url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-matrix-hintergrund.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    height:220px;
    left:19px;
    position:relative;
    top:75px;
}
#jsstage #stage_grid_container p {
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 10px;
    margin: 3px 4px 0;
    text-align: center;
}
#jsstage #stage_grid_container table p {
    margin-top:0;
}
#jsstage #stage_grid_container .row0 {
    font-size:10px;
    text-align:center;
    position:relative;
    top:8px !important;
}
#jsstage .clear {
    overflow:hidden;
    clear:both;
    display:block;
    visibility:hidden;
    width:0;
    height:0;
}
#jsstage .clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0;
}
#jsstage .clearfix {
    display:block;
}
* html #jsstage .clearfix {
    height:1%;
}
#jsstage .clearleft {
    clear:left;
}
#jsstage p.subheader {
    margin:29px 0 0 12px;
    font-size:15px;
    font-weight:300;
    color:#012b7d;
    line-height:1.2;
}
#jsstage p.subheader small {
    font-size:13px;
    line-height:18px;
    margin-bottom:-3px;
}
#jsstage #stage_grid_container .grid_1 {
    top:15px;
    left:2px;
}
#jsstage #breadcrumb_list {
    margin:0 auto;
    padding:0;
    left:3px;
    position:relative;
    width:auto;
}
#jsstage #breadcrumb_list li {
    padding:10px 0 17px 55px;
    display:inline;
    float:left;
    color:#fff;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}
#jsstage #breadcrumb_list li a {
    text-decoration:none;
    color:#fff;
}
#jsstage #breadcrumb_list li span {
    top:-2px;
}
#jsstage #breadcrumb_list li.first {
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    width:120px;
}
#jsstage #breadcrumb_list li.mid {
    position:absolute;
    top:0;
    left:170px;
    z-index:998;
    width:114px;
}
#jsstage #breadcrumb_list li.last {
    position:absolute;
    top:0;
    left:334px;
    z-index:997;
    width:110px;
}
#jsstage #branchSelectorList {
    position:relative;/*left:14px;*/
}
#jsstage #branchSelectorText {
    display:block;
    position:relative;
    text-align:center;
    top:64px;
    width:500px;
    color:#1a1a1a;
    font-size:13pt;
}
#jsstage #katSelectorText {
    display:block;
    position:relative;
    text-align:center;
    top:81px;
    width:500px;
    color:#1a1a1a;
    font-size:13pt;
}
#jsstage #prodSelectorText {
    display:block;
    position:relative;
    text-align:center;
    top:81px;
    width:500px;
    color:#1a1a1a;
    font-size:13pt;
}
#jsstage #prodSelectorText small {
    font-size:12px;
    color:#515151;
}
#jsstage .branchSelector {
    position:relative;
    top:62px;
    width:500px;
}
#jsstage .branchSelector li {
    display:inline;
}
#jsstage .branchSelector li a {
    padding:50px 0px 70px 0px;
    color:#666;
    display:inline;
    float:left;
    text-align:center;
    text-decoration:none;
    width:156px;
    position:relative;
}
#jsstage .branchSelector li.first {
    position:absolute;
    left:20px;
}
#jsstage .branchSelector li.last {
    position:absolute;
    right:38px;
}
#jsstage .branchSelector li a span {
    font-size:13pt;
    text-align:center;
    top:209px;
    display:block;
    left:0;
    position:absolute;
    width:100%;
}
#jsstage .branchSelector li.first a {
    margin-right:14px;
    position:relative;
    left:-5px;
    margin-right:60px;
}
#jsstage .branchSelector li.last a {
    margin-left:14px;
    position:relative;
    left:5px;
    margin-left:60px;
}
#jsstage .katSelector {
    margin:0 auto;
    top:115px;
    position:relative;
    overflow:visible;
}
#jsstage #katSelectorList {
    width:520px;
    overflow:visible;
    position:relative;
}
#jsstage #katSelectorList li {
    overflow:visible;
    display:inline;
    text-align:center;
    zoom:1;
}
#jsstage #katSelectorList li a {
    min-width:1em;
    overflow:visible;
    margin:0 6px;
    text-align:center;
    display:block;
    font-weight:700;
    float:left;
    font-size:22px;
    height:140px;
    color:#fff;
    text-decoration:none;
    position:relative;
    left:0px;
}
#jsstage #katSelectorList li a:hover {
    zoom:1;
}
#jsstage #katSelectorList li a.link-size-1 {
    width:70px !important;
}
#jsstage #katSelectorList li a.link-size-1 img {
    position:absolute;
    float:left;
}
#jsstage #katSelectorList li a.link-size-1 span.zahl {
    position:relative;
    top:70px;
    width:100%;
    text-align:center;
    overflow:visible;
    font-size:22px;
}
#jsstage #katSelectorList li a.link-size-2 {
    width:78px !important;
}
#jsstage #katSelectorList li a.link-size-2 img {
    position:absolute;
    float:left;
}
#jsstage #katSelectorList li a.link-size-2 span.zahl {
    position:relative;
    top:65px;
    width:100%;
    text-align:center;
    overflow:visible;
    font-size:22px;
}
#jsstage #katSelectorList li a.link-size-3 {
    width:87px !important;
}
#jsstage #katSelectorList li a.link-size-3 img {
    position:absolute;
    float:left;
}
#jsstage #katSelectorList li a.link-size-3 span.zahl {
    position:relative;
    top:62px;
    width:100%;
    text-align:center;
    overflow:visible;
    font-size:22px;
}
#jsstage #katSelectorList li a.link-size-4 {
    width:97px !important;
}
#jsstage #katSelectorList li a.link-size-4 img {
    position:absolute;
    float:left;
}
#jsstage #katSelectorList li a.link-size-4 span.zahl {
    position:relative;
    top:57px;
    width:100%;
    text-align:center;
    overflow:visible;
    font-size:22px;
}
#jsstage #katSelectorList li a.link-size-5 {
    width:107px !important;
}
#jsstage #katSelectorList li a.link-size-5 img {
    position:absolute;
    float:left;
}
#jsstage #katSelectorList li a.link-size-5 span.zahl {
    position:relative;
    top:53px;
    width:100%;
    text-align:center;
    overflow:visible;
    font-size:22px;
}
#jsstage #katSelectorList li a span.einheit {
    white-space:nowrap;
    position:absolute;
    left:0;
    text-align:center;
    font-weight:300;
    text-decoration:none;
    display:block;
    bottom:0;
    width:100%;
    font-size:14px;
    color:#999;
}
#jsstage #stage_grid_container .infolayer {
    overflow:visible;
    width:242px;
    height:104px;
    background-position:0 50%;
    background-repeat:no-repeat;
}
#jsstage #stage_grid_container .infolayer.gruen {
    background-image:url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-infobox-hintergrund-gruen.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}
#jsstage #stage_grid_container .infolayer.blau {
    background-image:url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-infobox-hintergrund-blau.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}
#jsstage #stage_grid_container .infolayer .close-icon {
    display:block;
    padding:5px 5px 10px 10px;
    position:absolute;
    top:0;
    right:0;
    width:9px;
    height:9px;
    background-image:url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-infobox-x.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}
#jsstage #stage_grid_container .infolayer h4 {
    margin:3px 5px 0 5px;
    color:#fff;
    text-align:left;
    font-size:11px;
    font-weight:700;
}
#jsstage #stage_grid_container .infolayer p {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    margin: 4px 5px 0 5px;
    text-align: left;
    text-transform: none;
}
#jsstage #stage_grid_container .infolayer a.productlink {
    font-size:8pt;
    bottom:10px;
    text-transform:none;
    position:absolute;/*left:5px;*/
    color:#fff;
    padding-left:10px;
}
#jsstage #stage_grid_container .infolayer.gruen a.productlink {
    background:transparent url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-infobox-pfeil-gruen.png) no-repeat scroll left center;
}
#jsstage #stage_grid_container .infolayer.blau a.productlink {
    background:transparent url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-infobox-pfeil-blau.png) no-repeat scroll left center;
}
#jsstage #x-achse {
    position:absolute;
    bottom:-1em;
    text-align:center;
    font-size:12px;
    width:418px;
}
#jsstage #x-achse .label {
    position:absolute;
    top:-14px;
    right:-21px;
    font-weight:700;
    font-size:10px !important;
    text-align:right;
}
#jsstage #y-achse {
    border-left:1px solid #F1F1F1;
    font-size:12px;
    height:100%;
    width: 70px;
    position:absolute;
    left:-70px;
    top:0;
}
#jsstage #y-achse .label {
    border-left:1px solid #F1F1F1;
    font-size:10px;
    font-weight:700;
    overflow:visible;
    position:absolute;
    right:3px;
    text-align:right;
    top:1px;
}
#jsstage #y-achse .hoechstwert {
    position:absolute;
    top:60px;
    right:4px;
    white-space:nowrap;
}
#jsstage #y-achse .hoechstwert_oben {
    position:absolute;
    top:34px;
    right:4px;
    white-space:nowrap;
}
#jsstage #y-achse .mittelwert {
    position:absolute;
    top:127px;
    right:4px;
    white-space:nowrap;
}
#jsstage #y-achse .mittelwert_oben {
    position:absolute;
    top:101px;
    right:4px;
    white-space:nowrap;
}
#jsstage #y-achse .mindestwert {
    position:absolute;
    top:194px;
    right:4px;
    white-space:nowrap;
}
#jsstage #y-achse .mindestwert_oben {
    position:absolute;
    top:168px;
    right:4px;
    white-space:nowrap;
}
#jsstage #y-achse .hoechstwert, #jsstage #y-achse .hoechstwert_oben, #jsstage #y-achse .mittelwert, #jsstage #y-achse .mittelwert_oben, #jsstage #y-achse .mindestwert, #jsstage #y-achse .mindestwert_oben {
    font-size:10px;
}
#jsstage #green_product {
    position:absolute;
    height:215px;
    width:19px;
    top:10px;
    right:-18px;
    background:transparent url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-green-option-button.png) 0 0 scroll no-repeat;
}
#jsstage #green_product a {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: 200;
    height: 215px;
    letter-spacing: 1px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    white-space: nowrap;
    width: 215px;
}
#jsstage #stage_grid_container #grid_modal_layer {
    display:block;
    z-index:500;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
    background-color:#F7F7F7;
}
/* Fixes, fixes, fixes! */
*+html #jsstage #katSelectorList li a {
    font-size:22px;
}
*+html #jsstage #x-achse {
    clear:both;
}
*+html #jsstage #green_product {
    background-color:#F1F1F1;
    zoom:1;
}
*+html #jsstage #green_product a {
    width:215px;
    height:215px;
    text-align:center;
    left:0;
    top:0;
    padding:1px 0 0 0;
    font-size:11px;
    background:transparent url(/static/de-mainova/images/Bilder_Layout/img_produktmatrix/produkt-green-option-button.png) -999px -999px scroll no-repeat;
}
*+html #jsstage p {
    over flow:visible;
}
*+html #jsstage #branchSelectorText {
    line-height:1.2;
}
*+html #jsstage #katSelectorList li a {
    le ft:-20px;
}
*+html #jsstage .branchSelector li a span {
    line-height:1.2;
}
/**+html #jsstage h2{position:relative;top:21px;}*/
* html #jsstage #katSelectorList li a {
    margin:0 3px;
    le ft:-20px;
}