#content p,
.lightbox p{
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 12px;
}
.layout-3cols-2 h2,
.lightbox h2 {
    font-size: 18px;
    line-height: 21px;
    color: #004b94;
    font-weight: normal;
    margin-top: 18px;
}
.layout-3cols-2 h3,
.lightbox h3 {
    font-size: 14px;
    line-height: 16px;
    color: #004b94;
    font-weight: normal;
}
.layout-3cols-3 .sideBoxTop {
    width: 230px;
    height: 10px;
    background: transparent url("/static/de-mainova/images/Bilder_Layout/onlineservice/side_box_top.png") no-repeat 0 0;
}
.layout-3cols-3 .sideBoxCenter {
    padding: 0 15px;
    background: transparent url("/static/de-mainova/images/Bilder_Layout/onlineservice/side_box_center.png") repeat-y 0 0;
    overflow: hidden;
}
.layout-3cols-3 .sideBoxBottom {
    width: 230px;
    height: 10px;
    margin-bottom: 10px;
    background: transparent url("/static/de-mainova/images/Bilder_Layout/onlineservice/side_box_bottom.png") no-repeat 0 0;
}
.layout-3cols-3 .sideBoxCenter h3 {
    font-size: 15px;
    line-height: 18px;
    color: white;
    font-weight: normal;
    margin: 0;
}
.layout-3cols-3 .sideBoxCenter p {
    font-size: 12px;
    line-height: 16px;
    color: white;
    margin-bottom: 15px !important;
}
.layout-3cols-3 .sideBoxCenter a {
    color: white;
}
.layout-3cols-3 .sideBoxCenter .toggleHead {
    position: relative;
}
.layout-3cols-3 .sideBoxCenter .toggleHead h3 {
    width: 184px;
}
.layout-3cols-3 .sideBoxCenter .toggleHead .toggleBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url("/static/de-mainova/images/Bilder_Layout/onlineservice/toggle_box_btn.png") no-repeat 0 0;
}
.layout-3cols-3 .sideBoxCenter .toggleBody {
    display: none;
    padding-top: 20px;
}
 p.small {
    font-size: 11px !important;
    line-height: 14px !important;
}
/* more link */
.moreLink {
    color: #004e97;
    font-weight: bold;
    text-decoration: none;
    padding-left: 12px;
    background: transparent url("/static/de-mainova/images/Bilder_Layout/onlineservice/more_arrow.png") no-repeat 0 3px;
}
.layout-3cols-3 .moreLink {
    background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/white_arrow.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: underline;
}
/* Datepicker */
.ui-datepicker {
    width: 243px;
    height: auto;
    font: 12px Arial, sans-serif;
    background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/datepicker_2014.png") no-repeat transparent 0 bottom;
    margin-left: -10px;
    display: none;
    padding-bottom: 10px;
    z-index: 1001 !important;
}
    .ui-datepicker a {
        text-decoration: none;
    }
    .ui-datepicker table {
        width:216px;
        border-collapse: collapse;
        margin: 0 auto;
    }
.ui-datepicker-header {
    background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/datepicker_2014.png") no-repeat transparent 0 0;
    color: #e0e0e0;
    font-weight: bold;
    line-height: 15px;
    height: 30px;
}
.ui-datepicker-title {
    text-align: center;
    padding-top: 8px;
    color:white
}
.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.ui-datepicker-prev, .ui-datepicker-prev-hover {
    float: left;
    background: url('/static/de-mainova/images/Bilder_Layout/onlineservice/pfeil_sprite.png') no-repeat transparent center -1px !important;
}
.ui-datepicker-next, .ui-datepicker-next-hover {
    float: right;
    background: url('/static/de-mainova/images/Bilder_Layout/onlineservice/pfeil_sprite.png') no-repeat transparent center -30px !important;
}
.ui-datepicker thead {
}
    .ui-datepicker th {
        text-transform: none;
        font-size: 14px;
        padding: 0 0;
        color:#194e92;
        padding: 4px 0;
        height: 20px;
    }
    .ui-datepicker tbody td {
        padding: 0;
        text-align: center;
        vertical-align: middle;
        width: 30px;
        height: 28px;        
        
    }
    .ui-datepicker tbody td:last-child {
        border-right: 0px;
    }
    .ui-datepicker tbody tr {
    }
    .ui-datepicker tbody tr:last-child {
        border-bottom: 0px;
    }
        .ui-datepicker td span, .ui-datepicker td a {
            display: table-cell;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            width: 30px;
            height: 28px;
            line-height: 12px;
            color: #666666;
        }
        
.ui-datepicker-calendar .ui-state-default {
    color:#333333;
}
.ui-datepicker-calendar .ui-state-hover {
    background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/datepicker_kasten_2014.png") no-repeat transparent center center;
    color: white;
}
.ui-datepicker-calendar .ui-state-active {
    background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/datepicker_kasten_2014.png") no-repeat transparent center center;
    color:white;
    position: relative;
    margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}
.ui-datepicker-other-month .ui-state-default {
    color:#9a9a9a;
}
.ui-datepicker-other-month .ui-state-hover {
    color:#ffffff;
}

/* common items */
html.loading { cursor: wait; }

#ffContentMain {
    border-top: 1px solid transparent;
    position: relative;
    z-index: 140;
}
    #ffContentMain p, #lightwindow p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 12px;
        margin-top: 0;    
    }
     #ffContentMain p.requiredInfo, #lightwindow p.requiredInfo {
        font-size: 11px;
        line-height: 14px;
        margin: 0 0 18px 0;
    }    
        #ffContentMain p.requiredInfo:before, #lightwindow p.requiredInfo:before {
            display: inline-block;
            content: "";
            width: 11px;
            height: 11px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) -40px -12px no-repeat;        
        }
#content .layout-3cols-2 div#ffContentMain h1{ line-height: 26px;}
        
.clear {
    display: block;
    font-size: 0 !important;
    line-height: 0 !important;
    clear: both !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
.right { float: right; }
.left { float: left; }
.red { color: #d82130 !important; }
.black { color: #333 !important; }
.darkBlack { color: #000 !important; }
.dottedBorderTop { padding-top: 1px; background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-line.png) 0 0 repeat-x; }
.dottedBorderBottom { padding-bottom: 1px; background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-line.png) 0 bottom repeat-x; }
.solidWhiteBorderTop { border-top: 2px solid #fff; }
.separator { margin: 16px 0; }
.tooltipContent { display: none; }
.textAlignRight { text-align: right !important; }
.textAlignLeft { text-align: left !important; }
.textAlignCenter { text-align: center !important; }
.underline { text-decoration: underline; }
.ffContent #city, .ffContent #plz, .ffContent #street {
    width: 100%;
}
a.withoutDecoration:hover {
    text-decoration: none;
} 
h2.processName {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #004b94;
    margin: 0;
    padding: 5px 0 6px;
}
    h2.processName span { 
        font-size: 25px;
        line-height: 25px !important;
        font-weight: bold;
        color: #004b94;
    }
    
    h2.processName.complete {
        padding-right: 60px;
        position: relative;
    }
        h2.processName.complete:after {
            content: "";
            position: absolute;
            width: 30px;
            height: 30px;
            top: 2px;
            right: 0;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) -180px -28px no-repeat;
        }
        
    h2.processName.toDo, h2.processName.toDo span {
        color: #8ca7c9;
    }
.ffContent h4 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-top: 0;
    color: #000;
}    
    
/* blue box */
.blueBox {
    position: relative;
    margin: 10px 0 35px 0;
    background: #EDF2F6;
    z-index: 700;
}
.blueBox.master {
    z-index: 701;
}
    .blueBox:before {
        position: absolute;
        top: -10px;
        left: 0;
        width: 100%;
        height: 10px;
        content: "";
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-blue-box.png) 0 top no-repeat;
        z-index: 0;
    }
    .blueBox:after {
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 10px;
        content: "";
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-blue-box.png) 0 bottom no-repeat;
        z-index: 0;
    }
    .blueBox h3 {
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-line.png) 0 bottom repeat-x transparent;
        color: #004B94;
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;    
        margin: 0 0 16px;
        padding: 10px 0 4px;
    }
    .blueBox + p {
        margin-top: -10px !important;
    }
/* white box */
.whiteBox {
    position: relative;
    margin: 10px 0 35px 0;
    background: #fff;
}
    .whiteBox h3 {
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-line.png) 0 bottom repeat-x transparent;
        color: #004B94;
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;    
        margin: 0 0 16px;
        padding: 10px 0 4px;
    }
    
    .lightwindowContent  .whiteBox { padding: 0; width: 100%; }

