/* Minification failed. Returning unminified contents.
(4750,1): run-time error CSS1019: Unexpected token, found '}'
(4760,1): run-time error CSS1019: Unexpected token, found '}'
(11474,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11486,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11534,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12486,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12526,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12540,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
*, body {
    font-family: verdana,geneva,tahoma,arial;
    font-size: 11px;
    padding: 0;
    margin: 0;
}

INPUT {
    /*color: rgb(41,41,41);*/
    margin: 1px 0px;
}

SELECT {
    /*color: rgb(41,41,41);*/
    margin: 0px 0 0px 0;
    padding: 1px 0 1px 0;
    border-collapse: separate;
    border: #bbb 1px solid;
    /*font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;*/
}


UL {
    padding: 0;
}

P {
    color: rgb(102,102,102);
}

TD {
    color: rgb(102,102,102);
    margin: 0;
    padding: 0;
}

input[type=checkbox] {
    margin: 0 4px 3px 0;
    padding: 0;
    vertical-align: middle;
}

textarea {
    color: rgb(41,41,41);
    margin: 1px 0px;
    padding: 0px;
}

input[type="radio"] {
    margin: 0;
    padding: 0;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 4px;
    vertical-align: top;
}


input[type="text"] {
    /*padding:2px 4px 2px 4px;*/
    margin: 0;
    border-collapse: separate;
    border: #bbb 1px solid;
    color: rgb(51,51,51);
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    line-height: normal;
}

input[type="password"] {
    /*padding:2px 4px 2px 4px;*/
    margin: 0;
    border-collapse: separate;
    border: #bbb 1px solid;
    color: rgb(51,51,51);
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    line-height: normal;
}


    input[type="text"]:focus, input[type="password"]:focus, select:focus {
        border-color: rgb(111,169,92);
        outline: 1px solid rgb(157,197,143);
    }


.progressIcon {
    padding: 14px 0px 4px 2px;
    WIDTH: 560px;
    COLOR: #343434;
    HEIGHT: 30px;
}

.progressIconButton {
    margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    color: white;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;
    float: left;
}

.progressIconButtonSelected {
    background-image: url(/istation/images/progress-selected.gif);
    color: rgb(59,96,170);
}

.progressIconButtonActive {
    background-image: url(/istation/images/progress-active.gif);
}

.progressIconButtonDeactive {
    background-image: url(/istation/images/progress-deactive.gif);
}


.progressIconButtonDescription {
    background-image: none;
    font-size: 10pt;
    float: left;
    vertical-align: middle;
    line-height: 26px;
    height: 26px;
    margin: 0px 20px 0px 3px;
    padding: 0px 0px 0px 0px;
}

.progressPercentContainer {
    margin: 15px 0px 8px 0px;
    padding: 0px 10px 10px 0px;
    border-bottom: 2px dotted rgb(108,145,162);
    table-layout: fixed;
    width: 100%;
}

.progressPercentSelected {
    padding: 0 0.1em;
    line-height: 1.0em;
    text-decoration: none;
    color: rgb(108,145,162);
    font-size: 9pt;
    font-weight: bold;
}

.progressPercentActive {
    padding: 0 0.1em;
    line-height: 1.0em;
    text-decoration: none;
    color: rgb(108,145,162);
    font-size: 9pt;
    font-weight: normal;
}

.progressPercentDeactive {
    padding: 0 0.1em;
    line-height: 1.0em;
    color: #aaaaaa;
    font-size: 8pt;
    font-weight: normal;
}

.progressPercentLink2 {
    padding: 0 0.1em;
    line-height: 1.0em;
    color: rgb(52,50,52);
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
}

.progressPercentBarOuter {
    width: 70px;
    height: 15px;
    border: 1px solid rgb(108,145,162);
}

.progressPercentBarInner {
    height: 100%;
    background-color: rgb(167,188,199);
}

.progressPercentBarText {
    color: rgb(108,145,162);
    width: 30px;
}

.progressPercentSelected:hover {
    text-decoration: underline;
}

.progressPercentActive:hover {
    text-decoration: underline;
}

.progressPercentTrennzeichen {
    padding: 0 2px 0 2px;
}



/* Definitionen für die neue Progress-Bar */

.progressPercent2Container {
    background-image: url(gfx/progresspercent2/bgInactive.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 23px;
    border-bottom: 1px solid rgb(168,169,168);
}

.progressPercent2Item {
    float: left;
    height: 23px;
    padding: 4px 8px 4px 8px;
    font-size: 9pt;
    font-weight: bold;
}

    .progressPercent2Item a {
        display: block;
        text-decoration: none;
        color: rgb(0,52,102);
    }

        .progressPercent2Item a:hover {
            text-decoration: underline;
        }

.progressPercent2ItemPfeil {
    background-repeat: repeat-x;
    float: left;
    width: 14px;
    height: 100%;
}

.progressPercent2ItemBack {
}

.progressPercent2ItemBackPfeil {
    background-image: url(gfx/progresspercent2/pfeilBack.gif);
}

.progressPercent2ItemActive {
    background-image: url(gfx/progresspercent2/bgActive.gif);
    background-repeat: repeat-x;
}

    .progressPercent2ItemActive a {
        color: white;
    }

.progressPercent2ItemActivePfeil {
    background-image: url(gfx/progresspercent2/pfeilActive.gif);
}


.progressPercent2ItemNext {
    color: rgb(153,153,153);
}

    .progressPercent2ItemNext a {
        text-decoration: none;
        color: rgb(153,153,153);
    }

        .progressPercent2ItemNext a:hover {
            text-decoration: underline;
        }



.progressPercent2ItemNextPfeil {
    background-image: url(gfx/progresspercent2/pfeilDefault.gif);
}


.progressPercent2ItemText {
    display: block;
    color: rgb(153,153,153);
}

.progressPercent2ItemTextPfeil {
    background-image: url(gfx/progresspercent2/pfeilDefault.gif);
}

.progressPercent2PercentMain {
    float: right;
    position: relative;
    top: 5px;
    right: 10px;
    width: 200px;
    height: 12px;
    vertical-align: middle;
}

.progressPercent2PercentTextLeft {
    float: left;
    padding-right: 2px;
    vertical-align: middle;
}


.progressPercent2PercentTextRight {
    color: rgb(100,100,100);
    float: right;
    vertical-align: middle;
}


.progressPercent2PercentOuter {
    height: 100%;
    width: 50%;
    border: 1px solid rgb(50,112,20);
    float: left;
    vertical-align: middle;
}

.progressPercent2PercentInner {
    height: 100%;
    background-color: rgb(111,169,92);
    float: left;
    vertical-align: middle;
}

.tabs2 { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 0;
    font: bold 11px arial, sans-serif; /* set font as desired */
    list-style-type: none;
    padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

    .tabs2 li { /* do not change */
        display: inline;
    }

    .tabs2 a { /* settings for all tab links */
        padding: 5px 8px 5px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
        border: 1px solid rgb(128,154,179); /* set border COLOR as desired; usually matches border color specified in #tabnav */
        background: rgb(250,250,250) url('gfx/buttons/white-alpha-gradient3.png') center repeat;
        color: #777; /* set unselected tab link color as desired */
        margin-right: 1px; /* set additional spacing between tabs as desired */
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        text-decoration: none;
        border-bottom: none;
        border-spacing: 0;
        border-collapse: collapse;
    }

        .tabs2 a img {
            vertical-align: middle;
        }


        .tabs2 a:hover { /* settings for hover effect */
            background: #fff; /* set desired hover color */
        }

.tab2selected li { /* settings for selected tab */
    background-color: #fff; /* set background color to match above border color */
}

.tab2normal a { /* settings for norma tab link */
    border-bottom: 1px solid rgb(128,154,179);
    padding-bottom: 7px;
    padding-top: 7px;
}

.tab2selected a { /* settings for selected tab link */
    background: rgb(252,231,174) url('gfx/buttons/white-alpha-gradient3.png') center repeat;
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 0px;
    padding-top: 7px;
    padding-right: 8px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgb(128,154,179);
    padding-left: 8px;
    font-weight: bold;
}

.tabs2small a {
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 7px;
    padding-top: 7px;
}

.tab2selectedsmall a {
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}


.tabs2BodyDefault {
    border-top: 1px solid rgb(174,191,202);
    border-left: 1px solid rgb(174,191,202);
    border-bottom: 1px solid rgb(174,191,202);
    border-right: 1px solid rgb(174,191,202);
    padding: 10px 10px 10px 10px;
    margin: 0;
}



/* Formatierung für das Haupt-Menu */
.menuMainDiv {
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgb(0,0,0);
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.menuMain {
    margin: 0;
    list-style: none;
    height: 24px;
    width: auto;
    background-color: rgb(38,72,111);
    background-image: url('gfx/menu/main/background.jpg');
    background-repeat: repeat-x;
}

    .menuMain li {
        float: left;
        border-right: 1px solid white;
    }

    .menuMain a {
        display: block;
        float: left;
        padding: 0 15px;
        line-height: 24px;
        text-decoration: none;
        color: white;
        font-size: 9pt;
        font-weight: bold;
    }

    .menuMain li a:hover {
        color: rgb(255,255,255);
        background-color: rgb(255,153,0);
        background-image: url('gfx/menu/main/backgroundhover.jpg');
        background-repeat: repeat-x;
    }

    .menuMain .menuMainItemLast {
        border-right: 0px;
    }

    .menuMain li a:visited {
        text-decoration: none;
    }




/* Formatierung für das Haupt-Menu */
.menuMainLeftDiv {
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgb(0,0,0);
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.menuMainLeft {
    margin: 0;
    list-style: none;
    height: 24px;
    width: 100%;
    background-color: rgb(38,72,111);
    background-image: url('gfx/menu/main/background.jpg');
    background-repeat: repeat-x;
}

    .menuMainLeft li {
        float: left;
        border-right: 1px solid white;
    }

    .menuMainLeft a {
        display: block;
        float: left;
        padding: 0 1.5em;
        line-height: 24px;
        text-decoration: none;
        color: white;
        font-size: 9pt;
        font-weight: bold;
    }

    .menuMainLeft li a:hover {
        color: rgb(255,255,255);
        background-color: rgb(255,153,0);
        background-image: url('gfx/menu/main/backgroundhover.jpg');
        background-repeat: repeat-x;
    }

    .menuMainLeft .menuMainLeftItemLast {
        border-right: 0px;
    }

    .menuMainLeft li a:visited {
        text-decoration: none;
    }


.menuDownDiv {
    margin: 1px 0 0 0;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    width: 100%;
}

ul.menuDown {
    font-weight: bold;
    position: relative;
    z-index: 597;
    float: left;
}

    ul.menuDown li {
        padding: 7px 10px;
        border-style: solid;
        border-width: 0 1px 0 0;
        border-color: #fff #d9d9d9 #d9d9d9;
        /*background-color: #f6f6f6;*/
        float: left;
        line-height: 1.3em;
        vertical-align: middle;
        zoom: 1;
    }


    ul.menuDown ul {
        width: 250px;
        margin-top: 12px;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
        width: 100%;
    }

        ul.menuDown ul li {
            font-weight: normal;
            float: none;
        }

    ul.menuDown,
    ul.menuDown li,
    ul.menuDown ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        ul.menuDown li.hover,
        ul.menuDown li:hover {
            position: relative;
            z-index: 599;
            cursor: default;
        }

        ul.menuDown ul ul {
            top: 1px;
            left: 99%;
        }

        ul.menuDown li:hover > ul {
            visibility: visible;
        }


.menuDownDirMain {
    padding-right: 20px;
    background-image: url(gfx/menu/main/arrow-down.gif);
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

.menuDownDirSub {
    padding-right: 15px;
    background-image: url(gfx/menu/main/arrow-right.gif);
    background-position: 95% 50%;
    background-repeat: no-repeat;
}


ul.menuDown li.menuDownDirMain {
    padding: 7px 25px 7px 10px;
}

ul.menuDown ul li.menuDownDirMain {
    padding-right: 15px;
}

ul.menuDown li.menuDownDirSub {
    padding: 7px 25px 7px 10px;
}

ul.menuDown ul li.menuDownDirSub {
    padding-right: 15px;
}

ul.menuDown ul a {
    width: 129px;
}

    ul.menuDown ul a:hover {
    }

    ul.menuDown ul a.menuDownDirMain {
        width: 124px;
    }

ul.menuDownMain {
    background-image: url(gfx/menu/main/background.jpg);
    background-repeat: repeat-x;
    color: #fff;
    width: 100%;
    font-size: 8pt;
}

ul.menuDownSub {
    background-color: #f6f6f6;
    color: #000;
    border: 1px solid rgb(50,50,50);
    font-size: 8pt;
}

ul.menuDown li.hover,
ul.menuDown li:hover {
    background-color: rgb(162,164,163);
    color: #000;
}


.menuDownItemMain a:link,
.menuDownItemMain a:visited {
    color: #fff;
    text-decoration: none;
}

.menuDownItemMain a:hover {
    color: #000;
}

.menuDownItemMain a:active {
    color: #000;
}

.menuDownItemSub a:link,
.menuDownItemSub a:visited {
    color: #000;
    text-decoration: none;
}

.menuDownItemSub a:hover {
    color: #000;
}

.menuDownItemSub a:active {
    color: #000;
}


ul.menuDown li a {
    display: block;
    padding: 7px 10px;
}

    ul.menuDown li a.menuDownItemLink {
        padding: 0px 0px 0px 0px;
    }




/* Menü in der Fusszeile */
.menuFooterDiv {
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding-top: 1;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 1px;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
}


.menuFooterDivLeft {
    float: left;
    vertical-align: middle;
}

.menuFooterDivRight {
    float: right;
    vertical-align: middle;
}


    .menuFooterDivRight img {
        vertical-align: middle;
        padding-left: 20px;
        padding-right: 0px;
    }

.menuFooterDivRight {
    float: right;
    vertical-align: middle;
}

.menuFooter {
    padding: 0 1.5em;
    line-height: 1.4em;
    text-decoration: none;
    color: black;
    font-size: 8pt;
    font-weight: normal;
}

.menuFooterDivRight .menuFooter {
    padding-right: 0px;
}

.menuFooterNAFI {
    color: black;
    font-size: 8pt;
    font-weight: normal;
    font-style: italic;
}

.menuFooter:hover {
    text-decoration: underline;
}



/* Formatierung für das KontextMenu im Farbmodus */
.menuContextDiv {
    width: 600px;
    border-left: none;
    border-right: none;
    border-top: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgb(0,0,0);
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.menuContext {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 20px;
    width: 600px;
    background-color: rgb(241,241,241);
    background-image: url(menucontextbackgrounddefault.jpg);
    background-repeat: repeat-x;
}

    .menuContext li {
        float: left;
        border-right: 1px dotted white
    }

    .menuContext a {
        display: block;
        float: left;
        padding: 0 1.4em;
        line-height: 20px;
        text-decoration: none;
        color: rgb(50,50,50);
        font-size: 8pt;
        font-weight: bold;
    }

    .menuContext li a:hover {
        color: rgb(255,255,255);
        background-color: rgb(57,118,173);
        background-image: url(menucontextbackgroundhover.jpg);
        background-repeat: repeat-x;
    }

    .menuContext .menuContextItemLast {
        border-right: none;
    }

    .menuContext li a:visited {
        text-decoration: none;
    }






/* Formatierung für das KontextMenu im Farbmodus */
.menuContextLeftDiv {
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgb(0,0,0);
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.menuContextLeft {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    height: 20px;
    width: 100%;
    background-color: rgb(241,241,241);
    background-image: url(menucontextbackgrounddefault.jpg);
    background-repeat: repeat-x;
}

    .menuContextLeft li {
        float: left;
        border-right: 1px dotted white
    }

    .menuContextLeft a {
        display: block;
        float: left;
        padding: 0 1.4em;
        line-height: 20px;
        text-decoration: none;
        color: rgb(50,50,50);
        font-size: 8pt;
        font-weight: bold;
    }

    .menuContextLeft li a:hover {
        color: rgb(255,255,255);
        background-color: rgb(57,118,173);
        background-image: url(menucontextbackgroundhover.jpg);
        background-repeat: repeat-x;
    }

    .menuContextLeft .menuContextLeftItemLast {
        border-right: none;
    }

    .menuContextLeft li a:visited {
        text-decoration: none;
    }




.register_page_numbers UL {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WORD-SPACING: 0px;
    FONT: 11px/12px Arial;
    TEXT-TRANSFORM: none;
    BORDER-TOP-STYLE: none;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    LIST-STYLE-TYPE: none;
    LETTER-SPACING: 0px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
}

.register_page_numbers LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WORD-SPACING: 0px;
    FONT: 11px/12px Arial;
    TEXT-TRANSFORM: none;
    BORDER-TOP-STYLE: none;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    LIST-STYLE-TYPE: none;
    LETTER-SPACING: 0px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
}

.register_page_numbers A {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WORD-SPACING: 0px;
    FONT: 11px/12px Arial;
    TEXT-TRANSFORM: none;
    BORDER-TOP-STYLE: none;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    LIST-STYLE-TYPE: none;
    LETTER-SPACING: 0px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
}

.register_page_numbers {
    MARGIN-TOP: 10px;
    BACKGROUND: white;
    WIDTH: 100%;
}

    .register_page_numbers UL {
        WIDTH: 100%;
    }

    .register_page_numbers LI {
        DISPLAY: block;
        FLOAT: left;
        MARGIN-BOTTOM: 2px;
    }

    .register_page_numbers A {
        BORDER-RIGHT: #bfbfbf 1px solid;
        PADDING-RIGHT: 5px;
        BORDER-TOP: #bfbfbf 1px solid;
        DISPLAY: block;
        PADDING-LEFT: 5px;
        PADDING-BOTTOM: 3px;
        MARGIN-LEFT: 2px;
        BORDER-LEFT: #bfbfbf 1px solid;
        COLOR: #333;
        MARGIN-RIGHT: 2px;
        PADDING-TOP: 3px;
        BORDER-BOTTOM: #bfbfbf 1px solid;
    }

    .register_page_numbers LI A:hover {
        BORDER-LEFT-COLOR: #cc0000;
        BORDER-BOTTOM-COLOR: #cc0000;
        BORDER-TOP-COLOR: #cc0000;
        BORDER-RIGHT-COLOR: #cc0000;
    }

    .register_page_numbers LI.space {
        PADDING-RIGHT: 2px;
        PADDING-LEFT: 2px;
        PADDING-BOTTOM: 6px;
        PADDING-TOP: 6px;
    }

    .register_page_numbers LI.first_last_page {
        FONT-STYLE: italic;
    }

    .register_page_numbers LI.active_page A {
        BORDER-LEFT-COLOR: #000000;
        BORDER-BOTTOM-COLOR: #000000;
        BORDER-TOP-COLOR: #000000;
        BORDER-RIGHT-COLOR: #000000;
        background-color: #cc0000;
        color: white;
    }

        .register_page_numbers LI.active_page A:hover {
            BORDER-LEFT-COLOR: #000000;
            BORDER-BOTTOM-COLOR: #000000;
            COLOR: black;
            BORDER-TOP-COLOR: #000000;
            TEXT-DECORATION: underline;
            BORDER-RIGHT-COLOR: #000000;
        }

    .register_page_numbers LI.page_info {
        BORDER-RIGHT: #bfbfbf 1px solid;
        PADDING-RIGHT: 5px;
        BORDER-TOP: #bfbfbf 1px solid;
        DISPLAY: block;
        PADDING-LEFT: 5px;
        FONT-SIZE: 11px;
        FLOAT: left;
        PADDING-BOTTOM: 3px;
        BORDER-LEFT: #bfbfbf 1px solid;
        COLOR: #666;
        MARGIN-RIGHT: 2px;
        PADDING-TOP: 3px;
        BORDER-BOTTOM: #bfbfbf 1px solid;
    }


.pageddisplay_page_numbers UL {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WORD-SPACING: 0px;
    FONT: 11px Arial;
    TEXT-TRANSFORM: none;
    BORDER-TOP-STYLE: none;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    LIST-STYLE-TYPE: none;
    LETTER-SPACING: 0px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
}

.pageddisplay_page_numbers LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WORD-SPACING: 0px;
    FONT: 11px Arial;
    TEXT-TRANSFORM: none;
    BORDER-TOP-STYLE: none;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    LIST-STYLE-TYPE: none;
    LETTER-SPACING: 0px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
}

.pageddisplay_page_numbers A {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WORD-SPACING: 0px;
    FONT: 11px Arial;
    TEXT-TRANSFORM: none;
    BORDER-TOP-STYLE: none;
    TEXT-INDENT: 0px;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    LIST-STYLE-TYPE: none;
    LETTER-SPACING: 0px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
}

.pageddisplay_page_numbers {
    MARGIN-TOP: 10px;
    BACKGROUND: white;
    WIDTH: 100%;
}

    .pageddisplay_page_numbers UL {
        WIDTH: 100%;
    }

    .pageddisplay_page_numbers LI {
        DISPLAY: block;
        FLOAT: left;
        MARGIN-BOTTOM: 2px;
    }

    .pageddisplay_page_numbers A {
        BORDER-RIGHT: #bfbfbf 1px solid;
        PADDING-RIGHT: 5px;
        BORDER-TOP: #bfbfbf 1px solid;
        DISPLAY: block;
        PADDING-LEFT: 5px;
        PADDING-BOTTOM: 3px;
        MARGIN-LEFT: 2px;
        BORDER-LEFT: #bfbfbf 1px solid;
        COLOR: #333;
        MARGIN-RIGHT: 2px;
        PADDING-TOP: 3px;
        BORDER-BOTTOM: #bfbfbf 1px solid;
    }

    .pageddisplay_page_numbers LI A:hover {
        BORDER-LEFT-COLOR: #000000;
        BORDER-BOTTOM-COLOR: #000000;
        BORDER-TOP-COLOR: #000000;
        BORDER-RIGHT-COLOR: #000000;
    }

    .pageddisplay_page_numbers LI.space {
        PADDING-RIGHT: 2px;
        PADDING-LEFT: 2px;
        PADDING-BOTTOM: 6px;
        PADDING-TOP: 6px;
    }

    .pageddisplay_page_numbers LI.first_last_page {
        FONT-STYLE: italic;
    }

    .pageddisplay_page_numbers LI.active_page A {
        BORDER-LEFT-COLOR: #cc0000;
        BORDER-BOTTOM-COLOR: #cc0000;
        BORDER-TOP-COLOR: #cc0000;
        BORDER-RIGHT-COLOR: #cc0000;
    }

        .pageddisplay_page_numbers LI.active_page A:hover {
            BORDER-LEFT-COLOR: #000000;
            BORDER-BOTTOM-COLOR: #000000;
            COLOR: black;
            BORDER-TOP-COLOR: #000000;
            TEXT-DECORATION: underline;
            BORDER-RIGHT-COLOR: #000000;
        }

    .pageddisplay_page_numbers LI.page_info {
        BORDER-RIGHT: #bfbfbf 1px solid;
        PADDING-RIGHT: 5px;
        BORDER-TOP: #bfbfbf 1px solid;
        DISPLAY: block;
        PADDING-LEFT: 5px;
        FONT-SIZE: 11px;
        FLOAT: left;
        PADDING-BOTTOM: 3px;
        BORDER-LEFT: #bfbfbf 1px solid;
        COLOR: #666;
        MARGIN-RIGHT: 2px;
        PADDING-TOP: 3px;
        BORDER-BOTTOM: #bfbfbf 1px solid;
    }

hr.nafi-divide-navigation {
    color: rgb(174,191,207);
    background-color: rgb(174,191,207);
    border: 0;
    margin: 10px 0 10px 0;
    height: 1px;
    display: none;
}



td.nafi-divide-input-small {
    border-collapse: separate;
    border: 0;
    margin: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div.nafi-divide-input-small {
    border-top: 1px dotted rgb(174,191,207) !important;
    margin: 2px 0 2px 0 !important;
    height: 0px;
}


hr.nafi-divide-input {
    color: rgb(174,191,207);
    background-color: rgb(174,191,207);
    border: 0;
    margin: 1px 0 1px 0;
    height: 1px;
}

hr.nafi-divide-input-big {
    color: rgb(174,191,207);
    background-color: rgb(174,191,207);
    border: 0;
    margin: 14px 0 14px 0;
    height: 1px;
}



.sectionHead {
    margin: 0;
    padding: 2px 0px 2px 0px;
    width: auto;
    line-height: 2em;
    vertical-align: middle;
    color: rgb(0,52,102);
    font-size: 8pt;
    font-weight: bold;
    border-bottom: 1px solid rgb(174,191,207);
}

.sectionBody {
    margin: 0;
    padding: 4px 0px 2px 6px;
    width: auto;
    color: rgb(0,0,0);
    font-size: 8pt;
    font-weight: normal;
}


.sectionBodyTable {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}



.sectionInfoHead {
    margin: 4px 0 0 0;
    padding: 2px 2px 2px 6px;
    width: auto;
    line-height: 2.0em;
    vertical-align: middle;
    color: rgb(102,102,102);
    background-image: url('gfx/sections/bginfobox.gif');
    background-repeat: repeat-x;
    border-top: 1px solid rgb(206,212,218);
    border-right: 1px solid rgb(206,212,218);
    border-bottom: 1px solid rgb(227,231,234);
    border-left: 1px solid rgb(206,212,218);
    font-size: 8pt;
    font-weight: bold;
}

.sectionInfoBody {
    margin: 0 0 4px 0;
    padding: 4px 3px 5px 2px;
    width: auto;
    color: rgb(0,0,0);
    background-color: rgb(255,255,243);
    background-image: none;
    border-top: none;
    border-right: 1px solid rgb(206,212,218);
    border-bottom: 1px solid rgb(206,212,218);
    border-left: 1px solid rgb(206,212,218);
    font-size: 8pt;
    font-weight: normal;
}

.sectionSystemLeftShadow {
    margin: 0;
    padding: 0;
    border: none;
}

.sectionSystemLeftHead {
    margin: 0;
    padding: 2px 2px 2px 2px;
    width: 145px;
    line-height: 1.5em;
    vertical-align: middle;
    color: rgb(0,0,0);
    background-color: rgb(255,243,175);
    background-image: url('gfx/sections/bginfobox.gif');
    background-repeat: repeat-x;
    border-top: 1px solid rgb(187,187,187);
    border-right: 1px solid rgb(187,187,187);
    border-bottom: 1px solid rgb(187,187,187);
    border-left: 1px solid rgb(187,187,187);
    font-size: 8pt;
    font-weight: bold;
}

.sectionSystemLeftBody {
    margin: 0;
    padding: 4px 3px 5px 3px;
    width: 143px;
    color: rgb(0,0,0);
    background-color: rgb(255,255,243);
    background-image: none;
    border-top: none;
    border-right: 1px solid rgb(187,187,187);
    border-bottom: 1px solid rgb(187,187,187);
    border-left: 1px solid rgb(187,187,187);
    font-size: 8pt;
    font-weight: normal;
}


infoboxDivOuter {
    padding-top: 8px;
    padding-bottom: 8px;
}

.infoboxDivInner {
    padding-left: 8px;
    padding-right: 8px;
}


/* Hilfeschaltfläche */
.buttonHelp {
    list-style: none;
    float: left;
    border: none;
    text-align: center;
    margin: 0px 0px 0px 2px;
}

    .buttonHelp li {
        float: left;
        text-align: center;
    }

    .buttonHelp a {
        display: block;
        padding: 0px 0.3em;
        text-decoration: none;
        color: black;
        font-size: 8pt;
        font-weight: bold;
        text-align: center;
    }


    .buttonHelp li a:visited {
        text-decoration: none;
    }



.buttonEingabeHelp {
    cursor: pointer;
    display: block;
    float: right;
    margin-right: 1px;
    padding: 0 1px 0 0;
    text-decoration: none;
    color: black;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    background: white url('/istation/images/help.gif') right no-repeat;
    height: 14px;
    width: 14px;
}

    .buttonEingabeHelp a {
        border: 0;
    }

#idEingabeHelpContainer {
    padding: 2px 2px 2px 2px;
}

#idEingabeHelpCaption {
    color: rgb(0,52,102);
    background-color: rgb(235,235,235);
    padding: 3px 0 3px 0;
    height: 16px;
}

#idEingabeHelpCaptionLeft {
    float: left;
    font-weight: bold;
    font-size: 110%;
}

#idEingabeHelpCaptionRight {
    float: right;
}

#idEingabeHelpContent {
    clear: both;
    color: rgb(50,50,50);
    font-weight: normal;
    padding: 5px 0 1px 0;
}

/* Standardschaltfläche */
.buttonDefaultDiv {
    display: block;
    float: left;
    margin: 2px;
}

a.buttonDefault {
    float: left;
    display: block;
    margin: 0;
    padding: 4px 2px 5px 2px;
    color: white;
    font-size: 8pt;
    font-weight: bold;
    border: 1px solid rgb(100,100,100);
    text-decoration: none;
    text-align: center;
    /*letter-spacing: -1px;*/
    background: #00558c url('gfx/buttons/white-alpha-gradient3.png') center repeat;
}

    a.buttonDefault:hover {
        background-color: #00668c;
        text-decoration: underline;
    }

    a.buttonDefault:visited {
        text-decoration: none;
    }


/* Standardschaltfläche */
.buttonHotDiv {
    display: block;
    float: left;
    margin: 2px;
}

a.buttonHot {
    float: left;
    display: block;
    margin: 0;
    padding: 4px 2px 5px 2px;
    color: white;
    font-size: 8pt;
    font-weight: bold;
    border: 1px solid rgb(100,100,100);
    text-decoration: none;
    text-align: center;
    /*letter-spacing: -1px;*/
    background: rgb(245,41,5) url('gfx/buttons/white-alpha-gradient3.png') center repeat;
}

    a.buttonHot:hover {
        background-color: rgb(251,78,47);
        text-decoration: underline;
    }

    a.buttonHot:visited {
        text-decoration: none;
    }



.buttonLink, .buttonlink {
    color: rgb(0,0,255);
    text-decoration: underline;
}

    .buttonLink:hover, .buttonlink:hover {
        color: rgb(51,51,51);
        text-decoration: underline;
    }

.buttonLinkHot {
    font-weight: bold;
}


/* Button für Schnellberechnung, FIX!*/
.buttonSchnellberechnungDiv {
    display: block;
    float: left;
    margin: 0;
    border: 1px solid #14529d;
}

a.buttonSchnellberechnung {
    float: left;
    display: block;
    margin: 0;
    padding: 4px 0px;
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-image: url('gfx/buttons/bgSchnellberechnung.jpg');
    background-repeat: repeat-x;
    border: none;
}

    a.buttonSchnellberechnung:hover {
        color: #ffffff;
        background-image: url('gfx/buttons/bgSchnellberechnungHover.jpg');
        text-decoration: none;
    }

    a.buttonSchnellberechnung:visited {
        text-decoration: none;
    }



.boxInfo {
    border: 1px solid rgb(250,226,171);
    margin: 8px 0 8px 0;
    position: relative;
    background-color: rgb(255,255,255);
}

.boxInfoCaptionLeft {
    border: none;
    margin: 0;
    background-color: rgb(244,199,94);
    width: 20px;
    height: 21px;
    float: left;
}

.boxInfoCaptionRight {
    border: none;
    margin: 0;
    width: 15px;
    height: 21px;
    float: left;
}

.boxInfoCaption {
    position: absolute;
    top: 3px;
    left: 24px;
    font-size: 8pt;
    font-weight: bold;
}

.boxInfoContent {
    border: none;
    padding: 6px 4px 6px 24px;
    margin: 0;
    background-color: rgb(255,255,255);
    font-size: 8pt;
}

.boxInfoColor01 {
    background-color: rgb(255,239,189);
}

.boxInfoColor02 {
    background-color: rgb(255,240,191);
}

.boxInfoColor03 {
    background-color: rgb(255,240,193);
}

.boxInfoColor04 {
    background-color: rgb(255,241,196);
}

.boxInfoColor05 {
    background-color: rgb(255,241,198);
}

.boxInfoColor06 {
    background-color: rgb(255,242,200);
}

.boxInfoColor07 {
    background-color: rgb(255,242,202);
}

.boxInfoColor08 {
    background-color: rgb(255,243,204);
}

.boxInfoColor09 {
    background-color: rgb(255,243,207);
}

.boxInfoColor10 {
    background-color: rgb(255,244,209);
}

.boxInfoColor11 {
    background-color: rgb(255,244,211);
}

.boxInfoColor12 {
    background-color: rgb(255,245,213);
}

.boxInfoColor13 {
    background-color: rgb(255,245,215);
}

.boxInfoColor14 {
    background-color: rgb(255,246,218);
}

.boxInfoColor15 {
    background-color: rgb(255,246,220);
}

.boxInfoColor16 {
    background-color: rgb(255,247,222);
}

.boxInfoColor17 {
    background-color: rgb(255,248,224);
}

.boxInfoColor18 {
    background-color: rgb(255,248,226);
}

.boxInfoColor19 {
    background-color: rgb(255,249,229);
}

.boxInfoColor20 {
    background-color: rgb(255,249,231);
}

.boxInfoColor21 {
    background-color: rgb(255,250,233);
}

.boxInfoColor22 {
    background-color: rgb(255,250,235);
}

.boxInfoColor23 {
    background-color: rgb(255,251,237);
}

.boxInfoColor24 {
    background-color: rgb(255,251,240);
}

.boxInfoColor25 {
    background-color: rgb(255,252,242);
}

.boxInfoColor26 {
    background-color: rgb(255,252,244);
}

.boxInfoColor27 {
    background-color: rgb(255,253,246);
}

.boxInfoColor28 {
    background-color: rgb(255,253,248);
}

.boxInfoColor29 {
    background-color: rgb(255,254,251);
}

.boxInfoColor30 {
    background-color: rgb(255,254,253);
}


.boxContent {
    border: 1px solid rgb(200,200,200);
    margin: 8px 0 8px 0;
    position: relative;
    background-color: rgb(255,255,255);
}

.boxContentCaptionLeft {
    border: none;
    margin: 0;
    background-color: rgb(99,142,206);
    width: 20px;
    height: 21px;
    float: left;
}

.boxContentCaptionRight {
    border: none;
    margin: 0;
    width: 15px;
    height: 21px;
    float: left;
}

.boxContentCaption {
    position: absolute;
    top: 3px;
    left: 24px;
    font-size: 8pt;
    font-weight: bold;
}

.boxContentContent {
    border: none;
    padding: 6px 4px 6px 20px;
    margin: 0;
    background-color: rgb(255,255,255);
    font-size: 8pt;
}

.boxContentColor01 {
    background-color: rgb(213,213,213);
}

.boxContentColor02 {
    background-color: rgb(214,214,214);
}

.boxContentColor03 {
    background-color: rgb(216,216,216);
}

.boxContentColor04 {
    background-color: rgb(217,217,217);
}

.boxContentColor05 {
    background-color: rgb(219,219,219);
}

.boxContentColor06 {
    background-color: rgb(220,220,220);
}

.boxContentColor07 {
    background-color: rgb(221,221,221);
}

.boxContentColor08 {
    background-color: rgb(223,223,223);
}

.boxContentColor09 {
    background-color: rgb(224,224,224);
}

.boxContentColor10 {
    background-color: rgb(226,226,226);
}

.boxContentColor11 {
    background-color: rgb(227,227,227);
}

.boxContentColor12 {
    background-color: rgb(228,228,228);
}

.boxContentColor13 {
    background-color: rgb(230,230,230);
}

.boxContentColor14 {
    background-color: rgb(231,231,231);
}

.boxContentColor15 {
    background-color: rgb(233,233,233);
}

.boxContentColor16 {
    background-color: rgb(234,234,234);
}

.boxContentColor17 {
    background-color: rgb(235,235,235);
}

.boxContentColor18 {
    background-color: rgb(237,237,237);
}

.boxContentColor19 {
    background-color: rgb(238,238,238);
}

.boxContentColor20 {
    background-color: rgb(240,240,240);
}

.boxContentColor21 {
    background-color: rgb(241,241,241);
}

.boxContentColor22 {
    background-color: rgb(242,242,242);
}

.boxContentColor23 {
    background-color: rgb(244,244,244);
}

.boxContentColor24 {
    background-color: rgb(245,245,245);
}

.boxContentColor25 {
    background-color: rgb(247,247,247);
}

.boxContentColor26 {
    background-color: rgb(248,248,248);
}

.boxContentColor27 {
    background-color: rgb(249,249,249);
}

.boxContentColor28 {
    background-color: rgb(251,251,251);
}

.boxContentColor29 {
    background-color: rgb(252,252,252);
}

.boxContentColor30 {
    background-color: rgb(254,254,254);
}


/*Änderungen aus standard.css eingefügt von Klaus Schröder*/
.resultLinkOptionen {
    line-height: 1.8em;
    color: rgb(8,125,214);
}

.tdResultCaption {
    border-top: 1px solid rgb(14,87,126);
    border-bottom: 1px solid rgb(14,87,126);
    background-color: rgb(8,125,214);
    color: white;
    font-size: 8pt;
    font-weight: bold;
    height: 2.0em;
}

    .tdResultCaption a {
        color: white;
    }

.resultLinkOptionenCaption {
    font-weight: bold;
    font-size: 9pt;
    padding: 4px 0 4px 0;
}

.resultLinkOptionen {
    line-height: 1.8em;
}

    .resultLinkOptionen img {
        margin-right: 4px;
    }

div.resultQuickLink {
    border: 1px dotted rgb(50,50,50);
}

table.resultQuickLink {
    font-weight: normal;
    padding: 2px 0px 2px 0px;
}

    table.resultQuickLink td {
        padding: 0px 0px 0px 40px;
    }

        table.resultQuickLink td:first-child {
            padding-left: 10px;
        }


.resultLinkOptionenVergleich {
    font-weight: bold;
    vertical-align: top;
    padding: 8px 0 8px 0;
}

    .resultLinkOptionenVergleich img {
        vertical-align: top;
        padding: 4px 0 0 0;
    }

.trResultHighlight {
    background-color: rgb(187,216,255);
}

.trResultNormalEven {
    background-color: white;
    height: 24px;
}

.trResultNormalOdd {
    background-color: rgb(240,240,240);
    height: 24px;
}

    .trResultNormalEven:hover, .trResultNormalOdd:hover {
        background-color: rgb(196,219,255);
        outline: 1px solid rgb(8,125,214);
    }

.trResultVersichererSpacer {
    height: 8px;
}

.trResultVersicherer {
    padding-top: 3px;
    padding-bottom: 3px;
}

.tdResultVersicherer {
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: normal;
    font-style: italic;
    font-size: 9pt;
    background-color: rgb(218,227,241);
    border-left: 1px solid rgb(96,131,149);
    border-right: 1px solid rgb(96,131,149);
    border-top: 1px solid rgb(96,131,149);
    border-bottom: 1px solid rgb(96,131,149);
}

.tdResultEven {
    border: none;
    padding: 4px 0 4px 0;
}

.tdResultOdd {
    border-top: 1px solid rgb(217,217,217);
    border-bottom: 1px solid rgb(217,217,217);
    padding: 4px 0 4px 0;
}

.tdResultDivide {
    background-color: rgb(123,125,123);
}

.tdResultWeitere {
    font-weight: bold;
    text-align: left;
}

.resultPraemieGesamt {
    font-weight: bold;
}

.resultFilterNone {
}

.resultFilterAktiv {
    color: rgb(255,0,0);
    font-weight: bold;
}

.resultFilterDeaktiv {
}

.resultTable {
    table-layout: fixed;
    empty-cells: show;
}

.resultTopTarif {
    color: red;
    font-weight: bold;
}

.resultLogo {
    margin: 3px 6px 4px 0;
}

.resultTextTarifeSelected {
    vertical-align: middle;
    color: rgb(150,150,150);
    line-height: 16px;
    padding: 4px 0 4px 0;
}

    .resultTextTarifeSelected img {
        padding: 0 0 0 2px;
    }


#SelectedVUBox {
    position: fixed;
    display: none;
    background: url('/istation/images/g1.png') repeat top;
    bottom: 20px;
    left: 25%;
    min-height: 40px;
    border: thin solid gray;
    padding: 8px 10px;
    width: 500px;
}

    #SelectedVUBox h3 {
        color: #444;
        margin: 3px 0 2px;
        border-bottom: silver dotted thin;
        padding: 2px 0 2px 0;
    }


        #SelectedVUBox h3 span {
            font-size: 8pt;
            padding: 0 4px 0 4px;
        }

            #SelectedVUBox h3 span a {
                padding: 0 5px 0 5px;
            }

