.fa-list-alt:before {
  vertical-align:middle;
  content:url("/img/ASPSMSWinlog_32512-6.png");
  /* filter: grayscale(100%); */
}


@font-face {
    font-family: ClaimFont;
    font-size: 25pt;
    src: url("/tmpl/fonts/lte52141.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: WeiterLinkFont;
    src: url("/tmpl/fonts/lte52141.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: NewTitleFont;
    font-size: 22pt;
    src: url("/tmpl/fonts/lte52142.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: NewSansSerifFont;
    src: url("/tmpl/fonts/lte52138.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: NewBodyFont;
    font-size: 12pt;
    src: url("/tmpl/fonts/lte52140.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: NewBodyBoldFont;
    font-size: 12pt;
    src: url("/tmpl/fonts/lte52142.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: TitleFont;
    font-size: 25pt;
    src: url("/tmpl/fonts/lte52141.ttf") /* TTF file for CSS3 browsers */
}

/*#########################################################################*/

body {
    background-color: #fff;
    color: #333;
    margin: 10px;
    font-size: 15px;
    font-weight: normal;
    font-family: NewBodyFont;
}

a {
    color: #333;
    text-decoration: underline;
}

a:active {
    color: #f00;
}

a:visited {
    color: #333;
}

pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

h3{
    margin:20px 0 5px 0;
}
.docbox h3, .docbox2 h3 {
    margin: 5px 0 5px 0;
}

ol, ul {
    margin-left: 15px;
    padding-left: 5px;
}

th, td {
    white-space: nowrap;

}

.main {
    max-width: 1064px;
    margin: auto;
    position:relative;
}

#up {
    position: fixed;
    bottom: 5px;
    right: 10px;
    font-size:20px;
    z-index:99999;
    display:none;
    cursor:pointer;
}

#up a {
    color: #0b6eae;
}

#navc {
    position: fixed;
    top: 15px;
    right: 15px;
    font-size: 20px;
    z-index: 99999;
    display: none;
}

    #navc a {
        color: #0b6eae;
    }

.mr5 {
    margin-right:5px;
}

.ml5 {
    margin-left:5px;
}

.tbl_zwischentitel {
    color: #495057 !important;
    background-color: #e9ecef !important;
    vertical-align: bottom !important;
    border-bottom: 2px solid #dee2e6 !important;
    font-weight: bold !important;
}

.mobilehide{
    display:block;
}
.mobileshow {
    display: none;
}


/*#########################################################################*/
.headerdate {
    font-size: 12px;
    font-weight: bold;
    font-family: NewBodyFont;
}

.header {
    height: 170px;
    border-radius: 8px;
    background: url(/img/header-front.jpg) top left no-repeat #0b6eae;
    position: relative;
}

.header img{
    margin:62px 0 0 20px;
}

.header select {
    position: absolute;
    right: 10px;
    bottom: 40px;
    font-size: 12px;
    font-weight: bold;
    font-family: NewBodyFont;
    color: #333333;
    padding:2px;
    border-radius:4px;
    border:1px solid #ccc;
}

.headerslogan {
    color: white;
    font-family: ClaimFont;
    font-size: 20px;
    position: absolute;
    left: 22px;
    bottom: 0;
    white-space: nowrap;
}

#menubtn {
    color: #0b6eae;
    font-size: 26px;
    margin-bottom: 30px;
    display: none;
    cursor:pointer;
}

.formBig {
    padding: 5px 15px;
    font-size: 14px;
    font-family: NewBodyFont;
}

#boxbtns .formBig {
    padding: 2px 5px !important;
    font-size: 12px;
}

.docbox, .docbox2 {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 40px;
}

/*#########################################################################*/
.cols {
    min-height: 600px;
}


.content .col1 {
    width: 220px;
    padding-left: 15px;
    margin-top: 5px;
}

.content .col1 img{
    padding:5px 0 10px 20px;
}


.content .col2 {
    width: 580px;
    margin: 40px;
    font-size: 15px;
    font-weight: normal;
    font-family: NewBodyFont;
    color: #333333;
    position: relative;
}
.content .col2b {
    width: 820px;
    margin: 40px 0 40px 40px;
    font-size: 15px;
    font-weight: normal;
    font-family: NewBodyFont;
    color: #333333;
    position: relative;
}