/* raster grid */    
.grid {
    width: 480px;
    padding: 0 15px;
}
    .grid .elementsGroup .row { margin: 0; }
    .grid .elementsGroup .row.last { margin: 0 0 10px 0; }
    
    .grid .row.withoutMargin { margin: 0; }
    .grid .row {    margin: 0 0 10px 0; position: relative; }
        .grid .row .col {
            display: table-cell;
            vertical-align: middle;
            padding: 0 5px;
        }
        .grid .row .col:first-child { padding-left: 0; }
        .grid .row .col:last-child { padding-right: 0; }
        
        .grid .row .col.topAlign { vertical-align: top; padding-top: 6px; padding-bottom: 6px;}
        .grid .row .col.withoutHorPadding { padding-top: 0; padding-bottom: 0; }

    .grid .wrapper {
        width: auto;
    }
        .grid .wrapper + .inputRadio.wrapper,
        .grid .wrapper + .labelRadio.wrapper { margin-top: 12px; }
        .grid .wrapper + .inputCheckbox.wrapper,
        .grid .wrapper + .labelCheckbox.wrapper { margin-top: 12px; }    
    
    .grid .w1col { width: 20px; }
    .grid .w2col { width: 50px; }
    .grid .w3col { width: 80px; }
    .grid .w4col { width: 110px; }
    .grid .w5col { width: 140px; }
    .grid .w6col { width: 170px; }
    .grid .w7col { width: 200px; }
    .grid .w8col { width: 230px; }
    .grid .w9col { width: 260px; }
    .grid .w10col { width: 290px; }
    .grid .w11col { width: 320px; }
    .grid .w12col { width: 350px; }
    .grid .w13col { width: 380px; }
    .grid .w14col { width: 410px; }
    .grid .w15col { width: 440px; }
    .grid .w16col { width: 470px; }
    
    .w100pr { width: 100%; }
    .w50pr { width: 50%; }

    .w2Spalten { 
        width: 210px;
        float: left;
        margin-right: 15px;
    }
    .w2Spalten:before { background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-blue-box-smal.png) 0 top no-repeat; }
    .w2Spalten:after { background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-blue-box-smal.png) 0 bottom no-repeat; }
    .w2Spalten:nth-child(odd) {
        clear: both;
    }
    
    /* more link */
    .grid .moreLink    {
        display: inline-block;
        font-size: 12px !important;
        line-height: 15px !important;
        margin-top: 2px;
        margin-bottom: 4px;
    }
    
    /* form */
    .grid form {
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 1;
    }
    
    
    /* label */
    .grid label {
        margin: 0;
        position: relative;
        color: #194F93;
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;        
    }
        .grid .required label { padding-right: 0px; }
        .grid .required label:after { 
            display: inline-block;
            content: "";
            width: 11px;
            height: 11px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) -38px -12px no-repeat;
        }
        .grid .required[data-group-name] .labelCheckbox label::after { background: none; }
        .grid .readonly  label, .grid .disabled  label {
        }
        .grid .readonly.required label:after,  .grid .disabled.required label:after{ 
        }
        
    .grid .wrapper.label {
        text-align: right;
        font-size: 12px;
        line-height: 15px !important;
        padding-top: 1px;
    }
        .grid .wrapper.label.fullWidth {
            padding-top: 2px;
            padding-bottom: 1px;
            text-align: left;
        }
    
    /* input[type="text"]*/
    .grid input[type="text"], .grid input[type="password"] {
        display: inline-block;
        vertical-align: middle;
        padding: 1px 0 0 0;
        margin: 0;
        height: 24px;
        width: 100%;
        background: #fff;
        border-top: 3px solid #d9e5eb;
        border-bottom: 3px solid #d9e5eb;
        border-left: none;
        border-right: none;
        outline: none;
        font-size: 12px;
        line-height: 15px;
        color: #333333;
    }
        .grid  .readonly input[type="text"], .grid .readonly input[type="password"],
        .grid  .disabled input[type="text"], .grid .disabled input[type="password"]{
            color: #8e9193; 
            background: #ebebeb;            
        }
        .grid input[type="text"][readonly] {
            color: #8e9193;
        }
        
        .grid input[type="text"][disabled] {
            color: #ebebeb;
        }       
        
        .loading .grid input[type="text"][data-rel="textFilter"] {
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/floader.gif) right center no-repeat #fff;
        }        
    
    .grid .wrapper.inputText {
        position: relative;
        padding: 0 10px;
    }
        .grid .wrapper.inputText:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0px;
            width: 10px;
            height: 31px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-input-text.png) 0 0 no-repeat;
            overflow: hidden;
        }
        .grid .readonly .wrapper.inputText:before, .grid .disabled .wrapper.inputText:before {
            content: "    ";
            background-position: 0 -62px;
        }

        .grid .wrapper.inputText:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0px;
            width: 10px;
            height: 31px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-input-text.png) right 0 no-repeat;
            overflow: hidden;
        }    
        .grid .readonly .wrapper.inputText:after, .grid .disabled .wrapper.inputText:after {
            content: "    ";
            background-position: right -62px;
        }
    
    
    .grid .invalid input[type="text"], .grid .invalid input[type="password"] {
        background: #fff;
        border-top: 3px solid #f03f36;
        border-bottom: 3px solid #f03f36;
    }
        .grid .invalid .wrapper.inputText:before {
            content: " ";
            background-position: 0 -31px;
        }
        .grid .invalid .wrapper.inputText:after {
            content: " ";
            background-position: right -31px;
        }    
        
    /* in group */
    .grid .invalid:not(.orGroup) .valid input[type="text"], .grid .invalid .valid input[type="password"] {
        border-top: 3px solid #d9e5eb;
        border-bottom: 3px solid #d9e5eb;
    }
        .grid .invalid:not(.orGroup) .valid .wrapper.inputText:before {
            content: "  ";
            background-position: 0 0;
        }
        .grid .invalid:not(.orGroup) .valid .wrapper.inputText:after {
            content: "  ";
            background-position: right 0;
        }    
        
    /* select */
    .grid .wrapper.select {
        position: relative;
        padding: 0 28px 0 10px;
    }
        .grid .wrapper.select:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0px;
            width: 10px;
            height: 31px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-select.png) 0 0 no-repeat;
        }
        .grid .readonly .wrapper.select:before, .grid .disabled .wrapper.select:before {
            background-position: 0 -62px;
        }

        .grid .wrapper.select:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0px;
            width: 28px;
            height: 31px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-select.png) right 0 no-repeat;
            z-index: 1000;
        }
        .grid .readonly .wrapper.select:after, .grid .disabled .wrapper.select:after {
            background-position: right -62px;
        }

        .grid .wrapper.select select{
            width: auto;
        }        
        .grid .wrapper.select input {
            cursor: default;
            color: #fff;
        }
        .grid .wrapper.select .selectedOption {
            display: block;
            overflow:hidden;
            position: absolute;
            left: 10px;
            top: 3px;
            height: 19px;
            padding-top: 5px;
            font-size: 12px !important;
            line-height: 16px !important;
            color: #333333;
            background: white;
            cursor: default;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        
            .grid .readonly .wrapper.select .selectedOption,
            .grid .disabled .wrapper.select .selectedOption {
                color: #919191;
                background-color: #ebebeb;
            }
            
            .grid .w2col .wrapper.select .selectedOption { width: 11px; }
            .grid .w3col .wrapper.select .selectedOption { width: 41px; }
            .grid .w4col .wrapper.select .selectedOption { width: 71px; }
            .grid .w5col .wrapper.select .selectedOption { width: 101px; }
            .grid .w6col .wrapper.select .selectedOption { width: 131px; }
            .grid .w7col .wrapper.select .selectedOption { width: 161px; }
            .grid .w8col .wrapper.select .selectedOption { width: 191px; }
            .grid .w9col .wrapper.select .selectedOption { width: 221px; }
            .grid .w10col .wrapper.select .selectedOption { width: 251px; }
            .grid .w11col .wrapper.select .selectedOption { width: 281px; }
            .grid .w12col .wrapper.select .selectedOption { width: 311px; }
        .grid .wrapper.select .optionContainer {
            width: 100%;
            position: absolute;
            display: none;
            z-index: 1001;
            top: 28px;
            left: 0;
        }
        
            .grid .wrapper.select .optionContainer .top {
                position: relative;
                width: auto;
                height: 5px;
                padding: 0 5px;
            }
                .grid .wrapper.select .optionContainer .top .wrapper{
                    width: 100%;
                    height: 2px;
                    border-top: 3px solid #d9e5eb;
                    background: #fff;
                }
                .grid .wrapper.select .optionContainer .top .wrapper:before{
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0px;
                    width: 5px;
                    height: 5px;
                    background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-input-text.png) 0 0 no-repeat;                    
                }
                .grid .wrapper.select .optionContainer .top .wrapper:after{
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0px;
                    width: 5px;
                    height: 5px;
                    background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-input-text.png) right 0 no-repeat;
                }
                
            .grid .wrapper.select .optionContainer .center {
                position: relative;
                border-left: 3px solid #d9e5eb;
                border-right: 3px solid #d9e5eb;
                max-height: 206px;
                overflow-x: hidden;
                overflow-y: auto;
            }
                .grid .wrapper.select .optionContainer .center .wrapper {
                    background: #fff;
                }
                
                .grid .wrapper.select .optionContainer .center .wrapper  .option {
                    min-height: 20px;
                    margin: 0;
                    padding: 6px 7px 0 7px;
                    cursor: default;
                    background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-blue-dashed.png) 0 top repeat-x;
                }
                .grid .wrapper.select .optionContainer .center .wrapper  .option.first { background-image: none; }
                .grid .wrapper.select .optionContainer .center .wrapper  .option:hover, .grid .wrapper.select .optionContainer .center .wrapper  .option.highlight  { background-color: #f3f7fa; }
                
            .grid .wrapper.select .optionContainer .bottom {
                position: relative;
                width: auto;
                height: 5px;
                padding: 0 5px;
            }
                .grid .wrapper.select .optionContainer .bottom .wrapper {
                    width: 100%;
                    height: 2px;
                    border-bottom: 3px solid #d9e5eb;
                    background: #fff;
                }
                .grid .wrapper.select .optionContainer .bottom .wrapper:before{
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0px;
                    width: 5px;
                    height: 5px;
                    background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-input-text.png) 0 -26px no-repeat;                    
                    overflow: hidden;
                }
                .grid .wrapper.select .optionContainer .bottom .wrapper:after{
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0px;
                    width: 5px;
                    height: 5px;
                    background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-input-text.png) right -26px no-repeat;
                    overflow: hidden;
                }                
            
        .grid .invalid .wrapper.select:before {
            content: " ";
            background-position: 0 -31px;
        }
        .grid .invalid .wrapper.select:after {
            content: " ";
            background-position: right -31px;
        }
    
        /* in group */
        .grid .invalid .valid .wrapper.select:before {
            content: "  ";
            background-position: 0 0;
        }
        .grid .invalid .valid .wrapper.select:after {
            content: "  ";
            background-position: right 0px;
        }        
        
    
    /* checkbox */
    .grid .labelCheckbox label {
        color: #000;
        font-weight: normal;
        display: inline-block;
        padding-top: 3px;
    }
    
        .grid .readonly .labelCheckbox label, 
        .grid .disabled .labelCheckbox label,
        .grid .readonly .labelCheckbox label a, 
        .grid .disabled .labelCheckbox label a {
            color: #919191;
        }
    
        .grid .labelCheckbox label a{ text-decoration: underline; }
        .grid .labelCheckbox label a:hover{ text-decoration: none; }
        
    .grid input[type="checkbox"] {
        height: 18px;
        padding: 0;
        margin: 0;
        background: none;
        border: none;
        vertical-align: top !important;
        width: 18px;
        visibility: hidden;
    }
    
    .grid .wrapper.inputCheckbox {
        position: relative;
    }    
        .grid .wrapper.inputCheckbox .trigger{
            position: absolute;
            top: -3px;
            left: 0;
            width: 18px;
            height: 21px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-checkbox.png) 0 3px no-repeat;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;            
        }    
            .grid .wrapper.inputCheckbox .trigger.checked { background-position: 0 -18px; }
            .grid .invalid .wrapper.inputCheckbox .trigger{ background-position: 0 -38px; }
            
            /* readonly and disabled */
            .grid .readonly .wrapper.inputCheckbox .trigger,
            .grid .disabled .wrapper.inputCheckbox .trigger { background-position: 0 -39px; }
            .grid .readonly .wrapper.inputCheckbox .trigger.checked,
            .grid .disabled .wrapper.inputCheckbox .trigger.checked { background-position: 0 -60px; }
            
            /* in group */
            .grid .invalid .valid .wrapper.inputCheckbox .trigger.checked { background-position: 0 -18px; }
            .grid .invalid .valid .wrapper.inputCheckbox .trigger { background-position: 0 3px; }
    
    /* radio */
    .grid .labelRadio label{
        color: #000;
        font-weight: normal;
        display: inline-block;
        padding-top: 3px;
    }
    .grid .labelRadio .additionalText {
        padding: 6px 0 0 0;
        color: #000;
    }
        .grid .labelRadio label a{ text-decoration: underline; }
        .grid .labelRadio label a:hover{ text-decoration: none; }
        
        .grid .required .labelRadio label:after { content: none; }

        .grid .readonly .labelRadio label, .grid .disabled .labelRadio label, .grid .readonly .col p { color: #919191; }
        .grid .readonly.checked .labelRadio label { color: #000; }

        .grid .readonly .labelRadio .additionalText, .grid .disabled .labelRadio .additionalText { color: #919191; }
        .grid .readonly.checked .labelRadio .additionalText { color: #000; }
                
    .grid input[type="radio"] {
        height: 18px;
        padding: 0;
        margin: 0;
        background: none;
        border: none;
        vertical-align: top !important;
        width: 18px;
        visibility: hidden;
    }
    
    .grid .wrapper.inputRadio {
        position: relative;
    }    
        .grid .wrapper.inputRadio .trigger{
            position: absolute;
            top: 0px;
            left: 0;
            width: 18px;
            height: 18px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-radio.png) 0 0 no-repeat;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;            
        }    
            .grid .wrapper.inputRadio .trigger.checked { background-position: 0 -18px; }
            .grid .wrapper.inputRadio .trigger.disabled { background-position: 0 -36px; }
            .grid .wrapper.inputRadio .trigger.disabled.checked  { background-position: 0 -54px; }
            
            .grid .readonly .wrapper.inputRadio .trigger { background-position: 0 -36px; }
            .grid .readonly .wrapper.inputRadio .trigger.checked  { background-position: 0 -54px; }
            
            .grid .invalid .wrapper.inputRadio .trigger { background-position: 0 -72px; }    
            
            /* in group */
            .grid .invalid .valid .wrapper.inputRadio .trigger { background-position: 0 0; }
    
    /* textarea */
    .grid .wrapper.inputTextarea {}
    
        .grid .inputTextarea .top,
        .grid .inputTextarea .bottom {
            width: auto;
            height: auto;
            padding: 0 5px;
        }
            .grid .inputTextarea .top div,
            .grid .inputTextarea .bottom div {
                position: relative;
                width: 100%;
                height: 5px;
                background: #fff;
            }
        
            .grid .inputTextarea .top div { border-top: 3px solid #d9e5eb; }    
            .grid .inputTextarea .bottom div { border-bottom: 3px solid #d9e5eb; }    
            .grid .invalid .inputTextarea .top div { border-top: 3px solid #f03f36; }    
            .grid .invalid .inputTextarea .bottom div { border-bottom: 3px solid #f03f36; }    
                .grid .inputTextarea .top div:before,
                .grid .inputTextarea .top div:after,
                .grid .inputTextarea .bottom div:before,
                .grid .inputTextarea .bottom div:after {
                    content: "";
                    position: absolute;
                    width: 8px;
                    height: 8px;
                    background-image: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-input-text.png);
                    background-repeat: no-repeat;
                    overflow: hidden;
                }
                
                .grid .inputTextarea .top div:before { top: -3px; left: -5px; background-position: 0 0;    }
                .grid .inputTextarea .top div:after { top: -3px; right: -5px; background-position: right 0; }
                .grid .inputTextarea .bottom div:before { bottom: -3px; left: -5px; background-position: 0 -23px; }
                .grid .inputTextarea .bottom div:after { bottom: -3px; right: -5px; background-position: right -23px; }
                .grid .invalid .inputTextarea .top div:before { top: -3px; left: -5px; background-position: 0 -31px; content: "  ";}
                .grid .invalid .inputTextarea .top div:after { top: -3px; right: -5px; background-position: right -31px;  content: "  ";}
                .grid .invalid .inputTextarea .bottom div:before { bottom: -3px; left: -5px; background-position: 0 -54px;  content: "  ";}
                .grid .invalid .inputTextarea .bottom div:after { bottom: -3px; right: -5px; background-position: right -54px;  content: "  ";}
                
        .grid .inputTextarea .content {
            display: block;
            padding: 1px 0 0 0;
            margin: 0;
            height: auto;
            min-height: 15px;
            width: auto;
            outline: none;
            padding: 0 7px; 
            background: #fff;
            border-left: 3px solid #d9e5eb;
            border-right: 3px solid #d9e5eb;
            
        }
        .grid  .invalid .inputTextarea .content {
            border-left: 3px solid #f03f36;
            border-right: 3px solid #f03f36;
        }
            .grid .inputTextarea .content textarea {
                width: 100%;
                border: none;
                background: none;
                padding: 0;
                margin: 0;
                color: #333333;
                font-size: 12px;
                line-height: 15px;
                resize:vertical;
            }
            
        /* in group */    
        .grid .invalid .valid .inputTextarea .top div:before { background-position: 0 0; content: "   ";}
        .grid .invalid .valid .inputTextarea .top div:after { background-position: right 0;  content: "   ";}
        .grid .invalid .valid .inputTextarea .bottom div:before { background-position: 0 -23px;  content: "   ";}
        .grid .invalid .valid .inputTextarea .bottom div:after { background-position: right -23px;  content: "   ";}
        
        .grid  .invalid .valid .inputTextarea .content {
            border-left: 3px solid #d9e5eb;
            border-right: 3px solid #d9e5eb;
        }        
        .grid .invalid .valid .inputTextarea .top div { border-top: 3px solid #d9e5eb; }    
        .grid .invalid .valid .inputTextarea .bottom div { border-bottom: 3px solid #d9e5eb; }    
    
        /* readonly & disabled */
        .grid .readonly .inputTextarea .content, .grid .disabled .inputTextarea .content {
            background: #ebebeb;
        }
            .grid .readonly .inputTextarea .content textarea,
            .grid .disabled .inputTextarea .content textarea {
                color: #8e9193;
                background: #ebebeb;
            }            
                .grid .readonly .inputTextarea .top div, .grid .readonly .inputTextarea .bottom div { background: #ebebeb; }        
            
                .grid .readonly .inputTextarea .top div:before { top: -3px; left: -5px; background-position: 0 -62px;    content: "    ";}}
                .grid .readonly .inputTextarea .top div:after { top: -3px; right: -5px; background-position: right -62px; content: "    ";}
                .grid .readonly .inputTextarea .bottom div:before { bottom: -3px; left: -5px; background-position: 0 -85px; content: "    ";}
                .grid .readonly .inputTextarea .bottom div:after { bottom: -3px; right: -5px; background-position: right -85px; content: "    ";}
                .grid .disabled .inputTextarea .top div, .grid .disabled .inputTextarea .bottom div { background: #ebebeb; }
                
                .grid .disabled .inputTextarea .top div:before { top: -3px; left: -5px; background-position: 0 -62px;    content: "    ";}
                .grid .disabled .inputTextarea .top div:after { top: -3px; right: -5px; background-position: right -62px; content: "    ";}
                .grid .disabled .inputTextarea .bottom div:before { bottom: -3px; left: -5px; background-position: 0 -85px; content: "    ";}
                .grid .disabled .inputTextarea .bottom div:after { bottom: -3px; right: -5px; background-position: right -85px; content: "    ";}



    /* readOnly box */
    .grid .wrapper.readOnlyText {}
    
        .grid .readOnlyText .top,
        .grid .readOnlyText .bottom {
            width: auto;
            height: auto;
            padding: 0 5px;
        }
            .grid .readOnlyText .top div,
            .grid .readOnlyText .bottom div {
                position: relative;
                width: 100%;
                height: 5px;
                background: #d9e4ea;
            }
        
            .grid .readOnlyText .top div { border-top: 3px solid #d9e5eb; }    
            .grid .readOnlyText .bottom div { border-bottom: 3px solid #d9e5eb; }    
                .grid .readOnlyText .top div:before,
                .grid .readOnlyText .top div:after,
                .grid .readOnlyText .bottom div:before,
                .grid .readOnlyText .bottom div:after {
                    content: "";
                    position: absolute;
                    width: 8px;
                    height: 8px;
                    background-image: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-readonly-input-text.png);
                    background-repeat: no-repeat;
                }
                
                .grid .readOnlyText .top div:before { top: -3px; left: -5px; background-position: 0 0;    }
                .grid .readOnlyText .top div:after { top: -3px; right: -5px; background-position: right 0; }
                .grid .readOnlyText .bottom div:before { bottom: -3px; left: -5px; background-position: 0 -23px; }
                .grid .readOnlyText .bottom div:after { bottom: -3px; right: -5px; background-position: right -23px; }
                
        .grid .readOnlyText .content {
            display: block;
            padding: 1px 0 0 0;
            margin: 0;
            height: auto;
            min-height: 15px;
            width: auto;
            outline: none;
            padding: 0 7px; 
            background: #d9e4ea;
            border-left: 3px solid #d9e5eb;
            border-right: 3px solid #d9e5eb;
            color: #194F93;
            font-weight: bold;
            
        }
        .grid .readOnlyText .content.h2Din { min-height: 30px; }
    /* tipTextr for inputs */
    .grid input.tipText {
        color:    #999;
        font-style:italic;
    }
    
    /* icons */
    .ffContent .icon {
        display: block;
        width: 30px;
        height: 30px;
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) 0px 0px no-repeat;
    }
        .ffContent .icon.info { background-position: -120px 0; }
        .ffContent .icon.errorInfo { background-position: -60px 0; }
            .ffContent .warning .icon.errorInfo { background-position: -150px 0; }
        .ffContent .icon.ok { background-position: -90px 0; }
        .ffContent .icon.okGreen { background-position: -60px -30px; }
        .ffContent .icon.cross { background-position: -90px -30px; }
        .ffContent .icon.clock { background-position: -120px -30px; }
        
    .ffContent .info,
    .ffContent .errorInfo,
    .ffContent .ok {
        position: relative;
        cursor: default;
        left: 0;
        right: auto;
        top: 0px;
        z-index: 20;            
    }
    .ffContent .info { z-index: 100; }
    .ffContent .errorInfo { z-index: 50; display: none; }    
    .ffContent .ok { z-index: 150; display: none; }
    
        .ffContent .info .infoLayer {
            display: none;
            position: absolute;
            top: -15px;
            left: 32px;
            width: 227px;
            min-height: 28px;
            padding: 12px 12px 2px 22px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-infolayer.png) 0 0 no-repeat;
        }
        .ffContent .info .infoLayer:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -10px;
            height: 10px;
            width: 261px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-infolayer.png) 0 bottom no-repeat;
        }
        
        .ffContent .info.largeBox .infoLayer {
            width: 431px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-infolayer-large.png) 0 0 no-repeat;
        }
        .ffContent .info.largeBox .infoLayer:after {
            width: 465px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-infolayer-large.png) 0 bottom no-repeat;
        }
        .ffContent .globalBox.infoLayer {
            position: relative;
            width: 426px;
            padding: 27px 15px 17px 15px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-infolayer-global.png) 0 0 no-repeat;
        }
        .ffContent .globalBox.infoLayer:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -10px;
            height: 10px;        
            width: 456px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-infolayer-global.png) 0 bottom no-repeat;
        }
            .ffContent .globalBox.infoLayer .closeButton{
                position: absolute;
                top: 5px;
                right: 5px;
                width: 20px;
                height: 20px;
                background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) -6px -65px no-repeat;                
            }
    
        .ffContent .errorInfo .infoLayer {
            display: block;
            position: absolute;
            top: -2px;
            left: 32px;
            width: 230px;
            min-height: 23px;
            padding: 5px 12px 0px 22px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-error-infolayer.png) 0 0 no-repeat;
            color: #f03f36;
        }
        .ffContent .errorInfo .infoLayer:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -5px;
            height: 5px;
            width: 264px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-error-infolayer.png) 0 bottom no-repeat;
        }
            .ffContent .errorInfo .infoLayer > div {
                display: table-cell;
                height: 23px;
                vertical-align: middle;
                font-size: 11px;
                line-height: 11px !important;
                font-weight: normal;
                color: #f03f36;            
                width: 100%;
            }
                .ffContent .errorInfo .infoLayer > div p {
                    color: #f03f36 !important;
                    font-size: 11px !important;
                    line-height: 11px !important;
                    padding: 0 !important;
                    margin: 0 !important;
                }            
                .ffContent .errorInfo .infoLayer > div a {
                    color: #f03f36;
                    font-size: 11px;
                    line-height: 11px !important;
                    text-decoration: underline;
                }
                .ffContent .errorInfo .infoLayer > div a:hover {
                    text-decoration: none;
                }
    
    /* icon for inline element */
    .ffContent .icon.inline {
        display: inline;
        position: relative;
        padding-right: 2px;
        background: none;
    }
        .ffContent .icon.inline:after {
            content: "";
            display: inline-block;
            position: static;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) 0px 0px no-repeat;            
            width: 17px;
            height: 15px;
            margin-bottom: -3px;
        }
            .ffContent .icon.info.inline:after { background-position: -157px -37px;}
            .ffContent .icon.sort.inline:after { background-position: -8px -98px;}
            .ffContent .icon.sort.asc.inline:after { background-position: -38px -98px;}
            .ffContent .icon.sort.desc.inline:after { background-position: -68px -98px;}
            .ffContent .icon.sort.inline.darkBlack:after { background-position: -98px -98px;}
            .ffContent .icon.sort.asc.inline.darkBlack:after { background-position: -128px -98px;}
            .ffContent .icon.sort.desc.inline.darkBlack:after { background-position: -158px -98px;}           
 
        
    /* large icons */
    .ffContent .largeIcon {
        display: block;
        width: 75px;
        height: 75px;
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) 0px 0px no-repeat;
    }    
        .ffContent .largeIcon.left { margin-right: 15px; }
    
        .ffContent .largeIcon.electricity { background-position: -1px -150px; }
        .ffContent .largeIcon.gas { background-position: -77px -150px; }
        .ffContent .largeIcon.water { background-position: -153px -150px; }
        .ffContent .largeIcon.warmth { background-position: -1px -301px; }
        .ffContent .largeIcon.truck { background-position: -1px -226px; }
        .ffContent .largeIcon.papers { background-position: -77px -226px; }
        .ffContent .largeIcon.products { background-position: -153px -226px; }
             
    /* validation error */
    .ffContent .invalid .info { display: none; }
    .ffContent .invalid .ok { display: none; }
    .ffContent .invalid .errorInfo, .ffContent .invalidOnBlur .errorInfo { display: block; }
    
    .ffContent .valid .info { display: none; }
    .ffContent .valid .ok { display: block; }
    .ffContent .valid .errorInfo { display: none; }
    
    /* validation error for groups */
    .ffContent .valid.orGroup .warning .ok { display: none; }
    .ffContent .valid.orGroup .warning .info { display: none; }
    .ffContent .valid.orGroup .warning .errorInfo { display: block; }
    
    .ffContent .valid.orGroup   .warning .groupErrorMessage.errorInfo { display: none; }
    .ffContent .invalid.orGroup .warning .groupErrorMessage.errorInfo { display: block; }
    .ffContent .invalid.orGroup .valid .ok { display: none; }
    .ffContent .invalid.orGroup .valid .info { display: none; }
    .ffContent .invalid.orGroup .valid .errorInfo { display: none; }
    
    .ffContent .invalid.orGroup .valid .groupErrorMessage.errorInfo { display: block; }

    /* donload */
    .ffContent .downloadItem {
        width: auto;
        min-height: 27px;
        padding-left: 34px;
        position: relative;
        background: none;
        margin: 0 0 17px 0;
    }
        .ffContent .downloadItem:before {
            content: "";
            position: absolute;
            top: 3px;
            left: 0; 
            width: 24px;
            height: 24px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) 0px 0px no-repeat;
        }
        .ffContent .pdf.downloadItem:before {
            background-position: -64px -64px;
        }
        
        .ffContent .downloadItem a {
            display: block;
            text-decoration: underline;
        }
        .ffContent .downloadItem a:hover {
            text-decoration: none;
        }
        .ffContent .downloadItem a .size {
            color: #000;
            white-space: nowrap;
        }
    
    /* highlight */
    .ffContent div.highlight {
        padding: 9px 14px;
        background: #d7e1eb;
        margin: 0 0 12px 0;
    }
    .ffContent tr.highlight span {
        font-weight: bold;
    }
    