#SelectedVUBoxText {
    color: #000;
    margin: 0;
    font-weight: bold;
}

#SelectedVUBoxTextTarife {
    font-weight: normal;
    vertical-align: middle;
}

    #SelectedVUBoxTextTarife div {
        margin: 5px 0px 5px 0;
        font-weight: normal;
        vertical-align: middle;
    }

        #SelectedVUBoxTextTarife div img {
            vertical-align: middle;
            margin: 0 5px 0 0;
        }





.resultsRabattInfo {
    cursor: pointer;
    background-image: url(/istation/images/rabatt.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 64px;
    width: 56px;
}


.textnormal {
    line-height: 1.9em;
}

li {
    margin: 0;
    border: none;
    padding: 0px 0px 0px 0px;
    list-style-position: inside;
}

.inputcheckbox {
    padding-left: 0px;
}

.feldnamen {
    font-size: 8pt;
    font-weight: normal;
    color: rgb(102,102,102);
    margin: 1px 0px;
    padding: 0px;
}

.feldnamensmall {
    font-size: 7pt;
    font-weight: normal;
    color: rgb(102,102,102);
    margin: 1px 0px;
    padding: 0px;
}

.feldnamenli {
    list-style-type: disc;
    margin: 0;
    border: none;
    padding: 0px 0px 0px 0px;
    list-style-position: inside;
}

.feldgruppe {
    font-size: 8pt;
    font-weight: bold;
    color: rgb(102,102,102);
    padding-top: 14px;
    padding-bottom: 3px;
    padding-left: 6px;
}


.caption {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.subcaption {
    font-size: 14pt;
    font-weight: bold
}

.gray {
    font-size: 8pt;
    background-color: #dddddd
}

.text {
    font-size: 8pt;
    color: rgb(0,0,0);
}

.textimportant {
    color: rgb(255,95,17);
    font-weight: bold;
}

.textsmall {
    font-size: 7pt;
    color: rgb(0,0,0);
}

.nafi-text {
    color: rgb(102,102,102);
}


.inputTD {
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.inputHLP {
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: center;
}

.inputInlineTR {
    padding-top: 4px;
    padding-bottom: 4px;
}

.inputInlineTD {
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.inputInlineHLP {
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
}



.errorboxOuter {
    border: 1px solid #cec1b1;
    width: 100%;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 8px;
    background-color: #ffefdf
}

.errorboxInner {
    border: 0px;
    padding: 6px 6px 6px 6px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #ffefdf;
}

.errorboxCaption {
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 12px;
    padding-bottom: 6px;
}

.errorboxErrorText {
    font-weight: normal;
    color: #333333;
}

.locationDiv {
    width: 598px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 8px;
    margin-bottom: 0px;
}

.locationCaption {
    padding: 0 0.1em;
    line-height: 1.0em;
    color: black;
    font-size: 8pt;
    font-weight: bold;
}

.locationLink {
    padding: 0 0.1em;
    line-height: 1.0em;
    text-decoration: none;
    color: rgb(95,124,141);
    font-size: 8pt;
    font-weight: normal;
}

.locationNext {
    padding: 0 0.1em;
    line-height: 1.0em;
    color: #aaaaaa;
    font-size: 8pt;
    font-weight: normal;
}

.locationLink:hover {
    text-decoration: underline;
}

a.inlineerrorpopup {
    position: relative;
    color: rgb(50,50,50);
    text-decoration: none;
    visibility: hidden;
}


    a.inlineerrorpopup img {
        border: none;
        padding-left: 3px;
        vertical-align: middle;
    }

    a.inlineerrorpopup span {
        display: none;
        text-decoration: none;
    }

    a.inlineerrorpopup:hover span,
    a.inlineerrorpopup:focus span,
    a.inlineerrorpopup:active span {
        display: block;
        position: absolute;
        background-color: rgb(255,0,0);
        padding: .50em;
        top: 2em;
        left: -3em;
        width: 25em;
        border: 1px solid rgb(0,0,0);
        color: rgb(255,255,255);
        text-align: center;
        z-index: 999;
    }

.navButtonsOuter {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
}

.navButtonsInner {
}

.navButtonsContent {
    width: 100%;
    table-layout: fixed;
    border: none;
    padding: 0;
    margin: 0;
}


.sysTableListTRFirst {
    background-color: white;
}

.sysTableListTDFirst {
    border: none;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid rgb(217,217,217);
    border-bottom: 1px solid rgb(217,217,217);
}

.sysTableListTREven {
    background-color: white;
}

.sysTableListTDEven {
    border-bottom: 1px solid rgb(217,217,217);
    padding-top: 4px;
    padding-bottom: 4px;
}

.sysTableListTROdd {
    background-color: rgb(240,240,240);
}

.sysTableListTDOdd {
    border-bottom: 1px solid rgb(217,217,217);
    padding-top: 4px;
    padding-bottom: 4px;
}

.sysTableListTRCaption {
    border-bottom: 1px solid black;
}

.sysTableListTDCaption {
    font-weight: bold;
}

.NewsLetterText {
    color: rgb(89,123,140);
    text-decoration: none;
    padding: 2px 0px;
    display: block;
}

.NewsLetterTimeText {
    color: rgb(80,85,95);
    font-style: italic;
    font-weight: normal;
}

a.NewsLetterLink {
    color: rgb(80,85,95);
    text-decoration: none;
    padding: 2px 0px;
    display: block;
}


.tdInfoLeistungenCaption {
    border-top: 1px solid rgb(14,87,126);
    border-bottom: 1px solid rgb(14,87,126);
    background-color: rgb(8,125,214);
    color: white;
    font-size: 8pt;
    font-weight: bold;
    height: 2.0em;
    padding: 0 0 0 2px;
}

.tdInfoLeistungenCaptionLeft {
    border-left: 1px solid rgb(14,87,126);
}

.tdInfoLeistungenCaptionRight {
    border-right: 1px solid rgb(14,87,126);
}

.AuswahlFilterLeistung {
    padding: 3px 0px 3px 0px;
    vertical-align: middle;
    background: rgb(6,113,223) url('gfx/buttons/white-alpha-gradient3.png') top repeat;
    color: rgb(255,255,255);
    border: 1px solid rgb(4,72,123);
    margin: 0;
    line-height: 2em;
}

.AuswahlFilterLeistungGruppe img {
    margin-left: 8px;
}

.AuswahlFilterLeistungGruppe {
    padding-right: 30px;
    vertical-align: middle;
    font-size: 110%;
    margin: 0;
}

    .AuswahlFilterLeistungGruppe input {
        padding: 0;
        margin: 0;
        vertical-align: middle;
        margin-right: 4px;
    }


.AuswahlFilterLeistungLink {
    color: rgb(255,255,255);
    text-decoration: none;
    cursor: help;
    margin: 0;
    vertical-align: middle;
}

    .AuswahlFilterLeistungLink:hover {
        text-decoration: underline;
    }


#AuswahlFilterLeistungTable {
    padding: 7px 0px 5px 0px;
}




.ChangeLeistungStufe img {
    padding: 0px 0px 0px 0px;
}

.ChangeLeistungStufe a:focus {
    outline: none;
}

.inputDateText {
    color: rgb(145,145,145);
    font-style: italic;
    font-size: 9px;
    padding: 2px 0 2px 2px;
}


#idAutoInputNext a {
    font-weight: bold;
    color: rgb(85,121,138);
}

#idAutoInputNext img {
    vertical-align: middle;
    margin: 0 4px 0 0;
}


#PageMain {
    width: auto;
    border: 1px solid rgb(168,169,168);
    background-color: rgb(247,247,247);
    margin: 5px 0px 2px 0px;
    padding: 0;
}

#PageMainPopup {
    width: auto;
    border: 1px solid rgb(206,212,218);
    background-color: rgb(247,247,247);
    margin: 5px 0px 2px 0px;
    padding: 0;
}

#PageProgress {
    width: auto;
}

#PageTitle {
    padding: 10px 5px 15px 5px;
}

#PageTitleText {
    color: rgb(0,52,102);
    font-weight: bold;
    font-size: 11pt;
    padding-bottom: 5px;
}

#PageTitleInfo {
    /* color:rgb(254,117,1); */
    /*color:rgb(51,51,51); */
    /*color:rgb(254,117,1); */
    color: rgb(62,102,62);
    font-weight: normal;
    font-size: 8pt;
    padding-top: 4px;
    padding-right: 50px;
    padding-left: 6px;
}

#PageTitleInfoImage {
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
    padding-top: 10px;
}

#PageContent {
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
}

#PageContentPopup {
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
}

.AuswahlWkz {
    margin: 15px 0 10px 0;
    width: auto;
    padding: 0;
    border: 1px solid rgb(168,168,168);
}

.AuswahlWkzHead {
    padding: 4px 2px 4px 6px;
    margin: 0;
    width: auto;
    line-height: 1.5em;
    vertical-align: middle;
    color: rgb(102,102,102);
    background-color: rgb(254,251,223);
    background-image: url('gfx/sections/bginfobox.gif');
    background-repeat: repeat-x;
    border-bottom: 1px solid rgb(168,168,168);
    font-size: 8pt;
    font-weight: bold;
}

.AuswahlWkzBody {
    margin: 0;
    padding: 1px 10px 10px 15px;
    width: auto;
    color: rgb(0,0,0);
    font-size: 8pt;
    font-weight: normal;
    border: none;
    height: auto;
    background-image: url('/istation/images/kfz-auswahl-bg.gif');
    background-repeat: repeat-x;
}


.AuswahlWkzSchnellberechnung {
    padding-top: 8px;
    text-align: left;
}


.AuswahlWkzTableInner {
    text-align: center;
    vertical-align: middle;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.AuswahlWkzTableOuter {
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}


.AuswahlWkzDetail {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
    color: White;
    vertical-align: bottom;
    text-align: center;
    margin: 0;
}

.tdAuswahlWkzDetail1 {
    width: 200px;
}

.tdAuswahlWkzDetail2 {
    width: 110px;
}

.tdAuswahlWkzDetail3 {
    width: 160px;
}

.tdAuswahlWkzDetail4 {
    width: 100px;
}

.tdAuswahlWkzDetail5 {
    width: 150px;
}

.AuswahlWkzDetail a:focus, a:visited, a:active {
    outline: none;
}


.AuswahlWkzDetailPkw {
    height: 82px;
    background-image: url('/istation/images/kfz-auswahl-pkw-neu.png');
}


    .AuswahlWkzDetailPkw:hover {
        background-image: url('/istation/images/kfz-auswahl-pkw-neu-hover.png');
    }


.AuswahlWkzDetailKrad {
    background-image: url('/istation/images/kfz-auswahl-krad.gif?v=2');
    height: 51px;
}

    .AuswahlWkzDetailKrad:hover {
        background-image: url('/istation/images/kfz-auswahl-krad-hover.gif?v=2');
    }

.AuswahlWkzDetailCaravan {
    background-image: url('/istation/images/kfz-auswahl-caravan.gif?v=2');
    height: 82px;
}

    .AuswahlWkzDetailCaravan:hover {
        background-image: url('/istation/images/kfz-auswahl-caravan-hover.gif?v=2');
    }


.AuswahlWkzDetailAlle {
    background-image: url('/istation/images/kfz-auswahl-alle.gif?v=2');
    height: 82px;
}

    .AuswahlWkzDetailAlle:hover {
        background-image: url('/istation/images/kfz-auswahl-alle-hover.gif?v=2');
    }

.AuswahlSachDetailRS {
    height: 80px;
    background-image: url('/istation/images/sach_rechtsschutz.jpg');
}


    .AuswahlSachDetailRS:hover {
        background-image: url('/istation/images/sach_rechtsschutz.jpg');
    }

.AuswahlSachDetailHF {
    height: 80px;
    background-image: url('/istation/images/sach_hf.gif');
}

    .AuswahlSachDetailHF:hover {
        background-image: url('/istation/images/sach_hf.gif');
    }

.AuswahlSachDetailHS:hover {
    background-image: url('/istation/images/sach_hs.gif');
}

.AuswahlSachDetailHS {
    height: 80px;
    background-image: url('/istation/images/sach_hs.gif');
}


#sysIDEinwilligungBody td {
    line-height: 2.0em;
}

.sysSorting img {
    border: 0;
    vertical-align: middle;
    padding: 0 0 6px 0;
}

.sysTableCaption {
    border-top: 1px solid rgb(14,87,126);
    border-bottom: 1px solid rgb(14,87,126);
    background: rgb(6,113,223) url('gfx/buttons/white-alpha-gradient3.png') top repeat;
    color: white;
    font-size: 8pt;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 22px;
}


.sysTableCaptionLight {
    border-top: 1px solid rgb(140,182,222);
    border-bottom: 1px solid rgb(140,182,222);
    background: rgb(140,185,221) url('gfx/buttons/white-alpha-gradient3.png') top repeat;
    color: rgb(41,109,156);
    font-size: 11px;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 0px;
    vertical-align: middle;
}

    .sysTableCaptionLight.left {
        border-left: 1px solid rgb(140,182,222);
    }

    .sysTableCaptionLight.right {
        border-right: 1px solid rgb(140,182,222);
    }


.resultsInvalidInfos {
    color: rgb(221,100,0);
    font-weight: normal;
    font-size: 95%;
}


.sysTableTDOdd {
    border-top: 1px solid rgb(217,217,217);
    border-bottom: 1px solid rgb(217,217,217);
    padding-top: 8px;
    padding-bottom: 8px;
}

.sysTableTDEven {
    border: none;
    padding-top: 8px;
    padding-bottom: 8px;
}

.sysTableTREven {
    background-color: white;
}

.sysTableTROdd {
    background-color: rgb(236,236,236);
}





#sysMenuInterfaceSessionContainer {
    background-color: rgb(255,128,64);
    height: 40px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#sysMenuInterfaceSessionText {
}

#sysMenuInterfaceSessionAction {
}

#sysMenuInterfaceSessionSpacer {
}

.angebotAblage {
    font-weight: bold;
    padding-top: 6px;
}

.ui-datepickerSelect {
    vertical-align: middle;
    padding: 0 10px 0 0;
    margin: 0;
}

    .ui-datepickerSelect img {
        border: 0;
        margin: 0;
        padding: 2px 0 0 0;
    }



.ui-tooltip, .qtip {
    max-width: 1280px; /* Change this? */
    min-width: 150px; /* ...and this! */
}

.qtip-default {
    border-color: rgb(43,114,159);
}



.nafiErrorLabel {
    color: #b31a17;
    font-weight: bold;
}


.nafi-errorhint-hide {
    display: none;
    font-size: 10px;
}

.nafiErrorHintShow {
    color: #b31a17;
    padding: 4px 0 4px 0;
    font-weight: normal;
    vertical-align: baseline;
    display: block;
}

#id-nafi-errorshint {
    margin: 4px 0 4px 0;
    color: #b31a17;
    vertical-align: middle;
    display: none;
}

    #id-nafi-errorshint img {
        margin: 0 0 4px 0;
        vertical-align: middle;
    }

.ui-widget-overlay {
    background-image: none;
    background-color: black;
    opacity: .7;
    filter: alpha(opacity=70);
}

.nafi-radiogroup {
    vertical-align: baseline;
    margin-top: 0px;
    margin-bottom: 0px;
}

.nafi-radiogroup-row {
    vertical-align: baseline;
    margin-top: 0;
    margin-bottom: 6px;
}

.nafi-radiogroup-item {
    vertical-align: baseline;
    margin: 0;
    padding: 0 20px 0 0;
    border: 0;
}

    .nafi-radiogroup-item input[type="radio"] {
        vertical-align: middle;
        padding-bottom: 2px;
        padding-right: 2px;
    }

    .nafi-radiogroup-item label {
        vertical-align: middle;
        padding-bottom: 0px;
        color: rgb(41,41,41);
    }







.nafi-label {
    font-size: 12px;
    font-weight: normal;
    color: rgb(102,102,102);
}

.nafi-input-text {
    font-size: 12px;
}

    .nafi-input-text strong {
        font-size: inherit;
    }

    .nafi-input-text u {
        font-size: inherit;
    }


.nafi-label span {
    font-size: 12px;
}

td.nafi-label {
    text-align: right;
    vertical-align: baseline;
}


.nafi-input label {
    vertical-align: baseline;
    font-size: 12px;
}

td.nafi-input {
    vertical-align: baseline;
    font-size: 12px;
}

div.nafi-input {
    vertical-align: baseline;
    font-size: 12px;
}

td.nafi-help {
    vertical-align: baseline;
    text-align: center;
}

div.nafi-help {
    cursor: pointer;
    text-align: center;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background-image: url('/istation/images/help.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 14px;
    height: 14px;
    background-color: transparent;
    margin: auto;
}

td.nafi-input-layout {
    padding: 0 !important;
    height: 0px;
}

.nafi-input-gruppe {
    font-size: 100%;
    font-weight: bold;
    color: rgb(90,90,90);
    padding-top: 26px !important;
    padding-bottom: 3px;
    padding-left: 6px;
    text-align: center;
    /*border-bottom:1px dotted rgb(0,52,102);*/
}

.nafi-input-table td {
    vertical-align: baseline;
    padding-top: 4px;
    padding-bottom: 4px;
}



td.nafi-knz {
    padding-top: 12px;
    padding-bottom: 12px;
}

div.nafi-knz {
    background-image: url('/istation/images/kennzeichen.gif');
    background-repeat: no-repeat;
    background-position: top top;
    width: 200px;
    height: 38px;
    padding-bottom: 2px;
}

/*#KNZHaupt {
	font-size:16px;
	font-weight:bold;
	position:relative;
	top:4px;
	left:21px;
	width:38px;
	height:20px;
}

#KNZRestAlpha {
	font-size:16px;
	font-weight:bold;
	position:relative;
	top:4px;
	left:42px;
	width:28px;
	height:20px;
}

#KNZRestNum {
	font-size:16px;
	font-weight:bold;
	position:relative;
	top:4px;
	left:46px;
	width:42px;
	height:20px;
}*/

.ui-datepicker-trigger {
    vertical-align: middle;
    padding-left: 4px;
    margin: 0 2px 4px 2px;
    padding: 0;
}

.nafi-date {
    width: 76px;
}

.nafi-fzgText {
    font-weight: normal;
    font-style: italic;
    color: rgb(140,186,138);
    text-align: left;
    font-size: 0.8em;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: right;
}

#nafi-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: rgb(0,0,0);
    text-align: left;
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: wait;
}


.nafi-leistungen-hinweis {
    color: rgb(50,112,20);
    font-weight: bold;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: help;
    border: 0;
    background-image: url('/istation/images/infoneu3.gif');
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 16px;
}

.nafi-leistungen-auswahl {
    width: 99%;
}

#nafi-overlay-debug {
    padding: 20px 0px 20px 0;
    background-color: red;
    color: white;
    position: fixed;
    right: 20px;
    bottom: 30px;
    width: 100px;
    text-align: center;
}

.nafi-overlay-debug-caption {
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 10px;
}

.nafi-overlay-debug-subcaption {
    font-weight: normal;
    padding-top: 5px;
}


.nafi-overlay-debug-item {
    padding-left: 4px;
}

.nafi-input-unbekannt {
    padding-top: 4px;
    vertical-align: middle;
    color: rgb(120,120,120);
    font-size: 9px;
}

.nafi-input-comment {
    color: rgb(120,120,120);
    font-size: 9px;
    font-style: italic;
    padding-left: 10px;
}


#nafi-recalc-box {
    bottom: 0;
    color: white;
    font-size: 20px;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1000;
    border: 0;
    padding: 30px 0px 30px 0px;
    top: 5px;
    left: 5px;
    margin: 0;
    margin-bottom: auto;
    text-align: center;
    cursor: wait;
}

#nafi-recalc-ajaxloader {
    background-image: url('/istation/images/ajax-loader-5.gif');
    background-repeat: no-repeat;
    margin: auto;
    height: 80px;
    width: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#nafi-recalc-progressbar {
    width: 80%;
    margin: 10px 0 10px 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



#nafi-recalc-progressbar-kfz00004 {
    width: 100%;
    margin: 10px 0 0 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: absolute;
    bottom: 1px;
    z-index: 1000;
    height: 50px;
}

.ui-progressbar#nafi-recalc-progressbar-kfz00004 {
    background: rgb(230,230,230) !important;
}

#nafi-recalc-nafilogo {
    position: absolute;
    bottom: 54px;
    left: 0px;
    z-index: 1;
    height: 210px;
    width: 100%;
    margin: auto;
    background-image: url('/istation/images/CalcLogoNAFI.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.nafi-results-nachlaesseintern {
    color: green;
    vertical-align: middle;
    background-image: url('/istation/images/sondernachlass.gif');
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin: 4px 0 4px 0;
    height: 20px;
}

.nafi-results-infoidssberechnung {
    color: green;
    vertical-align: middle;
    background-image: url('/istation/images/infoids_berechnung_16x16.png');
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin: 4px 0 4px 0;
    height: 20px;
    cursor: pointer;
}

.nafi-results-infoidssberechnung-details {
    color: rgb(70,70,70);
    margin: 4px 0 4px 0;
    padding: 4px 0 4px 0;
    border: 1px dotted blck;
}


.nafi-results-schnellzugriff {
    background-color: white;
    bottom: 0;
    position: fixed;
    height: 150px;
    width: 38px;
    z-index: 1000;
    border: thin dotted gray;
    -webkit-box-shadow: 3px -3px 11px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 3px -3px 11px 1px rgba(0, 0, 0, 0.5);
    padding: 2px 2px 12px 2px;
    top: 20%;
    right: 5px;
    margin-bottom: auto;
}

.nafi-results-schnellzugriff-item {
    padding: 3px 2px 3px 0px;
}

body.nafi-stats {
    padding: 10px 4px 10px 10px;
    background: white;
}

h1.nafi-stats {
    font-weight: bold;
    font-size: 21px;
    color: black;
    padding-top: 4px;
}

h2.nafi-stats {
    font-weight: normal;
    font-size: 14px;
    color: black;
    padding-top: 8px;
    padding-bottom: 8px;
}

.nafi-stats-legende {
    padding: 20px 0 10px 0;
}

.nafi-stats-legende-label {
    font-weight: normal;
    font-size: 12px;
    color: black;
    float: left;
    width: 200px;
}

