html { overflow-y: scroll; }
* { margin: 0; padding: 0; }

body { font: normal 16px Calibri; text-align: center; }
div.center { margin: 0 auto; width: 940px; }

#mainImg { width: 100%; height: 408px;}

#header { color: black; border-top: 5px solid #0055a0; background-image: linear-gradient(to bottom, #ffffff, #f7f7f7); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); height: 161px;  }
    #header #logo { margin: 30px 0; float: left; }
        #header #logo a { z-index: 0; width: 171px; height: 41px; position: relative; float: left; background: none; }
        #header #logo span { background: url(../Img/logo.png) no-repeat; width: 171px; height: 66px; position: absolute; top: 0; left: 0; display: block; z-index: 100; }
        #header #logo span b {position: absolute !important; top: -9999px !important; left: -9999px !important;}
		
		
#footer { font-size: 13px; padding-bottom: 50px; margin-top: 10px}
	#footer .box_left { font-size: 13px; text-align: left;}
	#footer .box_right { font-size: 13px; text-align: right;}
	#footer img { vertical-align: middle; margin: 0 5px 0 5px;}
	#footer a { margin-right: 10px; text-decoration: none }

#box_main { float: left; clear: both; width: 940px; margin-bottom: 30px; }
.box_left { float: left; clear: both; width: 470px; }
.box_left_wide { float: left; clear: both; width: 992px; }
.box_right { float: right; width: 470px; display: inline; }
.content { float: left; text-align: left; width: 100% }

.wrapperL { width: 298px; float: left;}
.wrapperR { width: 640px; float: left;}


#subContent { margin-left: 20px; width: 500px; color: #545454; float: left; font-size: 1.1em; }