/* Buttons */
.ffContent .button, .infonavi .button {
    display: inline-block;
    height: 35px;
    margin: 0;
    padding: 0;
}
.ffContent .button:hover, .infonavi .button:hover {
    text-decoration: none;
}
    .ffContent .button > span, .infonavi  .button > span {
        position: relative;
        cursor: pointer;
        display: block;
        padding: 0 9px 0 17px;
        margin: 0 8px 0 0;
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/sprite-buttons.png) no-repeat 0 0;
        height: 35px;
        width: auto;
    }
        .ffContent .button > span > span, .infonavi .button > span > span {
            cursor: pointer;
            display: table-cell;
            font-size: 14px;
            font-weight: bold;
            line-height: 14px;
            color: #fff;
            vertical-align: middle;
            height: 35px;
            padding: 0;
            margin: 0;
            width: auto;
        }
    
    .ffContent .button > span :after, .infonavi .button > span :after {
        position: absolute;
        content: "";
        width: 8px;
        height: 35px;
        top: 0;
        right: -8px;
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/sprite-buttons.png) no-repeat -342px 0;
    }
    .ffContent .button.lightBlue > span {
        background-position: 0 -105px;
    }
    .ffContent .button.lightBlue > span :after {
        background-position: -342px -105px;
    }

    /* gray button */
    .ffContent .button.gray > span, .infonavi .button.gray > span {
        background-position: -0px -410px;
        height: 32px;
    }
        .ffContent .button.gray > span :after, .infonavi .button.gray > span :after { 
            background-position: -342px -410px;
            height: 32px;
        }
    
        .ffContent .button.gray > span  > span, .infonavi .button.gray > span  > span {
            color: #004B94;
            height: 32px;
        }
    
    /* buttons mit icons */
    .ffContent .button.icon {
        width: auto;
        background: none;
    }
    .ffContent .button.icon.w100pr { width: 100%; }
    
        .ffContent .button.blue.icon > span {
            padding-left: 37px;
        }
        .ffContent .button.gray.icon > span, .infonavi .button.gray.icon > span {
            padding-left: 28px;
        }
        .ffContent .button.gray.icon-only > span, .infonavi .button.gray.icon-only > span {
            padding-left: 17px;
        }
            .ffContent .button.blue.icon.arrow > span {
                background-position: 0 -35px;
            }
            .ffContent .button.blue.icon.print > span {
                background-position: 0 -70px;
            }
            .ffContent .button.blue.icon.info > span {
                background-position: 0 -140px;
            }            
            .ffContent .button.blue.icon.list > span {
                background-position: 0 -175px;
            }            
            .ffContent .button.blue.icon.arrowInCircle > span {
                background-position: 0 -210px;
            }
            .ffContent .button.gray.icon.arrow > span, .infonavi .button.gray.icon.arrow > span {
                background-position: 0 -445px;
            }
            .ffContent .button.gray.icon.arrow-back > span, .infonavi .button.gray.icon.arrow-back > span,
            .ffContent .button.gray.icon.prev-page > span, .infonavi .button.gray.icon.prev-page > span {
                background-position: 0 -480px;
            }            
            .ffContent .button.gray.icon.arrow-last > span, .infonavi .button.gray.icon.arrow-last > span,
            .ffContent .button.gray.icon.last-page > span, .infonavi .button.gray.icon.last-page > span {
                background-position: 0 -515px;
            }            
            .ffContent .button.gray.icon.arrow-first > span, .infonavi .button.gray.icon.arrow-first > span,
            .ffContent .button.gray.icon.first-page > span, .infonavi .button.gray.icon.first-page > span {
                background-position: 0 -550px;
            }

