@font-face {
    font-family: 'Arno W01 Regular';
    src: url("../font/arno/regular-eot.eot");
    src: url("../font/arno/regular-eot.eot?#iefix") format("embedded-opentype"), url("../font/arno/regular-woff.woff") format("woff"), url("../font/arno/regular-ttf.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arno W01 Bold';
    src: url("../font/arno/bold-eot.eot");
    src: url("../font/arno/bold-eot.eot?#iefix") format("embedded-opentype"), url("../font/arno/bold-woff.woff") format("woff"), url("../font/arno/bold-ttf.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

#fixedarea {
    border-top: 5px solid #135f8E;
    background-color: #F3F5F4;
    /*font-family: Arno W01 Regular,Georgia,Times New Roman,Times,serif;*/
    min-height: 175px;
}
#benutzerleiste {
    margin: 0 auto;
    background-color: transparent;
    position: relative;
}

#benutzerleiste, .login #content_container {
    border-bottom: none;
    max-width: 1200px;
}

#scrollarea {
    margin: 0 auto;
    max-width: 1200px;
}    

#benutzerleiste #logo {
    height: auto;
    width: 22rem;
    max-width: 100%;
}

#benutzerleiste #logo img {
    width: 100%;
    min-height: 96px;
    /* following additional line needed for IE and old Edge only */
    height: 96px;
    margin-left: -1.55em;
    padding: 31px 0 9px 0;
}

#benutzerleiste #logo h1 {
    clear: left;
    padding-bottom: 5px;
}

#iktlogo {
    padding: 62px 2px 0 0;
    height: 84px;
}

#favoritenleiste {
    border: none;
    border-top: 0;
    background-color: #FFF;
    padding-bottom: 15px;
    padding-left: 1em;
    padding-right: 1em;
}

#hauptnav li.active, #hauptnav li:hover {
    background-color: #135f8e;
}

#hauptnav li.active a, #hauptnav li:hover  a{
    color: #fff;
}

#hauptnav li {
    background-color: #f3f5f4;
}

#scrollarea, #hauptnav {
    top: 16em;
}

#userinfo {
    float: left;
    clear: none;
    margin-top: 50px;
    left: 0;
    position: relative;
    top: 0;
    margin-left: 15px;
}

#benutzerleiste #logo h1 a {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    margin-left: 1em;
    font-family: Arno W01 Regular,Georgia,Times New Roman,Times,serif;
    color: #135f8e;
}

#benutzerleiste #logo h1 a::before {
    content: "";
    background: transparent url(/resources/images/icons/home_ikt_blue.svg) no-repeat scroll left 50%;
    position: absolute;
    top: 1px;
    left: -31px;
    width: 1em;
    height: 1em;
}

#fieldset_container {
    border: none;
    min-height: 0;
    font-size: 0.8em;
    font-family: Arial,Georgia,Times New Roman,Times,serif;
}

.login #fieldset_container .steuerleistebreit {
    margin: 1em 0 0 0;
}

#fieldset_container.forgotPW fieldset {
    margin: 1em 0 1em 0;
}

#fieldset_container.forgotPW div.eingabe label {
    padding-top: 5px;
}

#fieldset_container.forgotPW div.eingabe input {
    float: none;
}

#fieldset_container .steuerleistebreit .buttonbreit, #loginField input[type="submit"] {
    color: #FFF;
    width: 190px;
    /* padding: 6.4px 70px; */
    padding: 6.4px;
    border: none;
    background-color: #135F8E;
    font-size: 15px;
    cursor: pointer;
    -webkit-appearance: none;
}

#fieldset_container #info {
    margin-top: .8em;
}

#fieldset_container #mobileTAN #warning {
    color: #FF0000;
    border: 2px solid #ff0000;
    font-size: 1em;
    padding: 4px;
}    

div.pwd_forgotten {
    width: 84%;
}

#fieldset_container .tan_input_field_div {
    margin-top: 12px;    
}

.login div.eingabe input {
    border: 1px solid #CFD0D1;
    width: 39%;
}

#logincontent div.eingabe label:before {
    content: "";
    width: 45%;
    display: inline-block;
}

.login #loginField div.eingabe label {
    text-align: left;
    width: 35%;
    color: #135F8E;
}

#favoriten {
    border-bottom: 2px solid #B6B6B6;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

#favoriten > a:after {
    content: "FAVORITEN";
    margin-left: 9px;
    bottom: 2px;
    position: relative;
    font-family: Arno W01 Regular,Georgia,Times New Roman,Times,serif;
    font-weight: 400;
    font-size: 21px;
    color: #444;
}