h1 { font-size: 36px; margin-top: 44px; margin-bottom: 42px; font-weight: bold; color: #242424; text-align: left; }
h2 { font-size: 2.5em; margin: 10px 0 5px 0; font-weight: normal; color: #05347a; }
h3 { font-size: 20px; width: 500px; margin: 35px 0 10px 0; font-weight: normal; color: #242424; text-align: left; font-weight: bold; }


h4 span { display: none; }
p { margin-bottom: 15px; font-weight: normal; clear: both; }
    p.hidden { display: none; }
    p a { color: #303030; font-weight: inherit; text-decoration: none; }

a { color: #303030; font-weight: inherit; text-decoration: underline;  }
    a:hover { text-decoration: underline; color: #29539d; }


#mainMenu { float: right; list-style: none; margin-top: 15px; }
    #mainMenu li { float: left; height: 41px; margin-left: 7px; margin-right: 7px; border-bottom: 3px solid transparent}
        #mainMenu li a { text-decoration: none; font-size: 18px; color: #0055a0; }
            #mainMenu li a:hover { }
        #mainMenu li.selected { border-bottom: 3px solid #dc1013  }
            #mainMenu li.selected a { color: #dc1013 }
        #mainMenu li.secNavi { display: none; }



.box_right ul.title_list { float: left; clear: both; list-style: none; background-color: #f2f2f2; width: 100%; }
    /* .box_right ul.title_list li:nth-child(5n) { display: none; } */
    /* .box_right ul.title_list li:nth-child(6n) { display: none; } */
    .box_right ul.title_list li { border-bottom: 1px solid #e6e6e6; height: 30px; padding: 7px 24px 18px 20px; }
        .box_right ul.title_list li h2 { font-size: 1.0em; float: none; text-align: left; margin:0px; }
            .box_right ul.title_list li h2 span { font-size: 1.1em; display: block; color: #4a4a4a; font-size: 13px; }
            .box_right ul.title_list li h2 a { text-decoration: none; color: #0058a1; font-size: 16px; }

.box_right h3 { background-color: #f2f2f2; width: calc(100% - 20px); margin: 0px; padding-bottom: 20px; padding-left: 20px; padding-top: 27px; font-size: 20px; border-bottom: 1px solid #e6e6e6; color: #242424; font-weight: bold; }



.info_notice ul { list-style: none; }
.info_notice li { float: left; width: 230px; border-top: 1px solid #ececec; padding-top: 5px; margin-right: 5px; text-align: left; }
    .info_notice li:nth-child(5n) { display: none; }
    .info_notice li:nth-child(6n) { display: none; }
    .info_notice li span { display: block; color: #4a4a4a; line-height: 20px; font-size: 13px; }
    .info_notice li a { display: block; text-decoration: none; color: #0058a1; font-size: 13px; line-height: 20px; font-size: 16px; }
 


.box_left div.wrapperL { float: left; width: 300px; }
.box_left div.wrapperR { float: left; width: 500px; }
.box_left_wide .wrapperL { float: left; width: 220px; }
.box_left_wide .wrapperR { float: left; width: 766px; }
.box_left_wide h1 { float: right; width: 760px; }
.box_left_wide .ktx { float: right; width: 760px; margin: 10px 0 10px 0px; padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; text-align: left;  }
.box_left_wide .content { float: right; font-size: 1.1em; text-align: left; width: 750px; padding-right: 10px; }


ul.leftMenu { float: left; margin: 10px 20px 0 0; list-style: none; margin-top: 0px; overflow: hidden; width: 278px  }
    ul.leftMenu li { float: left; clear: both; border-left: 3px solid #0055a0; width:100%; display:block }
    ul.leftMenu li.selected { border-left: 3px solid #dc1013;  }
        ul.leftMenu li a { float: left; line-height: 38px; font-size: 16px; font-weight: bold; text-align: left; text-decoration: none; margin-left: 13px; color: #163687; }
        ul.leftMenu li.selected a { color: #dc1013; }
		ul.leftMenu .selected .selected { background: #F8F0F0; border-left: 3px solid #d7def2; }
		ul.leftMenu .selected .selected:before { color: #dc1013}
		ul.leftMenu .selected .selected a { color: #dc1013 !important }
        ul.leftMenu li ul { list-style: none; }
            ul.leftMenu li ul li { float: left; clear: both; border-left: 3px solid #d7def2; margin-left: -3px; padding-left: 25px; }
                ul.leftMenu li ul li a { font-weight: normal; color: #163687 !important; width: calc(100% - 30px);  }

.ktx { width: 100%; text-align: left; font-size: 14px; margin: 25px 0; }
    .ktx a { text-decoration: none; color: #255396; }
    .ktx ul { display: inline; list-style: none; }
        .ktx ul li { color: #4e4e4e; display: inline; float: none; }


#M2_pnlSearch,#M3_pnlSearch{display: block; height: 54px;}
.searchSmall { border-radius: 2px; background-color: #ffffff; border: solid 1px #c2c2c2;; float: right; width: 300px; height: 30px; margin-top: 20px; }
    .searchSmall legend { display: none; }
    .searchSmall label { display: none; }
    .searchSmall input[type=text] { margin-top: 6px; width: 250px; border: none; }
    .searchSmall input.btnFind { float:right; height:17px; width:17px; float:right; margin: 10px; margin-top:7px }


.content h1,.content h2,.content h3,.content h4 { font-weight: bold; color: #4e4e4e; margin: 15px 0 10px 0; color: #163687 }
.content h1 {font-size: 36px}
.content h2 {font-size: 30px}
.content h3 {font-size: 26px}
.content h4 {font-size: 20px}



.content p, .pnlSearchResult { float: none; margin-bottom: 7px; font-size: 16px }
.content a { padding-bottom: 5px; font-weight: inherit; color: #163687;text-decoration: underline; }
    .content a:hover { color: #163687; }
.content ul { list-style: none; margin: 5px 0 25px 20px; /*float: left; width: 100%; */ clear: both;   }
    .content ul li { margin-bottom: 8px;text-indent: -15px; }
	.content ul li::before { content: "● "; color: #dc1013;  margin: 0px 5px 5px 0px; font-size: 12px;}
	.content ul.o li::before { content: "o ";}
.content img { float: left; margin: 2px 14px 14px 0; }
.content table { width: 500px; float: left; clear: both; margin: 5px 0 20px 0; border-collapse: collapse; font-size: .9em; }
.content table tr th { border-bottom: 1px solid #ddd; background: #f2f2f2; padding: 3px 6px 3px 10px; text-align: center; }
.content table tr td { border-bottom: 1px solid #ddd; padding: 3px 6px; text-align: center; }
.content table tr th.left { text-align: left; }

a[href$=".rtf"]:after, a[href$=".doc"]:after, a[href$=".xls"]:after, a[href$=".docx"]:after, a[href$=".pdf"]:after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 2px;
    margin-bottom: -2px;
    background: transparent url(/imgCont/file.png) no-repeat;
}

.greybox {
	background-color: #f2f2f2;
    padding: 40px 50px;
    border-left: 3px solid #dc1013;
	
}

.files, .green, .blue { background-color: #f2f2f2; width: 100%; border-top: 2px solid #0055a0; padding: 40px; list-style: none; float: left; box-sizing: border-box;margin: 5px 0 25px 0px !important}

    .files li { background: none !important; list-style-type: none !important; text-indent: 0px !important; }
    .files li.caption { color: #242424; list-style:none; font-size: 22px; margin-bottom: 18px; }
    .files li a { color:#0055a0; text-decoration: none; font-size: 16px; }
	.content .files li::before { content:none }
	.content .files li a::after { content:none }
	.files li a { background: url(/ImgCont/bullet.png) no-repeat 0 5px; background-size: 16px; padding-left: 25px; padding-top: 4px; display: block; float: left; clear: both; }
    .files li span { font-size: 16px; color: #888888; margin-left: 10px; float: left; padding-top: 4px;}

.green {border-left: 3px solid green; border-top: none; }
.blue {border-left: 3px solid blue; border-top: none; }

.greybox,.green,.blue { clear: both; margin-bottom: 20px  }
	
.siteMap { width: 500px; text-align: left; }
.siteMap ul { margin-left: 0px; list-style: none; float: left; display: inline; }
    .siteMap ul li { float: left; margin-bottom: 3px; clear: both; }
        .siteMap ul li a { color: #303030; width: 480px; padding: 3px 10px; float: left; font-weight: bold; }
        .siteMap ul li ul { margin-left: 20px; margin-top: 5px;} 
            .siteMap ul li ul li { margin-bottom: 2px; }
                .siteMap ul li ul li a { color: #303030; background: none; font-weight: normal; width: 360px; }
                    .siteMap ul li ul li a.anchButton { width: 8px; padding-right: 0px; text-decoration: none; color: #1853A5; font-weight: bold; }



.aktualne_archiv { float: left; clear: both; margin-top: 30px; list-style: none; }
.aktualne_archiv li { float: left; margin-right: 35px;  padding: 15px 0 10px 0; border-bottom: 1px solid #E0E0E0; width: 100%;}
.aktualne_archiv li a { text-decoration: none}
    .aktualne_archiv li img { float: left; width: 33px; height: 33px; margin-right: 10px; }
    .aktualne_archiv li h2 { font-size:16px; font-weight: bold; color: #4e4e4e; text-align: left; margin-top: 0px; clear: none; }
    .aktualne_archiv li span { float: left; clear: both; height: 45px; text-align: left; margin: 10px 0; }
        .aktualne_archiv li span.date { float: left; width: 100px; text-align: left; height: auto; margin: 0px; color: #05347A; font-weight: bold; }
    .aktualne_archiv li a.more { float: left; width: 85px; margin-left: 285px; padding-left: 26px; text-align: left; font-size: 1.1em; font-weight: bold; background: url(../Img/more_gray.gif) no-repeat 0 2px; }
    .aktualne_archiv li.r { margin-right: 0px; }


ul.leftMenu li ul li::before { content: "■ ";color: #163687;float: left;margin-top: 10px; font-size: 12px;}

.formCreator { border: none; clear:both}
.formCreator h3 { display:none}
.formCreator legend { font-size: 21px; text-align: left;}
.formCreator p { margin-top: 5px; display: block; min-height: 14px; clear: both; text-align: left}
.formCreator label { float: left; line-height: 21px; min-width: 120px; text-align: left; }
.formCreator input[type=text],.formCreator textarea { float:left; width: 350px; border: 1px solid #c6c6c6; padding: 2px 5px; }
.formCreator textarea { min-height: 150px; }
.formCreator input[type=checkbox] { float:left; margin: 4px 0px 0px 5px; }
.formCreator input[type=submit] {float: left;padding: 5px 20px;color: #f0f0f0;background: #163687; border: 1px solid #163687;font-weight: bold; }

#top {display: none}

li.inside:before { display:none}	
li.inside ul {margin-top: 25px;}


ol { margin-left: 20px;}
ol li {}
	

	
	
/****************************************************************/






ul.banner { float: left; width: 200px; clear: both; list-style: none; }

.banner li a { width: 200px; height: 50px; margin: 1px 0 0 0; float: left; }

    .banner li a span { display: none; }

    .banner li a.bnr01 { background: url(../Img/bnr_link_01.gif) no-repeat; }

    .banner li a.bnr02 { background: url(../Img/bnr_link_02.gif) no-repeat; }

    .banner li a.bnr03 { background: url(../Img/bnr_link_03.gif) no-repeat; }



.boxmenu { display: table; width: 100%; }
    .boxmenu li { display: table-cell; background-color: #0055a0; height: 128px; text-align: center; width: 157px; }
	
        .boxmenu li:nth-child(2n) { background-color: #0e62ac; }
        .boxmenu li:nth-child(3n) { background-color: #1168b5; }
        .boxmenu li:nth-child(4n) { background-color: #1a72bf; }
        .boxmenu li:nth-child(5n) { background-color: #277ac3; }
        .boxmenu li:nth-child(6n) { background-color: #3483c9; }
        .boxmenu li img { display: block; margin: 0px auto; margin-bottom: 20px; margin-top: 15px; }
        .boxmenu li a { color: #fff; display: block; font-weight: bold; text-decoration: none; font-size: 16px; }
		



div.pnlSearchResult { clear: both; text-align: left; }

.pnlSearchResult p.resultInfo { border-bottom: 1px solid #E0E0E0; padding-bottom: 9px; }

.pnlSearchResult a { color: #29539d; }







.PublishDate { margin-top: 50px;font-size: 12px;color: #c6c6c6;}








div#errorContent { text-align: left; }

#errorContent h2 { font-size: 1.3em; font-weight: bold; margin-top: 30px; margin-bottom: 10px; }

#errorContent p { margin-bottom: 5px; }

#errorContent a { color: #29539D; text-decoration: underline; }

    #errorContent a:hover { text-decoration: none; }

	
	
.fullscreen { width:100% !important; }
.fullscreen ul.files { box-sizing: border-box;}
/*==========
Responsive 
============*/


@media screen and (max-width: 980px) {
    #mainMenu, div.center, #box_main, .box_left, .box_right, #mainImg, .divider { width: 100% !important;	}
	#mainMenu li a, ul.leftMenu li a { font-size: 4vw}
	.box_right ul.title_list li h2 a { font-size: 6vw}
	.box_right h3 a, .info_notice h3 {font-size: 8vw; text-decoration: none}
	.box_right ul.title_list li,#mainMenu li { height: auto}
	.box_right ul.title_list li h2 span { font-size: 4vw}
	
	#mainMenu li { width: calc(100% - 14px)}
	#mainMenu li.selected { border-bottom: 3px solid transparent; }
	.box_right ul.title_list li { height: auto}
	.box_left, .box_right { display: block; text-align: center !important}
	.searchSmall, .wrapperR, .wrapperL, h1 { float: left; width: calc(100% - 30px);  margin-left: 15px; }
	.boxmenu li { width: calc(50% - 10px); display: block; float: left; }
	.boxmenu { margin-left: 10px;}
	.info_notice { margin-left: 10px;}
	.info_notice li { width: 100% }
	.content, h1, #box_main {width: 100%; margin: 15px;}
	.ktx { display: none }
	.searchSmall input[type="text"] { float: left; margin-left: 15px; width: calc(100% - 60px);}
	.box_right h3 { font-size: 25px}
	.info_notice li a { font-size: 6vw}
	.info_notice li span { font-size: 4vw}
	.wrapperL { margin-bottom:30px }
	#header #logo { margin-left: 20px;}
	.content h2,.content h3 {font-size:6vw; width: 100%;}
	.files { padding: 0px}

	h1 { font-size: 24px; }
	form { width: 100%; overflow: hidden; }
	
	
}

@media (max-width: 600px) {
    
}

@media (max-width: 480px) {

}

@media (max-width: 360px) {
    
}


#transparentAccout {
    background-color: #020E42;
    margin: 0px 0px 10px 0;
    width: 100%;
    height: 100px;
    color: white;
    line-height: 100px;
    font-size: 28px;
    clear: both;
    display: block;
}
    #transparentAccout .column {
        float: left;
    }

    #transparentAccout .left {
        width: 50%;
        line-height: 25px;
        padding-top: 23px;
    }

#transparentAccout .left small{
    display: block;
}

    #transparentAccout .right {
        width: 20%;
    }

    #transparentAccout .middle {
        width: 30%;   
    }

#transparentAccout img {
    width: 50px;
    height: 70px;
    margin-top: 10px;
    margin-left: 30px;
}





#statement {
    max-width: 940px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}


    #statement * {
        font-family: 'Fira Sans', sans-serif;
        box-sizing: border-box;
        color: #163687;
        word-wrap: break-word;
    }

    #statement .b-typo-h1 {
        color: #163687;
        font-size: 1.9em;
        margin: 0 0 1em 0;
    }


    #statement .b-typo-h2 {
        font-weight: normal;
        color: #666666;
        font-size: 1.2em;
        padding: 0.5em;
        border-bottom: 1px solid #163687;
        flex-grow: 1;
        margin: 0 100% 0 0;
        white-space: nowrap;
    }

    #statement .b-typo-h3 {
        font-weight: normal;
        color: #999999;
        font-size: 0.9em;
        margin: 0;
    }

    #statement .b-typo-small.v-info {
        font-size: 0.75em;
        text-align: right;
        display: block;
        color: #999999;
    }

    #statement .b-typo-h3.v-large {
        color: #163687;
        font-size: 1em;
    }

    #statement .c-action {
        color: #163687;
        text-decoration: underline;
    }

        #statement .c-action:hover {
            color: #3dc200;
        }

        #statement .c-action.v-download {
            font-size: 0.7em;
            margin-left: 1em;
        }

    #statement .c-icon.v-download {
        display: inline-block;
        width: 0.9em;
        height: 0.9em;
        border-bottom: 2px solid CurrentColor;
        margin: 0 0.5em -2px 0;
        position: relative;
    }

        #statement .c-icon.v-download::before, #statement .c-icon.v-download::after {
            display: block;
            position: absolute;
            content: "";
            left: 50%;
            transform: translateX(-50%);
        }

        #statement .c-icon.v-download::before {
            bottom: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 5px 0 5px;
            border-color: CurrentColor transparent transparent transparent;
        }

        #statement .c-icon.v-download::after {
            top: 0;
            width: 2px;
            height: 90%;
            background: CurrentColor;
        }

    #statement .d-section {
        display: flex;
        flex-wrap: wrap;
    }

        #statement .d-section.v-info {
            border-left: 1px solid #163687;
        }

            #statement .d-section.v-info .d-field {
                padding: 0.5em;
                width: 100%;
            }

                #statement .d-section.v-info .d-field .d-content {
                    padding-top: 0.2em;
                    display: block;
                }

                    #statement .d-section.v-info .d-field .d-content.v-accname {
                        color: #dc1013;
                        font-size: 1.5em;
                    }

                    #statement .d-section.v-info .d-field .d-content.v-street, #statement .d-section.v-info .d-field .d-content.v-city {
                        display: block;
                        font-size: 0.85em;
                    }

                    #statement .d-section.v-info .d-field .d-content.v-balance {
                        font-size: 2em;
                    }

                        #statement .d-section.v-info .d-field .d-content.v-balance.v-green {
                            color: #3dc200;
                        }

                        #statement .d-section.v-info .d-field .d-content.v-balance.v-red {
                            color: #dc1013;
                        }

        #statement .d-section.v-transactions {
            padding-top: 2em;
            border-left: 1px solid #163687;
        }

            #statement .d-section.v-transactions .d-summary {
                width: 100%;
                display: flex;
                padding: 0.5em 1em 0.5em 0.3em;
                margin-bottom: 3em;
            }

            #statement .d-section.v-transactions .d-transaction {
                width: 100%;
            }

                #statement .d-section.v-transactions .d-transaction .d-header {
                    width: 100%;
                    position: relative;
                    padding: 0.2em 0 0.2em 1em;
                }

                    #statement .d-section.v-transactions .d-transaction .d-header::before {
                        content: "";
                        top: 1px;
                        left: 0;
                        width: 0.5em;
                        height: 100%;
                        background: #163687;
                        position: absolute;
                    }

                #statement .d-section.v-transactions .d-transaction .d-details {
                    display: flex;
                    flex-wrap: wrap;
                    width: 100%;
                    padding: 0.5em 0 0.5em 0.5em;
                    margin-bottom: 2em;
                    border: 1px solid #cccccc;
                    border-left: 0;
                    position: relative;
                }

                #statement .d-section.v-transactions .d-transaction.v-grouped .d-details {
                    margin-bottom: 0;
                    border-bottom: 0;
                }

                    #statement .d-section.v-transactions .d-transaction.v-grouped .d-details:last-child {
                        margin-bottom: 2em;
                        border-bottom: 1px solid #cccccc;
                    }

            #statement .d-section.v-transactions .d-field {
                padding: 0.5em;
                width: 50%;
            }

                #statement .d-section.v-transactions .d-field .d-content.v-amount {
                    font-size: 1.2em;
                    font-weight: bold;
                }

                #statement .d-section.v-transactions .d-field .d-content.v-green {
                    color: #3dc200;
                }

                #statement .d-section.v-transactions .d-field .d-content.v-red {
                    color: #dc1013;
                }

@media only screen and (min-width: 40em) {
    #statement .d-section.v-transactions .d-field {
        width: 33%;
    }

    #statement .d-section.v-info .d-field {
        width: 50%;
    }
}




#kzsp {
float: right;
    display: block;
    margin: 22px 5px 10px 20px;
}