/* IE6 */
* html .ffContent .button > span {padding: 4px 9px; background: #004B94;} 
* html .ffContent .button  { height: auto; }
* html .ffContent .button > span {height: auto; padding: 6px 9px; margin: 0; background: #004B94; } 
* html .ffContent .button > span > span {height: auto; padding: 0; margin: 0; background: #004B94; } 
/* IE7 */
*+html .ffContent .button  { height: auto; }
*+html .ffContent .button > span {height: auto; padding: 6px 9px; margin: 0; background: #004B94; } 
*+html .ffContent .button > span > span {height: auto; padding: 0; margin: 0; background: #004B94; } 
            
/* 2 rows button */
.ffContent .button.twoRows {
    height: 54px;
}
    .ffContent .button.twoRows > span {
        height: 54px;
        padding: 0 9px 0 17px;
        margin: 0 8px 0 0;
        background-position: 0 -245px;                
    }
        .ffContent .button.twoRows > span > span{
            font-size: 14px;
            font-weight: bold;
            line-height: 16px;
            color: #fff;
            vertical-align: middle;
            height: 54px;
            padding: 0;
            margin: 0;
            width: auto;
            max-width: 227px;
        }
        
    .ffContent .button.twoRows > span :after {
        height: 54px;
        background-position: -342px -245px;    
    }
    .ffContent .button.blue.icon.twoRows > span {
        padding-left: 58px;
    }
        .ffContent .button.blue.icon.twoRows.plus > span {
            background-position: 0 -299px;
        }
        .ffContent .button.blue.icon.twoRows.truck > span {
            background-position: 0 -353px;
            padding-left: 80px;
        }
    
/* Styling for Autocomplete */
.ac_results{
    overflow: hidden;
    z-index: 99999;
    margin: -1px 0 0 -10px;
    padding: 0;
    background:#fff;
    border-left: 3px solid #D9E5EB;
    border-right: 3px solid #D9E5EB;
    border-bottom: 3px solid #D9E5EB;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;    
    -ms-border-radius: 4px 4px 4px 4px;    
    border-radius: 0px 0px 6px 6px;
}
.ac_results ul{list-style-position:outside;list-style:none;margin:0;padding:0px}
    .ac_results li{ cursor:pointer;display:block;overflow:auto;margin:0;padding:0;border-top:none;}
        .ac_results ul li .option { 
           background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-blue-dashed.png) 0 top repeat-x;
            cursor: pointer;
            margin: 0;
            padding: 7px 7px 3px;
        }
        .ac_results ul li:first-child .option {
            background-image: none;
        }
        .ac_results ul li.ac_over .option {background-color: #f3f7fa;color:#000}
    
/* TABLES */
    .grid table {
        border: none;
        width: 100%;
        border-collapse: collapse;
        padding: 0;
        margin: 0 0 16px 0;
    }
        .grid table th { 
            padding: 3px 15px 4px;
            background: #8ca7c9;
            color: #fff;
            font-weight: bold;
            border-right: 3px solid #fff;
            vertical-align: middle;
            text-align: left;
        }
        .grid table th:last-child {
            border-right: none;
        }
            .grid table th a, .grid table th a:hover { text-decoration: none; color: #fff; }
        .grid table td { 
            padding: 3px 15px 4px;
            background: #dae5eb;
            color: #000;
            font-weight: normal;
            border-right: 3px solid #fff;
            border-top: 3px solid #fff;
            vertical-align: top;
            text-align: left;
        }
        .grid table td:last-child {
            border-right: none;
        }
        .grid table .selected td, .grid table.whiteRows td  {
            background: #fff;
        }
        .grid table td.haCenter, .grid table th.haCenter { text-align: center; }
        .grid table td.haLeft, .grid table th.haLeft { text-align: left; }
        .grid table td.haRight, .grid table th.haRight { text-align: right; }
        .grid table td.inputCell { padding: 2px 3px 1px 0; }
        
        .grid table tr.even td { background-color: transparent; }
        .grid table tr.odd td { background-color: #dae5eb; }

        .grid table td.row { position: static; }
        
        .grid.whiteBox table th, .grid.whiteBox table td { border-color: #fff; }
        .grid.blueBox table th, .grid.blueBox table td { border-color: #eef2f5; }
        
        .grid table td .icon { display: inline-block; margin: -10px -5px; }
        
        
        
    .grid table.confirmationTable {}    
        .grid table.confirmationTable td { background: none; border: none; padding-top: 2px; padding-bottom: 2px; }
        
        
    .grid table.rowSelectTable {}    
        .grid table.rowSelectTable th {
            background: transparent;
            color: #000;
            padding: 6px 10px 5px 3px;
        }
        .grid table.rowSelectTable td {
            padding: 6px 10px 5px 3px;
            background: transparent;
            border-color: #fff;
            border-width: 2px;
            
            border-right: none;
            border-top: none;
            border-bottom: 2px solid #fff;
        }
        .grid table.rowSelectTable td.inputCell {
            padding: 4px 0 0 0;
        }
        
        .grid table.rowSelectTable .disabled td {
            color: #8E9193;
        }
    /* form element in table */
    .grid table .row .col {
        padding: 0 2px;
    }
    
    .grid table .errorInfo { display: none; }    
    .grid table .ok { display: none; }    
    
    .grid table .wrapper.inputText {
        padding: 0 4px;
        background: none;
        height: 17px;
    }
        .grid table .wrapper.inputText:before {
            background: #fff;
            border-top: 2px solid #577992;
            border-bottom: 2px solid #577992;
            border-left: 2px solid #577992;
            -webkit-border-radius: 2px 0 0 2px;
            -moz-border-radius: 2px 0 0 2px;
            -ms-border-radius: 2px 0 0 2px;
            border-radius: 2px 0 0 2px;
            width: 2px;
            height: 13px;
        }
        .grid table .wrapper.inputText:after {
            background: #fff;
            border-top: 2px solid #577992;
            border-bottom: 2px solid #577992;
            border-right: 2px solid #577992;
            -webkit-border-radius: 0 2px 2px 0;
            -moz-border-radius: 0 2px 2px 0;
            -ms-border-radius: 0 2px 2px 0;
            border-radius: 0 2px 2px 0;
            width: 2px;
            height: 13px;
        }
        .grid table .invalid .wrapper.inputText:before,
        .grid table .invalid .wrapper.inputText:after {
            border-color: #F03F36;
        }
        
    .grid table input[type="text"] {
        height: 13px;
        line-height: 12px;
        padding-top: 0;
        border-top: 2px solid #577992;
        border-bottom: 2px solid #577992;
    }
    .grid table .invalid input[type="text"] {
        border-width: 2px;
    }
    
    .grid table .moreLink {
        display: inline-block;
        margin: 0;
        position: relative;
        text-decoration: underline;
        font-weight: normal;
        background: none;
        padding-left: 8px;
    }
        .grid table .moreLink:before {
            content: "";
            left: 0px;
            top: 5px;
            position: absolute;
            width: 5px;
            height: 5px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) -43px -73px no-repeat;
        }
    .grid table .moreLink:hover {
        text-decoration: none;
    }
    
    .globalBox.infoLayer table {
        margin: 0;
        width: 426px;
        border-collapse: collapse;
    }
        .globalBox.infoLayer table td {
            border-left: 3px solid #fff;
            background: #DAE5EB;
        }
        .globalBox.infoLayer table td:first-child {
            border-left: none;
        }
    
        .globalBox.infoLayer table.centered td {
            padding: 15px;
            text-align: center;
            vertical-align: middle;
        }
        .globalBox.infoLayer table.centered td:first-child {
            text-align: left;
        }
    
/* filter */
    .ffContent .filter {}
        .ffContent .filter ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
            .ffContent .filter ul li {
                display: block;
                padding: 0;
                margin: 0;
                background: none;
            }
            .ffContent .filter ul li .control{
                display: inline-block;
                margin-bottom: 20px;
            }
                .ffContent .filter ul li .control a {
                    padding-left: 15px;
                    text-decoration: underline;
                    position: relative
                }
                    .ffContent .filter ul li .control a:before {
                        content: "";
                        position: absolute;
                        width: 15px;
                        height: 15px;
                        top: 0;
                        left: 0;
                        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) 0 0 no-repeat;
                    }
                        .ffContent .filter ul li .control a.plus:before {background-position: -9px -37px; }
                        .ffContent .filter ul li .control a.minus:before {background-position: -38px -37px; }
                        
/* text & picture */
.ffContent div.textPicture {
    margin-bottom: 15px;
}
    .ffContent div.textPicture h3 {
        font-size: 16px;
        line-height: 18px;
        font-weight: bold;
        color: #004b94;
        margin: 0;
        padding: 0px 0 6px;
        background: none;
        border: none;
    }
    .ffContent div.textPicture img.left { margin: 0 15px 0 0; }
    .ffContent div.textPicture img.right { margin: 0 0 0 15px ; }
    
    .ffContent div.textPicture .text4Icon {
        width: 389px;
        float: left;
        position: relative;
        padding-bottom: 40px;
        min-height: 39px;
        
    }
        .ffContent div.textPicture .text4Icon .buttonBottom {
            position: absolute;
            bottom: 0;
        }
    
    .ffContent div.textPicture .text {
        margin-bottom: 12px;
    }
        .ffContent div.textPicture .text.withInfoLayer {
            padding-right: 30px;
            position: relative;
        }
            .ffContent div.textPicture .text.withInfoLayer .withTooltip {
                position: absolute;
                left: auto;
                right: 0;
                top: 0;
            }
/* tooltip */
.ffContent .withTooltip {
    color: #004C92;
    text-decoration: none;
    cursor: pointer;
}
.ffContent a.withTooltip {
    cursor: pointer;
}
.ffContent .withTooltip:hover {
    text-decoration: underline; 
}
    .ffContent .withTooltip .infoIcon {
        position: relative;
        display: inline-block;
        width: 17px;
        height: 15px;
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) -157px -37px no-repeat;
        margin-bottom: -3px;
    }
        .ffContent .withTooltip .infoIcon .infoLayer {
            display: none;
            position: absolute;
            z-index: 10;
            left: 100%;
            top: -20px;
        }
        
    /* ssl infos with tooltip */
    .ffContent .sslInfo {
        color: ##004A94;
        text-decoration: underline !important;
        font-size: 11px;
        line-height: 14px;
    }    
        .ffContent .sslInfo.withTooltip .infoIcon { 
            width: 38px;
            height: 18px;
            background-position: -156px -65px; 
        }        
/* info layer content styling */
.ffContent .infoLayer h3 {
    font-size: 16px;
    line-height: 18px;
    background: none;
    color: #004B94;
    font-weight: normal;
    padding: 0;
    margin: 0 0 15px 0;
}
.ffContent .infoLayer  p {
    color: #000 !important;
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: normal;
}
.ffContent .infoLayer ul { padding-left: 13px; margin: 0 0 0 0; }
    .ffContent .infoLayer ul  li {
        color: #000;
        margin: 0 0 15px 0;
        padding: 0;
        background: none;
        list-style: disc;
    }
    .ffContent .infoLayer .clearBottomMargin {
        display: block;
        font-size: 0 !important;
        line-height: 0 !important;
        margin: 0 0 -10px 0 !important;
    }
/* lightwindow */    
#overlay{
    display: none;
    background-image: url(/static/de-mainova/images/Bilder_Layout/onlineservice/overlay.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}
#lightwindow{
    display: none;
    position: absolute;
    z-index: 10100;
    background: none;
    padding: 0;
    width: auto;
}
.lightwindowContent {
    display: none;
    width: 550px;
}
#lightwindow .lightwindowContent{
    display: block;
}
    .lightwindowContent .head {
        width: 100%;
        height: 15px;
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-white-box-wide.png) 0 0 no-repeat;
    }
    .lightwindowContent .closeButton {
        position: absolute;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 10px;
        z-index: 10200;
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/ff-sprite.png) -6px -65px no-repeat;
    }
        .lightwindowContent .closeButton img { width: 100%; height: 100%; }
        
    .lightwindowContent .foot {
        width: 100%;
        height: 15px;
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-white-box-wide.png) 0 bottom no-repeat;
    }
    .lightwindowContent .contentrow{
        padding: 20px 20px 0 20px;
        background: #fff;
        border: 1px solid #fff;
    }
    #lightwindow h1.mainheadline {
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-headline.gif) 0 0 no-repeat;
        color: #FFFFFF;
        font-size: 22px;
        font-weight: normal;
        height: 55px !important;
        margin: 0 0 25px;
        padding: 10px 5px 5px 15px;
        width: 490px !important;
    }
    
    
    .lightwindowContent.dynamicWidth {
        width: auto;
    }
        .lightwindowContent.dynamicWidth .head {
            position: relative;
            width: auto;
            margin: 0 15px;
            background: #fff;
        }
    
        .lightwindowContent.dynamicWidth .head:before {
            content: "";
            position: absolute;
            top: 0;
            left: -15px;
            width: 15px;
            height: 15px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-white-box-wide.png) 0 0 no-repeat;
        
        }
        .lightwindowContent.dynamicWidth .head:after {
            content: "";
            position: absolute;
            top: 0;
            right: -15px;
            width: 15px;
            height: 15px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-white-box-wide.png) right 0 no-repeat;
        
        }
        .lightwindowContent.dynamicWidth .closeButton {
            right: -5px;
        }
        
        .lightwindowContent.dynamicWidth .foot {
            position: relative;
            width: auto;
            margin: 0 15px;
            background: #fff;
        }
    
        .lightwindowContent.dynamicWidth .foot:before {
            content: "";
            position: absolute;
            top: 0;
            left: -15px;
            width: 15px;
            height: 15px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-white-box-wide.png) 0 bottom no-repeat;
        
        }
        .lightwindowContent.dynamicWidth .foot:after {
            content: "";
            position: absolute;
            top: 0;
            right: -15px;
            width: 15px;
            height: 15px;
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-white-box-wide.png) right bottom no-repeat;
        
        }        
        
        #lightwindow .dynamicWidth h1.mainheadline {
            width: auto !important;
            margin-left: 15px;
            margin-right: 15px;
            background: #002c77;
            position: relative;
            padding-left: 0;
            padding-right: 0;
        }
            #lightwindow .dynamicWidth h1.mainheadline:before {
                content: "";
                position: absolute;
                width: 15px;
                height: 70px;
                top: 0;
                left: -15px;
                background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-headline.gif) 0 0 no-repeat;
            }
            #lightwindow .dynamicWidth h1.mainheadline:after {
                content: "";
                position: absolute;
                width: 15px;
                height: 70px;
                top: 0;
                right: -15px;
                background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-headline.gif) right 0 no-repeat;
            }            
        