#boxbtns {
    text-align:right;
    display:none;
    font-size:20px;
    position:absolute;
    right:0;
    top:0;
}
#col2binfo {
    display: none;
}

.content .col3 {
    width: 200px;
    margin: 20px 0;
}

.TitleFont1 {
    font-family: NewTitleFont;
    font-size: 23px;
    color: #0b6eae;
    margin-bottom: 10px;
}
    .TitleFont1 a{
        color: #0b6eae;
    }


.TitleFont2 {
    font-family: NewTitleFont;
    font-size: 18px;
    color: #0b6eae;
    font-weight: normal;
    margin-bottom: 10px;
}

/*
.weiterLink {
    text-decoration: none;
}
*/
.docbox .body {
    font-size: 15px !important;
    color: #333;
    font-weight: normal;
    font-family: NewBodyFont;
}

.asptoken .row {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.asptoken .row div:first-child {
    font-weight: bold;
    margin-bottom: 5px;
}

.asptoken pre {
    margin:10px;
    padding:10px;
    background-color:#f9f9f9;
    border:1px dashed #ccc;
}

.body {
    font-size: 15px !important;
    color: #333;
    font-weight: normal;
    font-family: NewBodyFont;
}

.anleitung textarea, .anleitung input {
    font-size: 12px;
}


/*#########################################################################*/
/*#nav {
    width: 220px;
}*/
.nav_box {
    border-radius: 8px;
    margin-bottom: 20px;
    float: left;
    width: 220px;
}

.nav_box_tit {
    border-radius: 8px 8px 0 0;
    background: #0b6eae;
    color: white;
    font-family: NewTitleFont;
    font-size: 18px;
    padding:2px 0 2px 20px;
    cursor:pointer;
}
.nav_box_tit a {
    color: white;
    text-decoration:none;
}

.nav_box_item {
    background: #efefef;
    border-bottom: solid 2px #fff;
    border-right: none;
    padding: 4px 0 2px 20px;
    font-family: NewSansSerifFont;
    font-size: 15px;
    font-weight: normal;
    color: black;
    text-decoration: none;
    cursor:pointer;
}
    .nav_box_item a {
        text-decoration: none;
    }


.nav_box .brtop {
    border-radius: 8px 8px 0 0;
}
.nav_box .brbottom {
    border-radius: 0 0 8px 8px;
    margin-bottom: 10px;
}


.nav_box_item:hover {
    background: #ddd;
}

    .nav_box_item:last-child {
        border-radius: 0 0 8px 8px;
    }

/*#########################################################################*/

.box{
    margin-bottom:20px;
}

.box_tit {
    border-radius: 8px 8px 0 0;
    background: #0b6eae;
    color: white;
    font-family: NewTitleFont;
    font-size: 18px;

    /*padding: 2px 0 2px 20px;*/

    padding: 2px 0;
    text-align: center;
}
.box_tit a {
    color: white;
    text-decoration:none;
}

.box_content {
    background: #efefef;
    border-right: none;
    padding: 15px 10px;
    font-family: NewSansSerifFont;
    font-size: 14px;
    font-weight: normal;
    color: black;
    text-decoration: none;
    border-radius: 0 0 8px 8px;
    text-align: center;
    position: relative;
}
    .box_content a {
        text-decoration: none;
    }

    .box_content .more {
        position: absolute;
        right: 10px;
        bottom: 5px;
        color: #545b62;
        /*font-size:20px;*/
    }

.bodyerror {
    margin-bottom:0;
}


.latestnews {
    border-radius: 8px;
    border:2px solid #0b6eae;
    padding:10px;
}

    .latestnews a {
        text-decoration: none;
    }

.bodybold{
    font-weight:bold;
}
.weiterLink {
    text-decoration: none;
    font-family: WeiterLinkFont;
    font-size: 14px;
    font-weight: bold;
    color: #0b6eae;
}


.tabletdbr td {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.tablenoborder  td{
    border:none;
}

.abolist div:nth-child(5)
{
    display:none;
}

.bodyXsmall {
    font-size: 11px;
}
/*#########################################################################*/
.footer {
    margin-bottom: 50px;
}

    .footer .bluebar {
        border-radius: 8px;
        background: #0b6eae;
        height: 30px;
        margin: 20px 0;
    }

    .footer .row {
        margin:0;
    }

.footer .col1 {
    width: 220px;
    padding-left: 20px;
}

.footer .col2 {
    width: 300px;
}

.footer .col3 {
    width: 320px;
}

.footer .payment{
    text-align:center;
    margin:30px 0;
}
    .footer .payment img{
        margin: 10px;
    }

.footer .sq {
    border-radius: 8px;
    border: 2px solid #0b6eae;
    padding: 20px;
    font-size: 14px;
    position:relative;
}

/*
.footer .sq img{
        position: absolute;
        top:20px;
        right:20px;
    }
*/


.footer .partner {
    text-align: center;
    margin: 30px 0;
}

    .footer .partner img {
        margin: 10px;
    }

.footer .greybar {
    border-radius: 8px;
    background: #efefef;
    margin: 20px 0;
    text-align: right;
    padding: 6px;
    font-size: 14px;
    font-weight: normal;
    font-family: NewBodyFont;
}
    .footer .greybar a {
        color: gray;
        text-decoration: none;
    }

    /*#########################################################################*/

@media (max-width: 1083.98px) {
    .content .col1 {
        display: none;
        overflow: auto;

        /*position: absolute;
        left: 5px;
        top: 250px;
        z-index: 999;
        background: #fff;
        border: 2px solid #0b6eae;
        padding: 0;
        width: 224px;
        height:400px;*/

        position: fixed;
        top: -5px;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: auto;
        background:#fff;
        z-index:888;
        width:100%;
        padding:20px;
    }

    #navspacer{
        display:none;
    }

    /*#nav {
        margin: auto;
        width: 50%;
    }*/
    #navc {
        display: block;
    }

    .nav_box {
        margin: 0 20px 20px 0;
    }

    .content .col1 img {
        display: none;
    }

    .content .col2, .content .col2b {
        margin: 20px;
    }

    #menubtn {
        display: block;
    }
}