.nafi-stats-legende-content {
    font-weight: normal;
    font-size: 12px;
    color: black;
}

table.nafi-stats {
    padding: 1px 1px 1px 1px;
    border-top: 1px solid rgb(55,98,149);
    border-right: 1px solid rgb(55,98,149);
    border-bottom: 1px solid rgb(55,98,149);
    border-left: 1px solid rgb(55,98,149);
    font-size: 9px;
    line-height: 1.7em;
}

.nafi-stats-lab-x {
    padding: 10px 2px 10px 4px;
    border-top: none;
    border-right: 1px solid rgb(149,179,215);
    border-bottom: 1px solid rgb(149,179,215);
    border-left: none;
    font-weight: bold;
    background-color: rgb(79,129,189);
    color: white;
    text-align: right;
}

td.nafi-stats-lab-x:first-child {
    text-align: left;
}

.nafi-stats-lab-y {
    padding: 2px 2px 2px 4px;
    border-top: 1px solid rgb(149,179,215);
    border-right: 1px solid rgb(149,179,215);
    border-bottom: none;
    border-left: none;
    font-weight: normal;
    text-align: left;
}

.nafi-stats-lab-y-even {
    background-color: rgb(219,229,241);
}

.nafi-stats-lab-y-odd {
}

.nafi-stats-cnt {
    padding: 2px 2px 2px 4px;
    border-top: 1px solid rgb(149,179,215);
    border-right: 1px solid rgb(149,179,215);
    border-bottom: none;
    border-left: none;
}

.nafi-stats-cnt-even {
    background-color: rgb(219,229,241);
}

.nafi-stats-cnt-odd {
}

.nafi-stats-footline {
    padding: 4px 2px 4px 4px;
    border-top: 1px solid rgb(149,179,215);
    border-right: 1px solid rgb(149,179,215);
    border-bottom: 1px solid rgb(149,179,215);
    border-left: none;
    font-weight: bold;
    background-color: rgb(79,129,189);
    color: white;
    text-align: right;
}

td.nafi-stats-footline:first-child {
    text-align: left;
}


.nafi-stats-group {
    font-weight: bold;
    padding: 2px 0 2px 2px;
    background-color: rgb(162,191,100);
    color: rgb(255,255,255);
    border-bottom: 1px solid rgb(89,111,45);
}

.nafi-stats-group-div {
    border-top: 1px solid rgb(149,179,215);
    background-color: rgb(255,255,255);
    height: 3px;
}

.qtip-light {
    padding: 6px 6px 6px 6px !important;
    border: 1px solid rgb(102,102,102);
}

.qtip-titlebar {
    background-color: rgb(255,255,255) !important;
    padding-bottom: 6px !important;
}

.qtip-content {
    padding-top: 6px !important;
}

.qtip-close {
    background-color: rgb(254,228,224) !important;
    border: 1px solid rgb(234,92,80) !important;
}


.nafi-results-leistung {
    vertical-align: middle;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin: 4px 0 4px 0;
    height: 16px;
}

    .nafi-results-leistung.status0 {
        background-image: url('/istation/images/results-leistung-status0.gif');
        color: rgb(221,0,0);
        font-weight: normal;
        font-style: italic;
    }

    .nafi-results-leistung.status1 {
        background-image: url('/istation/images/results-leistung-status1.gif');
        color: green;
        font-weight: normal;
        font-style: italic;
    }

.nafi-results-anforderungen {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 36px;
    margin: auto;
    height: 32px;
    width: 100%;
    font-size: 9px;
}

    .nafi-results-anforderungen.erfuellt {
        background-image: url('/istation/images/circle_green_ok.png');
        color: green;
        font-weight: normal;
        font-style: normal;
    }

    .nafi-results-anforderungen.teilweise {
        background-image: url('/istation/images/circle_orange.png');
        color: rgb(221,0,0);
        font-weight: normal;
        font-style: normal;
        color: rgb(80,80,80);
    }

    .nafi-results-anforderungen.keine {
        background-image: url('/istation/images/circle_red.png');
        color: rgb(221,0,0);
        font-weight: normal;
        font-style: normal;
        color: rgb(80,80,80);
    }

.nafi-results-anforderungen-item {
    font-size: 9px;
    color: rgb(80,80,80);
}

.nafi-results-anforderungen-title {
    padding: 2px 0 5px 0;
    color: rgb(10,10,10);
}

.nafi-results-anforderungen-item-label {
    width: 90px;
    float: left;
}

    .nafi-results-anforderungen-item-label.erfuellt {
        color: rgb(80,80,80);
    }

    .nafi-results-anforderungen-item-label.teilweise {
        color: rgb(80,80,80);
    }

    .nafi-results-anforderungen-item-label.keine {
        color: rgb(80,80,80);
    }

.nafi-results-anforderungen-item-text {
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    padding-top: 1px;
    padding-bottom: 1px;
}

    .nafi-results-anforderungen-item-text.erfuellt {
        color: green;
    }

    .nafi-results-anforderungen-item-text.teilweise {
        color: darkorange;
    }

    .nafi-results-anforderungen-item-text.keine {
        color: red;
    }



.nafi-cursor-pointer {
    cursor: pointer;
}


a.nafi-sparte-link:link {
    text-decoration: none;
}

a.nafi-sparte-link:focus {
    text-decoration: none;
}

a.nafi-sparte-link:active {
    text-decoration: none;
    color: rgb(0,0,255);
}

a.nafi-sparte-link:visited {
    text-decoration: none;
    color: rgb(0,0,255);
}

a.nafi-sparte-link-selected {
    font-weight: bold;
}

.nafi-text-color {
    color: rgb(102,102,102);
}

.nafi-clearer {
    clear: both;
}

.nafi-results-abschluss {
    float: none;
    padding-top: 6px;
    padding-bottom: 6px;
}

    .nafi-results-abschluss .buttonLinkAntrag .buttonLink {
        font-size: 14px;
    }

.nafi-results-kosten-image {
    vertical-align: middle;
    font-weight: normal;
    padding-left: 7px;
    float: left;
}

.tdResultCaption {
    outline: 1px solid rgb(8,125,214);
}




.AuswahlSachDetail {
    padding-top: 2px;
    height: 92px;
    background-image: url('/istation/images/kfz-auswahl-sach.png');
    border-left: 2px solid rgb(170,170,170);
    margin-top: 8px;
}

    .AuswahlSachDetail:hover {
        background-image: url('/istation/images/kfz-auswahl-sach-hover.png');
    }



.AuswahlSparteSachRS {
    background-image: url('/istation/images/sach_rs.png');
}

.AuswahlSparteSachHP {
    background-image: url('/istation/images/sach_hf.gif');
}

.AuswahlSparteSachHR {
    background-image: url('/istation/images/sach_hR.gif');
}

.AuswahlSparteSachUN {
    background-image: url('/istation/images/sach_un.gif');
}


.AuswahlSparte {
    float: left;
    width: 130px;
    height: 120px;
    text-align: center;
}

.AuswahlSparteItem {
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: bottom;
    cursor: pointer;
}

.AuswahlSparteKfz {
    background-image: url('/istation/images/sparte_kfz.png');
    border-left: 2px solid rgb(170,170,170);
    margin-top: 8px;
    padding-left: 20px;
}



.nafi-results-noteleistungen {
    width: 80px;
    border: 1px solid rgb(26,94,164);
    color: rgb(100,100,100);
    float: left;
    background-color: White !important;
    background-image: none !important;
}

    .nafi-results-noteleistungen .content {
        border: none;
        background-color: White !important;
        background-image: none !important;
    }



        .nafi-results-noteleistungen .content .titel {
            border: none;
            font-size: 10px;
            text-align: center;
            padding-top: 4px;
        }

        .nafi-results-noteleistungen .content .note {
            border: none;
            font-size: 14px;
            padding-top: 5px;
            text-align: center;
            font-weight: bold;
        }

    .nafi-results-noteleistungen .notetext {
        border: none;
        margin-top: 5px;
        font-size: 10px;
        padding: 5px 0 5px 0;
        text-align: center;
        color: White;
        background-color: rgb(26,94,164);
    }




.nafi-results-infoidssberechnung {
    color: rgb(221,100,0);
    vertical-align: middle;
    background-image: url('/istation/images/infoids_berechnung_16x16.png');
    background-repeat: no-repeat;
    background-position: left 4px;
    padding: 4px 0 4px 20px;
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: auto;
}

.nafi-results-infoidssberechnung-details {
    color: rgb(70,70,70);
    margin: 4px 4px 4px 4px;
    padding: 4px 0 4px 0;
    border: 1px dotted black;
    margin-left: 90px;
}

.nafi-results-infoidssberechnung-content {
    padding: 2px 0 2px 0;
}


.nafi-results-anforderungen-prozente {
    padding-top: 12px;
    font-size: 11px;
}

/* Optimierung der Antragsstrecke */

.clickable {
    cursor: pointer;
}

.clickable:hover {
    background-color: #00406e !important;
    color: white !important;
}

.ndo-endkunde {
    background-color: #1476a0;
    color: white;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
}

.nafi-link-unterstrichen {
    color: #337ab7;
}

    .nafi-link-unterstrichen:hover {
        color: #23527c;
    }

.fixed-width-icon {
    width: 15px;
}

.no-padding {
    padding: 0 !important;
}

.small,
.small .feldnamenli,
.small .nafi-div-table-cell,
.small .nafi-caption,
.small .silbentrennung,
.small .nafi-text-disabled,
.small .fixed-width-icon {
    font-size: 13px !important;
}

#fieldsetDocs .container-dokumente {
    padding-left: 15px;
    padding-right: 15px;
    float: none;
}

#fieldsetDocs .kacheln_spartenwahl {
    width: auto;
}

.confirm-link {
    cursor: pointer;
}

/* col-sm-6, zwei Spalten */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .confirm-link {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

        .confirm-link:nth-of-type(2n + 0) {
            margin-right: 0;
        }
}

/* col-md-4, drei Spalten */
@media screen and (min-width: 992px) {
    .confirm-link {
        width: calc(33.33333333% - 7px);
        margin-right: 10px;
    }

        .confirm-link:nth-of-type(3n + 0) {
            margin-right: 0;
        }
}

.confirm-link a:hover {
    text-decoration: none;
}

.confirm-link:hover {
    background-color: #d7dfe1 !important;
    background-image: none !important;
}

.confirm-link-text {
    float: left;
    color: #515151;
    margin-left: 5px;
    margin-top: -4px;
    font-size: 14px;
}

.confirm-icon {
    float: left;
}

.confirm-link-text:hover {
    color: #515151;
}

.nafi-lg-padding-bottom {
    padding-bottom: 20px;
}

.sm-font,
.sm-font p {
    font-size: 13px !important;
}

.dokumentbeschreibung {
    clear: both;
    margin-left: 5px;
    font-size: 11px;
    margin-bottom: 5px;
    color: #333;
}

.correct-input-link {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.downloadStatus {
    display: flex;
}

.data-container .nafi-info-kachel-content {
    display: flex;
    align-items: flex-end;
}

.inner-button-right {
    margin-left: auto;
}

@media screen and (max-width: 830px) {
    .data-container .nafi-info-kachel-content {
        display: block;
    }

    .inner-button-right {
        margin-top: 15px;
    }
}

#email-status {
    height: 25px;
}

    #email-status img {
        height: 25px;
        text-align: center;
        margin-top: 5px;
        margin-left: auto;
    }

.btn-send-email,
.input-field-container label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.input-field-container label {
    padding-right: 15px;
}

label.info-top {
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .btn-send-email {
        margin-top: 69px;
    }

    #email-status img {
        margin-left: 50%;
    }
}

/* Filter-Tags */

#filter-tags,
#main-filter {
    display: flex;
    flex-wrap: wrap;
}

#filter-tags {
    flex-wrap: wrap;
}

.breaker {
    display: none;
    margin: 0;
}

@media screen and (max-width: 768px) {
    #main-filter {
        flex-wrap: wrap;
    }

    .breaker {
        display: block;
        width: 100%;
        height: 0;
    }
}

#main-filter .dropdown {
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 0 !important;
}

@media screen and (max-width: 991px) {
    #main-filter .dropdown-menu {
        min-width: 300px !important;
    }
}

@media screen and (max-width: 375px) {
    #main-filter .dropdown-menu {
        min-width: inherit !important;
    }
}

#filter-main-input {
    margin-left: 15px;
}

.filter-tag,
#btn-update-filter-tags,
#btn-delete-filters {
    text-align: center;
    position: relative;
    height: 30px;
    background-color: white;
    border-radius: 25px !important;
    border: 1px solid #23527c;
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 3px 10px 5px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
}

.filter-tag {
    align-items: center;
    padding: 0 10px;
}

button.filter-tag {
    display: block;
}

/* IE-10- und IE-11-Hack */
_:-ms-lang(x), .filter-tag,
_:-ms-lang(x), #btn-update-filter-tags,
_:-ms-lang(x), #btn-delete-filters {
    padding-top: 2px;
}

.filter-tag input {
    margin-top: 0px;
}

/* IE-10- und IE-11-Hack */
_:-ms-lang(x), .filter-tag input {
    padding-bottom: 3px;
}

/* Edge-12+-Hack */
_:-ms-lang(x), _:-webkit-full-screen, .filter-tag input {
    padding-bottom: 0;
}

a:hover {
    cursor: pointer;
}

.tag-delete {
    cursor: pointer;
    margin-left: 4px;
    margin-top: 0px;
}

input.filter-value {
    border: 1px solid transparent;
    background-color: white;
    padding: 2px;
}

input.filter-value[type="text"] {
    padding-top: 3px;
}

.filter-tag-ellipsis-trim + .tag-delete {
    margin-top: 0px;
}

.filter-tag-ellipsis-trim > input.filter-value[type="text"] {
    padding-top: 2px;
}

.filter-tag-ellipsis-trim[role="button"] {
    margin-top: 1px;
}

input.filter-value:hover,
input.filter-value:focus,
input.filter-value:focus-visible {
    cursor: pointer;
    border: 1px dotted #666;
    color: #164f84;
    outline: none;
}

.filter-tag-date:hover,
.filter-tag-date:focus {
    cursor: pointer;
    border: 0;
    color: #164f84;
}

#btn-update-filter-main,
#btn-update-filter-tags,
#btn-cancel-filter-main {
    cursor: pointer;
    display: none;
}

#btn-update-filter-main,
#btn-cancel-filter-main {
    height: 40px;
    margin-bottom: 15px;
}

#btn-main-filter,
.input-field-container input,
.input-field-container select,
.input-field-container .bootstrap-select,
.input-field-container .bootstrap-select > button,
.btn-sort {
    height: 40px;
}

.input-field-container input,
.input-field-container select {
    min-width: 100px;
}

#btn-update-filter-main {
    margin-right: 10px;
}

#width-tester {
    display: none;
}

.prepare-search-link,
#Tag-SortField {
    cursor: pointer;
    margin-top: 0 !important;
}

.prepare-search-link-active,
.prepare-search-link:hover,
.sort-link:hover,
#Tag-SortField:hover {
    background-color: #5bc0de;
    color: white;
}

.filter-input-field {
    padding-top: 15px;
    display: none;
}

select.filter-input-field {
    padding-top: 7px;
}

.input-field-container {
    width: 210px;
    max-width: 100%;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
    display: none;
}


.moving-placeholder,
.moving-placeholder .filter-input-field {
    display: block !important;
    width: 100% !important;
}

.moving-placeholder-date-container {
    display: table !important;
    width: initial !important;
}

.input-field-container label {
    display: block;
    cursor: text;
    color: #999;
    transition: .02s ease-out all;
    position: absolute;
    top: 12px;
    left: 13px;
    z-index: 2;
}

label.info-top {
    top: 3px;
    left: 13px;
    font-size: .7em;
    color: #999;
    transition: .02s ease-out all;
}

/* 17.04.2020: In Chromium-basierten Browsern das hochgesetzte Label zwei Pixel tiefer darstellen */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .info-top {
        margin-top: 2px;
    }
}

/* 07.06.2022: Neue "Übernehmen"- und "Abbrechen"-Buttons, basierend auf Icons */
.buttons-update-cancel {
    display: flex;
    height: 40px;
    align-items: center;
}

.buttons-update-cancel i {
    font-size: 24px;
    color: #00406e;
}

.results tr {
    background-color: white;
}

.results table {
    border: 1px solid #dddddd;
}

#btn-delete-filters,
#btn-update-filter-tags {
    display: none;
    margin-left: 0;
    padding-top: 4px;
    /*border-radius: 0;*/
    border: 1px solid #adadad;
}

#btn-delete-filters:hover,
#btn-update-filter-tags:hover {
    background-color: #5bc0de;
    color: white;
}

#btn-update-filter-tags {
    margin-right: 15px;
}

.no-padding {
    padding: 0;
}

#FilterKNZHauptHaupt,
#FilterKNZHauptRest,
#Tag-Value-FilterKNZHauptHaupt,
#Tag-Value-FilterKNZHauptRest {
    text-transform: uppercase;
}

.dropdown-sort {
    margin-left: 93px;
    margin-top: 2px;
}

@media screen and (max-width: 470px) {
    .dropdown-sort {
        margin-left: 0;
    }
}

.sort-label,
.sort-label-kleinflotte {
    background-color: transparent;
    padding-top: 9px;
    padding-right: 6px;
    padding-left: 6px;
    border: 1px solid #ccc;
    border-right: 0;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.sort-label-kleinflotte {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.sort-label:hover {
    background-color: inherit !important;
    border-color: #ccc !important;
    cursor: default !important;
}

.update-sort {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.update-sort-kleinflotte {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

table.thin-border {
    border: 1px solid #dddddd;
}

    table.thin-border th {
        background-color: white;
    }

.table.thin-border > tbody > tr:nth-of-type(2n) {
    background-color: white;
}

.dropdown .btn-group {
    display: -webkit-flex;
    display: flex;
}

.dropdown-filter-right {
    right: 0;
    left: auto;
}

@media screen and (min-width: 768px) {
    .dropdown-filter-right {
        right: inherit;
        left: inherit;
    }
}

#filter-tags .date .input-group-addon,
.filter-tag-date {
    width: 92px;
    padding: 0px;
    margin-left: 5px;
    text-align: left;
    color: #333;
    border: 0;
    margin-top: 3px !important;
}

/* IE-10- und IE-11-Hack */
_:-ms-lang(x), .filter-tag-date {
    margin-top: 0 !important;
}

/* Edge-12+-Hack */
_:-ms-lang(x), _:-webkit-full-screen, .filter-tag-date {
    margin-top: 2px !important;
}

.filter-tag-ellipsis-trim {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 0px;
}

.date-label {
    margin-top: 3px;
}

/* 08.12.2022: Chrome, Edge */
@supports(-webkit-text-security: circle) {
    .filter-tag-ellipsis-trim[role="button"] {
        margin-top: 2px;
    }

    input.filter-value[type="text"] {
        padding-top: 4px;
    }

    .date-label {
        margin-top: 2px;
    }
}

.clickable:hover .text-success,
.clickable:hover .nafi-icon-color-success,
.clickable:hover .inputZusatztext,
.clickable:hover .nafi-responsive-tabelle-wert,
.clickable:hover .nafi-short-date,
.clickable:hover .nafi-link-unterstrichen,
.clickable:hover .nafi-caption,
.clickable:hover p {
    color: white;
}

.save-selection {
    /*position: absolute;
    bottom: 0;
    right: 52px;*/
    clear: both;
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 48px;
}

.save-selection a {
    font-size: 14px;
}

.save-selection a:hover {
    text-decoration: none;
}

#save-selection-status {
    min-width: 150px;
    display: none;
}

.filter-tag-checkbox-input-field {
    position: absolute;
    top: 8px;
    left: 10px;
}

.filter-tag-checkbox-button {
    position: absolute;
    top: 8px;
    right: 10px;
}

#filter-buttons-select-save-link {
    display: none;
}

#filter-settings-manual {
    display: none;
}

#tab-config {
    display: none;
    clear: both;
}

#reset-selection {
    visibility: hidden;
}

#filter-buttons-select-link {
    white-space: nowrap;
}

/*@media screen and (min-width: 570px) {
    _:-ms-lang(x), #main-filter > .dropdown {
        min-width: 550px;
    }
}*/

/* 22.08.2024: Per Strg + linke Maustaste sichtbar gemachte Boolean-Felder */
.input-field-container.bool-visible {
    display: inline-block;
}

.bool-title {
    display: inline-block;
    height: 40px;
    padding: 10px;
    padding-top: 10px;
    border-radius: 25px;
    color: white;
}

.no-hyphenation,
.no-hyphenation .silbentrennung {
    hyphens: none !important;
}

#fieldsetSFR ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#fieldsetSFR li {
    width: 33%;
}

@media screen and (min-width: 768px) {
    .nafi-tile-padding .nafi-tile-info-format-col {
        padding-bottom: 4px;
    }
}

@media screen and (max-width: 767px) {
    #fieldsetSFR ul {
        display: block;
    }

    #fieldsetSFR li {
        width: inherit;
    }

    .nafi-tile-info-mobile .nafi-tile-info-format-row {
        display: block !important;
        margin-bottom: 15px !important;
    }

    .nafi-tile-info-mobile .nafi-tile-info-line-col-content, .nafi-tile-info-mobile .nafi-tile-info-format-col {
        display: block !important;
    }

    .nafi-tile-info-mobile .nafi-tile-info-format-col:nth-child(1) {
        font-weight: bold;
    }
}

.li-padding a span {
    padding-left: 19px;
}

.nafi-edit-stift-dropdown .fa-check + span {
    padding-left: 5px;
}

.nafi-anzahl-eintraege-above-results {
    float: left;
    color: #164f84;
    font-weight: bold;
    margin-top: 7px;
}

.btn-redirect-vollrechner {
    float: right;
}

@media screen and (max-width: 767px) {
    .nafi-anzahl-eintraege-above-results,
    .btn-redirect-vollrechner {
        float: none;
        text-align: center;
    }
}

/* Verwaltung von Session-Variablen */
#session-variables-settings fieldset:not(#fieldset-session-variables-settings) legend {
    margin-bottom: 0;
    margin-top: 25px;
}

#session-variables-group-select {
    margin-bottom: 25px;
}

.session-variable-scope {
    font-weight: bold;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: black;
    background-color: rgb(235,235,235);
    border: 1px dotted black;
    margin-top: 25px;
    margin-bottom: 10px;
}

.session-variable-description,
.session-variables-beschreibung-auspraegungen,
.session-variables-beschreibung-auspraegungen div {
    color: #164f84;
    text-align: left;
    font-size: 1.2rem;
    padding-top: 4px;
    padding-bottom: 10px;
    min-height: 30px;
}

.session-variables-beschreibung-auspraegungen {
    margin-left: 12.5%;
}

.session-variables-left-row,
.session-variables-middle-row,
.session-variables-right-row {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .session-variables-middle-row input,
    .session-variables-middle-row select {
        width: 75%;
        margin: auto;
    }

@media (max-width: 992px) {
    .session-variables-middle-row input,
    .session-variables-middle-row select {
        width: 100%;
    }

    .session-variables-beschreibung-auspraegungen {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .mobile-separator {
        width: 100%;
        height: 1px;
        border-top: 1px solid #ccc;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .session-variable-description {
        min-height: initial;
    }
}

.session-variables-full-row {
    margin-bottom: 15px;
}

.session-vars-save {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

    .session-vars-save .nafi-div-table {
        margin: 5px 10px;
    }

@media (max-width: 768px) {
    .session-vars-save {
        justify-content: flex-start;
    }

        .session-vars-save .nafi-div-table {
            order: 2;
        }
}

.session-id-input-row {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

    .session-id-input-row div {
        margin-right: 15px;
    }

/* "Kunden"- und "Login"-Drop-down */
li.dropdown-header div {
    font-weight: normal;
}

    li.dropdown-header div:nth-child(1) {
        margin-top: 6px;
    }

.pull-right-not-xs {
    float: right !important;
}

@media(max-width:768px) {
    .pull-right-not-xs {
        float: none !important;
    }
}

.fieldset-margin {
    margin-top: 25px;
}

.nafi-anzahl-eintraege {
    color: #515151;
}

.kacheln_spartenwahl a:hover, .nafi-kachel:not(.not-hover):hover {
    background-color: white;
    text-decoration: none;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #5a5a5a;
}

.nafi-hilfebereich-pfeil-xs::after, .nafi-help-box-buendelung-pfeil::after {
    border-color: transparent transparent white transparent;
}

.prepare-search-link-active, .prepare-search-link:hover, .sort-link:hover, #Tag-SortField:hover {
    background-color: #00406e;
    color: #fff !important;
}

.nafi-hilfe-text li {
    color: #666;
}

@media (max-width: 767px) {
    .text-xs-left {
        text-align: left;
    }
}

.logo-ausdruck {
    max-width: 100%;
}

.default-color {
    color: #00406e !important;
}

.container-input-evb-zugangsdaten {
    display: flex;
    justify-content: space-between;
}

.input-evb-zugangsdaten {
    width: inherit;
}

.input-evb-zugangsdaten {
    /*
        1/3  - 3 Spalten pro Zeile
        10px - Platz zwischen Zeilen
    */
    width: calc(1/3 * 100% - (1 - 1/3) * 10px);
}

@media screen and (max-width: 992px) {
    .icon-kundennummer {
        display: none;
    }

    .container-input-evb-zugangsdaten {
        flex-wrap: wrap;
    }

    .input-evb-zugangsdaten {
        margin-bottom: 10px !important;
        width: 100%;
    }

    .input-evb-tarifuebergreifend {
        display: none;
    }
}

.icon-delete {
    color: #c42f2f;
    font-size: 23px;
    cursor: pointer;
}

.fade-in-green {
    background-color: #bdeebd !important;
    transition: background 1s linear;
}

.fade-in-white {
    background-color: white !important;
    transition: background 1s linear;
}

input.evb-input-fields-header,
.evb-input-fields-header input {
    border: 0;
    background-color: #d5d1d1;
    box-shadow: none;
    color: #666;
    margin-left: -11px;
}

.dreieck-rechts {
    display: none;
}

.blau > .dreieck-rechts, .grau > .dreieck-rechts {
    border-color: #8FA1C8 transparent transparent transparent;
}

.gruen > .dreieck-rechts {
    border-color: #264D17 transparent transparent transparent;
}

.gelb > .dreieck-rechts {
    border-color: #DF7401 transparent transparent transparent;
}


.dreieck-rechts-show {
    display: block !important;
}

@media screen and (max-width: 767px) {
    .dreieck-rechts {
        display: block;
    }
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .separator::before, .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #000;
    }

    .separator::before {
        margin-right: .25em;
    }

    .separator::after {
        margin-left: .25em;
    }

}

#fieldsetAccept {
    margin-bottom: 20px;
}

#fieldsetSFR .fa-li.fa-lg {
    top: -3px;
}

}

#Infos-InternInfos {
    margin-top: 0.25em;
}

    #Infos-InternInfos tr td:first-of-type {
        padding-right: 1.5em;
    }

a.nafi-arrordion-ohne-header span.nafi-div-table-cell {
    font-size: 20px;
}

.nafi-arrordion-ohne-header .nafi-striped-row {
    padding: 3px;
}

.label-overlay {
    position: absolute;
    font-size: 12px;
    padding-left: 13px;
    padding-top: 6px;
    z-index: 9;
    color: #555555;
    background-color: white;
    width: calc(100% - 72px);
    height: 29px;
    top: 1px;
    left: 17px;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: text;
    display: none;
}

.input-group[data-number-of-buttons="2"] ~ .label-overlay {
    width: calc(100% - 114px);
}

.input-group[data-number-of-buttons="3"] ~ .label-overlay {
    width: calc(100% - 156px);
}

.label-overlay-value {
    display: none;
}

.label-overlay-zusatzinfo {
    color: gray;
}

.input-group.date ~ .inputZusatztext,
.input-group.date ~ .inputZusatztextDate {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 849px) {
    label.label-knzhaupt {
        width: 25%;
    }

        label.label-knzhaupt ~ .col-sm-6 {
            width: 58.33333333%;
        }

        label.label-knzhaupt ~ .col-sm-2 {
            width: 16.66666667%;
        }
}

/* Steckbrief */

#SteckbriefContent a {
    padding: 0px;
    display: inline;
    white-space: normal;
    color: #337ab7 !important;
    font-size: 13px !important;
}

.Steckbrief {
    min-width: 640px;
}

@media screen and (max-width: 991px) {
    .Steckbrief {
        min-width: 340px;
    }
}

/* ### Zusätzliche Informationen auf der rechten Seite ### */
.mini-additional-info-menu-section-drawer span {
    margin: 10px;
    font-size: 40px;
    color: #00406e;
}

/* Keine Möglichkeit zur Einblendung der Zusatzinfos bei Viewport-Breite < 992px */
@media (max-width: 991px) {
    .mini-additional-info-menu-section-drawer,
    #infoColumn {
        display: none !important;
    }
}

/*@media (max-width: 991px) {*/
/*Mobiles Menü einklappen, wenn nicht angeklickt */
.mini-additional-info-menu-section:not(.show) {
    display: none;
}

.mini-additional-info-menu-section-drawer {
    position: absolute;
    background-color: rgb(247,247,247);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.39);
    /*top: 192px;*/
    z-index: 2;
}

    .mini-additional-info-menu-section-drawer.affix-top {
        top: 72px;
    }

    /*Einrichtung der rechtsseitigen Orientierung*/
    .mini-additional-info-menu-section-drawer.align-right {
        right: 0;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        transition: right .2s ease-in-out;
    }

    .mini-additional-info-menu-section-drawer:active {
        transform: scale(1.05, 1.05);
    }

    .mini-additional-info-menu-section-drawer.align-right.opened {
        right: 200px;
    }

.mini-additional-info-menu-section {
    overflow: hidden;
    /*position: absolute;*/
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.39);
    z-index: 2;
    display: flex;
    flex-direction: column;
    transition: width .2s ease-in-out;
}

    .mini-additional-info-menu-section.affix-top {
        top: 72px;
    }

    .mini-additional-info-menu-section.align-right {
        right: 15px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .mini-additional-info-menu-section.show {
        overflow: auto;
        display: flex !important;
    }
/*}*/

@media (max-width: 767px) {
    /* Postion von oben des Buttons zum Ausklappen des mobilen Menüs festlegen */
    .mini-additional-info-menu-section-drawer {
        top: 72px;
    }

    /* Position von oben des Menüs festlegen */
    .mini-additional-info-menu-section {
        top: 72px;
    }
}

.additional-info-headline {
    font-size: 1.1em;
    text-align: left;
    font-weight: bold;
    margin-top: 30px;
    padding-bottom: 0;
}

    .additional-info-headline:nth-of-type(1) {
        margin-top: 0;
    }

[id^="additional-info-container"] > .additional-info-headline {
    margin-top: 30px;
}


.berechnung-info li,
.berechnung-info div {
    font-size: 13px;
}

#col-ergebnisse-content [aria-label="Result Register"] ul.pagination li {
    min-width: 36px;
}

#additional-info li {
    list-style-position: outside;
    margin-left: 15px;
}

.endkunde-icon-container,
.fragebogen-icon-container,
.vorberechnung-icon-container {
    width: 31px;
    height: 31px;
    border: 1px solid #00406e;
    padding: 6px 6px 6px 9px;
    border-radius: 45px;
    background-color: #1476a0;
}