.dialog    {
    padding: 2px;
    background: #fff;
}
/* loader */
.communicationLoader {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/white50.png) 0 0 repeat;
}
    .communicationLoader > div {
        position: fixed;
        top: 0;
        width: 100%;
    }
        .communicationLoader .wrapper {
            margin: 0 auto;
            width: 300px; 
            background: #fff;
            padding: 20px 50px;
            text-align: center;
            border: 1px solid #eee;
        }
        .communicationLoader  img {
            display: inline-block;
        }

.communicationLoader[data-type="easy"] {
    background: transparent;
}
    .communicationLoader[data-type="easy"] > div {
        display: none;
    }
        
/* slidebox */
.ffContent .slideContent {
    overflow: visible;
    padding-top: 15px;
    display: none;
}
/* overwrite mainova.de CSS */
#content .ffContent h1.mainheadline {
    background-image: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-headline.gif);
}
/* Table "light" */
table.light {
    border-collapse: collapse;
}
    table.light th, table.light td {
        width: 160px;
        padding: 8px 10px;
        font-size: 11px;
        line-height: 15px;
        text-align: left;
        vertical-align: top;
    }
        table.light td * {
            font-size: 11px !important;
            line-height: 15px !important;
        }
    
    table.light th {
        font-weight: bold;
        color: #004c90;
    }
    table.light td {
        font-weight: normal;
        color: #000000;
    }
    
    table.light tr {
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-blue-hor.png) 0 top repeat-x;
        padding-bottom: 1px;
    }
    table.light tr:first-child { 
        background: none; 
    }
        table.light .marked {
            background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-blue-hor.png) 0 top repeat-x #edf2f5;
        }
            table.light .marked  td {
                font-weight: bold;
                color: #004c90;
            }
        
    table.light td {
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-blue-ver.png) left 0 repeat-y;
    }
    table.light td:first-child { 
        background: none; 
    }    
        
    table.light th {
        background: url(/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-blue-ver.png) left 0 repeat-y #edf2f5;
    }
    table.light th:first-child { 
        background: #edf2f5;
        -webkit-border-radius: 7px 0 0 0; 
        -moz-border-radius: 7px 0 0 0; 
        -ms-border-radius: 7px 0 0 0; 
        border-radius: 7px 0 0 0; 
    }    
    table.light th:last-child { 
        -webkit-border-radius: 0 7px 0 0;
        -moz-border-radius: 0 7px 0 0;
        -ms-border-radius: 0 7px 0 0; 
        border-radius: 0 7px 0 0;        
    }
 
.kontaktauswahl {
    z-index: 130;
}
.kontakt_content {
    z-index: 129;
}

