/* // Fonts ///////////////////////////////////////////////////////////////////////////////////////////////////////// */

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    src: url('/fonts/fa-regular-400.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    src: url('/fonts/fa-solid-900.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* // General /////////////////////////////////////////////////////////////////////////////////////////////////////// */

body {
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    color: #333333;
    font-size: 12px;
}

img {
    border: none;
}

a:focus {
    outline: none;
}

div {
    margin: 0;
    padding: 0;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearFloats {
    clear: both;
}

.textLink {
    text-decoration: none !important;
    font-size: 12px;
    color: #646262 !important;
}

.textLink:hover {
    text-decoration: underline !important;
}

.newsLink,
.downloadLink {
    font-size: 12px;
}

.blueColor {
    color: #E2001A !important;
}

.errorMessage {
    color: #EA0000;
    font-weight: bold;
    border: 1px solid #EA0000;
    background: #FFE0E0;
    padding: 5px;
    margin: 5px 0 5px 0;
    text-align: center;
}

h1,
.pageHeader,
.welcomeText {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: arial, sans-serif;
    font-weight: normal;
}

h2 {
    margin: 10px 0 10px 0;
    padding: 0;
    font-size: 12px;
    font-family: arial, sans-serif;
    color: #E2001A;
}

ul.bindError {
    margin: 5px 0 5px 25px;
}

li.bindError {
    color: red;
}

ul.bindWarning {
    margin: 5px 0 5px 25px;
}

li.bindWarning {
    color: orange;
}

/* // Container ///////////////////////////////////////////////////////////////////////////////////////////////////// */

.content-layout {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: .75rem;
    padding-right: .75rem;
}

/* // Header //////////////////////////////////////////////////////////////////////////////////////////////////////// */

.header-layout {
    width: 1320px;
    box-sizing: border-box;
}

header {
    margin-top: 30px;
    background-color: transparent;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.header-image {
    display: flex;
    height: 72px;
    border-top-left-radius: 30px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMaxYMid' viewBox='0 0 61.6 50.09'%3E%3Cdefs%3E%3ClinearGradient id='Unbenannter_Verlauf_3' x1='19.09' y1='70.18' x2='35.03' y2='42.93' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.2' stop-color='%23db0517' stop-opacity='0'/%3E%3Cstop offset='0.97' stop-color='%23db0517'/%3E%3C/linearGradient%3E%3CclipPath id='clip-path'%3E%3Cpolygon points='29.58 37.24 21.81 50.09 57.79 50.09 43.83 37.33 29.58 37.24' style='fill:none'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Emarke_zugeschnitten01%3C/title%3E%3Cpath d='M17.74,50.08,35.24,20.9l10,16.6s-5.24,0-10,0-6.14,1-8.22,4.14c-1.31,2-5.18,8.45-5.18,8.45l39.79,0V34.64L40.32.06H30.25L.1,50.08Z' style='fill:url(%23Unbenannter_Verlauf_3)'/%3E%3Cg style='clip-path:url(%23clip-path)'%3E%3Cpath d='M8.2,65.93c6.88-11.34,27-45,27-45l10,16.6s-5.24,0-10,0-6.14,1-8.22,4.14c-1.31,2-5.18,8.45-5.18,8.45H71.1l-9.6-15.59L36.08-6.83a.9.9,0,0,0-1.68,0L-2,53.5A109.09,109.09,0,0,0,8.2,65.93' style='fill:%23db0517'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(90deg, #e2001a 0, #e2001a 986px, #c90015);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
    padding: 0.5rem 0.5rem 0 1rem;
}

.header-logo img {
    max-width: 300px;
}

.app-name {
    margin-left: 50px;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.headerContainer {
    background: top left no-repeat;
    width: 1266px;
    height: 106px;
    margin: 0 auto;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.webAppHeaderLogo {
    position: absolute;
    top: 35px;
    left: 15px;
    width: 250px;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.environmentLabel {
    position: absolute;
    top: 50px;
    left: 550px;
    width: 300px;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.loggedInUser {
    position: absolute;
    top: 66px;
    left: 550px;
    width: 350px;
    font-size: 12px;
    color: #ffffff;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.loggedInUser span {
    font-weight: bold;
    color: #ffffff;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
/* Wartung */
.navbar-maintenance-message {
    position: absolute;
    left: 767px;
    top: 90px;
    margin: 0;
    width: 500px;
    font-size: 12px;
    color: #e2001a;
    background-color: white;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.guiSelectionLanguage {
    margin-top: 55px;
    margin-left: -157px;
}

/* Dialog für Zustimmung zu den Nutzungsrechten von Bildern aus der Mediathek (nur BA-Systeme) */

.imageLicenceAgreementContent {
    padding: 10px;
}

.imageLicenceAgreementText {
    font-size: 18px;
}

.leftImageLicenceAgreementButton,
.rightImageLicenceAgreementButton,
.imageLicenceAgreementLink {
    display: inline-block;
    width: 275px;
    padding: 0.5rem;
    text-align: center;
    font-size: 20px;
}

.leftImageLicenceAgreementButton,
.rightImageLicenceAgreementButton {
    background: #808080;
    border: 1px solid #0000EE;
    color: #ffffff;
    cursor: pointer;
}

.rightImageLicenceAgreementButton {
    margin-left: 120px;
}

/* // Navbar //////////////////////////////////////////////////////////////////////////////////////////////////////// */

.navbar-layout {
    color: rgba(118, 118, 118, 1);
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 3px 6px #00000029;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    overflow: visible !important;
}

nav {
    margin-bottom: 1rem;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.navbar {
    overflow: visible !important;
}

.navbar-nav {
    flex-direction: row;
    padding: .5rem 0;
    border-top: none;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 0;
    align-items: center;
    display: flex;
    list-style: none;
    width: 1296px;
}

.navbar-nav li:first-of-type {
    border: none;
    flex-grow: 2;
}

.nav-item.no-link span {
    display: block;
    padding-left: 1rem;
    font-size: 1rem;
    color: #767676;
}

.nav-link {
    font-size: 1rem;
    text-decoration: none;
    padding: .5rem 1rem;
    color: rgba(118, 118, 118, 1);
    font-weight: 600;
    transition: color 0.3s ease;
}

.nav-link:hover, .nav-link:focus {
    color: rgba(226, 0, 26, 1);
}

.nav-link.disabled {
    color: rgba(118, 118, 118, 0.3);
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: rgba(118, 118, 118, 1);
}

.navbar-nav li.lang-item {
    text-align: right;
}

.navbar-nav li.lang-item i {
    margin-left: 0;
}

.lang-list {
    width: auto;
    display: inline-block;
    padding-left: 0;
}

.lang-list:focus {
    box-shadow: none;
}

.lang-list:hover, .lang-list:active, .lang-list:focus {
    color: #e2001a;
}

/* // Dropdown ////////////////////////////////////////////////////////////////////////////////////////////////////// */

.dropdown {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    overflow: auto;
}

.dropdown-menu[data-bs-popper] {
    left: 0;
    margin-top: 0.125rem;
}

.dropdown-menu-start {
    --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
}

.dropdown-menu-end {
    --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
}

.dropdown-item {
    display: block;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #767676;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #1e2125;
    background-color: #e9ecef;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #767676;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

/* // Icons ///////////////////////////////////////////////////////////////////////////////////////////////////////// */

.fa, .fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
}

.fa, .fab, .fad, .fal, .far, .fas {
    -webkit-font-smoothing: antialiased;
    font-feature-settings: normal;
    text-rendering: auto;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
}

.fa-user:before {
    content: "\f007";
}

.fad.fa-user:after {
    content: "\10f007";
}

.fa-cogs:before {
    content: "\f085";
}

.fad.fa-cogs:after {
    content: "\10f085";
}

.fa-sign-out-alt:before {
    content: "\f2f5";
}

.fad.fa-sign-out-alt:after {
    content: "\10f2f5";
}

.fa-question-circle:before {
    content: "\f059";
}

.fad.fa-question-circle:after {
    content: "\10f059";
}

.fa-globe:before {
    content: "\f0ac";
}

.fad.fa-globe:after {
    content: "\10f0ac";
}

/* // Infobar /////////////////////////////////////////////////////////////////////////////////////////////////////// */

.infobar-layout {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.px-lg-4 {
    margin-top: 1.5rem;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.px-2 {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}

.alert {
    font-size: 1rem;
    position: relative;
    padding: 1.2rem 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
    border: 1px solid transparent;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/* // Primary Navigation //////////////////////////////////////////////////////////////////////////////////////////// */

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.hiddenPrimaryNavigation {
    position: absolute;
    top: 10px;
    left: 950px;
    width: 320px;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.primaryNavigation {
    position: absolute;
    top: 10px;
    left: 950px;
    width: 280px;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.primaryNavigation li {
    float: left;
    list-style-type: none;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.primaryNavigation a {
    padding: 0 5px 0 5px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    border-left: 1px solid;
    display: block;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.primaryNavigation li:first-child a {
    border-left: 2px solid;
}

/* TODO Löschen, wenn neuer Design für alle Mandanten eingeschaltet ist*/
.primaryNavigation a:hover,
.primaryNavigation a.act {
    text-decoration: underline;
}

/* // Secondary Navigation ////////////////////////////////////////////////////////////////////////////////////////// */

div.secondaryNavigation {
    text-align: center;
    width: 1266px;
    height: 33px;
    font-size: 11px;
    background: url("/img/bg_seknav.gif") top left repeat-x;
    position: absolute;
    top: 103px;
}

.secondaryNavigation ul {
    padding: 0;
    margin: 16px 0 0 12px;
    float: left;
    text-align: center;
}

.secondaryNavigation ul li {
    display: inline;
    text-align: center;
    padding: 0;
    margin: 0;
}

.secondaryNavigation ul li a {
    padding: 0;
    margin: 0 10px 0 0;
    color: #636363;
    text-decoration: none;
    float: left;
    display: block;
}

.secondaryNavigation ul li a:hover {
    color: #E2001A;
}

.secondaryNavigation ul li a.act {
    color: #E2001A;
    text-decoration: underline;
    display: block;
}

/* // Footer //////////////////////////////////////////////////////////////////////////////////////////////////////// */

.poweredBy {
    border-top: 1px solid #DEDEDE;
    width: 1261px;
    height: 20px;
    text-align: right;
    margin: 10px 0 0 0;
    padding: 1px 5px 0 0;
    font-size: 12px;
    color: #646262;
}

.poweredBy a {
    color: #646262;
    text-decoration: none;
}

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

/* // Content /////////////////////////////////////////////////////////////////////////////////////////////////////// */

p.veranst-mager {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 8pt;
}

p.veranst-bold {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 12pt;
    font-weight: bold;
}

p {
    margin-top: 6px;
    margin-bottom: 6px;
}

#maintenanceLogin {
    border: 2px solid #FE0000;
    width: 560px;
    padding: 10px 20px;
}

div.maintenanceLogin {
    width: 560px;
}

.toolBar {
    width: 60px;
    height: 27px;
    padding-top: 28px;
    font-size: 10px;
    font-family: arial, sans-serif;
}

* html .toolBar {
    height: 55px;
}

.customBackgroundColor {
    background: #e8e9e9;
}

#newsContainer {
    width: 95%;
    padding: 10px;
    font-family: arial, sans-serif;
    font-size: 12px;
}

.noticeText {
    color: #FE0000;
}

.staticContentContainer,
.helpContainer {
    padding: 10px;
    width: 600px;
}

.helpContainer {
    width: 700px;
}

.staticContentContainer.loginText {
    width: 100px;
}

.staticContentContainer p {
    margin: 10px 0 10px 0;
}

.helpContainer a {
    text-decoration: none;
    font-size: 12px;
    color: #E2001A;
}

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

.advancedSearchLink {
    display: block;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background: url("/img/arrow_white.png") 0 3px no-repeat;
    padding-left: 10px;
}

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

.infoBox {
    background-color: #e8e9e9;
}

.supportContainer {
    width: 360px;
    height: 80px;
    margin: 18px auto;
}

.supportContainer img {
    float: left;
    margin-right: 20px;
    width: 107px;
}

.supportContainer .supportText {
    float: left;
    width: 230px;
}

/* // Image Gallery ///////////////////////////////////////////////////////////////////////////////////////////////// */

.articleCount {
    font-size: 10px;
    text-align: right;
}

.pubThumb {
    text-decoration: none;
    font-size: 10px;
    color: #333333;
}

.pubThumb:hover {
    text-decoration: underline;
    font-size: 10px;
    color: #333333;
}

.pubImage {
    text-align: center;
}

.pubText {
    text-align: center;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* // Customized Skin Styles //////////////////////////////////////////////////////////////////////////////////////// */

.buttonText,
.buttonTextDown,
.buttonTextOver,
.buttonTextFocused,
.buttonTextFocusedDown,
.buttonTextSelected,
.buttonTextSelectedDown,
.buttonTextSelectedFocused,
.buttonTextSelectedFocusedDown,
.buttonTextSelectedOver,
.buttonTextSelectedFocusedOver {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.buttonRounded img {
    opacity: 1.0;
}

.buttonRoundedDisabled img {
    opacity: 0.3;
}

.canvasHover,
.gridHover,
.formHover {
    font-family: arial, sans-serif;
    font-size: 11px;
    color: black;
    background-color: white;
    border: 1px solid #808080;
    padding: 5px;
}

.button {
    padding: 2px;
    font-family: arial, sans-serif;
    font-size: 11px;
    background-color: #CCCCCC;
    border: 1px solid white;
    border-right-color: #808080;
    border-bottom-color: #808080;
    filter: "progid:dximagetransform.microsoft.gradient(gradientType=0, startColorStr=#003399, endColorStr=#EEEEEE)";
}

.buttonDown,
.buttonFocusedDown {
    padding: 2px;
    font-family: arial, sans-serif;
    font-size: 14px;
    background-color: #AAAAAA;
    font-weight: bold;
    border: 1px solid #666666;
    border-right-color: white;
    border-bottom-color: white;
    filter: "progid:dximagetransform.microsoft.gradient(gradientType=0, startColorStr=#CCCCCC, endColorStr=#888888)";
}

.button,
.buttonDown,
.buttonOver,
.buttonFocused,
.buttonFocusedDown,
.buttonSelected,
.buttonSelectedDown,
.buttonSelectedFocused,
.buttonSelectedFocusedDown,
.buttonSelectedOver,
.buttonSelectedFocusedOver {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.buttonTitle,
.buttonTitleOver,
.buttonTitleDown,
.buttonTitleSelected,
.buttonTitleFocused,
.buttonTitleSelectedFocused,
.buttonTitleSelectedOver,
.buttonTitleFocusedOver,
.buttonTitleSelectedFocusedOver,
.buttonTitleSelectedDown,
.buttonTitleFocusedDown,
.buttonTitleSelectedFocusedDown,
.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
    font-size: 12px;
}

.toolTip {
    background: #ffffff;
    border: 1px solid #808080;
    font-family: arial, sans-serif;
    font-size: 10px;
    padding: 3px;
}

.tileToolTip {
    background: #ffffff;
    border: 1px solid #808080;
    font-family: arial, sans-serif;
    font-size: 10px;
}

.formRow,
.formCell,
.formTitle,
.formCellFocused,
.formCellDisabled,
.formTitleFocused,
.formTitleDisabled {
    background: #EFF1F1;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.formCell,
.formCellFocused,
.formCellDisabled {
    vertical-align: top;
}

/*
    BAMEDSC-1816 Klasse für weissen Hintergrund bei Radiobuttons:
    Kinder von DOM-Knoten mit class=radioButtonBgWhite, die class=formCell haben,
    erhalten einen weissen Hintergrund.
*/
.radioButtonBgWhiteDisabled .formCellDisabled,
.radioButtonBgWhite .formCell {
    background: white;
}

.textItem {
    text-align: left;
}

.bgWhite,
.bgWhiteFocused,
.bgWhiteDisabled,
.bgWhiteTextItem,
.bgWhiteTextItemFocused,
.bgWhiteTextItemDisabled,
.bgGray,
.bgGrayFocused,
.bgGrayDisabled,
.labelStyle {
    background: #ffffff;
    font-family: arial, sans-serif;
    font-size: 12px;
    vertical-align: top;
}

.bgNone {
    font-family: Arial, sans-serif;
    font-size: 12px;
    vertical-align: top;
}

.detailViewerLabelStyle {
    font-family: arial, sans-serif;
    font-size: 12px;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    text-align: left;
    font-weight: bold;
    background-color: #EEEEEE;
}

.bgWhiteTextItem,
.bgWhiteTextItemFocused,
.bgWhiteTextItemDisabled {
    padding-left: 15px;
}

/* TODO Löschen */
.bgSelectedContent {
    padding-left: 6px;
}

.noIcon {
    background: url("/img/bg_selected_no.gif") 3px center no-repeat;
}

.oneIcon {
    background: url("/img/bg_selected_one.gif") 3px center no-repeat;
}

.twoIcons {
    background: url("/img/bg_selected_two.gif") 3px center no-repeat;
}

/* TODO Löschen */
.twoIconsLong {
    background: url("/img/bg_selected_two_long.gif") 3px center no-repeat;
}

.px275 {
    background: url("/img/bg_selected_275.gif") 3px center no-repeat;
}

.grayTwoIcons {
    background: url("/img/bg_selected_gray_two.gif") top left no-repeat;
}

.bgGray,
.bgGrayFocused,
.bgGrayDisabled {
    background: #EFF1F1;
}

.bgWhiteError {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #204268;
    background-color: #CFD9F2
}

.newsCell,
.newsCellDark,
.newsCellOver,
.newsCellOverDark,
.newsCellSelected,
.newsCellSelectedDark,
.newsCellSelectedOver,
.newsCellSelectedOverDark,
.newsCellDisabled,
.newsCellDisabledDark {
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #333333;
    background-color: #e8e9e9;
}

.cellDark,
.newsCellDark {
    background-color: #e8e9e9;
}

.cellOver,
.cellOverDark,
.newsCellOver,
.newsCellOverDark {
    background-color: #C1CAE5;
    cursor: pointer;
}

.newsCell p,
.newsCellDark p,
.newsCellOver p,
.newsCellOverDark p,
.newsCellSelected p,
.newsCellSelectedDark p,
.newsCellSelectedOver p,
.newsCellSelectedOverDark p,
.newsCellDisabled p,
.newsCellDisabledDark p {
    margin: 0;
}

.newsCellSelected,
.newsCellSelectedDark {
    background-color: #FAEBB5;
}

.newsCellSelectedOver,
.newsCellSelectedOverDark {
    background-color: #F8E290;
}

.newsCellDisabled,
.newsCellDisabledDark {
    color: #999999;
    background-color: #F6F5DA;
}

.formHint {
    width: 400px;
}

.borderedBox {
    border: 1px solid #000000;
}

.borderedCell,
.borderedCellDark,
.borderedCellOver,
.borderedCellOverDark,
.borderedCellSelected,
.borderedCellSelectedDark,
.borderedCellSelectedOver,
.borderedCellSelectedOverDark {
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #333333;
    background: #ff3333;
}

.borderedCellDark {
    background-color: #E2001A;
}

.borderedCellOver,
.borderedCellOverDark {
    background-color: #ff3333;
}

.borderedCellOverDark {
    background-color: #E2001A;
}

.borderedCellSelected,
.borderedCellSelectedDark {
    background-color: #ff3333;
}

.borderedCellSelectedDark {
    background-color: #E2001A;
}

.borderedCellSelectedOver,
.borderedCellSelectedOverDark {
    background-color: #ff3333;
}

.borderedCellSelectedOverDark {
    background-color: #E2001A;
}

.faqCell,
.faqCellDark,
.faqCellOver,
.faqCellOverDark,
.faqCellSelected,
.faqCellSelectedDark,
.faqCellSelectedOver,
.faqCellSelectedOverDark {
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #333333;
    vertical-align: top;
}

.faqCellDark {
    background-color: #DBE0E0;
}

.faqCellOver,
.faqCellOverDark {
    background-color: #C1CAE5;
}

.faqCellSelected,
.faqCellSelectedDark {
    background-color: #FAEBB5;
}

.faqCellSelectedOver,
.faqCellSelectedOverDark {
    background-color: #F8E290;
}

.faqCell a,
.faqCellDark a,
.faqCellOver a,
.faqCellOverDark a,
.faqCellSelected a,
.faqCellSelectedDark a,
.faqCellSelectedOver a,
.faqCellSelectedOverDark a {
    text-decoration: none;
    color: #333333;
}

.faqCell a:hover,
.faqCellDark a:hover,
.faqCellOver a:hover,
.faqCellOverDark a:hover,
.faqCellSelected a:hover,
.faqCellSelectedDark a:hover,
.faqCellSelectedOver a:hover,
.faqCellSelectedOverDark a:hover {
    text-decoration: underline;
    color: #333333;
}

.calculatedDateLeftCell,
.calculatedDateLeftCellDark,
.calculatedDateLeftCellOver,
.calculatedDateLeftCellOverDark,
.calculatedDateLeftCellSelected,
.calculatedDateLeftCellSelectedDark,
.calculatedDateLeftCellSelectedOver,
.calculatedDateLeftCellSelectedOverDark {
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #333333;
    border-left: 1px solid #FF0000;
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
}

.calculatedDateRightCell,
.calculatedDateRightCellDark,
.calculatedDateRightCellOver,
.calculatedDateRightCellOverDark,
.calculatedDateRightCellSelected,
.calculatedDateRightCellSelectedDark,
.calculatedDateRightCellSelectedOver,
.calculatedDateRightCellSelectedOverDark {
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #999999;
    border-right: 1px solid #FF0000;
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    background: url("/img/bg_date_disabled.gif") no-repeat 2px;
}

.calculatedDateLeftCellDark,
.calculatedDateRightCellDark {
    background-color: #DBE0E0;
}

.calculatedDateLeftCellOver,
.calculatedDateLeftCellOverDark,
.calculatedDateRightCellOver,
.calculatedDateRightCellOverDark {
    background-color: #C1CAE5;
}

.calculatedDateLeftCellSelected,
.calculatedDateLeftCellSelectedDark,
.calculatedDateRightCellSelected,
.calculatedDateRightCellSelectedDark {
    background-color: #FAEBB5;
}

.calculatedDateLeftCellSelectedOver,
.calculatedDateLeftCellSelectedOverDark,
.calculatedDateRightCellSelectedOver,
.calculatedDateRightCellSelectedOverDark {
    background-color: #F8E290;
}

.printCell {
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-overflow: ellipsis;
    color: #333333;
}

.checkBoxBorder {
    background: url("/img/checkbox_border.png") no-repeat 4px 2px;
}

.dateChooserWeekend,
.dateChooserWeekendOver {
    background-color: #ffffff;
}

.dateChooserWeekendDisabled {
    color: #999999;
    background-color: #ffffff;
}

.dateChooserWeekendDark,
.dateChooserWeekendDarkOver {
    background-color: #FCF2CE;
}

.dateChooserWeekendDarkDisabled {
    color: #999999;
    background-color: #FCF2CE;
}

.primitiveSearchCanvas {
    background-color: #999999;
}

.loginFormBackground {
    background-color: #999999;
}

.loginBox {
    margin-left: 2px;
}

.imgSectionHeaderTitleOveropened,
.imgSectionHeaderOveropened,
.imgSectionHeaderOveropened div,
.imgSectionHeaderOveropened td {
    cursor: default !important;
}

.bgTransparent,
.bgTransparentFocused,
.bgTransparentDisabled,
.bgTransparentTextItem,
.bgTransparentTextItemFocused,
.bgTransparentTextItemDisabled {
    background: none !important;
}

.searchLabel,
.searchLabelFocused {
    font-family: arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

.searchField,
.searchFieldFocused,
.searchFieldTextItem,
.searchFieldTextItemFocused {
    font-size: 20px;
    color: #7f7e7e;
    margin-top: 3px;
    margin-left: 6px;
}

.coloredHeader {
    font-size: 14px;
    color: #E2001A;
    display: block;
    margin-top: 5px;
}

.linkedBoldLabel {
    color: #ffffff;
    text-decoration: none;
}

.linkedColoredLabel {
    color: #e1001a;
    text-decoration: none;
}

.linkedColoredBoldLabel {
    font-weight: bold;
    color: #e1001a;
    text-decoration: none;
}

.linkedColoredLabel:hover,
.linkedColoredBoldLabel:hover {
    text-decoration: underline;
}

.loginLabel,
.loginLabelError,
.loginLabelFocused {
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: inherit;
}

.layerOpacity {
    opacity: 0.8;
}

.uppercaseFont {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.staticTextItemForgottenPassword,
.staticTextItemForgottenPasswordDisabled,
.staticTextItemForgottenPasswordError {
    font-size: 14px !important;
}

.normal,
.normalFocused {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.defaultBorder {
    font-family: Arial, sans-serif;
    font-size: 12px;
    border: 1px solid #808080;
}

.tabTitleSelected {
    color: #ffffff;
}

.tabTitleOver,
.tabTitleDown,
.tabTitleSelectedOver,
.tabTitleSelectedDown {
    color: #cdcdcd;
}

.tabTitleDisabled,
.tabTitleSelectedDisabled {
    color: #ffffff;
}

/* // Other Styles ////////////////////////////////////////////////////////////////////////////////////////////////// */

div#homeContainer {
    text-align: right;
    font-size: 12px;
}

.image_tile img {
    max-height: 105px;
    max-width: 85px;
}

.staticLinkText {
    text-decoration: underline;
}

.staticLinkText:hover {
    cursor: pointer;
}

.text-warning {
    color: #8a6d3b;
}

.text-danger {
    color: #a94442;
}

/* BAMEDSC-975 - Formatierung des Hinweises auf vorhandene zentrale Beiträge geändert */
.newsletterMandatoryArticlesHint {
    font-family: arial, sans-serif;
    font-weight: bold;
    color: #ff0000;
}

.bgInherit {
    background: inherit;
}

/* BAMEDSC-2109: Organisationsverwaltung / Logo-Verwaltung */

/*
 * Separierende Linie in diesem DynamicForm.
 * Diese Regel ist so definiert, dass nur die oberste Tabelle des Forms betroffen ist (bei Fehler in den Formularfeldern
 * legt SmartClient weitere innere Tabelle an; diese werden damit ausgeschlossen).
 * Die separierende Linie soll erst unter der ersten 'echten' Zeile auftauchen (SmartClient legt eine leere Zeile mit
 * Höhe 0 am Anfang an und es wurde aus optischen Gründen noch eine Spacer-Zeile am Anfang angelegt).
 *
 *                                                                  leere SC-Zeile     erste Logozeile
 *                                                                  -----------------  ----------------- */
div.logoUploadForm > div > form > table > tbody > tr:nth-child(odd):not(:nth-child(1)):not(:nth-child(3)) > td {
    border-top: 2px solid grey;
    padding-top: 15px;
}

/* // Systemeinstellungen /////////////////////////////////////////////////////////////////////////////////////////// */

.i18nTranslationMissing {
    text-align: center;
    font-style: italic;
    background-color: rgba(255, 0, 0, .1);
    color: #ff0000;
}

.i18nNotTranslatable {
    text-align: center;
    font-style: italic;
    background-color: rgba(255, 127, 0, .1);
    color: #d06d00;
}

/* // Help ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.helpBoxTitle {
    font-size: 16px;
}