.vorberechnung-icon-container {
    padding: 6px;
    border-color: darkgreen;
}

.fragebogen-icon-container {
    padding: 7px 6px 6px 7px;
}

    .endkunde-icon-container span,
    .fragebogen-icon-container span,
    .vorberechnung-icon-container span {
        font-size: 16px;
        background-color: #1476a0;
        color: white;
    }

.vorberechnung-icon-container,
.vorberechnung-icon-container span {
    background-color: #3c763d;
}

.pinned-link {
    color: #002366 !important;
}

.designer-tileimagetext-disabled a {
    cursor: not-allowed !important;
}

.anwender-role-warning {
    color: red;
}

.additional-info-wichtiger-hinweis {
    color: red;
    font-weight: bold;
}

.layout-mode-separator {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/**
    ToDo in die Standard bootstrap verschieben
*/
.nafi-hilfebereich-hidden.nafi-bereich-eingabeformular .nafi-eingabeformular {
    border-right: none;
}

.nafi-footer-multilogin {
    background-color: orangered;
    color: white;
    margin-top: 0px;
    margin-bottom: 6px;
    padding: 4px 4px 4px 4px;
}

.frame-header-kundendaten {
    margin-top: 5px;
}

.btn-hint {
    background-color: #1873b5 !important;
}

/* Hinweis auf der Startseite */
.dark-box {
    background-color: #2c6187;
    color: white;
}

    .dark-box a {
        color: white;
        text-decoration: underline;
    }

/* Graues X zum Zurücksetzen von Suchbegriffen und Lupensymbol in Eingabefeldern */
.clear-search-container,
.magnify-container {
    position: absolute;
    top: 7px;
    right: 12px;
    z-index: 2;
    color: #70757a;
    cursor: pointer;
}

.magnify-container {
    top: 8px;
    font-size: 16px;
    cursor: default;
}

    .clear-search-container i,
    .magnify-container i {
        font-size: 18px;
    }

/* 16.02.2022: Neuer Footer, der auch Einblendung von Newsletter-Tipps berücksichtigt */
.footer-flex-container {
    display: flex;
    justify-content: space-between;
}

#footer-hints {
    padding: 0 30px;
}

@media (max-width: 991px) {
    .footer-flex-container {
        flex-direction: column;
    }

    #footer-hints {
        padding: 15px 0;
    }
}

#footer-impressum,
#footer-copyright {
    white-space: nowrap;
}

@media (max-width: 575px) {
    #footer-impressum,
    #footer-copyright {
        white-space: normal;
    }
}

#footer-hint {
    padding: 0 30px;
    display: none;
}

.accordion-checkbox {
    display: flex;
    align-items: center;
}

/* Anzeige der Kunden- und Versionsnummer in NDO-Zugängen in mittelgroßen Viewports */
@media (min-width: 768px) and (max-width: 1120px) {
    #nafi-kopfzeile > .container > .row > div.col-sm-3:last-of-type {
        width: 33%;
    }

    #nafi-kopfzeile > .container > .row > div.col-sm-push-4:last-of-type {
        left: 25%;
    }
}

.haus {
    color: black;
}

.haus .oi {
    border-color: black;
}

.haus .dg {
    fill: none;
    stroke:black;
}

.haus .og {
    border: 1px solid black;
}

.haus .ug {
    border: 1px solid black;
    background-color: #4b4b4b;
    color: white;
}


/* Fahrzeug-Filter */
.fahrzeug-filter {
    padding-bottom: 15px;
}

.fahrzeug-filter .nafi-alert-slim.alert {
    border-left: 4px solid transparent;
}

.fahrzeug-filter .nafi-alert-slim.alert-success {
    border-left: 4px solid #3c763d;
}

.fahrzeug-filter .alert-info {
    color: black;
}

/* Großbuchstaben in Eingabefeldern */
.uppercase {
    text-transform: uppercase;
}

.filter-waiting-animation {
    font-size: 24px;
    margin-top: 8px;
}

/* Newsletter-Tipps auf der Startseite */
.nafi-tipp {
    position: relative;
    margin-bottom: 10px;
}

.nafi-tipp-close {
    position: absolute;
    top: -6px;
    right: -6px;
    color: #515151;
    background-color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #515151;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.nafi-tipp-close i {
    font-size: 15px;
}

.frc-captcha {
    max-width: 350px !important;
}

.invisible-important {
    display: none !important;
}

div.nafi-help {
	cursor:pointer;
	text-align:center;
	margin:0;
	padding:0;
	vertical-align:baseline;
	background-image:url('/istation/images/help.gif');
	background-repeat: no-repeat;
	background-position: center center;
	width:14px;
	height:14px;
	background-color:transparent;
	margin:auto;
}


      
        .icon-bar {
            background-color: #fff;
        }

        #versuchsbereich_eingabe_formular {
        }

        .platzhalter_seitenende {
            height: 16px;
        }

        .popover {
            width: 400px;
            /*max-width: 400px;*/
        }


        .nafi-label {
            /*text-align: right;*/
        }

        

        h3 {
            padding-bottom: 20px;
            text-align: center;
        }

        .form-group {
            padding-bottom: 15px;
        }

        #menu_logo {
            
        }

 


        .pager li a {
            color: white !important;
            border-radius: 5px !important;
        }

        .pager li a:hover, .pager li a:focus {
            background-color: #31b0d5 !important;
        }

        html body{
            overflow-x:hidden;
        }

        hr{
            border-width:2px;
            border-color:darkgray;
        }

	
             
	
#nafi-page-main
{
	width:auto;
	border:1px solid rgb(168,169,168);
	background-color:rgb(247,247,247);
	margin: 5px 0px 2px 0px;
	padding:0;
}

#nafi-page-main-popup
{
	width:auto;
	border:1px solid rgb(206,212,218);
	background-color:rgb(247,247,247);
	margin: 5px 0px 2px 0px;
	padding:0;
}
 
#nafi-page-main-title
{
	padding: 10px 5px 25px 5px;
      
}

#nafi-page-main-title-text 
{
	color:rgb(0,52,102);
	font-weight:bold;
	  font-size:20px;
	padding-bottom:5px;
    text-align:left;
}

#nafi-page-main-title-info 
{
	/* color:rgb(254,117,1); */
	/*color:rgb(51,51,51); */
	/*color:rgb(254,117,1); */
	color:rgb(62,102,62);
	font-weight:normal;
	font-size:8pt;
	padding-top:4px;
	padding-right:50px;
	padding-left:6px;
    text-align:center;
}

#PageTitleInfoImage
{
	vertical-align:top;
	text-align:right;
	padding-right:5px;
	padding-top:10px;
}

#nafi-page-main-content
{
	width:auto;
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

#PageContentPopup
{
	width:auto;
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}



.nafiErrorLabel {
    color: #b31a17;
    font-weight: bold;
}


.nafi-errorhint-hide {
	display:none;
		font-size:10px;
}

.nafiErrorHintShow {
    color: #b31a17;
    padding: 4px 0 4px 0;
    font-weight: normal;
    vertical-align: baseline;
    display: block;
}

#id-nafi-errorshint {
    margin: 4px 0 4px 0;
    color: #b31a17;
    vertical-align: middle;
    display: none;
}

#id-nafi-errorshint img{
	margin:0 0 4px 0;
	vertical-align:middle;
}

hr {
	border-top:1px solid rgb(200,200,200) !important;
}

body {
  background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #dadada 100%);
}



a.thumbnail.spartenwahl .spartenwahl_vertikal_center {
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

a.thumbnail.spartenwahl {
    text-align: center;
}

.text, *, body {
    font-size: 14px;
}

body {
    background-attachment: fixed;
}

a.thumbnail.spartenwahl .spartenwahl_horrizontal_center {
    display: inline-block;
    text-align: center;
}

a.thumbnail.spartenwahl p {
    color: rgb(22,79,132);
}

@media(max-width:767px) and (min-width:487px) {
    .kacheln_spartenwahl {
        width: 45%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.panel-default .panel-heading{
    background-color: rgb(22,79,132);
    color:#fff;
}

.jumbotron{
    background-color:#B5CDE4;
    color:rgb(0,10,110);
    border: 1px solid grey;
}

.img-thumbnail{
    background-color: rgb(22,79,132);
    border-color: blue;
}

.jumbotron .text{
    color: rgb(9, 47, 82);

}

#nafi-page-main {
    /*rgb(22,79,132)*/
    border: none;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    -webkit-box-shadow: 0 0 2px rgba(22,79,132,.5);
    -moz-box-shadow: 0 0 2px rgba(22,79,132,.5);
    box-shadow: 0 0 2px rgba(22,79,132,.5);
}

.einleitungstext-startseite{
    margin-bottom:15px;
}

@media(max-width:767px){
    .padding-mobile-ansicht{
        padding:10px;
    }
    .caption{
        font-size:16px;
    }

    .jumbotron{
        padding-top:5px;
        padding-bottom:5px;
    }

    
    .dropdown-menu .divider {
        margin: 9px 20px;
    }
}

@media(max-width:295px){
.caption{
        font-size:14px;
    }
}

.silbentrennung {
    word-break: break-word;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.kacheln_spartenwahl a:hover, .kachel:hover {
    background-color: #00406e;
    background-image: none;
}

.kacheln_spartenwahl a:hover .nafi-kachel-imgicon, .kachel:hover .icon .nafi-kachel-imgicon{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/*.btn:hover{
 transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    margin-left:4px;
    margin-right:4px;
}*/

.footer{
    margin-top:15px;
    margin-bottom:15px;
}

#nafi-page-main-title-info{
    text-align:left;
}

.panel-body  .btn{
    margin-bottom:10px;
}

.panel-body .btn-group ul{
    margin-top:-10px;
}


#nafi-page-main-title-info{
    font-size:14px;
}

.block-button > .btn{
    display:block;
    width:100%;
}

.list-group-item.dunkel{
    background-color: #dbe5ef;
}

.abstand-oben{
    margin-top:10px;
}

.grosser-abstand-oben{
    margin-top:20px;
}

.abstand-links{
    margin-left:10px;
}

.abstand-rechts{
    margin-right:10px;
}

.kleiner-abstand-rechts{
    margin-right:5px;
}

.form-group.abstand-oben{
    padding-top:10px;
}

.form-group.abstand-unten{
    padding-bottom:10px;
}

.abstand-unten, input[type="password"].abstand-unten, input[type="text"].abstand-unten{
    margin-bottom:10px;
}

.button-rechts-ausrichten{
    display:block
}

.kachel{
    text-decoration:none;
    text-align:center;
    display:block;
    padding:10px;
    height:165px;
}

.kachel-groesse-mittel{
    height:125px;
}




.kachel .icon img{
    height:40px;
}

.kachel .text .beschriftung, .kacheln_spartenwahl .beschriftung{
    margin-top:15px;
    font-weight:normal;
    color: rgb(22,79,132);
}

.kachel .text.beschreibung{
    font-size: 12px;
}

.form-login{
    margin: 0 auto;
    max-width: 350px;
    padding: 15px;
}

.login-ueberschrift-modal{
    text-align:left;
    margin-bottom:15px;
}

.loginerror-modal{
    margin-bottom:15px;
}

.nafi-padding-top{
    margin-top:15px;
}


[data-type="multi"] .carousel-control 			 { width:  4%; }
[data-type="multi"] .carousel-control.left,[data-type="multi"] .carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	[data-type="multi"] .carousel-inner .active.left { left: -100%; }
	[data-type="multi"] .carousel-inner .next        { left:  100%; }
	[data-type="multi"] .carousel-inner .prev		 { left: -100%; }
	[data-type="multi"] .active > div { display:none; }
	[data-type="multi"] .active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	[data-type="multi"] .carousel-inner .active.left { left: -50%; }
	[data-type="multi"] .carousel-inner .next        { left:  50%; }
	[data-type="multi"] .carousel-inner .prev		 { left: -50%; }
	[data-type="multi"] .active > div { display:none; }
	[data-type="multi"] .active > div:first-child { display:block; }
	[data-type="multi"] .active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	[data-type="multi"] .carousel-inner .active.left { left: -25%; }
	[data-type="multi"] .carousel-inner .next        { left:  25%; }
	[data-type="multi"] .carousel-inner .prev		 { left: -25%; }	
}

.carousel-control, .carousel-control:focus{
    color: rgb(22,79,132);
}

.carousel-control:hover{
    color: rgb(239, 200, 73);
}


.iconlos .kachel{
    background-color:#B5CDE4;
    display:inline-table;
    width:100%;
}

.iconlos .kachel .text{
     display:table-cell;
   vertical-align:middle;
    width:100%;
}

.iconlos .kachel-groesse-mittel{
    height:125px;
}

.nafi-padding-bottom{
    margin-bottom:10px !important;
}

.popover-title{
    /*background-color: rgb(22,79,132);
    color:#fff;*/
    background-color: aliceblue;
}

.nicht-unterstreichen, .nicht-unterstreichen:hover{
    text-decoration:none;
    color:#000;
}

@media(min-width:768px){
    .pull-sm-right{
        float:right;
    }
}


/* Kacheln mit CSS-Icons */
.nafi-kachel {
    padding: 10px 10px 0px 10px;
    border: solid 1px darkgrey;
    background-color: #fff;
    background-image: linear-gradient(180deg,#fff 0,#f5f6f6);
}

.nafi-kachel .nafi-kachel-icon, .nafi-kachel .nafi-kachel-aufschrift {
    margin-bottom: 10px;
}

.nafi-kachel .nafi-kachel-aufschrift {
    color: #000;
}

.nafi-kachel .nafi-kachel-icon {
    color: #51534b;
}

.nafi-kachel:not(.not-hover):hover {
  background-color: #00406e;
  background-image: none;
  color: white;
}

.no-hover .nafi-kachel {
    background-color: #fff;
    background-image: none;
}

.no-hover .nafi-kachel:hover {
    background-color: #fff;
    cursor: default;
}

 .nafi-kachel:not(.not-hover):hover .nafi-kachel-icon, .nafi-kachel:not(.not-hover):hover .nafi-kachel-aufschrift {
    color: #fff;
}

.no-hover .nafi-kachel:hover .nafi-kachel-aufschrift {
    color: #000;
}

.no-hover .nafi-kachel:hover .nafi-kachel-zusatzinfo {
    color: #00406e;
}

@media(min-width:768px) {
    .nafi-kachel.mit-zusatzinfo, .nafi-kachel-std-height {
        height: 146px;
        padding-bottom:10px;
    }

    .nafi-kachel.ohne-zusatzinfo {
        height: 92px;
    }

    .nafi-kachel.ohne-zusatzinfo .nafi-kachel-aufschrift, .nafi-kachel.mit-zusatzinfo .nafi-kachel-mit-zusatzinfo-text {
        position: absolute;
        bottom: 25px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .compact-flex .nafi-kachel.ohne-zusatzinfo .nafi-kachel-aufschrift, .compact-flex .nafi-kachel.mit-zusatzinfo .nafi-kachel-mit-zusatzinfo-text {
        position: relative;
        bottom: 0;
    }

    .nafi-kachel.ohne-zusatzinfo .nafi-kachel-aufschrift {
        padding-bottom: 0px;
    }
}

.nafi-kachel-anzahl {
    margin-bottom: 10px;
}

.nafi-kachel-zusatzinfo {
    font-size: 11px;
}

/* Ende: Kacheln mit CSS-Icons */


/* Image-ICONs */
.nafi-kachel-imgicon.pkw{
    background-image: url('../images/kfz-auswahl-pkw-neu.png');
}

.nafi-kachel-imgicon.krad{
    background-image: url('../images/kfz-auswahl-krad.gif');
}

.nafi-kachel-imgicon.wohnmobil{
    background-image: url('../images/kfz-auswahl-caravan.gif');
}

.nafi-kachel-imgicon.weitereWKZ{
    background-image: url('../images/kfz-auswahl-alle.gif');
}

.nafi-kachel-imgicon.sachsparten{
    background-image: url('../images/kfz-auswahl-sach.png');
}

.nafi-kachel-imgicon.schnellberechnung{
    background-image: url('../images/schnellberechnung.png');
}

.nafi-kachel-imgicon{
    height:45px;
    width:85px;
    background-repeat:no-repeat;
    background-size:auto 45px;
    background-position:center top;
    display:inline-block;
}


#navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #515151;
}
          
#navbar li a {
    color:#565656;
}
    #navbar li a {
    font-size:16px;
}

#navbar li a:hover {
    background-color: #00406e;
    color: white;
}

.navbar-brand {
    color:#565656;
}

.navbar-brand:hover {
    color:#565656;
}

.navbar-brand{
    height: 90px;
}


.navbar-brand img {
    height: 80px;
    margin-top: -30px;
}

.navbar-toggle   {
    margin-top:30px;
}

@media(max-width:768px){
    .navbar-brand img{
       height: 80px;
        /*margin-top: -20px;*/ 
    }

    .navbar-brand{
        height:60px;
    }

    .navbar-toggle{
        margin-top:15px;
    }
}

        

        
/**Logo-Beschriftung ausblenden (Bereich, wo sonst das Menü umgebrochen wird)*/
@media(max-width:991px) and (min-width:768px){
    .navbar-brand:last-child{
        display:none;
    }
}

#navbar .dropdown-menu > li > a{
    color: #000;
}

#navbar .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #00406e;
    color: white;
}

#navbar .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, #navbar > li > a:hover{
    color: white;
}



.navbar-toggle:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}


.nafi-navbar {
    border-bottom:2px solid #565656 !important;
}

 


#navbar {
    padding-right:50px;
    padding-top:20px;
    padding-bottom:20px;

}




label {
    font-weight:normal;

}


/*Überschrift-Banner*/
#nafi-header-banner {
    padding: 15px;
}

.nafi-header-banner-part-affix{
    /*top: 90px;*/
    top:0px;
}

.nafi-header-banner-part-affix ul li a, .nafi-header-banner-part-affix a.nafi-banner-links, .nafi-header-banner-part-affix ul li .btn-link{
    color: white;
}

.nafi-header-banner-part-affix a.nafi-banner-links{
    display:inline-block;
    padding-left:15px;
    padding-bottom:5px;
}

.nafi-infokasten {
    color: #fff;
    margin-left: -20px;
    padding: 5px;
}

.nafi-infokasten.beide-seiten {
    color: #fff;
    margin-left: -20px;
    margin-right: -20px;
    padding: 5px;
}

.nafi-infokasten.gruen {
    background-color: #669455;
    border: solid 1px #568445;
}

.nafi-infokasten.gruen:after, .nafi-infokasten.gruen .nafi-infokasten-dreieck2 {
    border-color: #264D17 transparent transparent transparent;
}

.nafi-infokasten.blau {
  background-color: #00406e;
  border: 1px solid #00406e;
}

.nafi.infokasten.grau {
    background-color: #51534b;
    border: 1px solid #51534b;
}

.nafi.infokasten.grau:after, .nafi.infokasten.grau .nafi.infokasten-dreieck2 {
    border-color: #8FA1C8 transparent transparent transparent;
}

.nafi-infokasten.gelb {
    background-color: #FACC2E;
    color: #000;
    border: 1px solid #eAbC1E;
}

.nafi-infokasten.gelb:after, .nafi-infokasten.gelb .nafi-infokasten-dreieck2 {
    border-color: #DF7401 transparent transparent transparent;
}

.nafi-infokasten.blau:after, .nafi-infokasten.blau .nafi-infokasten-dreieck2 {
    border-color: #8FA1C8 transparent transparent transparent;
}


.nafi-infokasten:after {
    border-style: solid;
    border-width: 10px 0px 0px 10px;
    content: ' ';
    position: absolute;
    left: -5px;
    bottom: -10px;
}

.nafi-infokasten-dreieck2 {
    border-style: solid;
    border-width: 10px 10px 0px 0px;
    content: ' ';
    position: absolute;
    right: -5px;
    bottom: -10px;
}

[data-spy="affix"] {
    z-index: 200;
}


.nafi-click-curser {
    cursor: pointer;
}

.nafi-default-curser{
    cursor: default;
}

.nafi-mehrzeiliger-button {
    white-space: normal;
}

.nafi-vergleich-zeile-icon{
    font-size:16px;
    margin:0px 10px 10px 0px;
}

.nafi-button-goTo-leftAside-controlFields {
    position: fixed;
    top: 30%;
    /*top: calc(50% - 17px);*/
    margin-top: 27px;
    display: none;
    z-index: 999999;
}

/* Kennzeichen Filterleite*/
 .nafi-kennzeichen {
    display: table;
    border: 2px solid #a9a9a9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color:#fff;
    border-left: none;
    width:100%;
}


.nafi-kennzeichen-eu-teil {
    width: 18px;
    /*background-image: url(../images/kennzeichen_d.png);*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='39' height='34' style='fill: %23eee' /%3E%3Crect width='20' height='40' style='fill:%23377AA1;' /%3E%3Ccircle cx='10' cy='10' r='6' stroke='%23EAC163' fill='none' stroke-dasharray='2' /%3E%3Ctext x='6' y='35' fill='%23ffffff' style='font-size:14px'  %3ED%3C/text%3E%3C/svg%3E");
    height: 40px;
    border-radius:4px 0px 0px 4px;
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: center center;
    background-color: #377AA1;
    border-right: 2px solid #fff;
    border-left:1px solid #a9a9a9;
}

.nafi-kennzeichen-tuev_teil {
    width: 16px;
    /*background-image: url(../images/tuev_bundesland.png);*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='33' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='10' r='6' stroke='drakgreen' fill='green' /%3E%3Ccircle cx='8' cy='10' r='4' stroke='black' fill='none' stroke-dasharray='2' style='stroke-width:1' /%3E%3Ccircle cx='8' cy='25' r='8' stroke='drakgray' fill='grey' /%3E%3C/svg%3E");
    height: 40px;
    background-repeat: no-repeat;
    background-size: 12px auto;
    padding-left: 5px;
    background-position: center center;
}

.nafi-kennzeichen .KNZHaupt {
    /*width: 52px;*/
    text-transform: uppercase;
    min-width: 58px;
}

.nafi-kennzeichen .KNZRestAlpha {
    /*width: 45px;*/
    text-transform: uppercase;
    min-width:55px;
}

.nafi-kennzeichen .KNZRestNum {
    /*width: 56px;*/
    text-transform: uppercase;
    min-width: 60px;
}

.nafi-kennzeichen .knzE {
    width: 40px;
    background-position-x: 25px;
    padding-right: 0;
}


.nafi-kennzeichen_aufteilung {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}


.nafi-kennzeichen_aufteilung input[type="text"] {
    font-size: 14px;
}


.nafi-kennzeichen-bereich-rest, .nafi-kennzeichen-bereich-kreis {
    display: table-cell;
}

/*######################################################################################### */
/* Farbversuch*/
/*.navbar-default{
    background-color:#fff;
    opacity:0.98;
}

body{
    background-image:none;
    background-color: #e1e5eb;
}

.panel-default{
    border-color:#aaa;
}

#navbar li a {
    color: #164f84;
}*/
.navbar-default {
    background-color: #e1e5eb;
    /*background-color: #fafafa;*/
}

.nafi-navbar {
    border-bottom: none !important;
}

@media(max-width:767px) {
    .navbar-default {
        background-color: #fff;
    }

    .nafi-navbar {
        border-bottom: 1px solid darkgrey !important;
    }
}

body{
    background-image:none;
    background-color: #e1e5eb;
    /*background-color:#fafafa;*/
}

#navbar li a, #navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #515151;
    /*color:#fff;*/
}

/* Responsive Tabelle */
.nafi-responsive-tabelle-mobil-header {
    display: none;
    font-weight: bold;
}

.nafi-responsive-tabelle-addition-row td{
    padding-bottom:15px;
}

.nafi-tabelle-responsive tfoot {
    border-top: 2px dotted;
    border-bottom: double 4px;
}

.nafi-responsive-tabelle-td-valign-bottom{
    vertical-align: bottom !important;
}

@media(max-width:1119px) {
    .nafi-tabelle-responsive-change-design-md tbody tr td,.nafi-tabelle-responsive-change-design-md tfoot tr td {
        display: block;
        border-top: none;
    }

    .nafi-tabelle-responsive-change-design-md tbody tr, .nafi-tabelle-responsive-change-design-md tfoot tr {
        padding: 15px 0px 15px 0px;
        border-bottom: 2px solid;
    }

        .nafi-tabelle-responsive-change-design-md tr:last-child {
            border-bottom: none;
        }

    .nafi-tabelle-responsive-change-design-md .nafi-responsive-tabelle-mobil-header + .nafi-responsive-tabelle-wert {
        display: block;
    }

    .nafi-tabelle-responsive-change-design-md thead {
        display: none;
    }

    .nafi-tabelle-responsive-change-design-md .nafi-responsive-tabelle-mobil-header {
        display: block;
    }
}



@media(max-width:991px) {
     .nafi-tabelle-responsive-change-design-sm tbody tr td,.nafi-tabelle-responsive-change-design-sm tfoot tr td {
        display: block;
        border-top: none;
    }

    .nafi-tabelle-responsive-change-design-sm tbody tr, .nafi-tabelle-responsive-change-design-sm tfoot tr {
        padding: 15px 0px 15px 0px;
        border-bottom: 2px solid;
    }

        .nafi-tabelle-responsive-change-design-sm tbody tr:last-child {
            border-bottom: none;
        }

    .nafi-tabelle-responsive-change-design-sm .nafi-responsive-tabelle-mobil-header + .nafi-responsive-tabelle-wert {
        display: block;
    }

    .nafi-tabelle-responsive-change-design-sm thead {
        display: none;
    }

    .nafi-tabelle-responsive-change-design-sm .nafi-responsive-tabelle-mobil-header {
        display: block;
    }
}



@media(max-width:767px) {
    .nafi-tabelle-responsive-change-design-xs tbody tr td,.nafi-tabelle-responsive-change-design-xs tfoot tr td {
        display: block;
        border-top: none;
    }

     .nafi-tabelle-responsive-change-design-xs tbody tr, .nafi-tabelle-responsive-change-design-xs tfoot tr {
        padding: 15px 0px 15px 0px;
        border-bottom: 2px solid;
    }


        .nafi-tabelle-responsive-change-design-xs tr:last-child {
            border-bottom: none;
        }

    .nafi-tabelle-responsive-change-design-xs .nafi-responsive-tabelle-mobil-header + .nafi-responsive-tabelle-wert {
        display: block;
    }

    .nafi-tabelle-responsive-change-design-xs thead {
        display: none;
    }

    .nafi-tabelle-responsive-change-design-xs .nafi-responsive-tabelle-mobil-header {
        display: block;
    }
}

@media(max-width:450px) {
    .nafi-tabelle-responsive-change-design-xxs tbody tr td, .nafi-tabelle-responsive-change-design-xxs tfoot tr td {
        display: block;
        border-top: none;
    }

    .nafi-tabelle-responsive-change-design-xxs tbody tr, .nafi-tabelle-responsive-change-design-xxs tfoot tr {
        padding: 15px 0px 15px 0px;
        border-bottom: 2px solid;
    }

    .nafi-tabelle-responsive-change-design-xxs tr:last-child {
        border-bottom: none;
    }

    .nafi-tabelle-responsive-change-design-xxs .nafi-responsive-tabelle-mobil-header + .nafi-responsive-tabelle-wert {
        display: block;
    }

    .nafi-tabelle-responsive-change-design-xxs thead {
        display: none;
    }

    .nafi-tabelle-responsive-change-design-xxs .nafi-responsive-tabelle-mobil-header {
        display: block;
    }
}


.nafi-info-boxen-rechts{
    padding-top:20px;
}

.pager li a {
    background: #00406e !important;
    color: white !important;
    /*-webkit-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    border-radius: 4px !important;*/
    border-radius: 0px !important;
}

.pager li.middle-button a {
    background-color: transparent !important;
    color: grey !important;
    margin-bottom: 5px;
    width: 64px;
    background-image: none !important;
}

.pager li a:hover, .pager li a:focus {
    color: white !important;
    background-color: #00406e !important;
    opacity: .8;
}

.panel-default .panel-heading, .nav-pills > .active > a{
	background-color: #00406e !important;
	border-color: #00406e;
}

.pager{
    position:relative;
    /*z-index:1999998;*/
}

span.nafi-kachel-imgicon{
    font-size:40px;
    color: #164f84;
}

span.nafi-kachel-imgicon-large {
    font-size: 66px;
    color: #164f84;
}