/* Tarifrechner */
.white { color: #fff; }
.fixed-height-148 { height: 148px; }
/* blue box */
.responsive-blue-box {
    width: 100%;
    position: relative;
    margin: 0 0 12px 0;
    color: #fff;
}
    .responsive-blue-box .l, .responsive-blue-box .r {
        margin: 0;
        padding: 0;
        background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/bg-responsive-blue-box.png") 0 0 no-repeat;
    }
    .responsive-blue-box .top .l {
        min-height: 8px;
        height: 8px;
        margin-right: 8px;
        padding-left: 8px;
        background-position: 0 0;
    }
    .responsive-blue-box .top .r {
        min-height: 8px;
        height: 8px;
        margin-right: -8px;
        padding-right: 8px;
        background-position: right 0;
    }
    .responsive-blue-box .bottom .l {
        min-height: 8px;
        height: 8px;
        margin-right: 8px;
        padding-left: 8px;
        background-position: 0 bottom;
    }
    .responsive-blue-box .bottom .r {
        min-height: 8px;
        height: 8px;
        margin-right: -8px;
        padding-right: 8px;
        background-position: right bottom;
    }
    
    .responsive-blue-box .middle .l {
        min-height: 8px;
        margin-right: 8px;
        padding-left: 8px;
        background-position: 0 -20px;
    }
    .responsive-blue-box .middle .r {
        min-height: 8px;
        margin-right: -8px;
        padding-right: 8px;
        background-position: right -20px;
    }    
    
    .responsive-blue-box .content {
        border-top: 1px solid transparent;
        position: relative;
        padding: 2px 14px;
    }
    .layout-3cols-3 .responsive-blue-box .content {
        padding: 1px 7px;
    }
    
    .responsive-blue-box .mainova-logo {
        width: 159px;
        height: 31px;
        background: url("/static/de-mainova/images/Bilder_Layout/logo_blau_bg.gif") 0 0 no-repeat;
    }
    .responsive-blue-box p,
    .responsive-blue-box a {
        color: #fff;
    }
    .responsive-blue-box a.infobutton {
        text-decoration: underline;
        font-size: 10px;
    }
    
    .responsive-blue-box label,
    .responsive-blue-box input[type="text"]{
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
    }
    .priceCheck .responsive-blue-box label,
    .priceCheck .responsive-blue-box input[type="text"]{
        font-size: 12px;
    }
    .responsive-blue-box label {
        color: #fff;
    }
    .responsive-blue-box input[type="text"] {
        color: #333;
        line-height: 17px;
        border: none;
        padding: 4px 5px;
        margin: 0 10px 0 0;
        background: #fff;
        -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3) inset;
        -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3) inset;
        -ms-box-shadow: 3px 3px 5px rgba(0,0,0,0.3) inset;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.3) inset;
    }
    
    .responsive-blue-box input[type="radio"]  {
        margin-top: 3px;
    }
    
    .responsive-blue-box .dotted-bottom {
        padding-bottom: 10px;
        background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-light-blue-hor.png") 0 bottom repeat-x;
    }
    #content .responsive-blue-box .dotted-bottom p.intro {
        margin-bottom:0;
    }
    .layout-3cols-3 .responsive-blue-box .panel.dotted-bottom {
        padding: 0px;
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    
    .responsive-blue-box .dotted-right {
        background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/bg-dotted-light-blue-ver.png") right 0 repeat-y;
    }
    
    .responsive-blue-box .hidden {
        display: none !important;
    }
    .responsive-blue-box .special-offer {
        background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/button_guenstiger_rechnen.png") no-repeat scroll 0 0 transparent;
        height: 75px;
        position: absolute;
        right: 0;
        top: 0;
        width: 89px;
        z-index: 50;
    }
    
/******************/
/* rateCalculator */
/******************/
.tariff-calculator {}
    .tariff-calculator ul.inline-list, .tariff-calculator ul.list {
        padding: 0;
        margin: 0;
        list-style: none;
    }
        .tariff-calculator ul.inline-list li {
            float: left;
            padding: 0;
            margin: 0 0 0 10px;
            background-image: none;
        }
        .tariff-calculator ul.list li {
            float: none;
            padding: 0;
            margin: 0;
            background-image: none;
        }
        .tariff-calculator ul li.right {
            text-align: right;
        }
        .tariff-calculator ul li .large {
            font-size: 22px;
            font-weight: bold;
        }
        .tariff-calculator ul.inline-list li:first-child { margin: 0; }
        
    .tariff-calculator ul.inline-list.centered {
        width: 100%;
        text-align: center;
    }    
        .tariff-calculator ul.inline-list.centered li {
            float: none;
            display: inline-block;
        }    
    
    .tariff-calculator input.smallWidth{ width: 55px; }
    .tariff-calculator input.middleWidth{ width: 70px; }
    .tariff-calculator input.middleWidth.last{ margin-right: 0px; }
    
    .tariff-calculator .content-row {}
    .tariff-calculator.inSatellite .content-row { margin-bottom: 14px; }
    .tariff-calculator.inSatellite .content-row.first { margin-top: 8px; margin-bottom: 16px;}
    .tariff-calculator.inSatellite .content-row.last { margin-bottom: 9px; }
    .tariff-calculator.inSatellite .content-row.dotted-bottom { padding-bottom: 14px; }
    
        .tariff-calculator .content-row .col {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            margin: 4px 0;
            padding-left: 22px;
        }
            .tariff-calculator .content-row .col:first-child { padding-left: 0; padding-right: 22px; }
            .tariff-calculator .content-row .col.col-1-2 { width: 50%; }
            .tariff-calculator .content-row .col.col-1-3 { width: 33%; }
            .tariff-calculator .content-row .col.col-1-4 { width: 25%; }
            .tariff-calculator.priceCheck .content-row .col { 
            margin: 11px 0 0 0; 
            padding-left: 0; 
        }
            .tariff-calculator.priceCheck .content-row .col:first-child { padding-right: 0; }
            .tariff-calculator.priceCheck .content-row .col.col-1-4.last { position: relative; right: -19px;}
        .tariff-calculator.inContent .content-row .col { 
            padding-left: 22px; 
        }
            .tariff-calculator.inContent .content-row .col:first-child { 
                padding-left: 0;
                padding-right: 22px; 
            }
            .tariff-calculator.inContent .content-row .col:first-child .panel{
                padding-left: 0px;
            }
        .tariff-calculator.inSatellite .content-row .col { 
            margin: 0; 
            padding: 0;
        }
        
        
        
    .tariff-calculator h2 {
        position: relative;
        height: 50px;
        margin: 0 0 5px 0;
    }
    .tariff-calculator.inContent h2 {
        height: 62px;
    }
    .tariff-calculator h2.pricecheck {
        color: #ffffff;
        font-size: 22px;
        font-weight: normal;
        margin: 0;
        padding: 4px 5px 0 0;
        height: 33px;
    }
        .tariff-calculator h2 span{ 
            display: inline-block;
            padding: 15px 0 0 40px;
            font-size: 24px;
            line-height: 24px;
            font-family: Arial;
            font-weight: normal;
            color: #fff;
            position: relative;
            z-index: 10;
        }
        
        .tariff-calculator h2:before {
            content: "";
            position: absolute;
            z-index: 10;
            width: 65px;
            height: 50px;
            background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/tr-sprite.png") 0 0 no-repeat;
            top: 0;
            left: -22px;
        }
        .tariff-calculator h2.pricecheck:before {
            display: none;
        }
        .tariff-calculator h2.electricity:before { background-position: 0 0; }
        .tariff-calculator h2.gas:before { background-position: 0 -50px; }
        
        /* inContent */
        .tariff-calculator.inContent h2.gas {
            margin-left: -11px;
        }
        
        .tariff-calculator.inContent h2 span {
            padding: 28px 0 0 28px;
        }
        .tariff-calculator.inContent h2.gas span {
            padding-left: 49px;
        }        
        .tariff-calculator.inContent h2:before {
            top: 10px;
        }
        .tariff-calculator.inContent h2.electricity {
            margin-left: 15px;
        }
        .tariff-calculator.inContent h2.electricity:before {
            left: -37px;
        }
        .tariff-calculator.inContent h2.gas:before {
            left: -7px;
        }        
        
        
    .tariff-calculator .line {
        margin-bottom: 17px;
    }    
    .tariff-calculator.priceCheck .line {
        margin-bottom: 1px;
    }
    .tariff-calculator.inSatellite .line {
        margin-bottom: 0px;
    }    
        
        .tariff-calculator .quick-selector {
            background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/tr-sprite.png") 0 -101px no-repeat;
        }
            .tariff-calculator .quick-selector ul {
                padding: 0;
                margin: 0;
                list-style: none;
            }
                .tariff-calculator .quick-selector ul li {
                    padding: 0;
                    margin: 0;
                    display: block;
                    float: left;
                    background-image: none;
                }
                    .tariff-calculator .quick-selector ul li a{
                        display: block;
                        width: 100%;
                        height: 100%;
                        text-indent: -10000px;
                        outline: 0;
                    }
                    
        .tariff-calculator.inMainContent .quick-selector    {
            height: 64px;
            width: 343px;
            margin-left: -15px;
            margin-right: -15px;
        }
        .tariff-calculator.inContent .quick-selector{
            height: 44px;
            width: 220px;
            margin-left: 0px;
            margin-top: 11px;
            margin-bottom: 17px;
        }
        .tariff-calculator.inSatellite .quick-selector {
            height: 41px;
            width: 220px;
            margin: 0 -10px 25px;
        }
        
        
        .tariff-calculator.priceCheck .quick-selector {
            height: 44px;
            width: 220px;
            margin-left: 0;
            margin-top: 8px;
        }
        .tariff-calculator.inDistributionCampaign .quick-selector    {
            height: 83px;
            width: 450px;
            margin-left: -10px;
            margin-bottom: 0;
            margin-top: 10px;
        }
        .tariff-calculator.inMainContent .quick-selector.persons    {
            background-position: 0 -101px;
        }
        .tariff-calculator.inContent .quick-selector.persons {
            background-position: 0 -482px;
        }
        .tariff-calculator.priceCheck .quick-selector.persons    {
            background-position: 0 -482px;
        }
        .tariff-calculator.inSatellite .quick-selector.persons    {
            background-position: 0 -482px;
        }        
        .tariff-calculator.inDistributionCampaign .quick-selector.persons    {
            background-position: 0 -582px;
        }
        
        .tariff-calculator.inMainContent .quick-selector.square    {
            background-position: 0 -164px;
        }
        .tariff-calculator.inContent .quick-selector.square {
            background-position: 0 -529px;
            margin-left: 0px;
        }
        .tariff-calculator.priceCheck .quick-selector.square    {
            background-position: 0 -529px;
            margin-left: 0px;
        }
        .tariff-calculator.inSatellite .quick-selector.square {
            background-position: 0 -529px;
        }
        .tariff-calculator.inDistributionCampaign .quick-selector.square    {
            background-position: 0 -690px;
        }
        
            .tariff-calculator.inMainContent .quick-selector ul li {
                width: 61px;
                height: 61px;
                margin-left: 9px;
            }
                .tariff-calculator.inMainContent .quick-selector ul li:first-child { margin-left: 0; }
                
            .tariff-calculator.inContent .quick-selector ul li,
            .tariff-calculator.inSatellite .quick-selector ul li {
                width: 41px;
                height: 41px;
                margin-left: 1px;
            }
            .tariff-calculator.priceCheck .quick-selector ul li {
                width: 41px;
                height: 41px;
                margin-left: 1px;
            }
            .tariff-calculator.inDistributionCampaign .quick-selector ul li {
                width: 84px;
                height: 83px;
                margin-left: 7px;
            }
                .tariff-calculator.inDistributionCampaign .quick-selector ul li:first-child {
                    margin-left: 0px;
                }
            
                .tariff-calculator .quick-selector ul li a { position: relative; outline: none; }
                
                .tariff-calculator .quick-selector ul li a.selected:before, 
                .tariff-calculator .quick-selector ul li a:hover:before {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-image: url("/static/de-mainova/images/Bilder_Layout/onlineservice/tr-sprite.png");
                    background-repeat:  no-repeat;
                }
                .tariff-calculator.inMainContent .quick-selector ul li a.selected:before,
                .tariff-calculator.inMainContent .quick-selector ul li a.selected:hover:before,                
                .tariff-calculator.inMainContent .quick-selector ul li a:hover:before {
                    width: 64px;
                    height: 64px;
                    background-position: 0 -228px;
                }
                .tariff-calculator.inMainContent .quick-selector ul li a:hover:before {
                    background-position: -281px -228px;
                }
                .tariff-calculator.inContent .quick-selector ul li a.selected:before,
                .tariff-calculator.inContent .quick-selector ul li a.selected:hover:before,                
                .tariff-calculator.inContent .quick-selector ul li a:hover:before,
                .tariff-calculator.inSatellite .quick-selector ul li a.selected:before,
                .tariff-calculator.inSatellite .quick-selector ul li a.selected:hover:before,                
                .tariff-calculator.inSatellite .quick-selector ul li a:hover:before {
                    width: 46px;
                    height: 46px;
                    background-position: -230px -480px;
                }
                .tariff-calculator.inContent .quick-selector ul li a:hover:before,
                .tariff-calculator.inSatellite .quick-selector ul li a:hover:before {
                    background-position: -280px -480px;
                }
                .tariff-calculator.priceCheck .quick-selector ul li a.selected:before,
                .tariff-calculator.priceCheck .quick-selector ul li a.selected:hover:before,
                .tariff-calculator.priceCheck .quick-selector ul li a:hover:before {
                    width: 46px;
                    height: 46px;
                    background-position: -230px -480px;
                }
                .tariff-calculator.priceCheck .quick-selector ul li a:hover:before {
                    background-position: -280px -480px;
                }
                
                .tariff-calculator.inDistributionCampaign .quick-selector ul li a.selected:before, 
                .tariff-calculator.inDistributionCampaign .quick-selector ul li a.selected:hover:before,
                .tariff-calculator.inDistributionCampaign .quick-selector ul li a:hover:before {
                    width: 84px;
                    height: 83px;
                    background-position: -448px -582px;
                }
                .tariff-calculator.inDistributionCampaign .quick-selector.line ul li a.selected:before,
                .tariff-calculator.inDistributionCampaign .quick-selector.line ul li a.selected:hover:before,
                .tariff-calculator.inDistributionCampaign .quick-selector.line ul li a:hover:before {
                    width: 84px;
                    height: 83px;
                    background-position: -452px -688px;
                }
                .tariff-calculator.inDistributionCampaign .quick-selector.line ul li a:hover:before {
                    background-position: -552px -688px;
                }
                
    .tariff-calculator .button-panel {
        text-align: center;
        position: relative;
    }
    .tariff-calculator .button-panel .pricecheck_back_button {
        bottom: 4px;
        right: auto;
        left: 0;
    }
    .tariff-calculator.priceCheck .button-panel {
        margin-top: 14px;
    }
    .tariff-calculator .panel.icon {
        position: relative;
    }
        .tariff-calculator .panel.icon:after {
            content: "";
            position: absolute;
            width: 64px;
            height:64px;
        }
        
        .tariff-calculator.inMainContent .panel.icon {
            padding: 38px 0 49px;
            min-height: 35px;
        }
        .tariff-calculator.inContent .col-1-2:first-child .panel.icon {
            padding: 25px 29px 37px;
            min-height: 24px;
        }
        .tariff-calculator.inContent .col-1-2:first-child .panel .line {
            padding: 0px;
            
        }
        .tariff-calculator.inContent .col-1-2 .panel.icon {
            padding: 25px 29px 37px;
            min-height: 24px;
            padding-left: 50px;
        }
        .tariff-calculator.inContent .col-1-2 .panel .line:last-child {
            padding: 0px;
            margin-left: -9px;
            margin-right: -9px;
            margin-bottom: 23px;
        }
        
        /* icon factory */
        .tariff-calculator.priceCheck .panel.icon.factory {
            min-height: 62px;
        }
        .ffContent .tariff-calculator.priceCheck .icon.factory {
            width: 100%;
            background-image: none;
        }        
        
        .tariff-calculator.inMainContent .panel.icon.factory:after,
        .tariff-calculator.inContent .panel.icon.factory:after,
        .tariff-calculator.priceCheck .panel.icon.factory:after,
        .tariff-calculator.inSatellite .panel.icon.factory:after {
            background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/tr-sprite.png") -136px -221px no-repeat;        
        }
        
            .tariff-calculator.inMainContent .panel.icon.factory:after {
                top: -2px;
                right: -10px;
            }
            .tariff-calculator.inContent .panel.icon.factory:after{
                top: 13px;
                right: -17px;
            }
            .tariff-calculator.priceCheck .panel.icon.factory:after {
                position: static;
                display: inline-block;
                width: 56px;
                height: 56px;
                margin-bottom: -22px;
                background-position: -136px -232px;
            }
            .tariff-calculator.inSatellite .panel.icon.factory:after{
                top: 8px;
                right: -15px;
            }
            
        
        .tariff-calculator.inContent .panel.icon label,
        .tariff-calculator.inContent .panel .line label {
            margin-bottom: 13px;
            display: inline-block;
            font-size: 13px;
        }
        .tariff-calculator.inContent .panel .line label:last-child {
            margin-right: 0;
        }
        
        .tariff-calculator.priceCheck label {
            margin-bottom: 10px;
            display: inline-block;
        }
        .tariff-calculator.inSatellite .panel .line input {
            display: block;
            float: left;
        }
        .tariff-calculator.inSatellite .panel .line label {
            display: block;
            float: left;
            padding-top: 3px;
        }        
        
        
        .tariff-calculator.inSatellite .panel.icon.factory{
            padding: 22px 0 37px 10px;
        }            
            .tariff-calculator.inSatellite .panel.icon.factory label {
                display: inline-block;
                margin-bottom: 10px;
            }    
        
    .tariff-calculator.inSatellite label.large {
        font-size: 24px;
        line-height: 30px;
        font-weight: normal;
        vertical-align: middle;
        margin: 0 0 0 8px;
    }
    .tariff-calculator.inSatellite label.small {
        margin: 0 0 0 8px;
    }
    .tariff-calculator.inSatellite label.compact {
        margin: 0;
    }
    
.tariff-calculator .right { float: right; }
.tariff-calculator.priceCheck .offer li { padding: 0 0 12px 0; }
    .tariff-calculator.priceCheck .offer li  label { margin-bottom: 0; }
/* Rechner in Vertriebskampagne */    
.tariff-calculator.inDistributionCampaign .content {
    padding: 22px;
}
    .tariff-calculator.inDistributionCampaign .content .row {
        margin: 0;
        padding: 15px 0;
    }
    .tariff-calculator.inDistributionCampaign .content .row.buttonPanel { padding-bottom: 0; }
    .tariff-calculator.inDistributionCampaign .content .firstBlock {
        margin: 0 -22px;
        padding-left: 22px;
        padding-right: 22px;
        border-bottom: 1px dotted #dae5eb;
        border-top: 1px dotted #dae5eb;
    }
        .tariff-calculator.inDistributionCampaign .content .firstBlock label {
            color: #fff;
            font-size: 22px;
            margin: 0;
            line-height: 32px;
        }
    .tariff-calculator.inDistributionCampaign .content .buttonPanel {
        padding-bottom: 0;
        text-align: center;
    }    
    
    .tariff-calculator.inDistributionCampaign .content .secondBlock {}
        .tariff-calculator.inDistributionCampaign .content .secondBlock input {
            text-align: left;
        }
        
        
    .tariff-calculator.inDistributionCampaign .content h2.pricecheck {
        border-bottom: 1px dotted #dae5eb;
        border-top: 1px dotted #dae5eb;
        margin: 0 -22px;
        padding: 15px 22px;
        font-size: 22px;
        line-height: 32px;
        height: auto;
    }
    .tariff-calculator.inDistributionCampaign .content p.intro {
        margin: 10px 0 17px;
    }
    
    .tariff-calculator.inDistributionCampaign .content ul li .large {
        font-size: 26px;
    }
    .tariff-calculator.inDistributionCampaign .content ul.list li {
        margin: 0 0 10px 0;
    }
    .tariff-calculator.inDistributionCampaign .content ul.list li.right {
        margin: 0 0 15px 0;
    }
    .tariff-calculator.inDistributionCampaign .content a.infobutton {
        font-size: 16px;
        font-weight: bold;
    }
    
    .tariff-calculator.inDistributionCampaign .content .ffContent label, 
    .tariff-calculator.inDistributionCampaign .content .ffContent input[type="text"] {
        font-size: 16px;
    }
    .tariff-calculator.inDistributionCampaign .content  .ffContent label {
        margin: 0 5px 0 0;
        line-height: 18px;
    }
    .tariff-calculator.inDistributionCampaign .content label.radio {
        margin: 0 10px 0 4px;
    }
    .tariff-calculator.inDistributionCampaign .content #grund_group {
        margin: 10px 0 0 0;
    }
    
    .tariff-calculator.inDistributionCampaign .content  .smart-button {
        padding: 14px 20px 13px;
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        -ms-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;            
    }
        .tariff-calculator.inDistributionCampaign .content  .smart-button span {
            font-weight: bold;
            line-height: 16px !important;
            position: relative;
            font-size: 21px;
            padding: 0 0 0 19px;            
        }
        
        .tariff-calculator.inDistributionCampaign .content  .smart-button span:before {
            content: "";
            position: absolute;
            width: 20px;
            height: 25px;
            top: -6px;
            left: -2px;
            background-position: -22px -310px;
        }        
        
        .tariff-calculator.inDistributionCampaign .content .button-panel {
            margin-top: 20px;
        }
        
        .tariff-calculator.inDistributionCampaign .pricecheck_back_button {
            background: transparent url("/static/de-mainova/images/Bilder_Layout/pricecheck_icon_arrow_small.png") no-repeat scroll 0 5px;
            bottom: 0px;
            color: #ffffff;
            padding: 0 0 0 15px;
            position: absolute;
            right: auto;
            text-decoration: none !important;
        }
        .tariff-calculator.inDistributionCampaign .pricecheck_back_button:hover {
            text-decoration: underline !important;
        }        
        
    .tariff-calculator.inDistributionCampaign sup {
        font-weight: normal;
        font-size: 60%;
        top: -1em;
    }
    .tariff-calculator.inDistributionCampaign label sup {
        font-size: 70%;
        top: -0.7em;
    }
    
    .tariff-calculator .tabs li a {
        font-weight: normal;
        font-size: 24px;
        line-height: 24px;
        padding-top: 12px;
        padding-bottom: 7px;
    }
    