div#scrollarea:after, #loginField .eingabe:after {
    content: "";
    display: block;
    clear: both;
}

#links {
    background-color: #135f8e;
    min-width: 280px;
    position: absolute;
    line-height: 3em;
}

#links li a {
    color: #fff;
    height: 2.7em;
}

#links ul li.first_element {
    padding: 0em 1em 0em 1em;
}

#links ul li {
    border-right: 3px solid #fff;
    height: 3.5em;
    padding: 0em 1em 0em 1em;
}

#links ul li:hover {
    background-color: #105179;
}

#userinfo ul li {
    border-right: none;
    float: none;
}

#applicationlist td,
#applicationlist th {
    /* font-size: 14px; */
    font-size: .875rem;
    font-family: Arial,Georgia,Times New Roman,Times,serif;
}
#applicationlist th {
    font-weight: bold;
}

a.applist_block {
    line-height: 1.25;
    font-weight: normal;
    margin-top: 5px; margin-bottom: 5px;
    text-decoration: none;
    color: #3D3D3E;
}

#applicationlist table td {
    line-height: 1.25;
    color: #3D3D3E;
    padding-top: 5px; padding-bottom: 5px;
}

#applicationlist .application_not_active td, #applicationlist .application_not_active:hover td, #applicationlist .application_not_active td a {
    color: #aaa;
    cursor: not-allowed;
}

#applicationlist .application_not_active td:nth-child(4), #applicationlist .application_not_active td:nth-child(4) a {
    cursor: default;
}

/*#applicationlist .application_not_active td:nth-child(2) a {
    font-weight: bold;
    color: #aaa; 
}*/

#applicationlist .application a {
    font-weight: bold;
    color: #135f8e; 
}

a, .dummyLinkSpan {
    color: #135f8e;
}

#content h2, legend {
    font-family: Arno W01 Regular,Georgia,Times New Roman,Times,serif;
    color: #135f8e;
    font-weight: 400;
    line-height: 1.1;
    border-bottom: 2px solid #B6B6B6;
}

#hauptnav a, #favoritenleiste ul li a {
    font-family: Arial,Georgia,Times New Roman,Times,serif;
    color: #444;
    font-weight: bold;
}

#favoritenleiste ul li a:last-child {
    position: relative;
    font-size: 14px;
    color: #135F8E;
}

#favoritenleiste ul li {
    border-right: 0;
    background-color: #F3F5F4;
    border-radius: 5px;
    border: 1px solid #C3C7C8;
    padding: 5px 15px 5px 15px;
    margin: 12px 10px 0 0;
    width: 183px;
}

#links ul li a.backgroundimg {
    padding-left: 2em;
}

#links a {
    /* font-family: Arno W01 Regular,Georgia,Times New Roman,Times,serif; */
    font-size: 1.2em;
    /* height: 1.4em; */
}

ul li #logout {
    width: 75px;
    padding: 0;
    text-align: center;
    /* text-align: right; */
    /* font-family: Arno W01 Bold,Georgia,Times New Roman,Times,serif; */
    /* font-weight: normal; */
}

#UIDPWDPlugin div.eingabe label {
    /*font-size: 1.3em;*/
    width: 11em;
    text-align: left;
    line-height: 1.9;
    margin-left: 1.15em;
}

#infoBox {
    left: 345px;
}

#logincontent  div.eingabe label {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 3px;
    width: 14em;
}

div.eingabe input {
    height: 1.8em;
    padding: 0 5px 0 5px;
}

#popup #benutzerleiste {
    border: 0;
    background-color: transparent;
    min-height:0;
}

.info {
    background-color: #f3f5f4;
}

#fieldset_container h3 {
    background-color: #135f8e;
    color: #fff;
}

#fieldset_container h3 a {
    color: #fff;
}

.topRight, #popup ul>li>a {
    color: #135f8e;
}

#favorites_list {
    border: 1px solid #135f8e;
}

#fixedarea {
    position:relative !important;
}

#scrollarea, #hauptnav {
    top: 0;
}

#scrollarea {
    margin-top: 2em;
}

body, #benutzerleiste {
    min-width: 0;
}


#hauptnav {
    margin: 0;
    position: relative;
    float: left;
    width: 20%;
}

#content_container {
    margin-left: 0;
    margin-right: 0;
    width: 78%;
    float: right;
}

.login #content_container {
    width: 100%;
    float: none;
    margin: 0 auto !important;
}

.login #fieldset_container {
    border: none;
}