.kacheln_spartenwahl > .spartenwahl{
    background-color: #fff;
    background-image: linear-gradient(180deg,#fff 0,#f5f6f6);
}

/*.kacheln_spartenwahl > .spartenwahl.nafi-tile-radio {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%09%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%20stroke%3D%22%23164f84%22%20stroke-width%3D%222%22%20fill%3D%22transparent%22%20%2F%3E%20%0D%0A%3C%2Fsvg%3E") 5px center no-repeat, linear-gradient(180deg,#fff 0,#f5f6f6);
}

.kacheln_spartenwahl > .spartenwahl.nafi-tile-radio.active {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%09%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%20stroke%3D%22%23164f84%22%20stroke-width%3D%222%22%20fill%3D%22transparent%22%20%2F%3E%0D%0A%09%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%227%22%20fill%3D%22%23164f84%22%20%2F%3E%0D%0A%3C%2Fsvg%3E") 5px center no-repeat, linear-gradient(180deg,#fff 0,#f5f6f6);
}

.kacheln_spartenwahl > .spartenwahl.nafi-tile-radio:hover{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%09%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%20stroke%3D%22%23164f84%22%20stroke-width%3D%222%22%20fill%3D%22transparent%22%20%2F%3E%20%0D%0A%3C%2Fsvg%3E") 5px center no-repeat, #0EA9D5;
}
.kacheln_spartenwahl > .spartenwahl.nafi-tile-radio.active:hover {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%09%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%20stroke%3D%22%23164f84%22%20stroke-width%3D%222%22%20fill%3D%22transparent%22%20%2F%3E%0D%0A%09%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%227%22%20fill%3D%22%23164f84%22%20%2F%3E%0D%0A%3C%2Fsvg%3E") 5px center no-repeat, #0EA9D5;
}*/

.kacheln_spartenwahl > .spartenwahl.nafi-tile-radio.active {
    background: linear-gradient(180deg,#fff 0,#b8edb8);
}


.nafi-header-banner-mit-zurueck-link {
    display: table;
    width: 100%;
}

.nafi-header-banner-mit-zurueck-link .nafi-header-banner-zurueck-link, .nafi-header-banner-mit-zurueck-link .nafi-header-banner-weiter-link, .nafi-header-banner-mit-zurueck-link .nafi-header-banner-content{
    display: table-cell;
}

.nafi-header-banner-mit-zurueck-link .nafi-header-banner-zurueck-link span, .nafi-header-banner-mit-zurueck-link .nafi-header-banner-weiter-link span{
    font-size:40px;
}
.nafi-header-banner-mit-zurueck-link .nafi-header-banner-zurueck-link a, .nafi-header-banner-mit-zurueck-link .nafi-header-banner-weiter-link a{
    color:#d3d3d3;
}

.nafi-header-banner-mit-zurueck-link .nafi-header-banner-zurueck-link a:hover, .nafi-header-banner-mit-zurueck-link .nafi-header-banner-weiter-link a:hover{
    color: white;
}

.nafi-header-banner-zurueck-link{
   text-align: right;
   width: 50px;
}

.nafi-header-banner-weiter-link{
    width: 50px;
    text-align:left;
}

.panel-collapse .list-group input:checked + label{
    font-weight: bold;
}


/*NAFI-Eingabeformular */
.nafi-eingabeformular {
    margin-bottom: 15px;
    border-right: 1px solid darkgrey;
    height: 100%;
}

@media(max-width:767px) {
    .nafi-eingabeformular {
        border: none;
    }
}

.nafi-hilfebereich {
    height: 100%;
}

.nafi-hilfebutton-neu, .nafi-hilfebutton-buendelung {
    font-size: 20px;
    color: rgb(22,79,132);
}

.nafi-hilfebutton-neu:hover, .nafi-hilfebutton-buendelung:hover {
    text-decoration: none;
    color: #51534b;
    cursor: help;
}

.nafi-hilfebutton-neu-checked, .nafi-hilfebutton-buendelung-checked{
    color: darkgray;  
}

.nafi-hilfebereich-pfeil:before {
    width: 11px;
    height: 0;
    border-color: transparent darkgray;
    border-style: solid;
    border-width: 16px 16px 16px 0;
    content: ' ';
    position: absolute;
}

.nafi-hilfebereich-pfeil:after {
    width: 11px;
    height: 0;
    border-color: transparent #fff;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    content: ' ';
    position: absolute;
    left: 2px;
    margin-top: 1px;
}

#nafi-page-main-content .nafi-hilfebereich-pfeil:after{
    border-color: transparent rgb(247,247,247);
}

.nafi-hilfebereich-pfeil {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -31px;
    top: 15px;
    display: none;
}

.xs-nafi-hilfebereich-kopf {
    height: 22px;
}

.nafi-hilfebereich-pfeil-xs {
    position: absolute;
    display: inline-block;
    height: 32px;
}

.nafi-help-box-buendelung-pfeil{
    height:22px;
       
}

    .nafi-hilfebereich-pfeil-xs:before, .nafi-help-box-buendelung-pfeil:before {
        border-style: solid;
        border-width: 11px 11px 11px 11px;
        border-color: transparent transparent darkgray transparent;
        content: ' ';
        position: absolute;
    }

    .nafi-hilfebereich-pfeil-xs:after, .nafi-help-box-buendelung-pfeil:after {
        border-style: solid;
        border-width: 10px 10px 10px 10px;
        border-color: transparent transparent aliceblue transparent;
        content: ' ';
        position: absolute;
        margin-top: 3px;
        margin-left: 1px;
    }

.xs-nafi-hilfebereich-inhalt, .nafi-help-box-buendelung-inhalt {
    margin: -1px 0px 15px 15px;
    border: 1px solid darkgrey;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right:5px;
    background-color: aliceblue;
}

.nafi-help-box-buendelung-inhalt{
    margin:0px 0px 15px 0px;
}

.nafi-hilfe-text *:not(a), .nafi-hilfe-text {
    font-size: 12px;
    color: rgb(102,102,102);
}

.nafi-hilfe-text a {
    font-size: 12px;
}

.xs-nafi-hilfebereich-inhalt *, xs-nafi-hilfebereich-inhalt {
    color: rgb(102,102,102);
}

.nafi-hilfe-text {
    display: none;
}


.platzhalter-padding-rechts {
    padding-right: 15px;
}

@media(min-width:767px) {


    .nafi-fill-height-sm, .nafi-fill-height-sm-tile > .col-xs-12 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .nafi-fill-height-sm > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .nafi-fill-height-sm-tile .nafi-kachel{
        height:100%;
        margin-bottom:0px;
        width:100%;
    }

    .nafi-fill-height-sm-tile > .col-xs-12{
        height: 100%;
    }
}

.nafi-text-right-xs {
    text-align: right;
}

.nafi-padding-bottom-xs {
    margin-bottom: 10px !important;
}

.nafi-textfeld-mit-innenbeschriftung-afterText {
    display: inline-block;
    color: darkgrey;
    background-color: transparent;
    padding-left: 0px;
    position: absolute;
    margin-top: -28px;
    margin-left: 24px;
}

.nafi-textfeld-mit-innenbeschriftung input {
    font-size: 14px;
}

.xs-nafi-hilfebereich {
    margin-top: -32px;
}

.nafi-container-main{
    margin-top:120px;
}

@media(max-width:767px){
    .nafi-container-main {
        margin-top: 80px;
    }
}


/* Fortschrittsbalken */
.nafi-spalte-fortschrittsbalken{
    padding-top:20px;
    text-align:center;
}

.nafi-fortschritt-beschriftung{
    display:block;
}


@media(max-width:991px){
    .nafi-fortschritt-beschriftung {
        font-size: 7.5px;
        display:none;
    }

    .nafi-fortschritt-header-text{
        font-size:7.5px;
        display:block;
    }

}

.nafi-pager-unten {
    border-top: 1px solid #A9B8C3;
    background-color: aliceblue;
    padding: 15px 5px 15px 5px;
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -5px;
    margin-bottom: 0px;

    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}


.nafi-hilfe-text-placeholder{
    display:block;
}

.form-group select{
    padding-left: 2px;
}

.nafi-padding-left-right{
    padding-right:25px;
    padding-left:25px;
}

.nafi-padding-left-right-klein {
    padding-right: 15px;
    padding-left: 15px;
}

@media(min-width:768px) {
    .nafi-padding-left-right-not-xs {
        padding-right:25px;
        padding-left:25px;
    }
}

.nav.nav-pills{
    text-align:center;
}


.tab-content.nafi-desktop-tab-content, .tab-content.nafi-desktop-tab-content1{
    padding-bottom:15px;
    margin-top:-20px;
}

@media(min-width:768px) {
    .tab-content.nafi-desktop-tab-content {
        background-color: #fff;
        margin-top: 0px;
        padding: 15px;
        border: 1px solid #ddd;
        border-top: none;
        margin-bottom: 15px;
    }
}

/*@media(max-width:1199px){*/
     .tab-content.nafi-desktop-tab-content-more-than-5-tabs{
        background-color: transparent;
        margin-top: -20px;
        padding: 0px 0px 15px 0px;
        border: none;
    }
/*}*/

@media(min-width:992px) {
    .tab-content.nafi-desktop-tab-content1 {
        background-color: #fff;
        margin-top: 0px;
        padding: 15px;
        border: 1px solid #ddd;
        border-top: none;
        margin-bottom: 15px;
    }
}

@media(max-width:767px){
    .tab-content.nafi-mobil-tab-content {
        background-color: #fff;
        margin-top: 0px;
        padding: 15px;
        border: 1px solid #ddd;
        border-top: none;
        margin-bottom: 15px;
    }
}

@media(max-width:991px){
    .tab-content.nafi-mobil-tab-content1 {
        background-color: #fff;
        margin-top: 0px;
        padding: 15px;
        border: 1px solid #ddd;
        border-top: none;
        margin-bottom: 15px;
    }
}

.nafi-scope {
    padding-top: 15px;
    padding-bottom: 2px;
    border-bottom: 1px solid #51534b;
    margin-bottom: 10px;
    color: #51534b;
}

@media(max-width:450px){
    .nafi-scope-xxs {
        padding-top: 15px;
        padding-bottom: 2px;
        border-bottom: 1px solid rgb(22,79,132);
        margin-bottom: 10px;
        color: rgb(22,79,132);
    }
}

@media(max-width:767px) {
    .nafi-scope-xs {
        padding-top: 15px;
        padding-bottom: 2px;
        border-bottom: 1px solid rgb(22,79,132);
        margin-bottom: 10px;
        color: rgb(22,79,132);
    }
}

#nafi-page-main-content{
    padding-bottom:10px;
}






.nafi-navbar-affix #navbar {
    padding: 0px;
    background-color: none;
}

.nafi-navbar-affix .navbar-brand {
    height: 50px;
}


.affix.navbar-default {
    width: 100%;
    top: 0px;
}

body {
    background: #fff;
}

@media(max-width:767px) {
    .nafi-navbar-affix.navbar-default {
        position: fixed;
        top: 0px;
        width: 100%;
        z-index:9999;
        background-color: white;
    }
}

.nafi-navbar-affix.navbar-default {
    background-color: rgba(250,252,255,0.95);
    box-shadow: 0 0px 8px rgba(0,0,0,.5);
    background-image: linear-gradient(to bottom, #fafafa, #e7e7e7);
    color: #515151;
}

#nafi-logo-kopfzeile {
    height: 120px;
    max-height: 120px;
    padding: 0;
}

@media(max-width:991px) and (min-width:768px) {
    .navbar-brand:last-child {
        display: block;
    }
}

.nafi-werbespruch, .nafi-kopfzeile-telefon, .nafi-kopfzeile-right {
    color: #4A6F8F;
    font-weight: bold;
    margin-top: 25px;
    display: block;
}

    .nafi-kopfzeile-right a, .nafi-kopfzeile-right a:hover {
        color: #d0dee6;
    }


    .nafi-werbespruch strong, .nafi-kopfzeile-telefon strong {
        font-size: 1.2em;
    }

.nafi-kopfzeile-telefon {
    /*color: darkgrey;*/
    /*text-transform: uppercase;*/
    margin-top: 35px;
}

.nafi-navbar-affix.navbar-brand span {
    color: #164f84;
}


.nafi-navbar-affix .navbar-nav {
    margin: 0px;
}

@media(max-width:767px) {
    .nafi-navbar-affix.navbar-default {
        background-color: #fff;
    }
}

#nafi-kopfzeile {
    background-color: #fdfdff;
    background-image: linear-gradient(to right, white 30%, #00406e);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.nafi-navbar-affix + .nafi-container-main{
    margin-top:40px;
}

.nafi-affix-flackerschutz-menu{
    height:50px;
}

.nafi-responsive-tabelle-wert-array{
    display:inline-block;
    border:1px solid lightgrey;
    background-color:aliceblue;
    padding:5px;
    min-width:45px;
    margin-top:5px;
}

.nafi-responsive-tabelle-wert-array-key{
    display:block;
    font-size:0.8em;
    font-weight:bold;
}

.nafi-responsive-tabelle-wert-array-value{
    display:block;
    font-size:0.8em;
}

.nafi-checkbox input{
    display:none;
}

.nafi-checkbox{
    vertical-align: top;
    padding-left: 0px !important;
}

.nafi-checkbox .nafi-checkbox-box{
    display:inline-block;
    width:25px;
    height:25px;
    border: solid 2px darkgrey;
    background:#fff;
}

.nafi-checkbox input + .nafi-checkbox-box:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: '\f00c';
    padding-left: 1px;

    color: #164f84;
    visibility: hidden;
}

.nafi-checkbox input + .nafi-checkbox-box.partial:before {
    content: '';
    visibility: visible;
    width: 15px;
    height: 15px;
    border: 1px solid #515151;
    display: inline-block;
    margin-top: 3px;
    margin-left: 3px;
    background-color: #515151;
}

.checkbox .nafi-checkbox input + .nafi-checkbox-box:before{
    margin-left: -20px;
}

.nafi-checkbox input:checked + .nafi-checkbox-box:before {
    visibility: visible;
}

.nafi-checkbox input:checked + .nafi-checkbox-box {
    background-color: aliceblue;
    border-color: #164f84;
}

.nafi-checkbox input:disabled + .nafi-checkbox-box {
    background-color: lightgrey;
    border-color: lightgray;
}

.nafi-checkbox input:disabled + .nafi-checkbox-box:before{
    color:darkgrey;
}

.nafi-hilfe-einblenden-eingabefeld + .popover, .nafi-error-border-inputfield + .popover{
    background-color:#f2dede;
    color:#b31a17;
    border-color:#b31a17;
    z-index:9;
}

.nafi-hilfe-einblenden-eingabefeld + .popover.top > .arrow::after, .nafi-error-border-inputfield + .popover.top > .arrow::after{
    border-top-color: #f2dede;
    bottom: 1.9px;
}

.nafi-hilfe-einblenden-eingabefeld + .popover.left > .arrow::after, .nafi-error-border-inputfield + .popover.left > .arrow::after{
    border-left-color: #f2dede;
    right: 1.5px;
}

.nafi-hilfe-einblenden-eingabefeld + .popover.right > .arrow::after, .nafi-error-border-inputfield + .popover.right > .arrow::after{
    border-right-color: #f2dede;
}

.nafi-hilfe-einblenden-eingabefeld + .popover.top > .arrow,  .nafi-error-border-inputfield + .popover.top > .arrow{
    border-top-color:#b31a17;
}

.nafi-hilfe-einblenden-eingabefeld + .popover.left > .arrow,  .nafi-error-border-inputfield + .popover.left > .arrow{
    border-left-color:#b31a17;
}

.nafi-hilfe-einblenden-eingabefeld + .popover.right > .arrow,  .nafi-error-border-inputfield + .popover.right > .arrow{
    border-right-color:#b31a17;
}

.nafi-div-table, .nafi-div-table-full-width{
    display:table;
}

.nafi-div-table-inline{
    display:inline-table;
}

.nafi-div-table-full-width{
    width:100%;
}

.nafi-div-table-cell {
    display: table-cell;
    padding: 0px 5px 0px 5px;
}

.nafi-div-table-row{
    display:table-row;
}

.nafi-div-table-cell-without-padding{
    display:table-cell;
}

.nafi-inline-div-table{
    display:inline-table;
}

#nafi-alert-incomplete-input, #nafi-alert-incomplete-input1{
    display:none;
}

input[type="text"].nafi-error-border-inputfield, select.nafi-error-border-inputfield, input[type="tel"].nafi-error-border-inputfield, input[type="email"].nafi-error-border-inputfield, input[type="password"].nafi-error-border-inputfield, button.nafi-error-border-inputfield {
    border: 1px solid #b31a17;
}


.nafi-radio input{
    display:none;
}

.nafi-radio.nafi-div-table-cell {
    vertical-align: top;
}

.nafi-radio:not(.nafi-tile-radio) + label{
    vertical-align: middle;
    margin-top: 3px;
}

.nafi-radio .nafi-radio-box:not(.nafi-tile-radio) {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: solid 2px darkgrey;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    padding: 0 !important;
    position: relative;
    text-align: left;
}

.nafi-radio input + .nafi-radio-box:not(.nafi-tile-radio):before {
    visibility: hidden;
    display: inline-block;
    content: ' ';
    border: 7px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 4px;
    margin-left: 4px;
    background-color: #515151;
}

.radio .nafi-radio input + .nafi-radio-box:before{
    /*margin-left: -17px;*/
}

.nafi-radio input:checked + .nafi-radio-box:before {
    visibility: visible;
    /*vertical-align: text-bottom;*/
}

.nafi-radio input:checked + .nafi-radio-box {
    background-color: #fff;
    border-color: #164f84;
}


label.nafi-error-border-inputfield {
    border: 2px solid #b31a17 !important;
}

label.nafi-error-border-inputfield:before {
    color: #b31a17 !important;
}

.nafi-hilfe-text img, .nafi-platzhalter-info-xs img{
    max-width:100%;
    height:auto !important;
}

.nafi-custom-select {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    /*padding-right: 40px;*/
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='39' height='34' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='39' height='34' style='fill: %23eee' /%3E%3Cline x1='0' y1='0' x2='0' y2='34' style='stroke:%23ccc' /%3E%3Cpolygon points='12,15 27,15 19.5,23' style='fill:%23164f84' /%3E%3C/svg%3E");*/
    /*background-position: right;*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D'8'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0D%0A%09%3Cpolygon%20points%3D'0,0%208,0%204,4'%20style%3D'fill%3A%23000'%20%2F%3E%0D%0A%3C%2Fsvg%3E");
    background-position: right 12px center;
    background-position-x:97%;
    background-position-y:50%;
    padding-right:28px;
    padding-left:10px !important;
}

/*.nafi-custom-select:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='39' height='34' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='39' height='34' style='fill: %23eee' /%3E%3Cline x1='0' y1='0' x2='0' y2='34' style='stroke:%23ccc' /%3E%3Cpolygon points='12,15 27,15 19.5,23' style='fill:rgb(82,139,192)' /%3E%3C/svg%3E");
    }*/
select.nafi-custom-select::-ms-expand {
    display: none;
}

.nafi-farbe-icon-zusaetzlicher-button-eingabefeld{
    color: #164f84;
}

.inputZusatztext, resultsInvalidInfos, .inputZusatztext .details > div, .inputZusatztext > div, .inputZusatztextDate{
    font-size:11px;
}


.modal{
    z-index:1999999;
}

.modal-backdrop{
    z-index:1999998;
}

fieldset legend{
    font-size: 16px;
}

.modal legend{
    font-size:14px;
}


/*@media(max-height:450px) {
    .modal iframe{
        height:200px !important;
    }
}

@media(max-height:520px) {
    .modal iframe{
        height:150px !important;
    }
}*/

.nafi-farbwechsel{
    padding:5px;
    border-bottom:1px grey solid;
}

.nafi-farbwechsel:nth-of-type(2n+1){
    background-color: aliceblue;
}

.nafi-farbwechsel:last-child{
   border:none;
}


.nafi-col-telefon-seperator{
     text-align: center !important;
     vertical-align:middle;
}


/*Col-XXS*/
@media (max-width:450px){

    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-xxs-1{
        width: 8.333333%;
    }

    .col-xxs-2{
        width:16.666667%;
    }

    .col-xxs-3{
        width:25%;
    }

    .col-xxs-4{
        width:33.333333%;
    }

    .col-xxs-5{
        width: 41.666667%;
    }

    .col-xxs-6{
        width:50%;
    }

    .col-xxs-7{
        width: 58.333333%;
    }

    .col-xxs-8{
        width: 66.666667%;
    }

    .col-xxs-9{
        width: 75%;
    }

    .col-xxs-10{
        width: 83.333333%;
    }

    .col-xxs-11{
        width:91.666667%;
    }

    .col-xxs-12{
        width:100%;
    }
    
    .nafi-xxs-nafi-padding-top{
        margin-top:10px;
    }

    .col-xxs-push-0{
        left:0%;
    }

    .col-xxs-push-1{
        left: 8.333333%;
    }

    .col-xxs-push-2{
        left:16.666667%;
    }

    .col-xxs-push-3{
        left:25%;
    }

    .col-xxs-push-4{
        left:33.333333%;
    }

    .col-xxs-push-5{
        left: 41.666667%;
    }

    .col-xxs-push-6{
        left:50%;
    }

    .col-xxs-push-7{
        left: 58.333333%;
    }

    .col-xxs-push-8{
        left: 66.666667%;
    }

    .col-xxs-push-9{
        left: 75%;
    }

    .col-xxs-push-10{
        left: 83.333333%;
    }

    .col-xxs-push-11{
       left:91.666667%;
    }

    .col-xxs-push-12{
        left:100%;
    }

}

.btn-primary {
    background-color: #00406e;
    border-color: #00406e;
}

.nafi-hidden{
    display:none;
}

select, input, option{
    font-size:14px !important;
}

.nafi-progressbar-inline-center{
    text-align:center;
}

.nafi-progressbar-inline-center li{
    float:none;
    display:inline-block;
}

div:not(.panel-heading) .panel-body .nafi-progressbar-inline-center:before{
    content: 'Fortschritt:';
    color:#4a6f8f;
}


.nafi-selected-mark-tarif {
    background-color: #E0F0DD !important;
}

.nafi-selected-mark-tarif .tarif-titel {
    color:#072603 !important;
}

.nafi-selected-mark-tarif .nafi-box-pfeil:after {
    border-top-color: #E0F0DD !important;
}

#nafi-aktuelle-auswahl{
    font-size:12px;
    display:block;
    padding-bottom:10px;
    text-align:center;
    color:#072603;
    text-decoration:underline;
    font-weight:bold;
}

.nafi-ergebnisseite-header, .nafi-ergebnisseite-zeile{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}

@media(max-width:767px){
    .affix{
        position: static;
    }
}

.nafi-arrordion-ohne-header .panel{
    background-color:transparent;
}

a.nafi-arrordion-ohne-header{
    color: #000;
    text-decoration:none;
}

a.nafi-arrordion-ohne-header span{
    color: rgb(22,79,132);
}

.nafi-arrordion-ohne-header .panel{
    border:none;
    box-shadow: none;
    border-radius:0px;
    margin-bottom: 0px;
}

.nafi-arrordion-ohne-header.collapse {
    padding-left:15px;
}

.nafi-arrordion-ohne-header .form-group{
    margin-bottom:0px;
    padding-bottom:0px;
}

/*.nafi-data-info{
    background: aliceblue;
    border-top: 1px solid grey;
    padding:7px;
}*/


.nafi-clear-both{
    clear:both;
}

.pageddisplay_page_numbers ul li a{
    border-radius:0px;
    padding:8px;
    font-size:14px;
}

.pageddisplay_page_numbers LI{
    float:none !important;
    border-radius:5px;
    display:inline-block !important;
}

@media(max-width:767px) {
    .pageddisplay_page_numbers li.hidden-xs {
        display: none !important;
    }
}

@media(min-width: 768px){
    .pageddisplay_page_numbers li.visible-xs{
         display: none !important;
    }
}

.pageddisplay_page_numbers li.page_info{
    border: none;
    padding: 8px;
    font-size: 14px;
}

.pageddisplay_page_numbers{
    margin-bottom:15px;
}

.pageddisplay_page_numbers ul li:first-child{
    padding:8px;
    font-size:14px;
    border:none;
}

.pageddisplay_page_numbers{
    margin-top:15px;
}

.pageddisplay_page_numbers LI.active_page A{
    border-color: #164f84;
    background-color:aliceblue;
    color:  #164f84;
    font-weight:bold;
}

.datatext, .nafi-pageddisplay-iop span{
    color: rgb(102, 102, 102);
}

.nafi-skip-button a{
    background:rgb(221, 221, 221);
}

.close{
    margin-left:5px;
}

.sysSorting span, .dyn-sort-icon{
    color: #999;
}

.nafi-info-berechnung{
    color:rgb(221,100,0);
}

.nafi-info-berechnung-caption{
    font-weight:bold;
}

.nafi-auflistung-leistungen{
    color: #164f84;
}


/*
    Textausrichtung
*/
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 450px) {
    .text-left-not-xxs, .text-center-not-xxs, .text-right-not-xxs, .text-justify-not-xxs {
        text-align: inherit;
    }
    .text-left-xxs {
        text-align: left;
    }
    .text-center-xxs {
        text-align: center;
    }
    .text-right-xxs {
        text-align: right;
    }
    .text-justify-xxs {
        text-align: justify;
    }
}
@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

.nafi-icon-color-warning{
    color: orange;
}

.nafi-icon-color-danger{
    color: #b31a17;
}

.nafi-icon-color-success, .nafi-icon-color-success.pflicht, .btn-note-einstellungen.nafi-icon-color-success {
    color: #3c763d;
}

.nafi-icon-color-info{
    color: #759ca1;
}

.nafi-icon-backgroundcolor-warning{
    background-color: orange;
}

.nafi-icon-backgroundcolor-danger{
    background-color: #b31a17;
}

.nafi-icon-backgroundcolor-success{
    background-color: #3c763d;
}

.nafi-icon-backgroundcolor-info{
    background-color: lightblue;
}