/* buttons */        
.smart-button {
    display: inline-block;
    padding: 6px 13px 7px;
    line-height: 16px !important;
    outline: none !important;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.smart-button.large  {
    padding: 14px 20px 13px;
    text-align:left;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;    
}
    .smart-button.red {
        color: #fff !important;
        background: #d82130;
    }
    .smart-button span {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px !important;
        padding: 0 0 0 15px;
        position: relative;
    }
    .smart-button.large span{
       font-size: 21px;
       padding: 0 0 0 30px;
    }
    .smart-button span:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        top: 0;
        left: -3px;
        background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/tr-sprite.png") -87px -252px no-repeat;
    }
    .smart-button.large span:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 25px;
        top: -6px;
        left: -2px;
        background-position: -200px -251px;
    }
/* lightwindowContent additional classes */
.lightwindowContent .content-row {
    margin-bottom: 25px; 
}
.lightwindowContent .tarif_close_link { margin: 0 0 0 10px; }
.lightwindowContent .error-message {
    color: #d52a2c;
    font-size: 16px;
}
#ffContentMain table.compare-data td  .info,
#ffContentMain table.compare-data td  .info a,
#lightwindow table.compare-data td  .info,
#lightwindow table.compare-data td  .info a,
.lightwindowContent  table.compare-data td  .info ,
.lightwindowContent  table.compare-data td  .info  a {
    font-size: 11px;
    line-height: 15px;
}
/* Table Inline-List */
table.inline-list {}
    table.inline-list  td { 
        min-width: 195px;
        vertical-align: middle;
        font-size: 14px;
        padding: 0;
    }
    .responsive-blue-box table.inline-list  td { 
        min-width: 175px;
        vertical-align: middle;
        font-size: 14px;
        padding: 0;
    }
    table.inline-list.t2  td {
        padding-bottom: 10px;
    }
        table.inline-list  td  span,
        table.inline-list  td  label { font-size: 14px; }
/*  compare tariffs */
.compare-panel {
    position: relative;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.compare-select-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50;
}
.compare-select-panel ul {
    margin: 0 0 0 148px;
    padding: 0;
    list-style: none;
    height: 100%;
}
.compare-select-panel ul  li {
    width: 173px;
    height: 100%;
    float: left;
    display: block;
    background: #dae5eb;
    margin: 0 0 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #dae5eb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}
.compare-select-panel ul  li.selected {
    border-color: #d82130;
    background: #fff;
}
.compare-select-panel ul  li input,
.compare-select-panel ul  li label {
    display: none;
}
table.compare-data {
    position: relative;
    margin: 15px 0 3px;
    border-collapse: collapse;
    z-index: 100;
    width: auto;
}
    table.compare-data th, 
    table.compare-data td {
        width: 131px;
        min-width: 131px;
        color: #333;
        padding: 8px 25px;
        font-size: 12px;
        line-height: 15px;
        text-align: left;
        vertical-align: top;
        cursor: pointer;
    }
    table.compare-data th:first-child , 
    table.compare-data td:first-child  {
        width: 156px;
        min-width: 156px;
        color: #fff;
        font-weight: bold;
        padding: 8px 0px;
        cursor: default;
    }
    
    table.compare-data th {
        padding-top: 1px;
        padding-bottom: 1px;
        font-weight: bold;
        color: #333;
        font-size: 16px;
        line-height: 18px;
    }
    
    
    table.compare-data td {
        border-bottom: 1px solid #adbed3;
        position: relative;
    }
    table.compare-data td.selected:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        height: 3px;
        width: 4px;
        background: #d82130;
    }
    table.compare-data td.selected:after {
        content: "";
        position: absolute;
        bottom: -2px;
        right: 8px;
        height: 3px;
        width: 4px;
        background: #d82130;
    }    
    
    table.compare-data td, 
    table.compare-data td  * {
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
        color: #333;
    }
        
    table.compare-data td span.sup {
        color: #fff;
        font-size: 10px;
        vertical-align: 3px;
        line-height: 8px;
        position: relative;        
    }
    table.compare-data tr:last-child td { 
        border: none; 
    }        
        table.compare-data td  a {
            color: #006699;
            text-decoration: underline;
        }
        table.compare-data td.subheadline {
            font-size: 14px;
            font-weight: bold;
        }
        table.compare-data td .blue {
            color: #002c77;
            font-weight: bold;
        }
        table.compare-data td .large {
            font-size: 20px;
            line-height: 20px;
        }
        table.compare-data td input[type="checkbox"] {
            margin: 0 5px 0 0;
            float: left;
        }
        table.compare-data td label { 
            float: left;
        }
            table.compare-data td label span {
                font-weight: bold;
                text-decoration: none;
            }
        
    table.compare-data td .icon-print {
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        padding: 0 0 0 18px;
        position: relative;
    }
        table.compare-data td .icon-print:hover {
            text-decoration: underline;
        }
        table.compare-data td .icon-print:before {
            content: "";
            position: absolute;
            width: 15px;
            height: 15px;
            top: 1px;
            left: 0;
            background: url("/static/de-mainova/images/Bilder_Layout/icon_print.gif") 0 0 no-repeat;
        }
/*  tariffs in lightwindow */
#lightwindow .priceCheck .compare-select-panel ul  li {
    width: 300px;
}
    #lightwindow  .priceCheck  table.compare-data th, 
    #lightwindow  .priceCheck  table.compare-data td {
        width: auto;
    }
    #lightwindow  .priceCheck  table.compare-data th:first-child,
    #lightwindow  .priceCheck  table.compare-data td:first-child {
        width: 156px;
    }
#lightwindow  .tarif_footer {
    font-size: 12px;
    line-height: 25px;    
    padding: 6px 0 0 0;
}
#lightwindow  .priceCheck  .tarif_footer {
    display: inline-block;
    width: 100% !important;
}


/*  tariffs in lightwindow - version 2 */
#lightwindow .version-2 * {
    font-family: 'Roboto', Arial;
}
    #lightwindow .lightwindowContent .version-2 .contentrow {
        padding: 15px 30px 15px;
    }
    #lightwindow .dynamicWidth .version-2 h1.mainheadline {
        color: #004c92;
        font-weight: bold;
        font-size: 24px;
        line-height: 1em;
        background: none;
        padding: 0;
        margin: 0 0 8px 0;
        height: auto !important;
    }
        #lightwindow .dynamicWidth .version-2 h1.mainheadline:before,
        #lightwindow .dynamicWidth .version-2 h1.mainheadline:after {
            display: none;
        }
        #lightwindow .dynamicWidth .version-2 h1.mainheadline br,
        #lightwindow .dynamicWidth .version-2 h1.mainheadline subHeadline {
            display: none;
        }
    
    #lightwindow .version-2 .tarif_close_link {
        background: none;
        padding: 0;
        margin: 5px 0 0 0;
        font-size: 13px;
    }
    #lightwindow .table-cols-count-1 .version-2 .tarif_close_link,
    #lightwindow .table-cols-count-2 .version-2 .tarif_close_link {
        display: inline-block;
        float: none;
        margin-top: 10px;
    }
    #lightwindow .version-2 table.inline-list td {
        font-size: 16px;
    }
    #lightwindow .table-cols-count-1 .version-2 table.inline-list td {
        display: block;
        width: 100%;
        min-width: auto;
    }
    #lightwindow .table-cols-count-2 .version-2 table.inline-list td {
        width: 50%;
        min-width: auto;
    }
    #lightwindow .table-cols-count-2 .version-2 table.inline-list td:first-child {
        min-width: 310px;
    }
    
    #lightwindow .table-cols-count-1 .version-2 > .content-row > .left,
    #lightwindow .table-cols-count-1 .version-2 > .content-row > .right,
    #lightwindow .table-cols-count-2 .version-2 > .content-row > .left,
    #lightwindow .table-cols-count-2 .version-2 > .content-row > .right {
        float: none;
    }
        
    #lightwindow .version-2 table.compare-data {
        margin: 0 -7px 0;
    }
        #lightwindow .version-2 table.compare-data td {
            width: 299px;
            padding: 0 7px 0;
            cursor: default;
            border: none;
        }
            #lightwindow .version-2 table.compare-data td *,
            #lightwindow .version-2 table.compare-data td:first-child {
                color: #004c92;
                font-size: 13px;
                line-height: 20px;
            }
            #lightwindow .version-2 table.compare-data td * sup {
                font-size: 10px;
                line-height: 1px;
            }
            #lightwindow .version-2 table.compare-data td .price sup {
                font-size: 15px;
            }
            
            #lightwindow .version-2 table.compare-data td a {
                cursor: pointer;
                text-decoration: none;
            }
            #lightwindow .version-2 table.compare-data td a:hover {
                text-decoration: underline;
            }
                
        #lightwindow .version-2 table.compare-data td .tarif-data {
            padding: 20px 0 0 0;
        }
            #lightwindow .version-2 table.compare-data td .tarif-data .header {
                background: #002c77;
                text-align: center;
                padding: 32px 15px;
                min-height: 84px;
            }
                #lightwindow .version-2 table.compare-data td .tarif-data .header .aligner {
                    display: table;
                    height: 100%;
                }
                    #lightwindow .version-2 table.compare-data td .tarif-data .header .aligner .cell {
                        display: table-cell;
                        vertical-align: middle;
                    }
                    
                #lightwindow .version-2 table.compare-data td .tarif-data .header * {
                    color: #fff !important;
                    line-height: 1.5em;
                }
                #lightwindow .version-2 table.compare-data td .tarif-data .header .headline { font-size: 24px; line-height: 1.1em; padding-bottom: 3px; }
                #lightwindow .version-2 table.compare-data td .tarif-data .header .subheadline { font-size: 16px; }
                
            #lightwindow .version-2 table.compare-data td .tarif-data .content .row {
                padding: 10px 12px;
            }
                #lightwindow .version-2 table.compare-data td .tarif-data .content .row .line {
                    display: block;
                }
            
            #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data {
                border-bottom: 1px solid #b2c9de;
                text-align: center;
            }
                
                #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .bonus {
                    display: table;
                    width: 100%;
                }
                    #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .bonus * {
                        color: #d82130;
                        font-weight: bold;
                    }
                    #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .bonus .td {
                        display: table-cell;
                        text-align: center;
                        vertical-align: bottom;
                        height: 50px;
                    }
                
                    #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .bonus .td.lines-count-1 { height: 30px; }
                    #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .bonus .td.lines-count-0 { height: 10px; }
                                        
                #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .price {
                    padding: 3px 0 7px;
                }
                    #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .price * {
                        font-weight: bold;
                    }
                    #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .price span:first-child {
                        font-size: 24px;
                        line-height: 1.2em;
                    }
                #lightwindow .version-2 table.compare-data td .tarif-data .content .price-data .details {
                    padding: 7px 0 3px;
                }    
                
                
            #lightwindow .version-2 table.compare-data td .tarif-data .content .options-data,
            #lightwindow .version-2 table.compare-data td .tarif-data .content .additional-data,
            #lightwindow .version-2 table.compare-data td .tarif-data .content .clima-option-data {
                border-bottom: 1px solid #004c92;
            }                
                #lightwindow .version-2 table.compare-data td .tarif-data .content .options-data .row:nth-child(odd)  {
                    background: #edf2f5;
                }                
                
        #lightwindow .version-2 table.compare-data td .tarif-data.recommendation {
            padding: 0;
            box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2);
            position: relative;
        }
            #lightwindow .version-2 table.compare-data td .tarif-data.recommendation:before {
                content: "";
                position: absolute;
                top: -10px;
                right: 8px;
                width: 89px;
                height: 62px;
                background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/bg-recommendation-tr.png") 0 0 no-repeat;
            }
            #lightwindow .version-2 table.compare-data td .tarif-data.recommendation .header {
                padding-top: 52px;
                background:  #0099d5;
            }
        /* Table Inline-List version-2 */
        #lightwindow .version-2 table.inline-list {}
        #lightwindow .version-2 table.inline-list  td { 
            min-width: 310px;
            vertical-align: middle;
            font-size: 14px;
            padding: 0;
            color: #333333;
        }
        #lightwindow .version-2 table.inline-list td {
            font-size: 16px;
        }
        #lightwindow .version-2 .responsive-blue-box table.inline-list  td { 
            min-width: 175px;
            vertical-align: middle;
            font-size: 14px;
            padding: 0;
        }
        #lightwindow .version-2 table.inline-list.t2  td {
            padding-bottom: 10px;
        }
            #lightwindow .version-2 table.inline-list  td  span,
            #lightwindow .version-2 table.inline-list  td  label { font-size: 14px; }
    
    #lightwindow .version-2 .footer {
        padding: 2em 0 0 0 ;
    }
        #lightwindow .version-2 table.compare-data td .footer * {
            font-size: 12px;    
        }
        #lightwindow .version-2 .footer ul.notes {
            padding: 0;
            margin: 0;
            list-style: none;
        }
            #lightwindow .version-2 .footer ul.notes li {
                padding: 0 0 0 10px;
                display: block;
                position: relative;
            }
                #lightwindow .version-2 .footer ul.notes li sup {
                    position: absolute;
                    top: 6px;
                    left: 0;
                    font-size: 8px;
                }
                #lightwindow .version-2 .footer ul.notes li p {
                    margin: 0 0 8px 0;
                }
                
    #lightwindow .version-2 .slider {}
        #lightwindow .version-2 .slider ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
            #lightwindow .version-2 .slider ul .content{
                padding: 15px 0 0 7px;
            }
                #lightwindow .version-2 .slider ul .content p {
                    margin: 0;
                }
    
    #lightwindow .version-2 .info-text {
        padding: 10px 30px 10px 0;
    }
    
    /* icons */
    #lightwindow .version-2 .icon {
        display: block;
        padding: 7px 0 6px 42px;
        position: relative;
        width: auto;
        height: auto;
        background: none;
    }
    #lightwindow .version-2 .icon.icon-only {
        padding-left: 35px;
    }
    #lightwindow .version-2 .icon.icon-only.right {
        margin: 2px -5px 0 0;
    }    
    
    #lightwindow .version-2 .icon.plus,
    #lightwindow .version-2 .icon.minus,
    #lightwindow .version-2 .icon.print    { padding-left: 38px;}
    
        #lightwindow .version-2 .icon:before {
            content: "";
            width: 35px;
            height: 35px;
            position: absolute;
            top: 0;
            left: 0;
            background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/tr-sprite.png") 0 0 no-repeat;
        }
        #lightwindow .version-2 .icon.icon-only:before {
            top: -7px;
        }
        
            #lightwindow .version-2 .icon.euro:before { background-position: -17px -782px; }
            #lightwindow .version-2 .icon.moneybox:before { background-position: -83px -782px; }
            #lightwindow .version-2 .icon.calender:before { background-position: -155px -782px; }
            #lightwindow .version-2 .icon.ok:before { background-position: -226px -782px; }
            #lightwindow .version-2 .icon.plus:before { background-position: -367px -784px; }
            #lightwindow .version-2 .icon.minus:before { background-position: -436px -784px; }
            #lightwindow .version-2 .icon.print:before { background-position: -501px -784px; }
            #lightwindow .version-2 .icon.info:before { background-position: -294px -784px; }
            
    
    /* form panel */
    #lightwindow .version-2 .form-panel {
        background: #edf2f5;
    }
    
        #lightwindow .version-2 fieldset {
            border: none;
            padding: 10px 6px 5px 6px;
            margin: 0;
        }
        #lightwindow .version-2 fieldset.border-top {
            border-top: 1px solid #fff;
            padding-top: 13px;
            padding-left: 14px;
            padding-right: 14px;
            margin-left: -12px;
            margin-right: -12px;
            
        }
        #lightwindow .version-2 .error-message {
            color: #d82130 !important;
            padding: 10px 0 0 0;
            font-weight: bold;
            margin: 0 2px;
        }
            #lightwindow .version-2 .error-message p {
                color: #d82130 !important;
                padding: 0;
                margin: 0;
                font-weight: bold;
            }
        #lightwindow .version-2 label {
            font-weight: bold;
            display: block;
            font-size: 16px !important;
            margin: 0 0 15px 0;
            float: none; 
        }
        #lightwindow .version-2 label.radio    {
            position: relative;
            font-size: 14px !important;
            line-height: 14px !important;
            margin: 0 0 5px 0;
            padding: 5px 0 9px 30px;
        }
        #lightwindow .version-2 label.checkbox    {
            position: relative;
            font-size: 13px !important;
            margin: 0 0 5px 0;
            padding: 7px 0 6px 30px;
        }
        #lightwindow .version-2 label.checkbox.not-in-fieldset    {
            padding: 6px 0 7px 42px;
            margin: 0;
            font-weight: normal;
        }
    
            #lightwindow .version-2 label.radio .wrapper,
            #lightwindow .version-2 label.checkbox .wrapper {
                width: 24px;
                height: 24px;
                position: absolute;
                top: 0;
                left: 0;
            }
                #lightwindow .version-2 label.radio .wrapper .trigger {
                    position: absolute;
                    top: 0px;
                    left: 0;
                    width: 24px;
                    height: 24px;
                    background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/bg-radio-tr.png") 0 0 no-repeat;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    -o-user-select: none;
                    user-select: none;
                    cursor: pointer;
                }
                #lightwindow .version-2 label.radio .wrapper .trigger.checked {
                    background-position: 0 -29px;
                }
                
                #lightwindow .version-2 label.radio .wrapper input[type="radio"] {
                    opacity: 0;
                }
                
            #lightwindow .version-2 label.checkbox .wrapper {
                width: 27px;
                height: 29px;
            }
            #lightwindow .version-2 label.checkbox.not-in-fieldset .wrapper {
                left: 4px;
            }
                #lightwindow .version-2 label.checkbox .wrapper .trigger {
                    position: absolute;
                    top: -1px;
                    left: 0px;
                    width: 27px;
                    height: 29px;
                    background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/bg-checkbox-tr.png") 0 0 no-repeat;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    -o-user-select: none;
                    user-select: none;
                    cursor: pointer;
                }
                #lightwindow .version-2 label.checkbox .wrapper .trigger.checked {
                    background-position: 0 -31px;
                }
                
                #lightwindow .version-2 label.checkbox .wrapper input[type="checkbox"] {
                    opacity: 0;
                }                
                
                
    
        #lightwindow .version-2 input[type="submit"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 100%;
            text-align: center;
            background: #d82130;
            border: 0px solid #d82130;
            padding: 9px 10px;
            height: 40px;
            color: #fff !important;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            cursor: pointer;
            outline: none;
            font-weight: bold;
        }
        
    /* download */
    #lightwindow .version-2    .download, #lightwindow .version-2    .download:hover {
        font-weight: bold;
    }
    #lightwindow .version-2    .download.pdf {
        background: none;
        padding-left: 15px;
        position: relative;
    }
        #lightwindow .version-2    .download.pdf:before {
            content: "";
            position: absolute;
            width: 15px;
            height: 15px;
            top: 0;
            left: 0;
            background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/tr-sprite.png") -581px -792px no-repeat;
        }