.login h2#loginBlock {
    border-bottom: none;
    background-color: #135F8E;
    color: #FFF;
    padding: 12px;
    font-size: 1.3em;
    border-bottom: 12px solid;
    border-color: #E7EFF3;
}

.login #loginField fieldset {
    background-color: #E7EFF3;
    /* padding: 15px 0 0 0; */
    margin: 0px;
    border: none;
}

.login #loginField fieldset.fragment2 {
    background-color: #E7EFF3;
    border-top: 15px solid;
    border-color: #E7EFF3;
    /* border: none; */
}

#userinfo form {
    margin-top: 0;
}
#userinfo li {
    font-family: Arial,Georgia,Times New Roman,Times,serif;
    font-size: 14px;
}

#footer, #favorites_list td, #favorites_list th {
    font-family: Arial,Georgia,Times New Roman,Times,serif;
    font-size: 14px;
}

#footer {
    position: relative;
    top:0;
    background: none;
}

#favoritenleiste {
    width: 100%;
    float: none;
    box-sizing: border-box;
    /* max-width: 1200px; */
    margin: 0 auto;
}

#fieldset_container #loginField span {
    font-size: 16px;
} 

#navigation li.closed a {
    opacity: 0;
    width: 31px;
    padding: 0;
    overflow: hidden;
}

#navigation li a {
    visibility: visible;
    opacity: 1;
    transition: none;
}

#hauptnav a {
    padding-left: 2.7em;
    font-size: 0.8em;
}

#hauptnav #navigation li {
    background-color: #f3f5f4;
}
#hauptnav #navigation li.active, #hauptnav #navigation li:hover, ul#navigation li#navigationToggle.closed:hover {
    background-color: #135f8e;
}
#hauptnav li.closed {
    width: 31px;
    border-left: 1px solid #C3C7C8;
    border-right: 1px solid #C3C7C8;
}
#hauptnav li {
    /* with of expanded navigation menue */
    width: 13em;
    transition: none;
    height: 1.5em;
    line-height: 1.5em;
    margin-bottom: 0;
    border-left: 1px solid transparent;
}

#applications {
    background: transparent url(/resources/images/icons/application.svg) no-repeat scroll 5px 50%;
    background-size: 23px 23px;
}
#applications.closed {
}
#applications a {
    background: none;
}
#applications a:hover, li#applications.active a  {
    background-image: none;
}
li#applications.active:not(.closed) {
    background: #135f8e url("/resources/images/icons/application_ikt_white.svg") no-repeat scroll 4px 50%;
    background-size: 23px 23px;    
}
li#applications.active {
    background: #135f8e url("/resources/images/icons/application_ikt_white.svg") no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}

#favorites {
    background: transparent url(/resources/images/icons/favorite.svg) no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}
#favorites a {
    background: none;
}
#favorites a:hover, li#favorites.active a {
    background-image: none;
}
li#favorites.active:not(.closed) {
    background: #135f8e url("/resources/images/icons/favorite_ikt_white.svg") no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}
li#favorites.active {
    background: #135f8e url("/resources/images/icons/favorite_ikt_white.svg") no-repeat scroll 50% 50%;
    background-size: 23px 23px;
}

#navigation #password {
    background: transparent url(/resources/images/icons/password.svg) no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}
#hauptnav #password a {
    background: none;
}
#hauptnav #password a:hover, #hauptnav  li#password.active a {
    background-image: none;
}
#hauptnav li#password.active:not(.closed) {
    background: #135f8e url("/resources/images/icons/password_ikt_white.svg") no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}
#hauptnav li#password.active {
    background: #135f8e url("/resources/images/icons/password_ikt_white.svg") no-repeat scroll 50% 50%;
    background-size: 23px 23px;
}

#message {
    background: transparent url(/resources/images/navigation/message_grey.png) no-repeat scroll 4px 50%;
}
#message a {
    background: none;
}
#message a:hover, li#message.active a {
    background-image: none;
}
li#message.active:not(.closed) {
    background: #135f8e url("/resources/images/navigation/message_white.png") no-repeat scroll 4px 50%;
}
li#message.active {
    background: #135f8e url("/resources/images/navigation/message_white.png") no-repeat scroll 50% 50%;
}

#handy {
    background: transparent url(/resources/images/icons/handy-tan.svg) no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}
#handy a {
    background: none;
}
#handy a:hover, li#handy.active a {
    background-image: none;
}
li#handy.active:not(.closed) {
    background: #135f8e url("/resources/images/icons/handy-tan_ikt_white.svg") no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}
li#handy.active {
    background: #135f8e url("/resources/images/icons/handy-tan_ikt_white.svg") no-repeat scroll 50% 50%;
    background-size: 23px 23px;
}