@media (max-width: 900px) {
    .footer .col3 {
        margin: 20px 0 0 20px;
    }

    .content .col2b {
        margin:20px;
    }

}

@media (max-width: 840px) {
    #boxbtns, #col2binfo {
        display: block;
    }

    #col3blogin, #col3breg, #col3bstatus, #col3binfo {
        display: none;
    }

    .latestnews {
        max-width:580px;
        margin: 20px;
        width: auto;
    }

    .content .col3 {
        width: auto;
    }

    .mobilehide {
        display: none;
    }

    .mobileshow {
        display: block;
    }

    .docbox .body {
        font-size: 12px !important;
    }
   
}


@media (max-width: 570px) {
    .footer .col2 {
        margin: 10px 0 0 20px;
    }

    .abolist div:nth-child(4) {
        display: none;
    }

    .abolist div:nth-child(5) {
        display: block;
        margin-bottom: 10px;
    }

    ol.TitleFont2 .body {
        margin-left:-15px;
        /*width:90vw;*/
    }


}

@media (max-width: 530px) {
    .headerslogan {
        font-size: 16px;
        bottom: 3px;
    }

    .docbox, .docbox2 {
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    .docbox {
        font-size: 12px;
    }

    
    .anleitung textarea {
        font-size: 11px;
        padding:5px;
    }
    .anleitung input {
        font-size: 11px;
    }


}

@media (max-width: 440px) {
    .headerslogan {
        font-size: 14px;
        bottom: 4px;
    }
    .header img{
        width:300px;
        height:39px;
    }

    #boxbtns .formBig {
        padding: 2px 3px !important;
        font-size: 11px;
    }

    table {
        font-size: 12px !important;
    }
    pre {
        font-size: 11px !important;
    }
}

@media (max-width: 360px) {
    .headerslogan {
        font-size: 12px;
        bottom: 5px;
    }

    .header img {
        width: 260px;
        height: 34px;
    }

    table {
        font-size: 11px;
    }
    .btn-sm {
        font-size: .7rem !important;
    }
}


@media (min-width: 1084px) {
    .content .col1 {
        display: block;
    }

    #navc {
        display: none;
    }

    #navspacer {
        display: block;
    }

}