.nafi-icon-brackground-color-combi-danger-success{
    background-color: grey;
    background: -moz-linear-gradient(to right, #b31a17 50% , #3c763d 50%);
    background: -o-linear-gradient(to right, #b31a17 50% , #3c763d 50%);
    background: -webkit-linear-gradient(to right, #b31a17 50% , #3c763d 50%);
    background: -ms-linear-gradient(to right, #b31a17 50% , #3c763d 50%);
    background: linear-gradient(to right, #b31a17 50% , #3c763d 50%);
}

.nafi-results-anforderungen {
    font-weight: bold !important;
    display:inline-block;
    margin-top:5px;
    height:auto;
    padding-right:5%;
}

.nafi-results-anforderungen .kreis{
    width:32px;
    height:32px;
    -webkit-border-radius:50%;
    -o-border-radius: 50%;
    -ms-border-radius:50%;
    border-radius:50%;
    display:inline-block;
    border: 1px solid lightgrey;
}

.nafi-results-anforderungen-item-text {
    float: none !important;
}

.nafi-kleine-icons{
    font-size:10px;
}

.nafi-icon-disabled{
    color: lightgray;
}

.nafi-trennlinie, .nafi-trennlinie-breit{
    padding-top:5px;
    border-bottom: 1px solid #164f84;
    margin-bottom:5px;
}

.nafi-trennlinie-breit{
    border-bottom: 2px solid #164f84;
}

/*Höhenfüllendes Grid-System */
.nafi-stretch-table{
	display: table;
    width: 100%;
}

.nafi-stretch-table-row{
	display: table-row;
}

.nafi-stretch-table-col-xs-12, .nafi-stretch-table-col-xs-11, .nafi-stretch-table-col-xs-10,.nafi-stretch-table-col-xs-9, .nafi-stretch-table-col-xs-8, .nafi-stretch-table-col-xs-7, .nafi-stretch-table-col-xs-6, .nafi-stretch-table-col-xs-5,.nafi-stretch-table-col-xs-4, .nafi-stretch-table-col-xs-3, .nafi-stretch-table-col-xs-2, .nafi-stretch-table-col-xs-1, .nafi-stretch-table-col-sm-12, .nafi-stretch-table-col-sm-11, .nafi-stretch-table-col-sm-10,.nafi-stretch-table-col-sm-9, .nafi-stretch-table-col-sm-8, .nafi-stretch-table-col-sm-7, .nafi-stretch-table-col-sm-6, .nafi-stretch-table-col-sm-5,.nafi-stretch-table-col-sm-4, .nafi-stretch-table-col-sm-3, .nafi-stretch-table-col-sm-2, .nafi-stretch-table-col-sm-1, .nafi-stretch-table-col-md-12, .nafi-stretch-table-col-md-11, .nafi-stretch-table-col-md-10,.nafi-stretch-table-col-md-9, .nafi-stretch-table-col-md-8, .nafi-stretch-table-col-md-7, .nafi-stretch-table-col-md-6, .nafi-stretch-table-col-md-5,.nafi-stretch-table-col-md-4, .nafi-stretch-table-col-md-3, .nafi-stretch-table-col-md-2, .nafi-stretch-table-col-md-1, .nafi-stretch-table-col-lg-12, .nafi-stretch-table-col-lg-11, .nafi-stretch-table-col-lg-10,.nafi-stretch-table-col-lg-9, .nafi-stretch-table-col-lg-8, .nafi-stretch-table-col-lg-7, .nafi-stretch-table-col-lg-6, .nafi-stretch-table-col-lg-5,.nafi-stretch-table-col-lg-4, .nafi-stretch-table-col-lg-3, .nafi-stretch-table-col-lg-2, .nafi-stretch-table-col-lg-1 {
	display:table-cell;
}


.nafi-stretch-table-col-xs-12{
	width:100%;
}

.nafi-stretch-table-col-xs-11{
	width: 91.66667%;
}

.nafi-stretch-table-col-xs-10{
	width: 83.33333%;
}

.nafi-stretch-table-col-xs-9{
	width: 75%; 
}

.nafi-stretch-table-col-xs-8{
	width: 66.66667%;
}

.nafi-stretch-table-col-xs-7{
	width: 58.33333%;
}

.nafi-stretch-table-col-xs-6{
	width: 0.5%;
}

.nafi-stretch-table-col-xs-5{
	width: 41.66667%;
}

.nafi-stretch-table-col-xs-4{
	width: 33.33333%;
}

.nafi-stretch-table-col-xs-3{
	width: 25%; 
}

.nafi-stretch-table-col-xs-2{
	width: 16.66667%; 
}

.nafi-stretch-table-col-xs-1{
	width: 8.33333%;
}

@media(min-width:767px){
	.nafi-stretch-table-col-sm-12{
		width:100%;
	}

	.nafi-stretch-table-col-sm-11{
		width: 91.66667%;
	}

	.nafi-stretch-table-col-sm-10{
		width: 83.33333%;
	}

	.nafi-stretch-table-col-sm-9{
		width: 75%; 
	}

	.nafi-stretch-table-col-sm-8{
		width: 66.66667%;
	}

	.nafi-stretch-table-col-sm-7{
		width: 58.33333%;
	}

	.nafi-stretch-table-col-sm-6{
		width: 0.5%;
	}

	.nafi-stretch-table-col-sm-5{
		width: 41.66667%;
	}

	.nafi-stretch-table-col-sm-4{
		width: 33.33333%;
	}

	.nafi-stretch-table-col-sm-3{
		width: 25%; 
	}

	.nafi-stretch-table-col-sm-2{
		width: 16.66667%; 
	}

	.nafi-stretch-table-col-sm-1{
		width: 8.33333%;
	}
}

@media(min-width:992px){
	.nafi-stretch-table-col-md-12{
		width:100%;
	}

	.nafi-stretch-table-col-md-11{
		width: 91.66667%;
	}

	.nafi-stretch-table-col-md-10{
		width: 83.33333%;
	}

	.nafi-stretch-table-col-md-9{
		width: 75%; 
	}

	.nafi-stretch-table-col-md-8{
		width: 66.66667%;
	}

	.nafi-stretch-table-col-md-7{
		width: 58.33333%;
	}

	.nafi-stretch-table-col-md-6{
		width: 0.5%;
	}

	.nafi-stretch-table-col-md-5{
		width: 41.66667%;
	}

	.nafi-stretch-table-col-md-4{
		width: 33.33333%;
	}

	.nafi-stretch-table-col-md-3{
		width: 25%; 
	}

	.nafi-stretch-table-col-md-2{
		width: 16.66667%; 
	}

	.nafi-stretch-table-col-md-1{
		width: 8.33333%;
	}
}

@media(min-width:1200px){
	.nafi-stretch-table-col-lg-12{
		width:100%;
	}

	.nafi-stretch-table-col-lg-11{
		width: 91.66667%;
	}

	.nafi-stretch-table-col-lg-10{
		width: 83.33333%;
	}

	.nafi-stretch-table-col-lg-9{
		width: 75%; 
	}

	.nafi-stretch-table-col-lg-8{
		width: 66.66667%;
	}

	.nafi-stretch-table-col-lg-7{
		width: 58.33333%;
	}

	.nafi-stretch-table-col-lg-6{
		width: 0.5%;
	}

	.nafi-stretch-table-col-lg-5{
		width: 41.66667%;
	}

	.nafi-stretch-table-col-lg-4{
		width: 33.33333%;
	}

	.nafi-stretch-table-col-lg-3{
		width: 25%; 
	}

	.nafi-stretch-table-col-lg-2{
		width: 16.66667%; 
	}

	.nafi-stretch-table-col-lg-1{
		width: 8.33333%;
	}
}

.nafi-stretch-table-text-vertical-middle{
    vertical-align: middle;
}

.nafi-vergleich-beschriftung-links{
    padding-right:5px;
    vertical-align:top;
    padding-bottom:15px;
}

.nafi-vergleich-beschriftung-links b a, .nafi-vergleich-beschriftung-links b{
    font-size: 12px;
}

.nafi-vergleich-beschriftung-links small{
    font-size:10px;
}

.nafi-vergleich-zeile{
    height:100%;
}

.nafi-ergebnisseite-zeile{
    height:100%;
}

/*Fehlerbehebung Vergleich Kopfzeile Caroussel IE*/
.nafi-ergebnisseite-header > div, .nafi-ergebnisseite-zeile > div{
    flex-basis:33.33%;
    max-width: 33.33%;
}

.nafi-ergebnisseite-header > div.zwei, .nafi-ergebnisseite-zeile > div.zwei{
    flex-basis:50%;
     max-width: 50%;
}

.nafi-ergebnisseite-header > div.eins, .nafi-ergebnisseite-zeile > div.eins{
    flex-basis:100%;
    max-width: 100%;
}

@media (max-width:767px){
    .nafi-ergebnisseite-header > div, .nafi-ergebnisseite-zeile > div{
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

#accordion-fahrzeugwahl{
    padding:15px;
}

.fa-lg2{
    font-size:2em;
}

@media(max-width:340px){
    #nafi-link-tarife-vergleichen{
        font-size: 12px;
    }
}


/* Style-Anweisungen für das Drucken */
@media print{
    .nafi-icon-color-warning:before{
        color: orange !important;
    }

    .nafi-icon-color-danger:before{
        color: #b31a17 !important;
    }

    .nafi-icon-color-success:before{
        color: #3c763d !important;
    }

    .nafi-icon-backgroundcolor-warning{
        background-color: orange !important;
        -webkit-print-color-adjust: exact;
    }

    .nafi-icon-backgroundcolor-danger{
        background-color: #b31a17 !important;
        -webkit-print-color-adjust: exact;
    }

    .nafi-icon-backgroundcolor-success{
        background-color: #3c763d !important;
        -webkit-print-color-adjust: exact;
    }
}

.nafi-box-platzierung-spinner{
    /*background-color:#4a6f8f;*/
    color:#fff;
    padding:0px;
    text-align:center;
}

.nafi-auswahlbox-spinner{
    background-color: #164f84;
    padding:10px;
    border-radius:4px;
}

.nafi-auswahlbox-spinner .nafi-spinner-wert{
    display:none;
}

.nafi-auswahlbox-spinner .nafi-spinner-wert:first-child{
    display:block;
}

a.link-color-white{
    color:#fff;
}

.lade-icon{
    display:none;
}

.auswahlja{
    background-color: lightgreen;
}

.nafi-reiter-angaben-aendern {
    display: inline-block;
    width: 100%;
    color: rgb(22,79,132);
    font-weight: bold;
}

.nafi-caption, .nafi-caption-colored{
    font-weight:bold;
}

.nafi-caption-colored{
    color: #164f84;
    padding-bottom:5px;
}

.nafi-icon-gross{
	font-size: 30px;
}

.nafi-nummerierung{
    color: #164f84;
    white-space:nowrap;
}

.pflicht {
    color: #b31a17;
    font-weight: bold;
}

.nafi-control-link{
    padding-top:7px;
    display:inline-block;
}

.nafi-control-button, .nafi-control-label-left{
    margin-top:7px;
}

.nafi-striped-row:nth-of-type(2n+1) {
    /*background-color: #e9e9ee;*/
    background-color: #f9f9f9;
}

.nafi-striped-row:nth-of-type(2n) {
    background-color: #fff;
}

.nafi-striped-row-panel:nth-of-type(2n+1) {
    background-color: #efefef;
}

.nafi-striped-row-panel:nth-of-type(2n){
    background-color: #eeeeee;
}


.nafi-striped-row{
    padding: 6px;
    /*border: 1px solid #ddd;*/
    border-bottom: none;
}

.nafi-striped-border-bottom{
    /*border-bottom: 2px solid #ddd;*/
}

.nafi-striped-border-top{
    /*border-top: 2px solid #ddd;*/
}

.nafi-arrordion-ohne-header.collapse{
    /*border-top:1px solid black;*/
}

.pageddisplay_page_numbers, .pageddisplay_page_numbers ul, .pageddisplay_page_numbers li{
    background-color:transparent;
}

.nafi-kachel-icon-link{
    font-size:20px;
}

@media(min-width:768px) {
    .form-horizontal .nafi-checkbox-control-label {
        text-align: right;
    }
}

.nafi-no-wrap{
    white-space: nowrap;
}

@media(max-width:767px) {
    .nafi-nafi-padding-top-xs {
        margin-top: 5px;
    }
    .nafi-nafi-padding-top-xs-large {
        margin-top: 15px;
    }
}

.nafi-text-info2 {
    color: inherit;
}

.nafi-padding-top-klein{
    padding-top:4px;
}


.nafi-padding-bottom-klein{
    padding-bottom:4px;
}

.nafi-word-break{
    word-wrap:break-word;
    word-break:break-all;
    display:block;
}

.nafi-word-break2 {
    word-wrap: break-word;
    word-break: break-word;
    display: block;
}

textarea { 
    resize: vertical; 
}

a,
a.nafi-link-unterstrichen {
    text-decoration: none;
    color: #00406e;
}

.nafi-div-table-cell-vertical-align-top{
    vertical-align:top;
}



.nafi-article-platzhalter{
    margin-top:30px;
}

.nafi-arrordion-ohne-padding.collapse{
    padding-left: 0px;
    border-top: none;
}

.nafi-tab-alert{
    margin-bottom: 30px;
    padding:5px;
}

.alert-info{
    background-color:aliceblue;
}

.nafi-rows > .nafi-uebersicht-row-multicol-farbwechsel:nth-child(1){
    border-top: 2px solid #e5e5e5;
}

.nafi-rows > .nafi-uebersicht-row-multicol-farbwechsel:nth-child(2n+1){
    background-color:#f9f9f9;
}

.nafi-rows > .nafi-uebersicht-row-multicol-farbwechsel:nth-child(2n-1) .tri-down:after {
    border-top-color: #f9f9f9;
}

.nafi-rows > .nafi-uebersicht-row-multicol-farbwechsel:nth-child(2n){
    background-color:#fff;
}

.nafi-rows > .nafi-uebersicht-row-multicol-farbwechsel{
    padding:10px 0px 0px 0px;
    border-bottom: #e5e5e5 1px solid;
    border-left: #ddd 1px solid;
    border-right: #ddd 1px solid;
}


.nafi-rows > .nafi-uebersicht-row-multicol-farbwechsel:last-child{
    border-bottom: 2px solid #e5e5e5;
}

@media(max-width:767px) {
    .nafi-rows > .nafi-uebersicht-row-multicol-farbwechsel {
        padding: 10px 0px 10px 0px;
        border-bottom: darkgrey 2px solid;
    }
}

.nafi-darken td{
    background-color: rgba(100,100,100,0.1);
}

.nafi-darken td input, .nafi-darken td select{
    background-color:#f6f6ff;
}

.nafi-form-login{
    max-width:410px;
    margin:0px auto;
    box-shadow: 0 0 2px grey;
    padding: 20px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #f7f7f7;
}

.nafi-form-login-kennwortruecksetzung{
    max-width:640px;
}

.nafi-arrordion-grosse-schrift{
    font-size: 21px;
    line-height: inherit;
    font-weight:100;
    color:#333;
}

.nafi-kachel .badge{
   white-space:normal;
   display:inline-block;

}

.nafi-kachel:hover .text-info{
    color:lightblue;
}

.nafi-kachel:hover .text-warning{
    color:lightgray;
}

.nafi-kachel:hover .badge{
    background-color:lightgray;
    color:#4a6f8f;
}


@media(min-width:768px){
    .nafi-kachel .badge {
        display:block; 
    }
}

.nafi-info-boxen-rechts .panel-heading, .nafi-info-boxen-rechts .panel-body, .nafi-info-boxen-rechts .panel-body div, .nafi-info-boxen-rechts .panel-body span{
    font-size:12px;
}

.nafi-info-boxen-rechts .panel-heading{
    background-color:aliceblue !important;
    color: #164f84;
    padding:8px;
}

.nafi-captcha{
    border: 1px solid #204d74;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius:4px;
}

.popover{
    z-index:199;
}

.nafi-text-std-color{
    color: #000;
}

.nafi-caption-underline{
    border-bottom: 2px solid;
    padding-bottom:4px;
}

.nafi-addition-info-tausend:after{
    content: '.000 km';
    color: grey;
}

.nafi-addition-info-km:after{
    content: 'km';
    color: grey;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus{
    border-color: #66afe9;
    outline: 0;
}

.form-group select {
    margin-bottom: 0px;
}

.nafi-hidden + .inputZusatztext, .nafi-hidden + .inputZusatztextDate, .nafi-hidden + .inputZusatztextDate + .inputZusatztext{
    display: none;
}

.nafi-circle-with-text{
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display:inline-block;
    text-align:center;
    font-size:9px;
    padding-top:1px;
    color: #fff;
}

.nafi-header-banner-part-affix ul.dropdown-menu li a{
    color:#000;
    text-decoration:none;
    font-weight:400;
}

.nafi-header-banner-part-affix ul.dropdown-menu li.nafi-div-table-row:hover, .nafi-header-banner-part-affix ul.dropdown-menu li.nafi-div-table-row:focus{
    background-color: #f5f5f5;
}

.nafi-header-banner-part-affix ul.dropdown-menu li.nafi-div-table-row div{
    padding-top:3px;
    padding-bottom:3px;
}

ul.dropdown-menu .nafi-div-table-cell a, ul.dropdown-menu .nafi-div-table-row a{
    padding:0px;
}

.nafi-menu-icon{
    padding-left:5px;
}

.nafi-menu-seperator{
    border-bottom:1px solid darkgrey;
    display:block;
    margin-left:8px;
}

.dropdown-menu .nafi-div-table-row.divider .nafi-div-table-cell{
    padding:0px;
}

.nafi-seperator, .nafi-seperator-not-first {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.divider-not-first:first-child{
    height: auto;
    margin: 0px;
    background-color:transparent;
}


.ergebnisliste-caption{
    background-color: #F4EDD5;
    padding: 10px;
    border: 1px solid #ddd;
}

.nafi-arrordion-ohne-header.collapse > .nafi-striped-row{
    background-color: #fff;
}

.nafi-child-alert-remove-margin-bottom .alert{
    margin-bottom: 0px;
}

fieldset legend{
    color: #164f84;
}

.container{
    max-width:1400px;
    width: auto !important;
}

.checkbox label.nafi-div-table-cell, .radio label.nafi-div-table-cell{
    padding-left:5px;
}

.tab-content.nafi-desktop-tab-content .nafi-hilfebereich-pfeil:after {
    border-color: transparent #fff !important;
}

.nafi-text-left-important{
    text-align: left !important;
}

.nafi-no-padding-bottom{
    padding-bottom: 0px !important;
}

.nafi-no-padding-top{
    padding-top: 0px !important;
}

@media(max-width:767px){
    .nafi-no-padding-bottom + .nafi-platzhalter-info-xs{
        padding-top: 10px;
    }
}

.nafi-input-static-text-value{
    color: grey;
}

.form-horizontal .form-group{
    /*padding-bottom:0px;*/ /* nur Testweise */
}


.radio-inline, .checkbox-inline{
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 10px;
} 

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline{
     margin-left: 0px;
}

.nafi-color-unity{
    color: #555;
}

.nafi-eingabeformular-no-seperator{
    border-right: none;
}

/*
 * Bei mobilen Geräten den Flackerschutz entfernen, da das Menü kein Affix benutzt
 */
@media(max-width:767px){
    .nafi-affix-flackerschutz-menu{
        height: auto !important;
    }
}

.nafi-tile-disabled{
    background-color:#eee;
    cursor: not-allowed;
}

.nafi-tile-disabled:hover{
    background-color: #eee;
    color: grey;
     cursor: not-allowed;
}

.nafi-tile-disabled .nafi-kachel-aufschrift,.nafi-tile-disabled .nafi-kachel-zusatzinfo, .nafi-tile-disabled .nafi-kachel-icon span{
    color: grey;
     cursor: not-allowed;
}

.nafi-tile-disabled:hover .nafi-kachel-aufschrift, .nafi-tile-disabled:hover .nafi-kachel-zusatzinfo  .nafi-tile-disabled:hover .nafi-kachel-icon span{
    color: grey;
     cursor: not-allowed;
}

.nafi-flexbox-center{
    justify-content: center;
    flex-direction: column;
}

input[type="file"]{
    width:100%;
}

.nafiErrorLabel a {
    color: #b31a17;
    text-decoration: underline;
}

.nafi-uppercase{
    text-transform: uppercase;
}

ins img{
    max-width:100%;
    height: auto !important;
}

.nafi-li-outside{
    list-style-position:outside;
    margin-left:15px;
    margin-bottom:15px;
}

.nafi-li-outside-non-margin-bottom {
    list-style-position: outside;
    margin-left: 15px;
}

.nafi-text-disabled{
    opacity: 0.6;
}

.nafi-checkbox-label-disabled {
    color: #aaa;
    cursor: not-allowed !important;
}

.nafi-accordion-item-remove-padding + div > .nafi-striped-row {
    padding: 0px !important;
}

.nafi-info-boxen-positionierung{
    z-index:1;
}

.nafi-hilfebutton{
    color:#164f84;
}

.header .header-nav{
    z-index: 10000;
}

.navbar-default{
    z-index:201;
}

.nafi-img-nachlass{
    width:35px;
    /*margin-top: -15px;*/
    height: 35px;
}

.nafi-img-qualitaetsfilter{
    font-size:35px;
}

.nafi-qualitaetsfilter-prozent {
    font-size: 22px;
    display: block;
    width: 70px;
    text-align: right;
    padding-right: 4px;
}

@media(max-width:767px) {
    .nafi-hidden-xs-not-important {
        display: none;
    }
}

@media(max-width:991px) {
    .nafi-hidden-sm-not-important {
        display: none;
    }
}

.nafi-ul-outside li{
    list-style-position: outside;
    margin-left: 15px;
}

.tabs-left.sideways.nav>li>a{
    padding:0px;
}

.nafi-col-vertical-tab{
    width:22px;
    float: left;
    padding-left:15px;
    min-height: 1px;

}

.sideways.tabs-left{
    left:-60px !important;   
}

.sideways.tabs-left .active > a, .sideways.tabs-left .active > a:focus{
    background-color: #515151;
    color:#fff;
}

.datepicker.dropdown-menu{
    z-index:10;
}

.nafi-overlay-image-vorgang, #nafi-overlay{
    position: fixed !important;
}

#nafi-overlay{
   z-index: 2000001; 
}

.nafi-legende-block{
    display: inline-block;
    word-break:keep-all;
    word-wrap:normal;
    padding:2px 5px 2px 5px;
    color: #bbb;
}

.nafi-header-background-color, .nafi-header-background-color:nth-of-type(2n){
    background-color: #4a6f8f;
}

@media(max-width:767px){
    #nafi-page-main {
        margin-top: 30px;
    }

    .vpage-summary-content[style*="block"] ~ #nafi-page-main {
        margin-top: 5px;
    }

    .vpage-summary-content {
        margin-top: 30px;
    }
}
@media(min-width:768px) {
    .nafi-inline-sm {
        display: inline;
    }
}

.nafi-striped-row.nafi-striped-border-bottom.nafi-padding-bottom  > .nafi-striped-border-bottom:last-child{
    border-bottom:none;
}

q {
    quotes: "\201E" "\201C";
}

.nafi-popup-button-group-scroll{
    position: fixed;
    right: 20px;
    top:20px;
    width:115px;
}

@media(max-width:892px) {
    .nafi-popup-button-group-scroll{
        display:none;
    }
}


@media (min-width:992px) and (max-width:1205px){
    .modal-lg +  .nafi-popup-button-group-scroll{
        display:none;
    }
}


/*
 * Buttons an Popup fixieren
 */
@media(min-width:768px){

    .nafi-popup-button-group-scroll {
        top: 30px;
        right: 20px;
        right: calc(50% - 300px - 115px);
    }
}

@media(min-width:992px) {
    .modal-lg + .nafi-popup-button-group-scroll {
        top: 30px;
        right: 20px;
        right: calc(50% - 450px - 115px);
    }
}

/* 17.09.2021: Verbreiterung des Layouts */
@media (min-width: 1800px) {
    .modal-lg {
        width: 1200px;
    }

    .modal-lg + .nafi-popup-button-group-scroll {
        right: calc(50% - 600px - 115px);
    }
}

.nafi-bereich-eingabeformular .form-group{
    margin-bottom:0px;
}

@media(max-width:767px){
    .nafi-div-table-not-xs{
        display:block;
    }
}

.nafi-scope-color-grey{
    border-color:grey;
    color:grey;
}

.nafi-banner-fortschritt{
    height:2px;
    background-color:#fff;
}
.nafi-banner-fortschritt-value{
    height:100%;
    background-color:lightgreen;
}

.eingabeCheckbox{
    padding-top:7px;
}

.nafi-dont-remove-margin-bottom .form-group{
    margin-bottom:15px;
}

.nafi-eingabe-error-text{
    font-size:11px;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
}

.nafi-user-menu{
    font-size: 20px;
}

.dropdown-text {
    display: block;
    padding: 3px 20px;
    /*font-size: 12px;*/
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.navbar-default .dropdown-header{
    font-size:16px;
}

.nafi-important-notes{
    color: #b31a17 !important;
}

.open .nafi-important-notes{
    color: #b9b9b9 !important;
}

.nafi-important-notes + .dropdown-menu .dropdown-text div{
    font-weight:bold;
}

.nafi-user-menu + span{
    font-size:16px;
}

.btn.btn-commit{
    white-space:normal;
}

.nafi-spalte-fortschrittsbalken .panel{
    box-shadow: 0 0 2px rgba(22,79,132,.5);
}

[aria-label="Result Register"] ul.pagination {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
}

[aria-label="Result Register"] ul.pagination li{
    flex: 1;
    min-width:40px;
}


[aria-label="Result Register"] ul.pagination li a{
    width:100%;
    text-align:center;
}

[aria-label="Result Register"].dropdown{
    direction:rtl;
    margin-bottom:15px;
}

[aria-label="Result Register"].dropdown button{
    direction:ltr;
}

[aria-label="Result Register"].dropdown button:before{
    content: 'Registerkarte: ' attr(data-selection) ' ';
}

[aria-label="Result Register"].dropdown .dropdown-menu{
    left: auto;
    z-index:199;
    direction:ltr;
}

[aria-label="Result Register"].dropdown + button + .dropdown-backdrop, [aria-label="Result Register"].dropdown > button + .dropdown-backdrop {
    z-index: 198;
}

.inputRowNachlass:last-of-type, .nafi-in-calc-included:last-of-type {
    border-bottom: none;
}

.bootstrap-select  .dropdown-menu .dropdown-menu.inner .dropdown-header{
    font-weight:bold;
}

@media(min-width:768px) {
    .control-label.nafi-control-label-date-between {
        padding-top: 32px;
    }
}

.nafi-tile-center{
    clear:left;
    float: none;
    margin: 0px auto;
}

.bc-menu.list-group{
    max-height:150px;
    overflow-x: hidden;
    overflow-y: visible;
    z-index: 10;
    border: 2px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.bc-menu.list-group > .list-group-item{
    background-color: #fff;
    padding: 3px 20px 3px 20px;
    border: none;
}

.bc-menu.list-group > .list-group-item:not(.nofocus):hover {
    background-color: rgb(51, 122, 183);
    color: #fff;
}

.bc-menu.list-group > .list-group-item.active{
    background-color: rgb(97, 171, 234);
    color: #fff;
}

.nafi-circle-button{
    display:inline-block;
    padding:5px 5px 5px 5px;
}

.nafi-circle-button .nafi-circle-button-icon{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #515151;
    width:56px;
    height:56px;
    display:table;
    margin: 0px auto;
    background-color: #fff;
}

.nafi-circle-button .nafi-circle-button-icon span{
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    color:#5a5a5a;
    font-size:18px;
}

.nafi-circle-button:hover .nafi-circle-button-icon span {
    color: white;
}

.nafi-circle-button .nafi-circle-button-text {
    color: #164f84;
    text-align: center;
    margin-top: 2px;
    font-size: 12px;
}

.nafi-circle-button.active .nafi-circle-button-icon{
    background-color: #00406e;
}

.nafi-circle-button.active .nafi-circle-button-icon span{
    color: #fff;
}

.nafi-circle-button:hover .nafi-circle-button-icon, .nafi-profil-icon:hover{
    background-color: #00406e;
}

.nafi-circle-button:hover .nafi-circle-button-icon span, .nafi-profil-icon:hover span {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.nafi-block-spartenauswahl{
    padding-right:15px;
    float:right;
}

@media(max-width:768px){
    .nafi-block-spartenauswahl{
        padding-top:5px;
        text-align:center;
        /*position: static;*/
        float: none;
    }
}

.nafi-profil-icon{
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #164f84;
    width: 72px;
    height: 72px;
    background-color: #fff;
    display:table-cell;
    overflow:hidden;
    vertical-align:top;
}

.nafi-profil-icon span{
    font-size:60px;
    color:#668eb7;
    display:block;
    text-align:center;
    -webkit-border-radius:inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    width:100%;
    height:100%;
    padding-top: 10px;
}

#nafi-begruessungstext,
#nafi-begruessungstext-large {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    font-size: 20px;
    color: #333333;
}

#nafi-begruessungstext-large {
    font-size: 30px;
}

.nafi-profil-icon:hover span{
    color: #fff;
}

.nafi-info-kachel{
    /*border: 1px solid lightgrey;*/
    min-height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color:transparent;
    margin-bottom:10px;
    /*-moz-box-shadow: 0 0 2px rgba(22,79,132,.32);
    -webkit-box-shadow: 0 0 2px rgba(22,79,132,.32);
    box-shadow: 0 0 2px rgba(22,79,132,.32);*/
    border: 1px solid rgba(22,79,132, 0.15);
}

.nafi-info-kachel-header {
    padding: 10px;
    background-color: rgb(255,255,255);
    background-image: linear-gradient(180deg,#fff 0,#f5f6f6);
    border-bottom: 1px solid rgba(22,79,132,.15);
    color: #51534b;
}

.nafi-info-kachel-header-right{
    float:right;
    font-size: 1.1em;
}

.nafi-info-kachel-header-left{
    float: left;
    font-size:1.1em;
}

.nafi-info-kachel-content{
    padding:10px;
}

.nafi-tile-info-line-col{
    /*padding-right: 20px;*/
    display:inline-block;
}


.nafi-tile-info-line{
    display:block;
}

.nafi-info-kachel-content, .nafi-info-kachel-content q, .nafi-info-kachel-content a, .nafi-info-kachel-content b, .nafi-tile-info-line, .nafi-tile-info-line-col, .nafi-tile-info-format-col, .nafi-tile-info-format-col span {
    font-size: 13px;
}

a.nafi-tile-info-line:hover{
    text-decoration:none;
    background-color: rgb(166, 193, 217);
}

.nafi-tile-info-line-col-icon{
    padding-right: 5px;
    display: table-cell;
    color:#164f84;
}

.nafi-tile-info-format-table{
    display:table;
}

.nafi-tile-info-format-table-full-width{
    display:table;
    width: 100%;
}

.nafi-tile-info-line-col-content, .nafi-tile-info-format-col{
    display:table-cell;
    padding-right:10px;
    vertical-align: top;
}

.nafi-tile-info-format-row{
    display: table-row;
    margin-bottom:5px;
}

/* CSS-Klassen für nafi-flexbox-kachel */

.nafi-flexbox-kachel{
    min-height: 40px;
    margin-bottom: 1rem;
    display: inline-flex;
    flex-direction: column;
    padding: 0px;
}

.nafi-flexbox-kachel-full-width{
    width: 100%;
}

.nafi-flexbox-kachel-border {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid rgba(22,79,132, 0.15);
}

.nafi-flexbox-kachel .nafi-flexbox-kachel-header{
    padding: 10px;
    text-align: left;
    font-size: 1.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.nafi-flexbox-kachel-header-right {
    float: right;
    font-size: 1.5rem;
}

.nafi-flexbox-kachel-header-border {
    background-color: rgb(255,255,255);
    background-image: linear-gradient(180deg,#fff 0,#f5f6f6);
    border-bottom: 1px solid rgba(22,79,132,.15);
    color: #51534b;
}


.nafi-flexbox-kachel .nafi-flexbox-kachel-body{
    padding: 0.5rem;
    background-color: #fafafa;
    flex-grow: 1;
}

    .nafi-flexbox-kachel .nafi-flexbox-kachel-elements {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        height: 100%;
    }

.nafi-flexbox-kachel .nafi-flexbox-kachel-elements .nafi-flexbox-kachel-element{
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    color: black;
    word-wrap: break-word;
}

.nafi-flexbox-kachel .nafi-flexbox-kachel-elements .nafi-flexbox-kachel-element label, .small-grey-label{
    font-size: 80%;
    font-weight: 400;
    color: #6c757d;
    display: block;
    margin: 0;
}

.nafi-flexbox-kachel .nafi-flexbox-kachel-elements .nafi-flexbox-kachel-element label a {
    font-size: 100%;
}

.nafi-flexbox-kachel .nafi-flexbox-kachel-elements .nafi-flexbox-kachel-divider {
    width: 100%;
    margin-top: 0rem;
}

/* End CSS-Klassen für nafi-flexbox-kachel */

.nafi-short-date{
    display: inline-block;
    font-weight: bold;
    padding-left: 5px;
    text-align: left;
}

@media(max-width:768px) {
    .nafi-short-date div {
        display:inline;
        padding-right: 0.5em;
    }
}


.nafi-div-table-cell-vertical-align-center {
    vertical-align: middle;
}

.nafi-fill-height-sm > [class*="col-"] > .nafi-info-kachel{
    height: 100%;
}

@media(min-width:768px) {
    .nafi-info-kachel-content-align-bottom {
        /*position: absolute;
        bottom: 10px;
        padding-right: 10px;
        padding-bottom: 10px;*/
    }
}

.nafi-short-date div{
    font-size:10px;
}

.nafi-tile-info-format-separator{
    border-bottom: 1px solid lightgrey;
    margin:5px 0px 5px 0px;
}

.nafi-tile-info-format-table.extended-span-right .nafi-tile-info-format-col{
    padding-right: 25px;
}

/*.thumbnail, .btn{
    border-radius: 0px;
}*/

@media(max-width: 450px){
    .center-block-xxs{
        margin: 0px auto;
    }
}

@media(max-width:768px) {
    .navbar-header {
        min-height: 57px;
    }
}

.nafi-lock-page{
    position:fixed;
    z-index: 9999999;
    top:0px;
    left: 0px;
    width:100%;
    height: 100%;
    background-color: transparent;
}

/*Profilbild für den Safari-Browser anpassen
@media screen and (-webkit-min-device-pixel-ratio:0) { 

    ::i-block-chrome, .nafi-profil-icon span{
     font-size: 48px;
     text-decoration: none;
    }
}*/

/* Radio-Button als Kachel darstellen*/
.nafi-radio-box.nafi-tile-radio, .nafi-checkbox-box.nafi-tile-checkbox {
    width: auto;
    height: auto;
    display: block;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    background-color: transparent;
    padding: 2px;
}

/* Maus über Radio-Kachel*/
    .nafi-radio-box.nafi-tile-radio:hover, input:checked + .nafi-radio-box.nafi-tile-radio:hover, .nafi-checkbox-box.nafi-tile-checkbox:hover, input:checked + .nafi-checkbox-box.nafi-tile-checkbox:hover {
        background-image: none;
        background-color: #515151;
        color: #fff;
    }

/*Radio-Kachel ist ausgewählt*/
input:checked + .nafi-radio-box.nafi-tile-radio, input:checked + .nafi-checkbox-box.nafi-tile-checkbox {
    background-image: none;
    background-color: rgb(22, 79, 132);
    border-color: rgb(169, 169, 169);
    color: #fff;
}

/*Radio-Kachel ist ausgewählt - Haken-Symbol wird hinzugefügt*/
    input:checked + .nafi-radio-box.nafi-tile-radio:before, input:checked + .nafi-checkbox-box.nafi-tile-checkbox:before {
        font: normal normal normal 16px/1 FontAwesome;
        content: '\f00c';
        padding-right: 5px;
        color: #fff;
        font-size: 0.8em;
        vertical-align: unset;
    }

/*Radio-Kachel ist ausgewählt - Haken-Symbol bei der Kachel mit Icon entfernen*/
.nafi-tile-radio-icon input:checked + .nafi-radio-box.nafi-tile-radio:before, .nafi-tile-checkbox-icon input:checked + .nafi-checkbox-box.nafi-tile-checkbox:before {
    display: none;
}
.nafi-tile-radio-icon.nafi-radio input + .nafi-radio-box::before, .nafi-tile-checkbox-icon.nafi-checkbox input + .nafi-checkbox-box::before {
    display: none;
}

/*Schriftgröße des Icons bei der Radio-Kachel festlegen*/
.nafi-tile-radio-icon-content, .nafi-tile-checkbox-icon-content {
    font-size: 30px;
    padding-bottom: 5px;
}
.nafi-tile-radio-icon.nafi-radio input + .nafi-radio-box, .nafi-tile-checkbox-icon.nafi-checkbox input + .nafi-checkbox-box {
    padding-top: 8px;
    padding-bottom: 8px;
}


/* Radio-Kachel als Block formatieren*/
.nafi-radio.nafi-tile-radio, .nafi-checkbox.nafi-tile-checkbox {
    display: block;
    text-align: center;
}

    .nafi-radio-box.nafi-tile-radio.nafi-error-border-inputfield, .nafi-checkbox.nafi-tile-checkbox.nafi-error-border-inputfield {
        color: #fff;
        background-image: none;
        background-color: #a00;
    }

.nafi-checkbox-toggle.nafi-error-border-inputfield{
    border-color: #a00;
    background-color: #a00;
}

    .nafi-checkbox-toggle.nafi-error-border-inputfield label.btn-primary, .nafi-checkbox-toggle.nafi-error-border-inputfield label.btn-default {
        background-color: #a00;
        color: white;
    }

.nafi-line-update-info {
    display: block;
    width: auto;
}

 footer span{
     margin-right:10px;
 }

 footer span:last-child{
     margin-right:0px;
 }

 .error.nafi-info-kachel{
     border: 1px solid #a00;
 }

 .error.nafi-info-kachel .nafi-info-kachel-header{
     background-image: none;
     background-color: #a00;
 }

  .error.nafi-info-kachel .nafi-tile-info-line{
      color: #b31a17;
  }

  .error.nafi-info-kachel .nafi-info-kachel-header .nafi-info-kachel-header-left, .error.nafi-info-kachel .nafi-info-kachel-header .nafi-info-kachel-header-right{
      color: #faa;
  }

  .error.nafi-info-kachel .nafi-icon-color-danger{
      color:#f55;
  }

/* Banner in der mobilen Ansicht */
@media(max-width:767px){
    .nafi-infokasten.beide-seiten{
        margin:0px;
    }

    .nafi-infokasten.beide-seiten.blau{
        background:none;
        border: none;
        color: #003;
    }

    .nafi-infokasten.beide-seiten.blau .nafi-header-banner-mit-zurueck-link .nafi-header-banner-zurueck-link a, .nafi-infokasten.beide-seiten.blau .nafi-header-banner-mit-zurueck-link .nafi-header-banner-weiter-link a{
        color: #003;
    }

    .nafi-infokasten.beide-seiten.blau .nafi-header-banner-mit-zurueck-link .nafi-header-banner-zurueck-link{
        text-align: left;
    }

    .nafi-infokasten.beide-seiten.blau .nafi-header-banner-mit-zurueck-link .nafi-header-banner-weiter-link{
        text-align: right;
    }

    .nafi-infokasten.blau.beide-seiten:after, .nafi-infokasten.blau.beide-seiten .nafi-infokasten-dreieck2{
        border: none;
    }

    .nafi-infokasten.blau.beide-seiten .nafi-header-banner-content h4{
        /*text-transform:uppercase;*/
        font-size: 20px;
    }

    .nafi-infokasten.blau.beide-seiten .nafi-banner-fortschritt{
        background-color: #003;
    }
}

.SFE{
    /*width: 40px;*/
    /*height: 35px;*/
    font-size: 9px;
    background-repeat: no-repeat;
    background-size: auto 35px;
    text-align: center;
    padding-top:18px;
    font-weight:bold;
    border: 2px solid;
    background-color: #fff;
    background-position: center top;
    padding-left: 3px;
    padding-right: 3px;
    min-width: 45px;
}

.SFE div{
    font-size: 9px;
}

.SFAUTO{background-image: url(../../Images/sf-einstufung/sf-info-green.svg); color:#309547;}
.SFOK{background-image: url(../../Images/sf-einstufung/sf-ok-green.svg); color:#309547;}
.SFOKUP{background-image: url(../../Images/sf-einstufung/sf-up-green.svg); color:#309547;}
.SFOKDOWN{background-image: url(../../Images/sf-einstufung/sf-down-green.svg); color:#309547;}
.SFOKGELB{background-image: url(../../Images/sf-einstufung/sf-ok-yellow.svg); color:#8a6d3b; }
.SFOKGELBUP{background-image: url(../../Images/sf-einstufung/sf-up-yellow.svg); color:#8a6d3b;}
.SFOKGELBDOWN{ background-image: url(../../Images/sf-einstufung/sf-down-yellow.svg); color:#8a6d3b; }
.SFOKROTUP{ background-image: url(../../Images/sf-einstufung/sf-up-red.svg); color:#C51616;}
.SFOKROTDOWN{background-image: url(../../Images/sf-einstufung/sf-down-red.svg); color:#C51616; }
.SFREGKO, .SFKONB{background-image: url(../../Images/sf-einstufung/sf-down-red-times.svg); color:#C51616;}
.SFOKNB {background-image: url(../../Images/sf-einstufung/sf-warning-red.svg);color: #C51616;}
.SFNOREG{background-image: url(../../Images/sf-einstufung/sf-question-blue.svg);color: #31708f;}


.table-striped > tbody > .nafi-regelung-selected{
    background-color: rgb(208,244,204) !important;
}

.nafi-rabatt-info, .tipp {
    background-color: orange;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    box-shadow: 2px 2px 2px #a9a9a9;
    transform: rotate(2deg);
    padding: 5px;
    padding-top:0px;
    margin: 0px 15px 15px 15px;
    border-radius:2px;
    color: darkred;
    width:64px;
    border: 1px solid #ff9900;
}

.nafi-rabatt-info-pin, .tipp-pin{
    transform: rotate(-30deg);
    padding-right: 8px;
}

.nafi-rabatt-info.no-rotate {
    transform: none;
}

#nafi-newsletter-vermittler {
    border: 1px solid rgb(187,187,187);
    clear: both;
    padding: 4px 4px 4px 4px;
    margin: 4px 4px 4px 4px;
    background-color: rgb(255,255,255);
    color: rgb(60,60,60);
}

#nafi-newsletter-vermittler-content,
.nafi-newsletter-vermittler-content {
    color: white;
    font-size: 17px;
}

/* 08.07.2025: Mehrere Newsletter-Tabs */
.container-multiple-newsletter-tabs {
    display: table;
    width: 100%;
    height: 120px;
    max-height: 120px;
    margin-top: 11px;
    margin-right: 8px;
}

.container-inner-multiple-newsletter-tabs {
    display: table-cell;
    vertical-align: middle;
    height: 120px;
}

.multiple-newsletter-tabs-info {
    background-color: #006fba;
    width: 100%;
    border: 0;
}

.multiple-newsletter-tabs-content {
    color: white;
    font-size: 16px !important;
    overflow-y: auto;
    max-height: 70px;
}

.multiple-newsletter-tabs-content-lang {
    display: none;
}

.multiple-newsletter-tabs-content .nafi-newsletter-vermittler-content,
.multiple-newsletter-tabs-content .nafi-newsletter-vermittler-content a {
    font-size: 14px;
    color: white;    
}

.multiple-newsletter-tabs-content .nafi-newsletter-vermittler-content a {
    text-decoration: underline;
}

.nafi-newsletter-tabs {
    text-align: center;
    margin-top: 5px;
    display: inline-block;
}

.nafi-newsletter-tabs li {
    display: inline;
    cursor: pointer;
    color: white;
}

#newsletter-info-icon {
    font-size: 14px;
}

.nafi-newsletter-tabs li:nth-child(n+3)::before {
    content: '|';
    margin-right: 5px;
}

.multiple-newsletter-tabs-content {
    display: none;
    padding-left: 5px;
}

.multiple-newsletter-tabs-content.newsletter-content-active {
    display: block;
}

.newsletter-title-active .newsletter-title-inner {
    font-weight: bold;
}

/* Ende der Newsletter-Tabs-Konfiguration */

.nafi-banner-wkz-info {
    color: white;
}

@media(max-width: 767px){
    .nafi-banner-wkz-info {
        color: #515151;
    }
}

.input-group input[type="tel"]{
    margin-top: 0px;
}

.bootstrap-select .btn.dropdown-toggle{
    border-radius: 2.5px;
}

.nafi-tabelle-responsive-header-not-bold{
    font-weight:normal;
}

@media (min-width:992px) {

    .nafi-grid {
        display: table;
        width: 100%;
    }

    .nafi-col-1-2 {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

    .nafi-col-1-1 {
        display: table-cell;
        width: 100%;
    }

    .nafi-col-middle {
        vertical-align: middle;
        margin-top:-20px;
    }
}

.nafi-toc{
    float: right;
    padding-left:15px;
}

.nafi-toc-content {
    display: inline-block;
    padding: 20px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.nafi-toc-content ol li, .nafi-toc-content ul li{
    margin-bottom: 5px;
}

@media(max-width:991px){
    .nafi-toc{
        float: none;
        padding-left: 0px;
        text-align:center;
    }

    .nafi-toc-content{
        text-align:left;
    }
}

.close.btn-commit[disabled]{
    cursor: not-allowed;
    color: lightgray;
}

.close{
    opacity:1;
    filter: unset;
}

.nafi-mobil-page-number-banner{
    color:inherit;
    display:block;
}

.nafi-mobil-page-number-banner:before{
    content:'(';
}

.nafi-mobil-page-number-banner:after{
    content:')';
}

.nafi-clac-hinweis{
    font-size:14px;
}

input::-ms-clear { 
    display: none;
}

.nafi-tile-icon-active {
    position: absolute;
    margin: 5px 0px 0px 5px;
    font-size: 16px;
}

.xs-nafi-hilfebereich-inhalt.fehler {
    background-color: #f2dede;
    color: #b31a17;
}

.xs-nafi-hilfebereich-kopf.fehler .nafi-hilfebereich-pfeil-xs:after {
    border-color: transparent transparent #f2dede transparent;
}

@media(min-width:768px) {
    .row.nafi-alternating-float > div:nth-child(2n) {
        float: right;
    }
}

.nafi-fahrzeug-titel {
    font-weight: bold;
    padding-bottom: 5px;
}

.nafi-fahrzeug-content{
    text-align:left;
    padding-left:15px;
}

/*
    Design des Sliders anpassen
*/
.slider-tick-label-container{
    visibility:hidden;
    height:30px;
}

.slider-track {
    background-image: none;
    background-color: #969797;
}

.slider-tick {
    display:none;
}

.slider-tick.in-selection{
    display:none;
}

.slider-handle {
    background: #164f84;
}

.nafi-slider-select {
    width: 100%;
    height: 1px;
    position: absolute;
    padding: 0px;
    opacity: 0;
    visibility:hidden;
}

.nafi-slider-select.nafi-error-border-inputfield + [id^="nafi_slider_"] .slider-handle, .nafi-slider-select.nafi-error-border-inputfield + div + [id^="nafi_slider_"] .slider-handle {
    background: none;
    background-color: #b31a17;
}

.nafi-slider-select.nafi-error-border-inputfield + [id^="nafi_slider_"] .slider-tick.in-selection, .nafi-slider-select.nafi-error-border-inputfield + [id^="nafi_slider_"] .slider-selection, .nafi-slider-select.nafi-error-border-inputfield + div + [id^="nafi_slider_"] .slider-tick.in-selection, .nafi-slider-select.nafi-error-border-inputfield + div + [id^="nafi_slider_"] .slider-selection {
    background: none;
    background-color: #ff8080;
}

.nafi-slider-placeholder{
    padding-top: 8px;
}

.slider-track + .tooltip {
    z-index: 1;
}

.slider-handle, .slider-track + .tooltip {
    cursor: pointer;
}

.nafi-tile-info-format-row.nafi-padding-bottom-klein > .nafi-tile-info-format-col {
    padding-bottom: 4px;
}

.sicherheits-code {
    color: #164f84;
}

.nafi-lokal-register {
    font-weight: bold;
    color: #b31a17;
}

.nafi-select-register{
    color: #fff;
    background-color: #b31a17;
}

textarea.nafi-min-height{
    min-height: 120px;
}

.nafi-list-no-icon{
    list-style-type:none;
}

.nafi-list-no-icon-sublist {
    margin-left: 2.14285714em;
}

@media(min-width:767px){
    .nafi-flexbox-sm-with-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#eVBNUmmerManual{
    text-transform: uppercase;
}

.logo-tarif-details,
.sach-logo-tarif-details {
    padding-right: 15px;
}

/*
    ###Sub-Menü ###
*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: 0px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

/*.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}*/

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

@media(max-width:767px){
    .dropdown-submenu > ul li > a:before {
        content: '\21d2 ';
    }
}

/*
    ###Sub-Menü Ende ###
*/

.nafi-checkbox label, .nafi-custom-select, .nafi-checkbox + label {
    cursor: pointer;
}

.popover-li-outside + .popover .popover-content li {
    list-style: outside;
    margin-left: 15px;
}

.popover-li-outside + .popover{
    z-index:201;
}

.nafi-border-top-double {
    border-top: 4px double #164f84;
    padding-top: 15px;
    margin-top:15px;
}

.nafi-edit-stift-dropdown{
    display:inline-block;
}

.nafi-text-underline{
    text-decoration: underline;
}

.btn-warning, .btn-warning:hover, .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning.focus, .btn-warning:active:hover,
.btn-warning.active:hover {
    color: brown;
}

nav [href^="javascript:ChangeLayout("]{
    display:block;
}

.bootstrap-select .active .text {
    color: #fff;
}

.eingabeCheckbox .nafi-checkbox + label, .eingabeCheckbox label.nafi-checkbox-box {
    margin-bottom: 0px;
}

.form-horizontal .control-label.eingabeCheckboxInfoLabel, .eingabeCheckbox {
    padding-top: 0px;
}

@media(max-width:768px) {
    .center-block-xs {
        margin: 0px auto;
        display: block;
    }
}

.nafi-radio input + .nafi-radio-box.nafi-tile-radio:before {
    font-size: .8em;
}

fieldset legend div{
    font-size: 16px;
}


.form-horizontal .textarea-full-width .control-label {
    border-radius: 4px 4px 0 0;
    border: 1px solid #ccc;
    display: block;
    text-align: left;
    background-color: #eee;
    padding: 5px 0 5px 5px;
    margin: 0;
}

.textarea-full-width .control-label + textarea {
    border-radius: 0 0 4px 4px;
    border-top: none;
}

/* 01.08.2019: Neu */

.schriftzug {
    position: relative;
}

#navbar li a, #navbar .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-brand {
    color: #515151;
}

@media(max-width:767px) {
    #navbar li a, #navbar .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-brand {
        color: #5a5a5a;
    }

    #navbar li a:hover {
        background-color: #00406e;
    }

    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
        background-color: initial;
    }

    #navbar .dropdown-text {
        color: #9d9d9d;
    }

    #navbar .dropdown-header {
        color: #515151;
    }
}

#navbar a:hover {
    color: white !important;
}

span.nafi-kachel-imgicon, span.nafi-kachel-imgicon-large, a.thumbnail.spartenwahl p {
    color: #5a5a5a;
}

a.thumbnail.spartenwahl:hover p, a.thumbnail.spartenwahl:hover .nafi-kachel-imgicon, a.thumbnail.spartenwahl:hover .nafi-kachel-imgicon-large {
    color: white;
    text-decoration: none;
}

.nafi-profil-icon span, .nafi-profil-icon {
    color: #555;
    border-color: #51534b;
}

a.nafi-link-unterstrichen:hover {color: #5a5a5a;
}

.nafi-circle-button .nafi-circle-button-text {
    color: #5a5a5a;
}

#nafi-page-main-title-text, #nafi-page-main-title-info {
    color: #51534b;
}

.navbar-default .navbar-toggle {
    border-color: #515151;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #515151;
}

.btn-primary:hover {
    background-color: #00406e;
    opacity: .8;
}

.btn-primary.active.focus:not(.disabled), .btn-primary.active:not(.disabled):focus, .btn-primary.active:not(.disabled):hover, .btn-primary:not(.disabled):active.focus, .btn-primary:not(.disabled):active:focus, .btn-primary:not(.disabled):active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #00406e;
    border-color: #00406e;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-color: #00406e;
    border-color: #00406e;
}

li a {
    color: #51534b;
}

.nafi-hilfebutton-neu, .nafi-hilfebutton-buendelung, .nafi-farbe-icon-zusaetzlicher-button-eingabefeld {
    color: #515151;
}

.nafi-radio input:checked + .nafi-radio-box, .nafi-radio input + .nafi-radio-box::before {
    border-color: #515151;
    color: #515151;
}

.nafi-checkbox input:checked + .nafi-checkbox-box, .nafi-checkbox input + .nafi-checkbox-box::before {
    border-color: #515151;
    color: #515151;
}

.nafi-kachel-vergleich.leer {
    background-color: rgb(102,102,102);
}

input:checked + .nafi-radio-box.nafi-tile-radio {
    background-color: #00406e;
    color: #fff;
}

.panel-info > .panel-heading {
    background-color: #ddd;
    color: white;
}

.panel-info {
    border-color: #c2c0cb;
}

.nafi-anzahl-eintraege + div {
    color: #51534b;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #51534b;
    border-color: #000;
}

.pagination > li > a, .pagination > li > span {
    color: #51534b;
}

#navbar .dropdown-header {
    color: #5a5a5a;
}

#navbar .dropdown-text {
    color: #5a5a5a;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #bcc0c8;
    color: white;
}

a:focus, a:hover {
    color: #00406e;
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: #333333 !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: inherit;
}

.form-control:focus {
    border-color: #515151;
}

#nafi-box-alle-einstellungen .dropdown-menu li a:hover {
    color: #515151;
}

.clickable:hover .text-warning {
    color: white;
}

input:checked + .nafi-checkbox-box.nafi-tile-checkbox,
.nafi-radio-box.nafi-tile-radio:hover,
input:checked + .nafi-radio-box.nafi-tile-radio:hover,
.nafi-checkbox-box.nafi-tile-checkbox:hover,
input:checked + .nafi-checkbox-box.nafi-tile-checkbox:hover {
    color: white;
}

.nafi-werbespruch,
.nafi-kopfzeile-telefon {
    display: none;
}

.nafi-kachel-icon-link:hover {
    color: white;
    text-decoration: none;
}

.alert.alert-warning-dark {
    background-color: #ffdb00;
    border-color: #ffdb00;
    color: black;
}

.btn-group:not(.bootstrap-select) button:not(.filter-tag):nth-of-type(1) {
    border-right: 2px solid white;
}

/* Color-Picker*/
.preview-link-color-picker {
    font-size: 10px;
    color: transparent;
}

.color-picker .dropdown-menu{
    padding:5px;
}

.color-pciker-label {
    padding-bottom: 5px;
    text-align: center;
}

.color-picker .color-picker-colors > rect:hover {
    stroke: #000;
    stroke-width:1px;
}

.color-picker .color-picker-colors > rect[style*="fill:#000000"]:hover {
    stroke: #fff;
}

.preview-link-color-picker + span {
    color: #333;
}

.color-picker-color-clear{
    border-top: 1px solid;
    padding-top: 5px;
    text-align: center;
    display: block;
}

.color-picker-selected {
    stroke: #000;
    stroke-width: 1px;
    stroke-dasharray: 2;
}

.color-picker svg{
    width:200px;
    height: 160px;
}

.color-picker .btn.bnt-link{
    padding-left: 0;
    padding-right: 0;
}

/* Ende: Color-Picker*/
/*
    Bootstrap-Select Adaptiv an die Fenstergröße anpassen
*/
@media(max-width:1694px) {
    .nafi-eingabeformular .bootstrap-select .dropdown-menu {
        max-width: 600px;
    }
}

@media(max-width:1458px){
    .nafi-eingabeformular .bootstrap-select .dropdown-menu {
        max-width: 500px;
    }
}

@media(max-width:1360px){
    .nafi-eingabeformular .bootstrap-select .dropdown-menu {
        max-width: 420px;
    }
}

@media(max-width:1060px) {
    .nafi-eingabeformular .bootstrap-select .dropdown-menu {
        max-width: 390px;
    }
}

@media(max-width:840px) {
    .nafi-eingabeformular .bootstrap-select .dropdown-menu {
        max-width: 350px;
    }
}

@media(max-width:767px) {
    .nafi-eingabeformular .bootstrap-select .dropdown-menu {
        max-width: calc(100% + 100px);
    }
}

@media(max-width:460px) {
    .nafi-eingabeformular .bootstrap-select .dropdown-menu {
        max-width: calc(100% + 50px);
    }
}

/*
    Ende: Bootstrap-Select Adaptiv an die Fenstergröße anpassen
*/

.table-striped > tbody > tr.nafi-table-section {
    background-color: #d5d1d1 !important;
    font-weight: bold;
    color: #000;
}

.table-striped > tbody > tr.nafi-table-section{
    border-top: 2px solid rgb(102,102,102);
    border-bottom: 2px solid rgb(102,102,102);
}

.nafi-checkbox input[type="checkbox"]:disabled + label{
    cursor: not-allowed;
}

.nafi-radio input[type="radio"]:disabled + label, .nafi-radio input[type="radio"]:disabled + label:before {
    cursor: not-allowed;
    color: darkgrey;
}

.panel-default .panel-heading a {
    color: inherit;
    text-decoration: underline;
}

.nafi-checkbox.nafi-div-table-cell + .nafi-div-table-cell {
    padding-top: 2px;
}

.nafi-icon-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 1em;
}

.nafi-icon-stack.fa-li {
    display: inline-block;
    position: absolute;
    height: 1em;
    width: 1em;
    line-height: 1em;
}

.nafi-legende *, .nafi-legende {
    font-size: 85%;
}

.nafi-legende .fa-lg {
    font-size: 1.33333em;
}

.LinkFahrzeugtypklassen{
    margin-left: 15px;
}

.nafi-text-offline {
    color: #074828;
}

.nafi-text-online {
    color: #8c0909;
}

.nafi-info-kachel-radio {
    border: none;
}

.nafi-info-kachel-radio .nafi-tile-radio {
    text-align: left;
}

.nafi-info-kachel-radio .nafi-info-kachel-content {
    background-color: transparent;
    background-image: none;
}

.nafi-info-kachel-radio input:checked + label .nafi-info-kachel-header, .nafi-info-kachel-radio:hover .nafi-info-kachel-header {
    background-image: none;
    background-color: rgba(255,255,255,.3);
    color: #fff;
}

input:checked + .nafi-radio-box.nafi-tile-radio.nafi-error-border-inputfield {
    background-color: #a00;
}

input:checked + .nafi-radio-box.nafi-tile-radio.nafi-error-border-inputfield:before {
    color: #fff !important;
}

.nafi-fortschritt-kreis {
    color: #00406e;
}

.btn-besonderheiten:before {
    color: darkgreen;
    content: '+';
}

.btn-besonderheiten:after {
    color: darkred;
    content: '-';
}

.btn-besonderheiten {
    background-color: #efefef;
    font-size: 0.8em;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    color: #beb8b8;
    border: 1px solid;
    cursor: pointer;
}

.badge.nafi-leistung-tarif-count, .badge.nafi-leistung-tarif-count div{
    font-weight: normal;
    font-size: 11px;
}

.badge.nafi-leistung-tarif-count .fas{
    font-size: 0.85em;
}

@media (max-width: 768px) and (min-width:451px) {
    .form-horizontal .control-label-xs {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.input-group-addon.nafi-click-curser, .dropdown-unit button:not(:disabled) {
    background-color: #515151;
    color: #fff;
}

.dropdown-unit button:disabled, .dropdown-unit button:disabled:hover {
    background-color: #cacaca;
}

.input-group-addon.nafi-click-curser span, .input-group-addon.nafi-click-curser i{
    color: inherit;
}

.bootstrap-select .btn {
    color: #555;
    padding-left: 12px;
}

@media(max-width:1200px) and (min-width:768px), (max-width:390px) {
    #box_pkw_fahrzeug_info .nafi-div-table-row > .nafi-div-table-cell:first-child {
        display: none;
    }

    #neuwert-label-desktop {
       display:none;
    }

    #neupreisLabelMobil {
        display: block !important;
    }

    #ht_typklassen:before {
        content: 'TKL: ' !important;
    }
}

.nafi-alert-slim.alert {
    background: none;
    border: none;
    border-radius: 0;
    border-left: 4px solid;
    margin-bottom: 5px;
    padding: 5px;
}

.nafi-alert-slim.alert * {
    font-size: 13px;
}

a .nafi-alert-slim.alert:hover {
    background-color: #dbdbdb;
}

.nafi-alert-slim.alert > .nafi-div-table-cell:nth-child(2){
    color:#000;
}

.nafi-alert-slim.alert.alert-success .nafi-caption {
    color: #3c763d;
}

.nafi-alert-slim.alert.alert-warning .nafi-caption {
    color: #8a6d3b;
}

.nafi-alert-slim.alert.alert-info .nafi-caption {
    color: #31708f;
}

.nafi-alert-slim.alert.alert-danger .nafi-caption {
    color: #a94442;
}

.nafi-info-kachel.error p {
    color: #b31a17;
}

@media(max-width:767px) {
    .pull-right-xs {
        float: right;
    }
    .nafi-clear-both-xs{
        clear: both;
    }
}

@media(max-width:910px) and (min-width:768px){
    .nav > li.navbar-menu-vergleiche {
        display: none;
    }
}

.hilfe-mapping ul li{
    list-style-position: outside;
    margin-left: 1em;
}

label.nafi-checkbox-toggle{
    margin-top: 7px;
}

.nafi-radio-box.nafi-tile-radio > .nafi-tile-radio-icon-content:not(:first-child){
    margin-left: 5px;
}

li.btnSaveAndRedirect a {
    background-color: #c4c4c4 !important;
    color: #000 !important;
}

.close.btn-commit > span{
    font-size: 14px;
}

/* ####  Radio-Kachel boxlos */

.nafi-tile-radio-boxless .nafi-kachel {
    border: 1px solid transparent;
    background-color: transparent;
    background-image: none;
}

.nafi-tile-radio-boxless .nafi-kachel:hover, .nafi-tile-radio-boxless.nafi-radio-box.nafi-tile-radio:hover, .nafi-tile-radio-boxless input:checked + .nafi-radio-box.nafi-tile-radio:hover {
    background-color: transparent;
    background-image: none;
    color: #515151;
    border: solid 1px;
}

.nafi-tile-radio-boxless input:checked + .nafi-radio-box.nafi-tile-radio {
    background-color: transparent;
    background-image: none;
    color: #515151;
    border: solid 1px transparent;
}

.nafi-tile-radio-boxless .tile-radio-circle-icon {
    margin-top: 15px;

    display: inline-block;
    width: 26px;
    height: 26px;
    border: solid 2px darkgrey;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 0;
    /*margin-top: 0;*/
    margin-right: 0;
    padding: 0 !important;
    position: relative;
    text-align: left;
}

/*.nafi-tile-radio-boxless .tile-radio-circle-icon::after {
    font: normal normal normal 18px/1 FontAwesome;
    color: #00406e;
    content: "\f1db";
    font-size:29px;
}

.nafi-tile-radio-boxless input:checked + .nafi-radio-box.nafi-tile-radio .tile-radio-circle-icon::after {
    content: "\f192";
}*/

.nafi-tile-radio-boxless .tile-radio-circle-icon:before {
    visibility: hidden;
    display: inline-block;
    content: ' ';
    border: 7px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 4px;
    margin-left: 4px;
    background-color: #515151;
}

.nafi-tile-radio-boxless input:checked + .nafi-radio-box.nafi-tile-radio .tile-radio-circle-icon {
    border-color: #515151;
    color: #515151;
}

.nafi-tile-radio-boxless input:checked + .nafi-radio-box.nafi-tile-radio .tile-radio-circle-icon:before {
    visibility: visible;
}

/* #### Ende: Radio-Kachel boxlos */

/*Versucht den Outline-Fehler beim iPhone beim Focus des Radio-Buttons zu beheben */
@supports (-webkit-touch-callout: none) {
    .nafi-radio .nafi-radio-box:focus {
        outline: 0px;
    }
}

/* ### Meta-Suche ### */

#navbar [data-src-input="MetaSearch"] a.nofocus.list-group-item:hover {
    color: #555 !important;
    cursor: default;
}

.nav > li.btn-meta-search-mobil {
    display: none;
}

.navbar-form.metaSearch {
    display: table;
    margin: 10px auto 0 auto;
    /*Info-Button rechts platzieren*/
    direction: rtl;
    padding-left: 24px;
}

#MetaSearchInfoBtn {
    position: absolute;
    z-index: 3;
    margin: 8px 6px 0 0;
}

.affix #MetaSearchInfoBtn ~ .popover.in {
    top: auto !important;
    margin-top: 36px;
}

a#MetaSearchInfoBtn:hover {
    color: #000 !important;
}