#cache_loeschen {
    background: transparent url(/resources/images/icons/refresh.svg) no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}
#cache_loeschen a {
    background: none;
}
#cache_loeschen a:hover, li#cache_loeschen.active a {
    background-image: none;
}
li#cache_loeschen.active:not(.closed) {
    background: #135f8e url("/resources/images/icons/refresh_ikt_white.svg") no-repeat scroll 4px 50%;
    background-size: 23px 23px;
}
li#cache_loeschen.active {
    background: #135f8e url("/resources/images/icons/refresh_ikt_white.svg") no-repeat scroll 50% 50%;
    background-size: 23px 23px;
    /*background-size: 75%;*/
}

.info {
    background-color: transparent;
    border: 0;
}
#error {
    border: 4px solid #ff0000;
    color: #ff0000;
}

div.pwd_forgotten a {
    color: #135f8e;
    padding-left: 0;
}

div.pwd_forgotten {
    text-align: left;
}

div.pwd_forgotten::before {
    width: 47.5%;
    content: "";
    display: inline-block;
}

#popup #content_container {
    margin: auto !important;
    float: none;
}

/* kann entfallen, da colour.css dies enthaelt
table tr.application_not_active td, table tr.application_not_active td a {
    color: #aaa;
}*/

#applicationlist table {
    width: 100%;
    margin-left: 0;
}

#applicationlist table tr, #favorites_list table tr {
    border-bottom: 1px solid #C3C7C8;
}

#hauptnav #navigation li {
    background-color: #FFF;
    border-bottom: 1px solid #C3C7C8;
}

table tr.bgdark td, #applicationlist tr.unclickable_applikation_bgdark td {
    background-color: #F3F5F4;
}

#fieldset_container h2 {
    font-size: 21px;
    color: #444;
}

ul#navigation li#navigationToggle {
    content: " ";
    background: transparent url("/resources/images/icons/close.svg") no-repeat scroll 3% 50%;
    width: 23px;
    height: 23px;
    display: block;
    border: 1px solid #C3C7C8;
    margin-bottom: 0px;
    padding: 4px;
    background-origin: content-box;
}

ul#navigation li#navigationToggle.closed {
    background: transparent url("/resources/images/icons/menu.svg") no-repeat scroll 3% 50%;
}

#favorites_list {
    border: none;
}

#favoriten > a {
    color: #444;
    font-size: 16px;
}
#favoriten > a > img {
    margin-top: 0.1em;
}

#favorites_list .info, #favorites_list #fehler {
    margin: 1em 0;
    padding-left: 0;
}

fieldset#UIDPWDPlugin {
    padding: 10px 10px 15px 10px;
    margin: 0;
    background-color: #F3F5F4;
    margin-top: 20px;
} 

fieldset#mobileTAN {
    padding: 10px 10px 15px 10px;
    margin: 0;
    background-color: #F3F5F4;
    margin-top: 20px;
}
#fieldset_container .steuerleistebreit {
    margin-top: 10px;
    margin-right: 0;
}
#links ul {
    padding-top: 0;
    padding-left: 0;
    
}

#contact {
    background: transparent url(/resources/images/navigation/contact.svg) no-repeat scroll 50%;
    /* background-size: 17px 18px; */
    background-size: unset;
}
#help {
    background: transparent url(/resources/images/navigation/help.svg) no-repeat scroll 50%;
    background-size: unset;
}
#logout {
    background: transparent url(/resources/images/navigation/logout.svg) no-repeat scroll left 40%;
    /* background-size: 23%; */
    background-size: 24px 24px;

}

#applicationlist tr.unclickable_applikation_bglight td:nth-child(3), #applicationlist tr.unclickable_applikation_bgdark td:nth-child(3),
#applicationlist tr.unclickable_applikation_bglight td:nth-child(4), #applicationlist tr.unclickable_applikation_bgdark td:nth-child(4) {
    font-size: .875rem;
}

form[action="/?selectedTab=mobileTan"] span {
    padding: 1em;
    background-color: #F3F5F4;
    border: 1px solid #8c9288;
    display: block;
}
form[action="/?selectedTab=mobileTan"] input[type="submit"] {
    float: right;
    -webkit-appearance: none;
}
#fieldset_container.forgotPW {
    margin: 0;
}

#info_img_uid {
    height: 1.5em;
    margin-left: 5px;
    margin-top: 2.5px;
}

.favorites_header img {
    height: 1.2em;
    margin-left: 2px;
}

.legend-slo { 
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    padding-left: 1em;
}