/* validation */
[data-element-container="true"] .error-message, 
[data-element-container="true"].valid .error-message{ 
    display: none;
    padding: 0;
    margin-bottom: -10px;
}
.lightwindowContent [data-element-container="true"] .error-message, 
.lightwindowContent [data-element-container="true"].valid .error-message{ 
    display: none;
    padding-left: 198px;
}
[data-element-container="true"] .error-message p {
    color: #d52a2c;
    font-weight: bold;
}
.lightwindowContent [data-element-container="true"] .error-message p {
    font-size: 14px;
}
[data-element-container="true"].invalid .error-message { display: block; }
/* footnotes */
ul.footnotes { margin: 0; padding: 0; list-style: none; max-width: 100%;line-height:20px;font-size: 12px;}
ul.footnotes li { display: table-row;}
ul.footnotes li .sup { vertical-align: top;font-size: 10px;line-height: 13px; text-align:right;display: table-cell; padding-right: 3px;}
ul.footnotes .pdf { background-position: 0px 2px; }
ul.footnotes a.download { display: inline-block; padding-left: 14px;}
/* downtime */
.downtime-panel {
    background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/building-site-bg.png") right bottom no-repeat;
    margin-bottom: 3px;
    margin-top: 2px;
    margin-left: -9px;
    margin-right: -9px;
    min-height: 200px;
}
.inMainContent .downtime-panel {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -ms-background-size: auto 100%;
    background-size: auto 100%;
    margin-bottom: 6px;
    margin-top: 5px;
    margin-left: -6px;
    margin-right: -6px;
    padding-bottom: 1px;
    min-height: 241px;
}
.inContent .downtime-panel,
.priceCheck .downtime-panel {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -ms-background-size: auto 100%;
    background-size: auto 100%;
}
.inSatellite .downtime-panel {
    -webkit-background-size: 200px auto;
    -moz-background-size: 200px auto;
    -ms-background-size: 200px auto;
    background-size: 200px auto;
    margin-left: -3px;
    margin-right: -3px;    
}    
.inDistributionCampaign .downtime-panel {
    min-height: 335px;
    margin: 0;
}    
    #content .downtime-panel{
        font-size: 14px;
        line-height: 18px;
    }
        #content .downtime-panel p {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 18px;
        }
        
    #content .inContent .downtime-panel,
    #content .priceCheck .downtime-panel ,
    #content .inSatellite .downtime-panel {
        font-size: 12px;
        line-height: 18px;
    }
        #content .inContent .downtime-panel p,
        #content .priceCheck .downtime-panel p,
        #content .inSatellite .downtime-panel p {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 18px;
        }
        
    .inDistributionCampaign .downtime-panel {
        font-size: 18px;
        line-height: 21px;
    }
        .inDistributionCampaign .downtime-panel p {
            font-size: 18px;
            line-height: 21px;
            margin-bottom: 21px;
        }
    
    
    .downtime-panel h3 {
        font-size: 14px;
        line-height: 19px;
        color: #fff;
        font-weight: bold;
        padding: 0;
        margin: 0 0 18px 0;
    }
        .inContent .downtime-panel h3,
        .priceCheck .downtime-panel h3,
        .inSatellite .downtime-panel h3 {
            font-size: 12px;
            line-height: 18px;    
            margin: 0 0 5px 0;
        }
        
        .priceCheck .downtime-panel h3,
        .inSatellite .downtime-panel h3 {
            font-weight: normal;
        }
        .priceCheck .downtime-panel h3 + h3{
            font-size: 12px;
            line-height: 16px;
        }
        .inDistributionCampaign .downtime-panel h3 {
            margin: 0;
            font-size: 18px;
            line-height: 21px;
        }
        
    .downtime-panel p:last-child {
        margin: 0;
    }
    
    
    .downtime-icon {
        padding-top: 3px;
        padding-left: 107px;
        margin: 0 0 18px 0;
        position: relative;
        min-height: 80px;
    }
    .priceCheck .downtime-icon,
    .inSatellite .downtime-icon { 
        padding-left: 58px; 
        min-height: 40px;
    }
    .inDistributionCampaign .downtime-icon { 
        padding-top: 8px;
    }
        .downtime-icon:before {
            content: "";
            width: 91px;
            height: 80px;
            position: absolute;
            left: 0;
            top: 0;
            background: url("/static/de-mainova/images/Bilder_Layout/onlineservice/building-site-icon.png") 0 0 no-repeat;
            -webkit-background-size: 100% auto;
            -moz-background-size: 100% auto;
            -ms-background-size: 100% auto;
            background-size: 100% auto;            
        }
        .priceCheck .downtime-icon:before,
        .inSatellite .downtime-icon:before {
            width: 46px;
            height: 40px;
        } 
  
/*-------------------------------------
zTree Style
version:    3.4
author:        Hunter.z
email:        hunter.z@263.net
website:    http://code.google.com/p/jquerytree/
-------------------------------------*/
.ztree {border: 3px solid transparent;}
.ztree * {padding:0; margin:0; font-size:12px; font-family: Arial,Helvetica,sans-serif}
.ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0;}
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url("/static/de-mainova/images/Bilder_Layout/onlineservice/line_conn.gif") 0 0 repeat-y;}
.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
    text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover {text-decoration:none}
.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
    opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
    font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span {line-height:16px; margin-right:2px}
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
    border:0 none; cursor: pointer;outline:none;
    background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
    background-image:url("/static/de-mainova/images/Bilder_Layout/onlineservice/zTreeStandard.png"); *background-image:url("/static/de-mainova/images/Bilder_Layout/onlineservice/zTreeStandard.gif")}
.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
.ztree li span.button.switch {width:18px; height:18px}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-92px 0}
.ztree li span.button.roots_close{background-position:-74px 0}
.ztree li span.button.center_open{background-position:-92px -18px}
.ztree li span.button.center_close{background-position:-74px -18px}
.ztree li span.button.bottom_open{background-position:-92px -36px}
.ztree li span.button.bottom_close{background-position:-74px -36px}
.ztree li span.button.noline_open{background-position:-92px -72px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{ background:none;}
.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_loading{margin-right:2px; background:url("/static/de-mainova/images/Bilder_Layout/onlineservice/loading.gif") no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
    background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
    background-position:-110px -80px; background-image:url("/static/de-mainova/images/Bilder_Layout/onlineservice/zTreeStandard.png"); *background-image:url("/static/de-mainova/images/Bilder_Layout/onlineservice/zTreeStandard.gif")}
ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
ul.ztree li { background: none; padding: 0; margin: 0; }
.invalid .ztree {
    border: 3px solid #f03f36;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.ztree li span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 392px;
}
    .ztree li li span { width: 372px;}
        .ztree li li li span { width: 352px;}
            .ztree li li li li span { width: 332px;}
                .ztree li li li li li span { width: 312px;}

/* level style*/
/*.ztree li span.button.level0 {
    display:none;
}
.ztree li ul.level0 {
    padding:0;
    background:none;
}*/