/*In*/
.navbar-form.metaSearch *:not(#MetaSearchInfoBtn) {
    direction: ltr;
}

.navbar-form.metaSearch input[type="text"]{
    width: 254px;
}

.input-group > .input-group-btn + .bc-wrapper input, .input-group > .input-group-addon + .bc-wrapper input {
    border-radius: 0 4px 4px 0;
}

.nafi-metasuche-kunde {
    font-weight: bold;
}
.nafi-metasuche-kunde-details {
    padding: 0 0 4px 10px;
}

.nafi-metasuche-kunde-detail {
    font-style: normal;
    font-weight: normal;
    font-size: 90%;
}

.nafi-metasuche-beleg {
    font-weight: bold;
}

.nafi-metasuche-beleg-details {
    padding: 0 0 4px 10px;
}

.nafi-metasuche-beleg-detailssmall {
    padding: 0 0 1px 10px;
}

.nafi-metasuche-beleg-detail {
    font-style: normal;
    font-weight: normal;
    font-size: 90%;
}
 
.nafi-metasuche-noteod {
}

#group-metasuche-bereich .dropdown-menu li a > span:first-child {
    min-width: 22px;
}

.metaSearch-back-btn{
    display: none;
}

@media (max-width:1220px) and (min-width:1181px) {
    .navbar-form.metaSearch input[type="text"] {
        width: 169px;
    }
}

@media (min-width:1221px) and (max-width:1260px) {
    .navbar-form.metaSearch input[type="text"] {
        width: 209px;
    }
}

@media (min-width:1359px) and (max-width:1399px) {
    .navbar-form.metaSearch input[type="text"] {
        width: 344px;
    }
}

@media (min-width:1400px) {
    .navbar-form.metaSearch input[type="text"] {
        width: 394px;
    }
}

/* 17.09.2021: Verbreiterung des Layouts */
@media (min-width:1800px) {
    .navbar-form.metaSearch input[type="text"] {
        width: 699px;
    }
}

@media (min-width:2100px) {
    .navbar-form.metaSearch input[type="text"] {
        width: 999px;
    }
}

@media (max-width:1180px) and (min-width: 768px) {
    /* Suchbutton zum Ausblenden des Such-Eingabefelds anzeigen */
    .nav:not(.meta-search-show-mobil) > li.btn-meta-search-mobil {
        display: block;
    }

    /*Suchfeld ausblenden, wenn der Suchbutton noch nicht angeklickt wurde */
    .navbar-form.metaSearch:not(.meta-search-show-mobil) {
        display: none;
    }
}

@media(max-width:767px){

    /*
        Meta-Suche beim Aufruf der Seite ausblenden
    */
    .navbar-form.metaSearch {
        display: none;
    }

    /*
        Meta-Suche einblenden, wenn die Klasse "meta-search-show-mobil" hinzugefügt wurde
    */
    #navbar.meta-search-show-mobil {
        display: block;
        padding: 3px 0 2px 0;
    }

    .navbar-form.metaSearch.meta-search-show-mobil {
        border: none;
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
    }


    .nav.navbar-nav.metaSearch-back-btn.meta-search-show-mobil{
        float:left;
    }

    .navbar-default .nav.navbar-nav.meta-search-show-mobil.metaSearch-back-btn li a{
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/*
    Platzierung des Suchbuttons bei der Ansicht XS
*/
#btn-metasuche-xs {
    padding: 7px 0 0 0;
    height: 34px;
    text-align: center;
    border: none;
    font-size: 14px;
}

@media(max-width:1180px){

    /* Menü-Buttons ausblenden, wenn das Suchfeld sichtbar ist */
    .navbar-default .nav.navbar-nav.meta-search-show-mobil,
    .navbar-default .navbar-header.meta-search-show-mobil {
        display: none;
    }

    .navbar-default .nav.navbar-nav.meta-search-show-mobil.metaSearch-back-btn {
        display: table;
    }

    /*Suchbereich über die volle Menü-Bereite anzeigen*/
    .navbar-form.metaSearch {
        display: block;
        margin: 10px 0 0 0;
    }

    .navbar-form.metaSearch .input-group {
        display: table;
    }

    /*Sorgt dafür, dass das Dropdown zur Auswahl des Bereichs nicht größer als nötig angezeigt wird*/
    .navbar-form.metaSearch .input-group .input-group-btn {
        width: 1%;
    }

    /*
        Suchfeld auf volle Bereite ziehen
    */
    .meta-search-show-mobil.navbar-form.metaSearch input {
        width: 100%;
    }
}

/* ### Ende: Meta-Suche ### */

#umdeckung_gesamtbeitrag {
    border-top: 2px solid;
    padding: 6px 0 0 12px;
    font-weight: bold;
}

/* 17.09.2021: Verbreiterung des Layouts */
@media (min-width: 1800px) {
    .main-middle {
        max-width: 1400px !important;
    }

    .container {
        max-width: 1700px;
    }

    .main-wide {
        max-width: 1850px !important;
    }

    a.thumbnail.spartenwahl .spartenwahl_vertikal_center {
        height: 85px !important;
    }

    .nafi-kachel.mit-zusatzinfo, .nafi-kachel-std-height {
        height: 165px !important;
    }
}

@media (min-width: 2100px) {
    .main-middle {
        max-width: 1700px !important;
    }

    .container {
        max-width: 2000px;
    }

    .main-wide {
        max-width: 2250px !important;
    }

    a.thumbnail.spartenwahl .spartenwahl_vertikal_center {
        height: 100px !important;
    }

    .nafi-kachel.mit-zusatzinfo, .nafi-kachel-std-height {
        height: 170px !important;
    }
}

#upload-file {
    display: none;
}

#form-file-upload {
    display: table;
    width: 300px;
    height: 300px;
    max-width: 100%;
}

#upload-box, #uploading-info {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    border: 2px dotted;
    user-select: none;
}

#upload-box:hover, #form-file-upload.drag-over {
    background-color: lightgray;
}

#form-file-upload.uploading > #upload-box {
    display: none;
}

#form-file-upload:not(.uploading) > #uploading-info {
    display: none;
}

#upload-progress-bar > .progress-value {
    background-image: linear-gradient(90deg, green 0%, darkgreen 80%);
    height: 15px;
    text-align: center;
}

#upload-progress-bar {
    width: 80%;
    border: 2px inset;
    display: inline-block;
    height: 19px;
    margin: 15px;
    background-color: grey;
    color: grey;
}

#upload-progress-bar:after {
    content: attr(data-label);
    text-align: center;
    margin-top: -15px;
    display: block;
    color: #fff;
}

#file-upload-icon{
    display:block;
    text-align:center;
    font-size: 56px;
    margin-bottom: 20px;
}

#upload-box:after{
    content: attr(data-msg-wrong-type);
    display:  block;
    color: red;
    margin-top: 15px;
}

#captch-hint{
    margin: 30px 0 15px 0;
    font-weight: bold;
}

h4 q{
    font-size: 16px;
}

/*
    Bausteine
*/
.container-kachel-baustein {
    flex-grow: 1;
    width: 33.33%;
    max-width: 33.33%;
    padding: 5px 5px 10px 5px;
}

@media(max-width: 767px){
    .container-kachel-baustein {
        flex-grow: unset;
        width: 100%;
        max-width: 100%;
    }
    .container-kacheln-bausteine{
        flex-direction: column;
    }
}

.container-kachel-baustein input{
    display: none;
}

.container-kachel-baustein .baustein-kachel {
    border: 1px solid #515151;
    border-radius: 5px;
    display: flex;
    height: 100%;
    flex-direction: column;
    border-color: #515151;
    background-image: linear-gradient(180deg,#fff 0,#f5f6f6);
}
.container-kacheln-bausteine {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.container-kachel-baustein .baustein-label {
    display: block;
    padding: 10px 0 10px 0;
    border-bottom: 3px solid #a91612;
    font-size: 1.5em;
    text-align: center;
}

.container-kachel-baustein .baustein-beschreibung {
    padding: 15px;
    display: block;
    /*text-align: center;*/
    flex: 1 1 auto;
}

.baustein-knopf-container {
    display: block;
    width: 64px;
    height: 32px;
    border: 1px solid;
    border-radius: 15px;
    margin-right: 15px;
    margin-left: auto;
    padding: 5px;
    text-align: left;
    cursor: pointer;
}

.baustein-kosten-container {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.baustein-knopf-placeholder{
    width: 80px;
}

.baustein-kosten-container > span {
    display: table-cell;
}

.baustein-kosten{
    vertical-align: middle;
    font-weight: bold;
    text-align: right;
    padding-right: 15px;
}

.baustein-knopf-container > .baustein-knopf {
    display: inline-block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #515151;
}

.baustein-knopf-container:hover .baustein-knopf, .baustein-knopf-container:focus .baustein-knopf {
    background-color: #00406e;
}

.baustein-knopf-container:hover, .baustein-knopf-container:focus {
    color: #00406e;
}


/* Baustein ist ausgewählt*/
.container-kachel-baustein input:checked + .baustein-kachel .baustein-knopf-container {
    text-align: right;
    border-color: #3c763d;
    background-color: #dff0d8;
}
.container-kachel-baustein:not(.loading) input:checked + .baustein-kachel .baustein-knopf-container:before {
    content: '\f00c';
    font: normal normal normal 18px/1 FontAwesome;
    float: left;
    padding: 1px 0 0 2px;
    color: #3c763d
}
.container-kachel-baustein input:checked + .baustein-kachel .baustein-knopf {
    background-color: #3c763d;
}

.container-kachel-baustein input:checked + .baustein-kachel {
    outline: 1px solid #3c763d;
}

.container-kachel-baustein input:checked + .baustein-kachel [data-price]:before {
    content: attr(data-price);
}

.container-kachel-baustein input.disabled + .baustein-kachel .baustein-knopf-container,
.container-kachel-baustein input.disabled + .baustein-kachel:hover .baustein-knopf-container,
.container-kachel-baustein input.disabled + .baustein-kachel:focus .baustein-knopf-container {
    border-color: lightgray;
    cursor: default;
}

.container-kachel-baustein input.disabled + .baustein-kachel .baustein-knopf,
.container-kachel-baustein input.disabled + .baustein-kachel:hover .baustein-knopf-container .baustein-knopf,
.container-kachel-baustein input.disabled + .baustein-kachel:focus .baustein-knopf-container .baustein-knopf {
    background-color: lightgray;
}

.container-kachel-baustein input.disabled + .baustein-kachel{
    opacity: 0.5;
}

.container-kachel-baustein.loading .baustein-knopf{
    display: none;
}

.container-kachel-baustein.loading .baustein-knopf-container {
    cursor: default;
    border-color: gray !important;
}

.container-kachel-baustein:not(.loading) .baustein-knopf-placeholder .loading-icon{
    display:none;
}

.container-kachel-baustein .baustein-knopf-placeholder .loading-icon {
    font-size: 18px;
    margin-top: 2px;
    color: gray;
}

.pager .next.disabled, .nafi-header-banner-weiter-link.disabled{
    opacity: 0.5;
}

.pager .next.disabled a, .pager .next.disabled a:hover, .pager .next.disabled a:focus{
    background-color: gray !important;
    opacity: 1;
}

.nafi-header-banner-weiter-link.disabled a:hover, .nafi-header-banner-weiter-link.disabled a:focus, .nafi-header-banner-weiter-link.disabled a {
    color: gray !important;
    cursor: not-allowed;
}


/*
    Design-Anpassung von PIA
*/
#pia-window {
    width: 320px;
    height: 600px;
    border: 1px solid;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    max-width: 100%;
    max-height: 100%;
    z-index: 9999;
    box-shadow: 0 0 3px grey;
}

#pia-window .window-title {
    height: 36px;
    background-color: #00406e;
    color: #fff;
    text-align: center;
    display: table;
    width: 100%;
    cursor: move;
    -webkit-user-select: none;
    user-select: none;
}

#pia-window .window-title > *{
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 5px;
}

#pia-fenster-title-text{
    width: 100%;
}

.pia-nickname {
    font-weight: bold;
}

.pia-nickname.status:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #63ff63;
    margin-right: 5px;
    content: ' ';
    animation-delay: 3600s;
    animation-name: menu-link-pia-status-icon;
    animation-fill-mode: forwards;
    animation-duration: 1s;
}

#pia-btn-close{
    color: #fff;
    font-size: 20px;
}

#pia-btn-close:hover, #pia-btn-reset:hover{
    text-decoration: none;
    opacity: .8;
}

#pia-window #container-profilimg-top img {
    height: 88px;
    width: 88px;
    border-radius: 50%;
    display: block;
}

#container-profilimg-top {
    text-align: center;
    display: table;
    margin: 0 auto;
    width: calc(100% - 70px);
    border-bottom: 1px solid #ddd;
}

#container-profilimg-top > *{
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

#pia-container-texte{
    margin-top: 5px;
    display: table;
    width: 100%;
}

ul.pia-answer-group-texte li, .pia-text-selected-option {
    border-radius: 5px;
    /*border: 1px solid;*/
    background-color: #eaeaea;
    padding: 8px;
    list-style: none;
}

.pia-text-selected-option {
    background-color: #00406e;
    color: #fff;
    margin-left: 32px;
}

.pia-text-selected-option-container:after {
    border-left: 8px solid #00406e;
    border-right: 0 solid transparent;
    border-top: 5px solid #00406e;
    border-bottom: 8px solid transparent;
    content: '';
    position: relative;
    transform: rotate(300deg);
    margin-top: -8px;
    display: block;
    height: 0;
    width: 0;
    float: right;
}

ul.pia-answer-group-texte li:nth-child(n+1) {
    margin-top: 5px;
}

ul.pia-answer-group-texte:after {
    border-left: 8px solid #eaeaea;
    border-right: 0 solid transparent;
    border-top: 5px solid #eaeaea;
    border-bottom: 8px solid transparent;
    content: '';
    position: relative;
    transform: rotate(25deg);
    margin-top: -8px;
    margin-left: -2px;
    display: block;
    height: 0;
    width: 0;
}

ul.pia-answer-group-texte {
    padding: 3px;
    display: table-cell;
    vertical-align: top;
    padding-right: 32px;
}

.pia-answer-group{
    display: table-row;
}

.pia-profilimg-answer img {
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 50%;
    margin: 15px auto 0 auto;
}

.pia-profilimg-answer span {
    font-size: 25px;
}

.pia-profilimg-answer{
    display:table-cell;
    vertical-align: bottom;
    padding: 3px;
}

#pia-scroll-container{
    height:calc(100% - 210px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 2px;
}

#pia-optionen-container{
    height: 129px;
    padding: 15px 8px 15px 8px;
    /*display: table-cell;
    vertical-align: bottom;*/
    overflow-y: auto;
}

#pia-optionen-container[data-count-further="0"] {
    height: 164px;
}

.pi-option-values li {
    border: 2px solid;
    border-radius: 8px;
    list-style: none;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    border-color: #2aa5b9;
    cursor: pointer;
}

.pia-row-selected-option{
    display: table-row;
}

.hotline-request{
    padding: 8px;
}

#pia-scroll-container.fill-height{
    height: calc(100% - 36px);
}

/*Antwort als Fehlermeldung anzeigen */
ul.pia-answer-group-texte.pia-answer-error li {
    background-color: #f2dede;
    color: #a94442;
}

ul.pia-answer-group-texte.pia-answer-error li:before{
    content:"\f057";
    display:inline-block;
    margin-right: 10px;
    font: normal normal normal 18px/1 FontAwesome;
}

/* Frabe der Spitze der Antwortssprechblase ändern */
ul.pia-answer-group-texte.pia-answer-error:after {
    border-left-color: #f2dede;
    border-top-color: #f2dede;
}

.pia-undo{
    display: block;
    float: right;
    padding: 2px;
    cursor: pointer;
}

.pia-undo:hover{
    opacity: .8;
}

@media(min-width: 450px) {
    #pia-window {
        width: 450px;
    }

    #pia-optionen-container {
        height: 86px;
    }

    #pia-optionen-container[data-count-further="0"] {
        height: 169px;
    }

    #pia-scroll-container {
        height: calc(100% - 215px);
    }
}

@media (min-width:560px){
    #pia-window {
        width: 560px;
    }

}

@media(max-height: 450px){
    #pia-further-options-container{
        display: none;
    }

    #pia-optionen-container{
        height: 169px;
    }
}


/*Tipp-Animation*/
.pia-row-type-animation{
    display: table-row;
}

.pia-row-type-animation div{
    display: table-cell;
}

.pia-row-type-animation .pia-type-animation {
    height: 24px;
    text-align: center;
    font-size: 10px;
    width: 100%;
}

.pia-row-type-animation .pia-type-animation > div {
    height: 100%;
    width: 8px;
    display: inline-block;
    float: left;
    margin-left: 2px;
    -webkit-animation: typeAnimationPia 0.8s infinite ease-in-out;
    animation: typeAnimationPia 0.8s infinite ease-in-out;
    background-color: #000;
    border-radius: 8px;
}

/*.pia-row-type-animation .pia-type-animation .bar1 {
    background-color: #754fa0;
}*/

.pia-row-type-animation .pia-type-animation .bar2 {
    /*background-color: #09b7bf;*/
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.pia-row-type-animation .pia-type-animation .bar3 {
    /*background-color: #90d36b;*/
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.pia-row-type-animation .pia-type-animation .bar4 {
     /*background-color: #f2d40d;*/
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.pia-row-type-animation .pia-type-animation .bar5 {
     /*background-color: #fcb12b;*/
     -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.pia-row-type-animation .pia-type-animation .bar6 {
    /*background-color: #ed1b72;*/
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

@keyframes typeAnimationPia {
    0%, 40%, 100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05);
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

@-webkit-keyframes typeAnimationPia {
    0%, 40%, 100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05);
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

#pia-btn-reset {
    display:table-cell;
    color: #fff;
}

#pia-btn-reset > div{
    display: table;
}

#pia-btn-reset > div > span {
    display: table-cell;
    vertical-align: middle;
    padding-right: 2px;
}

/*
    Status-Icon beim Menü-Link zum Aufruf von PIA.
*/
#menu-link-pia::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #00fd00;
    border-radius: 50%;
    top: 12px;
    left: 5px;
    /*animation-delay: 3s;*/
    animation-name: menu-link-pia-status-icon;
    animation-fill-mode: forwards;
    animation-duration: 9s;
    /*animation-iteration-count: infinite;*/
    animation-direction: normal;
}

@keyframes menu-link-pia-status-icon{
    0% {
        opacity: 1;
    }
    12.5% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    37.5%{
        opacity: 0;
    }
    75%{
        opacity: 1;
    }
    87.5%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
     
}
#pia-further-options-container {
    height: 95px;
    padding: 10px 8px 0 8px;
}

#pia-further-options-container .dropdown-menu {
    background-color: #eaeaea;
}

#pia-optionen-container[data-count-further="0"] ~ #pia-further-options-container {
    display: none;
}

.pia-further-options-header {
    font-size: 1.2em;
    color: #000;
    margin-top: 5px;
}

#menu-pia-sprechblase {
    background-color: aliceblue;
    position: absolute;
    width: 200px;
    margin-left: -155px;
    z-index: 201;
    border: 1px solid darkgrey;
    border-radius: 5px;
    padding: 10px;
}

#menu-pia-sprechblase-pfeil {
    margin-top: -32px;
    right: 30px;
    position: absolute;
}

#menu-pia-sprechblase-pfeil:before {
    border-style: solid;
    border-width: 11px 11px 11px 11px;
    border-color: transparent transparent darkgray transparent;
    content: ' ';
    position: absolute;
}

#menu-pia-sprechblase-pfeil:after {
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: transparent transparent aliceblue transparent;
    content: ' ';
    position: absolute;
    margin-top: 3px;
    margin-left: 1px;
}

#menu-pia-sprechblase a{
    float: right;
    margin-top:-10px;
}

@media(max-width: 767px){
    #menu-pia-sprechblase{
        display: none;
    }
}

#pia-search-container {
    padding: 8px;
    background-color: #00406e;
}


/*PIA-End*/
/* Schnellauswahl*/
.container-eingabe-schnellwahl {
    /*margin-top: 15px;*/
}

.container-eingabe-schnellwahl > li {
    list-style: none;
    display: inline-block;
    border-radius: 12px;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    border: 1px solid #757e80;
    color: #757e80;
    cursor: pointer;
    padding: 4px;
    font-size: .9em;
}

.container-eingabe-schnellwahl > li:hover, .container-eingabe-schnellwahl > li:focus {
    text-decoration: none;
    color: #000;
}

.container-eingabe-schnellwahl > li:hover{
    border-color: #96a1a3;
    color: #444;
}

/*
    Bei der mobilen Ansicht beim Hauptmenü 
*/
nav a[href^="javascript:ChangeLayout"]:before, nav a[href^="javascript:ChangeTheme"]:before {
    display: none;
}

textarea.nafi-error-border-inputfield {
    border: 1px solid #b31a17;
}

#pia-further-options-container .dropup {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

@media (min-width: 768px){
    .container-eingabe-schnellwahl-label{
        text-align: right;
    }
}

.container-eingabe-schnellwahl-label {
    font-size: .8em;
    text-decoration: underline;
}

.container-eingabe-schnellwahl-label * {
    font-size: inherit;
}

.modal-notiz-delete, .modal-notiz-new, .modal-notiz-change {
    float: left;
}

.clear-btn-input {
    position: absolute;
    margin-left: -1.1em;
    z-index: 2;
    font-size: 20px !important;
    color: #70757a;
    margin-top: 1px;
}

.clear-btn-input:hover, .clear-btn-input:focus, .clear-btn-input {
    text-decoration: none;
}

input.input-width-clear-btn {
    padding-right: 24px;
}

.tui-row{
    display: none;
}

.tui-row[data-has-content="1"] {
    display: block;
}

[data-tui-percent]:after {
    content: ' 'attr(data-tui-percent)'%';
    font-size: .7em;
    color: #00406e;
}

#SteckbriefContent .nafi-flexbox-kachel-body{
    background-color: #fff;
}

.btn-note-einstellungen {
    font-size: 18px;
    margin: 2px 5px 0 5px;
    color: #333;
    cursor: pointer;
}

/*@media(max-width: 767px) {
    .feedback.themen > .thema {
        width: 100%;
        margin: 0 0 10px 0;
    }
}*/

.btn-feedback {
    color: #5a5a5a;
    position: relative;
    margin-top: 7px;
}

.msg-feedback{
    display: table;
    width:100%;
}

.msg-feedback > * {
    display: table-cell;
    padding: 5px;
}

template{
    display: none;
}

.btn-feedback .count {
    border-radius: 50%;
    background-color: #b31a17;
    color: #fff;
    display: block;
    padding: 2px;
    position: absolute;
    top: -14px;
    right: -14px;
    font-size: 1.2em;
    width: 28px;
    height: 28px;
    text-align: center;
}

.beleg-uebersicht-dropdown-container .dropdown{
    display: inline-block;
}

.beleg-uebersicht-dropdown-container .dropdown-menu{
    left: auto;
    right: 0;
}

@media(max-width: 767px){
    .beleg-uebersicht-dropdown-container .dropdown-menu {
        left: 0;
        right: auto;
    }
}

.logo-tarif-details img, img.tarifliste{
    max-width: 110px;
    max-height: 32px;
}

.input-group.input-field-container{
    width: 145px;
}

.pager .next .dropup{
    float: right;
}

.pager .next .dropup > button {
    float: right;
    background: #00406e !important;
    color: white !important;
    border-radius: 0px !important;
    padding: 5px 14px;
    border: none;
}

.pager .next .dropup a {
    background-color: transparent !important;
    color: inherit !important;
    border: none;
    display: block;
}

.btn-antrag-endkunde {
    white-space:normal;
    padding: 20px;
}

.btn-antrag-endkunde > .fa{
    display: block;
    font-size:40px;
}

/* Video-Lightbox */
.video-previews {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 15px;
    padding: 15px 0px;
}

@media (max-width: 767px) {
    .video-previews {
        justify-content: center;
    }
}

.video-preview,
.video-preview-placeholder {
    flex-basis: 384px;
    max-width: 100%;
    margin-bottom: 50px;
    cursor: pointer;
}

.video-prewview-placeholder {
    cursor: default;
}

.video-titel {
    font-size: 16px;
    margin: 8px 0;
}

.video-beschreibung {
    margin-top: 8px;
}

#video-overlay video, #pia-video-overlay video {
    height: 80%;
    max-width: 85%;
}

#video-overlay .video-beschreibung {
    margin-top: 0;
}

.video-thumbnail {
    position: relative;
    cursor: pointer;
}

.video-thumbnail img {
    width: 384px;
    max-width: 100%;
    height: 216px;
    object-fit: cover;
    filter: brightness(0.7);
    border-radius: 10px;
}

.video-thumbnail i {
    position: absolute;
    font-size: 54px;
    color: white;
    top: 38%;
    left: 43%;
}

#video-overlay, #pia-video-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 48px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 10000;
}

#video-overlay #prev-arrow,
#video-overlay #next-arrow,
#video-overlay #close-overlay,
#pia-video-overlay .video-close {
    position: absolute;
    cursor: pointer;
}

#video-overlay #prev-arrow i,
#video-overlay #next-arrow i,
#video-overlay #close-overlay i,
#pia-video-overlay .video-close i{
    font-size: 54px;
}

#video-overlay #prev-arrow {
    left: 10px;
}

#video-overlay #next-arrow {
    right: 10px;
}

#video-overlay #close-overlay,
#pia-video-overlay .video-close{
    right: 10px;
    top: 0px;
}

#pia-window .video-thumbnail img{
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 0;
}

#pia-window .video-thumbnail {
    cursor: pointer;
    text-align: center;
}

/* Ende: Video-Lightbox */

[data-vpage-hash] {
    border: none;
    -webkit-box-shadow: 0 0 2px rgba(22,79,132,.5);
    -moz-box-shadow: 0 0 2px rgba(22,79,132,.5);
    box-shadow: 0 0 2px rgba(22,79,132,.5);
    margin-bottom: 10px;
    background-color: rgb(247,247,247);
    padding: 5px;
    display: none;
    /*color: #aea7a7;*/
    margin-bottom: 15px;
    padding: 0;
}

.vpage-summary-content .summary-item-label, .label-extern-data-eckdaten {
    color: #6c757d;
}

.vpage-summary-content .summary-item-label, .vpage-summary-content .summary-item-value, .label-extern-data-eckdaten {
    font-size: 10px;
}

    .vpage-summary-content .summary-item-value, .vpage-summary-content .summary-item-value ul li, .vpage-summary-content .summary-item-value span, .summary-item-value div {
        font-size: 11px;
    }

.vpage-summary-content .summary-item-value, .vpage-summary-content .summary-item-value ul{
    margin-bottom: 0;
}

.vpage-summary-content .summary-item {
    margin-bottom: 10px;
}

.vpage-summary-content{
    display: flex;
    flex-wrap: wrap;
    text-align:left;
}

.vpage-summary-content legend {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
}

.vpage-summary-content fieldset {
    margin-top: 10px;
    margin-bottom: 5px;
}
 

.nafi-spalte-fortschrittsbalken{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.vpage-summary-content .nafi-info-kachel-content{
    text-align: right;
}

/*.vpage-summary-content .vpage-summary-scroll-to-input {
    font-size: 20px;
}*/
        #container-button-change-visibility-summaries{
    display: none;
}

.nafi-radio-box:focus {
    outline: 2px solid #0087ff;
}

#msgSScrollToSummaries{
    margin-top: 10px;
    text-align: left;
}

.beleg-category-vn {
    padding: 5px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #000;
    color: #000;
}

.category-vn-menu, .category-vn-tile, .category-vn-infobox {
    padding: 2px;
    display: inline-block;
    border-radius: 4px;
}

.category-vn-tile, .category-vn-infobox {
    margin-top: 5px;
}

.clickable:hover .nafi-responsive-tabelle-mobil-header{
    color: lightgray;
}

li.number-outside {
    margin-left: 1em;
    list-style-position: outside;
}

#btn-dialog-move-to-top {
    position: fixed;
    bottom: 15px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 50%;
    display: none;
    left: 15px;
}

.fahrzeugdaten-img-container{
    display: none;
}

.fahrzeugdaten-img-container.show {
    display: table-cell;
    overflow: auto;
    max-height: 325px;
    max-width: 425px;
    min-height: 170px;
}

.fahrzeugdaten-img-container img{
    width: 200px;
    border-radius: 15px;
    border: 1px solid rgba(22,79,132, 0.15);
}

.fahrzeugdaten-img-container figcaption {
    text-align: center;
    position: relative;
    margin-top: -18px;
    font-size: 12px;
}

/*Platzhalter für die Beschriftung. */
.fahrzeugdaten-img-container figure img{
    padding-bottom: 18px;
    background-color: #fff;
}

.fahrzeugdaten-img-container figure {
    display: inline-block;
}

    @media (max-width: 767px) {
        .fahrzeugdaten-img-container.show {
        display: block;
        padding-bottom: 15px;
        overflow: hidden;
        max-height: none;
    }

    .fahrzeugdaten-img-container.show img{
        margin: 0 auto;
        width: 90%;
    }

    .fahrzeugdaten-img-container.show + div{
        display: block;
    }

    #fahrzeugdaten-aufteilung-daten-bild{
        display: block;
    }
}

select[id^="input_1097_"]{
    display: none;
}

#upload-box > .img-preview {
    max-width: 100%;
    max-width: calc(100% - 20px);
    margin: 10px 0;
    border: 1px dotted #000;
}

/* 31.01.2024: Kompakte Kacheln bei den NDO-Optionen */
.compact-flex {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.compact-flex .nafi-kachel.mit-zusatzinfo, .compact-flex .nafi-kachel-std-height {
    height: 84px !important;
}

.col-flex-5 {
    flex-basis: 18%;
}

@media (max-width: 1199px) {
    .col-flex-5 {
        flex-basis: 22%;
    }
}

@media (max-width: 767px) {
    .col-flex-5 {
        flex-basis: 48%;
    }
}

@media (max-width: 479px) {
    .col-flex-5 {
        flex-basis: 100%;
    }
}

.col-flex-5 ul {
    list-style-type: none;
    display: flex;
}

.col-flex-5 ul li:nth-of-type(2) {
    padding-left: 5px;
}

@media (max-width: 767px){
    .btn-block-xs{
        display:block !important;
        width: 100%;
    }
}

.with-radio-tile.table .radio{
    margin: 0;
}

.nafi-div-table-cell.button-icon{
    padding-left: 0;
}


button.nafi-circle-button{
    background: none;
    border: none;
    outline: none;
    border-radius: 0;
}
button.nafi-circle-button:focus{
    outline: 2px solid #00406e;
    border-radius: 5px;
}

@media(min-Width: 768px) {
    .nafi-dropdown-menu-left-not-xs + .dropdown-menu {
        right: 0;
        left: auto;
    }
}

.risk {
    color: #000;
    background-image: linear-gradient(0deg,#fff 0,#f5f6f6);
    display: block;
    margin-bottom: 5px;
    padding: 5px;
    width: 100%;
}

.risk:hover .risk-caption, .risk:hover .small-grey-label {
    color: #fff;
}

.risk:active, .risk:focus{
    text-decoration: none;
}

.risk:hover{
    text-decoration: none;
    background-color: rgb(0, 64, 110);
    background-image: none;
    color: #fff;
}

.riskdata-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height: 100%;
}

.riskdata {
    max-width: 100%;
    min-height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    word-wrap: break-word;
    width: 25%;
    padding-bottom: 0.5rem;
}

.risk:not(:nth-last-child(1)) {
    border-bottom: 1px dotted;
}

@media (max-width: 991px){
    .riskdata {
        width: 33.33%;
    }
}

@media (max-width:767px){
    .riskdata{
        width: 50%;
    }
}

.risk-caption {
    color: #6c757d;
    display: table;
    width: 100%;
}

.risk-caption > span{
    display: table-cell;
    width: 24px;
}

a:hover .risk-comment{
    color: #fff;
}

.risk-comment {
    margin-top: 5px;
    margin-left: 24px;
}

    #btnBelegeSelectRisiko {
        float: left;
        height: 40px;
        margin-right: 15px;
    }

#dropdown-risk + .dropdown-menu {
    right: 0;
    left: auto;
}

.nafi-dropdown-link:focus {
    outline: 2px solid #00406e;
    border-radius: 5px;
    outline-offset: 5px;
}

.navbar-default .dropdown-toggle:focus, .navbar-default .navbar-brand:focus {
    outline: 2px solid #00406e;
    border-radius: 5px;
}

.tile-risk .nafi-flexbox-kachel-element {
    flex-basis: auto !important;
}

@media(max-width: 767px) {
    .tile-risk .nafi-flexbox-kachel-element {
        flex-basis: 50% !important;
    }
}

.tile-risk .risk-comment{
    flex-basis: 100%;
    
    margin: 0;
    margin-left: 1rem;
    display: table;
    width: 100%;
    margin-right: 1rem;
}

.tile-risk .risk-comment:not([data-comment=""]) {
    padding-bottom: 5px;
    
}

.tile-risk .risk-comment:not(.show-input):not([data-comment=""]) {
    cursor: pointer;
}

.tile-risk .risk-comment:not([data-comment=""]):not(.show-input):before {
    content: attr(data-comment);
}

#container-input-comment-risk,
#container-buttons-comment-risk,
#container-input-risk-status,
#container-buttons-status-risk,
#risk-comment-load-icon,
#risk-status-load-icon {
    display: none;
}

.show-input #container-input-comment-risk {
    display: table-cell;
}

.show-input #container-input-risk-status{
    display: table;
}

.show-input #container-buttons-comment-risk, .show-input #container-buttons-status-risk {
    display: table-cell;
    padding-bottom: 15px;
    width: 70px;
    vertical-align: middle;
    text-align: right;
}

.show-input #container-buttons-status-risk{
    padding-bottom: 0;
}

.show-input #container-buttons-comment-risk a, .show-input #container-buttons-status-risk a {
    display: inline-block;
    font-size: 25px;
}

.risk-status{
    display: table-cell;
    text-align: right;
}

.risk:hover .risk-status {
    color: #fff;
}

.risk.selected {
    outline: 2px solid #00406e;
}

#risk-status-text{
    display: table;
    cursor: pointer;
}

#risk-status-text > *{
    display: table-cell;
    padding-right: 5px;
}

.risk-activity{
    display: inline-block;
}

.risk-link{
    display: table;
    width: 100%;
}

.risk-link-dropdown, .risk-link-content {
    display: table-cell;
}

.risk-link-content{
    width: 100%;
}

.risk-link:hover .risk-link-dropdown #dropdown-risk{
    color: #fff;
}
.nafi-animated-logo [id^="circle_"], .nafi-animated-logo-pause [id^="circle_"]{
    visibility:hidden;
}


.nafi-animated-logo #circle_1{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 0.0s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 0.0s  alternate;
}


.nafi-animated-logo #circle_2{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 0.2s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 0.2s  alternate;
}

.nafi-animated-logo #circle_3{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 0.4s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 0.4s  alternate;
}

.nafi-animated-logo #circle_4{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 0.6s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 0.6s  alternate;
}

.nafi-animated-logo #circle_5{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 0.8s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 0.8s  alternate;
}

.nafi-animated-logo #circle_6{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 1.0s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 1.0s  alternate;
}

.nafi-animated-logo #circle_7{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 1.2s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 1.2s  alternate;
}

.nafi-animated-logo #circle_8{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 1.4s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 1.4s  alternate;
}

.nafi-animated-logo #circle_9{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 1.6s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 1.6s  alternate;
}

.nafi-animated-logo #circle_10{
    /*-webkit-animation: framesNAFILogoCircles 4s linear 1.8s  alternate;*/
    animation: framesNAFILogoCircles 4s linear 1.8s  alternate;
}


@keyframes framesNAFILogoCircles{
    0%{
        visibility:visible;
        opacity:0;
    }
    50%{
        opacity:0.75;
    }
     100%{
        opacity: 1;
    }
}

/*@-webkit-keyframes framesNAFILogoCircles{
    0%{
        visibility:visible;
        opacity:0;
    }
    50%{
        opacity:0.75;
    }
     100%{
        opacity: 1;
    }
}*/



/** Zahnrad*/
 #CanvasProcessCircle{
    color:#4F5C6C;
    -webkit-animation: fortschrittskreis 2.5s infinite alternate;
    animation: fortschrittskreis 2.5s infinite alternate;
    margin: 0px auto;
    display:block;
    z-index:120;
    position:relative;
}


@keyframes fortschrittskreis{
    0%{
    color:#4F5C6C;
    }

    50%{
    color: #15445A;
    }

    100%{
    color: darkblue;
    }
}

@-webkit-keyframes fortschrittskreis{
    0%{
    color:#4F5C6C;
    }

    50%{
    color: #15445A;
    }

    100%{
    color: darkblue;
    }
}