/* ============================================
 Projekt:      SATELLITE

 Kunde:        DTVP

 Datum:        16.01.2020
 Version:      3.0
 Optimiert:    ab IE 11, FF, Chrome, Opera

1. Farbe: #f8b91a
Selection - Button-Hover/Focus

2. Farbe: #244f71
Algemeine Link- / Buttonfarbe - Focus Eingabeelemente  - SubNav Links Level 1

3. Farbe: #497094
Suchbox - Header Modaler Dialog - MainNav Links - Spinner

4. Farbe: #6c92b8
Legend

5. Farbe: #f8f8f8
BG Suchcontainer - Tabellen Header/Footer

================================================ */

/* ======================================================
     MAIN
========================================================= */
#mainBox.fluid {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

#mainBox.boxed1280Center {
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.75);
}

#mainBox.boxed1280Left {
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.75);
    margin: 0;
}

/* ======================================================
      HEADER
========================================================= */
#header {
    background: #fff;
}

#topHeader {
    background: #fff;
    height: 72px;
}

.topHeaderLeft {

}

.topHeaderLeft span.spanImage,
.topHeaderLeft a,
.topHeaderLeft a:hover {
    background-image: url(../images/custom/dtvp/logo_DTVP.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px;
    left: 5px;
    position: absolute;
    top: 10px;
    width: 160px;
}

.topHeaderCenter {
    position: relative;
}

.topHeaderCenter a,
.topHeaderCenter a:hover {
    background-image: url(../images/custom/dtvp/bundesanzeiger-logo.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px;
    right: 145px;
    position: absolute;
    top: 15px;
    width: 160px;
}

.topHeaderCenter a:hover {

}

.topHeaderRight {

}

.topHeaderRight a,
.topHeaderRight a:hover {
    background-image: url(../images/custom/dtvp/cosinex_logo_140x50.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px;
    right: 5px;
    position: absolute;
    top: 6px;
    width: 140px;
}

.topHeaderRight a:hover {

}

/* ======================================================
      SCHRIFTART
========================================================= */
body,
input,
select,
textarea,
.tooltip {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

/* Text markieren */
::-moz-selection {
    background: #f8b91a;
    color: #000;
}

::selection {
    background: #f8b91a;
    color: #000;
}

/* ======================================================
      DEFAULT HREF / SORTABLE TABLE / TABELLENFOOTER
========================================================= */
a,
a:visited,
    /* Dashboard TH sortieren */
th[data-sorting] span {
    background-color: transparent;
    color: #244f71;
    font-weight: normal;
    text-decoration: underline;
}

a:active {
    background-color: transparent;
    color: #244f71;
    text-decoration: underline;
}

a:hover {
    background-color: transparent;
    color: #244f71;
    text-decoration: none;
}

/* Toggle Buttons (Dreieck) PROJEKTRAUM DETAILS ZUM ANGEBOT ODER TEILNAHMEANTRAG  */
a.toggleShowFilterLeft,
a.toggleHideFilterLeft {
    border-color: #244f71; /* entspricht default Link color */
}

table tfoot td a,
table tfoot td a[name],
table.ppcBidDetailTable td a { /* Tabellen Details zum Teilnahmeantrag/Angebot - Basisdaten - Allgemeine Angaben */
    color: #244f71;
    cursor: pointer;
    text-decoration: underline !important;
}

table tfoot td a:hover,
table.ppcBidDetailTable td a:hover { /* Tabellen Details zum Teilnahmeantrag/Angebot - Basisdaten - Allgemeine Angaben */
    text-decoration: none !important;
}

/* ======================================================
       SCHRIFTGROESSEN
========================================================= */
body {
    background-color: #fff;
    color: #000;
    font-size: 14px;
}

.tooltip {
    font-size: 14px;
}

.toggleBox a,
#accessConfirmationLink h2 {
    font-size: 14px;
}

#accessConfirmationLink h2 {

}

a[name] {
    color: #000;
}

h1{
    border-bottom: none;
    border-top: none;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

h2 {
    border-bottom: none;
    border-top: none;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

h1 {
    font-size: 18px;
}

h1:before,
h2:before {

}

#dashboard .dashboard-header h2 {

}

#dashboard .dashboard-header h2:before {

}

h3,
.linkedProjectsLabel, /* Verknuepfte Projekte DropDown Ueberschrift */
h2.messageDetail, /* Ueberschrift Projektraum - Vergabeunterlagen */
.projectRoomHeads /* Ueberschrift Projektraum - Vergabeunterlagen auf Unternehmensseite */
{
    border-bottom: none;
    border-top: none;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

h2.messageDetail:before {
    display: none;
}

h4 {
    font-size: 14px;
    line-height: 1.3;
}

.tableFilterCaption,
caption {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

p,
table td,
ul.defaultList li,
ol.defaultList li {
    line-height: 1.3;
}

/* Infoboxen */
span.success,
span.info,
span.error,
span.warning {
    background-position: 5px 11px;
    color: #000;
    font-size: 14px;
    line-height: 1.3;
}

/* SubNav Abmelden mit Icon */
#subNav li.firstChildSubNav a {
    background-image: url(../images/custom/dtvp/applicationIcons/icon_logout_25x150.png);
    line-height: 3.2;
}

/* MainNav Links */
#mainNav ul li a {
    font-size: 16px;
    line-height: 2.1;
}

/* Eingabefeld Suche in MainNav*/
#permanentSearchBox input[type=text],
#permanentSearchBox input[type=text]:focus {
    font-size: 16px;
    top: -3px;
}

/* Forms / Buttons */
button,
input,
label,
select,
textarea {
    font-size: 14px;
}

input[type="button"],
input[type="submit"],
button,
p.closeWindowButton a {
    font-size: 14px;
}

/* SubNav Links */
#subNav li a,
#subNav li li a,
  /* 'Anmelden' in der SubNav */
#subNav #subActive,
#subNav li.disabled,
#subNav li li.disabled,
  /* Kennzeichnung Vergabezentrale */
#subNavCompany li.centerLabel,
#subnav a.disabled {
  font-size: 14px;
  line-height: 2.5;
}

/* Kennzeichnung Vergabezentrale */
#subNavCompany li.centerLabel {
    line-height: 2.8;
}

/* Dashboard */
table.dashboard-table tbody td a {
    font-size: 14px;
    line-height: 1.5;
}

/* TAB-Links */
/* alle anderen */
.tabHeader,
    /* auf dem dashboard */
.csx-tab {
    font-size: 12px;
    line-height: 2;
}

/*  Texte in Tabellenfilterkomponente */
.tableFilterText {
    font-size: 12px;
}

/* Aktiver Buchstabe - Suche Benutzerverwaltung */
.tableFilterVarChar .activeChar {
    background-color: #f8b91a;
    color: #000;
}

/*  Tabelle Legende */
table.legendTable {
    font-size: 12px;
    line-height: 1.3;
}

/* Fussnoten */
.mandator-footnote,
#mandatorFootnode {
    font-size: 12px;
}

/* Ueberschrift im Projektraum - Header */
#projectRoomTitleText {
    font-size: 16px;
}

/* Projektraum - Header -  Flaggencontainer fuer Vergabeart / Bekannmachungssprache und Wizard bei Verfahrensauswahl */
.flagIcon {
    top: 1px;
}

/* ============================================
          BUTTONS
================================================ */
/* BUTTONS NORMAL - VISITED - ACTIVE */
.newUploadComponentContainer .btn, /* Upload Button - Projektraum - Export */
td a.linkOpen, /* Tabelle bei verknuepften Projekten */
td a.linkClosed, /* Tabelle bei verknuepften Projekten */
.btn-link, /* Link als Button darstellen */
.btn-link:active, /* Link als Button darstellen */
.btn-link:visited, /* Link als Button darstellen */
ul.linkedProjectsShowBox li.showLinkedProjects, /* Projektraum - Verknuepfte Projekte */
ul.linkedProjectsShowBox li.linkedProjectsShowIcon, /* Projektraum - Verknuepfte Projekte */
a.btnReceipt, /* Button Sendeprotokoll */
p.closeWindowButton a, /* Schliessen Button Projektraum Unternehmen */
.communicationButtonsContainer a, /* Kommunikation Icon Empfaenger hinzufuegen/entfernen  */
.actionUpIcon, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
.actionDownIcon, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
a[name].enclapsedIcon, /* WIZARD Projektraum - Unternehmen - cpvcode - Icon (Plus) */
a[name].colapsedIcon, /* WIZARD Projektraum - Unternehmen - cpvcode - Icon (Minus) */
.btn,
.btn:active,
.btn:focus,
input[type="submit"],
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="button"],
input[type="button"]:active,
input[type="button"]:focus,
#calendarDiv a,
a.toggleLinkShow, /* toggle Button Projektraum - Projektheader */
a.toggleLinkHide, /* toggle Button Projektraum - Projektheader */
.browsePages a,
.openBoxHeadClose a, /* Modaler Dialog - Projektraum - Vorlage erstellen */
a#modal-dialog-close-button,/* Modaler Dialog - CPV Code auswaelen */
div.wicket-modal div.cosinexModal a.w_close{
    background-color: #244f71 !important;
    border: 1px solid #244f71 !important;
    color: #fff !important;
    line-height: 30px;
    text-decoration: none;
}

/* BUTTONS FOCUS */
.btn:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.btn-link:focus {
    background-color: #f8b91a !important;
    border: 1px solid #f8b91a !important;
    color: #000 !important;
}

/* BUTTONS HOVER */
td a.linkOpen:hover, /* Tabelle bei verknuepften Projekten */
td a.linkClosed:hover,
.btn-link:hover, /* Link als Button darstellen */
ul.linkedProjectsShowBox li.showLinkedProjects:hover, /* Projektraum - Verknuepfte Projekte */
ul.linkedProjectsShowBox li.linkedProjectsShowIcon:hover, /* Projektraum - Verknuepfte Projekte */
a.btnReceipt:hover, /* Button Sendeprotokoll */
p.closeWindowButton a:hover, /* Schliessen Button Projektraum Unternehmen */
.communicationButtonsContainer a:hover, /* Kommunikation Icon Empfaenger hinzufuegen/entfernen  */
.actionUpIcon:hover, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
.actionDownIcon:hover, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
a[name].enclapsedIcon:hover, /* WIZARD Projektraum - Unternehmen - cpvcode - Icon (Plus) */
a[name].colapsedIcon:hover, /* WIZARD Projektraum - Unternehmen - cpvcode - Icon (Minus) */
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
#calendarDiv a:hover,
a.toggleLinkShow:hover, /* toggle Button Projektraum - Projektheader */
a.toggleLinkHide:hover, /* toggle Button Projektraum - Projektheader */
.browsePages a:hover,
.openBoxHeadClose a:hover, /* Modaler Dialog - Projektraum - Vorlage erstellen */
a#modal-dialog-close-button:hover,/* Modaler Dialog - CPV Code auswaelen */
div.wicket-modal div.cosinexModal a.w_close:hover{
    background-color: #f8b91a !important;
    border: 1px solid #f8b91a !important;
    color: #000 !important;
    line-height: 30px;
    text-decoration: none;
    background-image: none; !important;
}

input[type="submit"][disabled],
input[type="submit"][disabled]:hover {
    background-color: #ddd !important;
    border: 1px solid #dadada !important;
}

/* BUTTONS ACTIVE */
td a.linkOpen:active, /* Tabelle bei verknuepften Projekten */
td a.linkClosed:active,
.btn-link:active, /* Link als Button darstellen */
ul.linkedProjectsShowBox li.showLinkedProjects:active, /* Projektraum - Verknuepfte Projekte */
ul.linkedProjectsShowBox li.linkedProjectsShowIcon:active, /* Projektraum - Verknuepfte Projekte */
a.btnReceipt:active, /* Button Sendeprotokoll */
p.closeWindowButton a:active, /* Schliessen Button Projektraum Unternehmen */
.communicationButtonsContainer a:active, /* Kommunikation Icon Empfaenger hinzufuegen/entfernen  */
.actionUpIcon:active, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
.actionDownIcon:active, /*  UP-DOWN-Icons ausgewaehlte Zuschlagskriterien  */
a[name].enclapsedIcon:active, /* WIZARD Projektraum - Unternehmen - cpvcode - Icon (Plus) */
a[name].colapsedIcon:active, /* WIZARD Projektraum - Unternehmen - cpvcode - Icon (Minus) */
.btn:active,
input[type="submit"]:active,
input[type="button"]:active,
#calendarDiv a:active,
a.toggleLinkShow:active, /* toggle Button Projektraum - Projektheader */
a.toggleLinkHide:active, /* toggle Button Projektraum - Projektheader */
.browsePages a:active,
.openBoxHeadClose a:active { /* Modaler Dialog - Projektraum - Vorlage erstellen */
    background-color: #f8b91a;
    border: 1px solid #f8b91a;
    color: #000;
    line-height: 30px;
    text-decoration: none;
}

/* Toggle Button Projektraum - Projektheader bzgl. border-radius */
a.toggleLinkShow,
a.toggleLinkHide,
a.toggleLinkShow:hover,
a.toggleLinkHide:hover {
    border: none;
    border-radius: 0;
}

/* Text-messagebox-head (Kommunikation eingehende Nachrichten beantworten toggle Text uebernehmen */
.text-messagebox-head a.toggleLinkShow,
.text-messagebox-head a.toggleLinkShow:active,
.text-messagebox-head a.toggleLinkShow:focus,
.text-messagebox-head a.toggleLinkHide,
.text-messagebox-head a.toggleLinkHide:active,
.text-messagebox-head a.toggleLinkHide:focus {
    border: none !important;
    background: none !important;
    color: #244f71 !important;
    font-weight: normal;
}

.text-messagebox-head a.toggleLinkShow:focus,
.text-messagebox-head a.toggleLinkHide:focus {
    outline-color: #000;
}

.text-messagebox-head a:hover {
    border: none !important;
}

/* Projektraum Bestehende Verknuepfungen Drop-Down */
ul.linkedProjectsShowBox li.linkedProjectsShowIcon {
    border-radius: 0;
}

/* Eingabefeld Suche in MainNav */
#permanentSearchBox input[type=submit] {
    background-color: #3c5a76 !important;
    background-image: url(../images/custom/dtvp/applicationIcons/bg_searchbutton_25x50.png);
    border: none !important;
}

#permanentSearchBox input[type=submit]:hover {
    background-color: #487ab9 !important;
    border: none !important;
}

#permanentSearchBox input[type=submit]:focus {
    background-color: #487ab9 !important;
    border: none !important;
}

#permanentSearchBox input[type=submit]:active {
    background-color: #f8b91a !important;
    border: none !important;
}

/* Buttons in tablefilter / Projekte suchen */
.btn-search,
.btn-reset {
    background-image: url(../images/custom/dtvp/applicationIcons/icon_search_reset_31x186.png);
}

.btn-search:active {

}

.btn-reset:active {

}

/* ============================================
          MODALER DIALOG
================================================ */
#modal-dialog-header,
.openBoxHead,
div.wicket-modal div.cosinexModal .w_caption{
    background-color: #497094;
    color: #fff;
}

/* ================================================
          PROJEKTRAUM / MODALER DIALOG - CPV CODE
=================================================== */
/* Aktiver CPV-Code Wizard Projektraum - Suche ueber Taetigkeitsbereich */
a.cpvCodeTreeContentActivTreeElement,
a.cpvCodeTreeContentActivTreeElement:hover {
    background-color: #f8b91a;
    color: #fff;
}

/* =================================================
         TOGGLE BOX / FREISCHALTUNGSBOX UNTERNEHMEN
==================================================== */
.toggleBox,
.toggleBox a.toggleShow,
.toggleBox a.toggleHide,
#accessConfirmationLink h2 /* Freischaltungsbox */
{
    background-color: #497094;
    color: #fff;
}

.toggleTxt,
#accessConfirmationLink /* Freischaltungsbox */
{
    border-color: #666666;
}

/* ============================================
          KALENDER
================================================ */
a.vmpCalendarIcon:after /* Farbe Kalender Iconhead */
{
    background-color: #3c5a76;
}

#calendarDiv .topBar,
#calendarDiv .todaysDate,
#calendarDiv .selectBox {
    background-color: #497094;
    color: #fff;
}

#calendarDiv .activeDay,
#calendarDiv #monthDropDown .monthYearActive,
#calendarDiv #yearDropDown .monthYearActive {
    background-color: #f8b91a;
    color: #fff;
}

#calendarDiv #monthDropDown .monthYearActive:hover,
#calendarDiv #yearDropDown .monthYearActive:hover {
    background-color: #f8b91a;
}

#calendarDiv #monthDropDown .monthYearActive:active,
#calendarDiv #yearDropDown .monthYearActive:active {

}

/* ============================================
          FORMS / TABS / DASHBOARD
================================================ */
#dashboard {

}

/* im Projektraum -> Unternehmen alle <legend> sollen gleich sein */
legend,
.projectRoomCompany legend.requiredLegend,
.changesToggleHead,
.changesToggleHead a {
    background-color: #6c92b8;
    color: #fff;
    font-weight: bold;
}

/* Legend Kennzeichnung 'erforderlich' */
legend.requiredLegend {
    background-color: #6c92b8;
    color: #fff;
}

/* Wenn TABs 'runde Ecken' haben sollen */
.tabHeader span,
.tabHeader li a,
#dashboard .csx-tab a {
    border-radius: 0;
}

/* AKTIVER TAB */
/* alle anderen */
.tabHeader li span {
    background-color: #f8b91a;
    color: #000;
    font-weight: bold;
}

/* auf dem dashboard */
#dashboard .csx-tab .active-tab a,
#dashboard .csx-tab .active-tab a:hover {
    color: #000;
    font-weight: bold;
}

/* INAKTIVE TABS */
/* alle anderen */
.tabHeader li a {
    background-color: #fcfcfc;
    font-weight: bold;
}

/* Projektraum - Verfahrensangaben - Submenue 2nd Level bei Sekt-VO */
#submenueAnlage .secondLevelLink.open:after,
#submenueAnlage #submenueAnlageSpan:after {
    border-bottom-color: #fcfcfc; /* entspricht bg-color .tabHeader li a */
}

.tabHeader li a:hover {
    background-color: #f8b91a;
    color: #000;
    font-weight: bold;
}

.tabHeader li a:active {

}

/* auf dem dashboard */
#dashboard .csx-tab a {
    font-weight: bold;
}

#dashboard .csx-tab a:hover {
    color: #fff;
    background-color: #f8b91a;
    font-weight: bold;
}

#dashboard .csx-tab a:active {

}

/* Dashnoard -  Hinweistexte */
#dashboard .dashboard-notes-container .date .date-bg .day {
    color: #000;
}

#dashboard .dashboard-notes-container .date .date-bg .month-year {
    background-color: #497094;
    color: #fff;
}

/* ============================================
          FORMFELDER
================================================ */
/* Eingabefeld Suche in MainNav */
#permanentSearchBox input[type=text].inputFieldFontColor {
    color: #000;
}

/* Focus bei Eingabefeldern  */
input[type="email"]:focus,
input[type="url"]:focus,
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    outline: none;
    -moz-outline: none;
    -moz-user-focus: none;
    border: 1px solid #52a8ec !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 75, 143, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 75, 143, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 75, 143, .6);
}

select,
textarea,
.countCharContainer,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"] {
    background-color: #fff;
    border: 1px solid #bbb;
    color: #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* Mandator / Kommunikation 'Text uebernehmen' */
.text-messagebox-border {
    border-color: #797979 !important;
}

/* ============================================
          PERMANENTE SUCHE
================================================ */
#permanentSearchBox {
    border: 1px solid #494a4c;
    float: right;
}

/* Wenn die Permanentsuche in der MainNav das Logo verdeckt -> Pseudo Platzhalter */
#permanentSearchDistance {

}

/* ============================================
          NEUES PROJEKT WIZARDSTEPS
================================================ */
/* Aktiver Wizard Step */
ul.wizardStepList li.wizardStepActive {
    background-color: #f8b91a;
    color: #000;
    font-weight: bold;
}

ul.wizardStepList li.wizardStepActive:after {
    border-left-color: #f8b91a !important;
}

/* ============================================
          MAINNAV
================================================ */
#mainNav {
    background: linear-gradient(to bottom, #1c3b55, #254f71 25%, #254f71 75%, #1c3b55 100%);
    border: none;
}

/* Wenn die Permanentsuche in der MainNav das Logo verdeckt -> bg-image ausblenden*/
#mainNav.mainNavNoImage {

}

/* <ul> Seite drucken */
#mainNav ul.miscellaneousNav {
    display: none; /* im Layout verankert - in DTVP ausgeblendet */
}

#mainNav ul li a {
    background-color: #497094;
    border-left: 1px solid #fff;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#mainNav ul li a:before {

}

#mainNav ul li a:hover {
    background-color: #f8b91a;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

/* Horizontaler Border bei Hover */
#mainNav ul li a:hover:before {

}

#mainNav ul li a:active {
    background-color: #f8b91a !important;
}

#mainNav ul li a:active:before {

}

/* Sticky MainNav + Permanente Suche */
#mainNav.sticky {

}

#mainNav.sticky #permanentSearchBox {

}

#mainNav .sticky-logo {
    background-image: url(../images/custom/dtvp/logo_dtvp_small.png);
}

#mainNav.sticky ul li a {

}

#mainNav.sticky ul li a:hover {

}

#mainNav.sticky ul li a:active {

}

/* =====================================================
          MAINNAV SPRACHAUSWAHL ICON
======================================================== */
.selectLanguage__button-icon {
    background-image: url(../images/custom/dtvp/applicationIcons/icon_sprachauswahl_25x100.svg);
}

#mainNav ul.selectLanguage {

}

/* SubLevel */
#mainNav ul.subLevel {
    border: none;
    color: #fff;
}

#mainNav ul.subLevel input[type=radio]:focus,
#mainNav ul.subLevel label:hover input[type=radio] {
    outline: 1px dotted #fff !important;
}

#mainNav ul.subLevel label {

}

#mainNav ul.subLevel label:hover {

}

/* SubLevel <li> */
#mainNav ul.subLevel li {
    background-color: #497094;
}

/* DropDown Symbol */
#mainNav ul.selectLanguage li a:after {

}

/* Hover parent Li bei Hover */
#mainNav ul li.mainNavSubLevel:hover {
    background-color: #8d8d8d;
}

#mainNav ul > li.mainNavSubLevel:hover > a {
    background-color: #f8b91a;
    color: #fff !important;
}

/* Kennzeichnung Dreieck fuer SubMenue bei Hover */
#mainNav ul li.mainNavSubLevel:hover a:after {

}

/* Hover parent Li bei Hover */
#mainNav.sticky ul > li.mainNavSubLevel:hover > a {
    background-color: #f8b91a;
    color: #fff !important;
}

#mainNav ul li.mainNavSubLevel:hover a:before {

}

/* Bei sticky Nav */
#mainNav.sticky ul.selectLanguage li a:after {

}

/* Hover parent Li bei Hover sticky */
#mainNav.sticky ul li.mainNavSubLevel:hover {

}

/* Kennzeichnung Dreieck fuer SubMenue bei Hover */
#mainNav.sticky ul li.mainNavSubLevel:hover a:after {

}

/* SubLevel <li> */
#mainNav.sticky ul.subLevel li {

}

/* ============================================
          MAINNAV (DTVP) UPDATE
================================================ */
#mainNav ul.mainNavDTVP {
    position: relative;
}

/* MainNav Image */
#mainNav ul.mainNavDTVP a,
#mainNav li a span.imageContainer {
    background-image: url(../images/custom/dtvp/mainNavDTVP/background_mainnav.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* ============================================
         LEVEL 1
================================================ */
/* Link Anmelden  */
#mainNav .mainNavDTVP li a.loginIconLink {
    background-color: #497094;
    background-image: none;
    padding-left: 35px;
    padding-right: 15px;
}

#mainNav .mainNavDTVP li a.loginIconLink:hover {
    background-color: #f8b91a;
}

#mainNav .mainNavDTVP li a.loginIconLink:focus {
    background-color: #f8b91a;
}

/* Icon Anmelden  */
#mainNav .mainNavDTVP li a.loginIconLink span.loginIcon {
    background-position: -111px -14px;
}

/* Icon Printer  */
#mainNav .mainNavDTVP li a.printIcon {
    background-position: -3px -7px;
    width: 25px;
}

/* Icon SubNav fuer USER-MENUE */
#mainNav .mainNavDTVP li a.userMenuIcon {
    background-position: -155px -8px;
    width: 25px;
}

#mainNav .mainNavDTVP li.userDataLevel {
    background-color: #3c5a76;
    height: 35px;
}

/* Icon SubNav fuer TOOL-MENUE */
#mainNav .mainNavDTVP li a.toolHelpIcon {
    background-position: -53px -7px;
    width: 25px;
}

/* li fuer sublevel */
#mainNav .mainNavDTVP li.mainNavSubLevel {
    position: relative;
}

#mainNav .mainNavDTVP li.mainNavSubLevel:hover { /* bg-color identisch mit #mainNav ul li a:hover */
    background-color: #8d8d8d;
    height: 35px;
}

/* Username in MainNav nach login */
#mainNav .mainNavDTVP li.userName a {
    background-image: none !important;
    cursor: help;
}

/*
#mainNav .mainNavDTVP li.userName a:hover {
    background-color: transparent;
}
*/
/* ============================================
         LEVEL 2
================================================ */
/* 2nd level fuer user- und toolmenue */
#mainNav .mainNavDTVP li ul.subLevel {
    background-color: #8d8d8d;
    cursor: pointer;
    height: auto;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: 35px;
    z-index: 5;
    -webkit-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.2);
}

#mainNav .mainNavDTVP li ul li {
    clear: left;
    display: block;
    min-width: 170px;
}

#mainNav .mainNavDTVP li ul li a {
    background-image: none;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    display: block;
    font-size: 14px;
    line-height: 2.4;
    padding-left: 35px;
    padding-right: 0;
    position: relative;
}

#mainNav .mainNavDTVP li ul li a:hover {
    background-color: #f8b91a;
}

#mainNav .mainNavDTVP li ul li:last-child a {
    border-bottom: none;
}

/* Icon Container */
#mainNav li a span.imageContainer {
    display: inline-block;
    height: 25px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 25px;
}

/* USER-MENUE */
/* Icon Logout */
#mainNav .mainNavDTVP li ul li a span.logOutIcon {
    background-position: -13px -113px;
}

/* Icon Startseite */
#mainNav .mainNavDTVP li ul li a span.overViewIcon {
    background-position: -63px -113px;
}

/* Icon Eigene Daten */
#mainNav .mainNavDTVP li ul li a span.ownDataIcon {
    background-position: -113px -113px;
}

/* Icon Edition */
#mainNav .mainNavDTVP li ul li a span.editionIcon {
    background-position: -163px -113px;
}

/* TOOL-MENUE */
/* Icon Fehler melden */
#mainNav .mainNavDTVP li ul li a span.commitBugIcon {
    background-position: -13px -63px;
}

/* Icon Plus melden */
#mainNav .mainNavDTVP li ul li a span.helpIcon {
    background-position: -63px -63px;
}

/* Icon Paragraph melden */
#mainNav .mainNavDTVP li ul li a span.agbIcon {
    background-position: -112px -63px;
}

/* Icon Briefumschlag melden */
#mainNav .mainNavDTVP li ul li a span.contactIcon {
    background-position: -163px -63px;
}

/* Icon Flagge GB melden */
#mainNav .mainNavDTVP li ul li a span.englishInstructions {
    background-position: -213px -63px;
}

/* ============================================
          SUBNAV
================================================ */
/* Login / Logout Button in SubNav ausblenden */
#subNav li.loginSubNav,
#subNav li.logoutSubNav,
#subNav li.firstChildSubNav {
    display: none;
}

#subNav {
    background-color: transparent;
    margin-top: 30px; /* hier gleich mit margin-top #content */
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
    margin-top: 30px; /* hier gleich mit margin-top #content */
    width: 200px;
}

#subNav.sticky {
    box-shadow: none;
    width: 200px;
}

/* ============================================
          SUBNAV LEVEL 1
================================================ */
#subNav ul {
    border: none;
    background-color: transparent;
}

#subNav li {
    border-bottom: 1px solid #fff;
    position: relative;
}

#subNav li:last-child {
    border-bottom: none;
}

/* AbmeldeButton in der SubNav */
#subNav li.firstChildSubNav {

}

/* bsp. Anmeldung fuer Vergabestellen NUR ein Button in der SubNav */
#subNav li.firstChildSubNav #subActive {

}

#subNav li a {
    background-color: #244f71;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#subNav li a:hover {
    background-color: #f8b91a;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#subNav li a:active {
    background-color: #f8b91a;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

/* ============================================
          SUBNAV LEVEL 2
================================================ */
#subNav ul ul {
    border: none;
    background-color: #fff;
}

#subNav li li:first-child {
    border-top: 1px solid #fff;
}

#subNav li li {

}

#subNav li li a:before {

}

#subNav li li a {
    background-color: #f8f8f8;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

#subNav li li a:hover {
    background-color: #f8b91a;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

#subNav li li a:hover:before {

}

#subNav li li a:active {
    background-color: #f8b91a;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

#subNav li li a:active:before {

}

/* ============================================
          SUBNAV LEVEL 3
================================================ */
/* Dreieck zeigt an das ein Sublevel voranden ist */
#subNav li a.subNavChildrenSign {

}

#subNav li a.subNavChildrenSign:after {
    /*
border-bottom: 7px solid;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: inline-block;
height: 0;
right:10px;
position: absolute;
top:15px;
width: 0;
    */
}

#subNav ul ul ul {

}

#subNav li li li:first-child {

}

#subNav li li li {

}

#subNav li li li a {
    padding-left: 35px;
}

#subNav li li li a#subActive {
    padding-left: 35px;
}

#subNav li li li a:hover {
    padding-left: 35px;
}

#subNav li li li.disabled {
    padding-left: 35px;
}

#subNav li li li a:before {
    background-color: transparent;
    border-left: 2px solid;
    border-bottom: 2px solid;
    bottom: 15px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 18px;
    position: absolute;
    width: 10px;
}

#subNav li li li a:hover:before {

}

/* ============================================
          SUBNAV AKTIVE LINKS LEVEL 1-2-3
================================================ */
/* Aktiver Link Verfahrensangaben im Projetkraum fuer Unternemhen - Projekt noch nicht freigeschaltet */
#subNav .subActivePopup {
    background-color: #f8b91a;
    color: #000;
    font-weight: bold;
}

/* Aktiver Link in der SubNav Level 1/2 */
#subNav ul li #subActive,
#subNav ul li #subActive:hover {
    background-color: #f8b91a;
    color: #000;
}

#subNav ul li #subActive:active {

}

#subNav ul li #subActive:before {

}

/* Aktiver Link in der SubNav Level 2 */
#subNav ul ul li #subActive,
#subNav ul ul li #subActive:hover {
    background-color: #f8b91a;
    color: #000;
}

#subNav ul ul li #subActive:active {

}

#subNav ul ul li #subActive:before {

}

/* Aktiver Link in der SubNav Level 3 */
#subNav ul ul ul li #subActive,
#subNav ul ul ul li #subActive:hover {
    background-color: #f8b91a;
    color: #000;
}

#subNav ul ul ul li #subActive:active {

}

#subNav ul ul ul li #subActive:before {

}

/* ============================================
     SUBNAV KENNZEICHNUNG DISABLED LINKS
================================================ */
/* Disabled Link in der SubNav Level 1 */
#subNav li.disabled {
    border-bottom: 1px solid #fff;
}

#subNav li li.disabled {
    border-bottom: 1px solid #fff;
}

#subNav li li li.disabled {
    border-bottom: 1px solid #fff;
}


#subNav li.disabled,
#subnav li a.disabled {
    background-color: #f8f8f8;
}

/* Disabled Link in der SubNav Level 2 */
#subNav li li li.disabled,
#subNav li li a.disabled {
    background-color: #f8f8f8;
}

/* Disabled Link in der SubNav Level 3 */
#subNav li li li.disabled,
#subNav li li li a.disabled {
    background-color: #f8f8f8;
}

#subNav li li li.disabled:last-child,
#subNav li li li a.disabled:last-child {
    border-bottom: none;
}

#subNav li li li.disabled:after,
#subNav li li li a.disabled:after {
    background-color: transparent;
    border-left: 2px solid;
    border-bottom: 2px solid;
    bottom: 15px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 18px;
    position: absolute;
    width: 10px;
}

/* ============================================
     SUBNAV KENNZEICHNUNG VERGABEZENTRALE
================================================ */
#subNavCompany ul.centerList {
    background-color: transparent;
}

#subNavCompany li.centerLabel {
    background-color: #494a4c;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

#subNavCompany ul.centerList li {

}

#subNavCompany ul.centerList a {
    background-color: #ddd;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

#subNavCompany ul.centerList a:active {
    background-color: #f8b91a;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

#subNavCompany ul.centerList a:hover {
    background-color: #f8b91a;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

#subNavCompany ul.centerList li.lastChild {

}

#subNavCompany ul.centerList a#subActive {
    background-color: #f8b91a;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

/* ============================================
          CONTENT
================================================ */
#content {
    background-color: transparent;
    border: none;
    margin: 30px 0 0 210px; /* hier gleich mit margin-top #subNav */
    padding: 0 10px;
}

/* ============================================
          FOOTER
================================================ */
#footer {
    padding-left: 220px;
}

#footer .screenReaderLinkFocus {
  color: #000;
  float: left;
}

#footer p {

}

#footer p span.footerDetails {

}

#footer p .mandatorNumber + span.footerDetails {

}

#footer .mandatorNumber {

}

/* ========================================================
         TABELLEN / PAGING / SORTING / ALLE + DASHBOARD
=========================================================== */
table thead th,
table thead th a,
th[data-sorting] span {
    font-weight: bold;
    text-decoration: none;
}

table thead th a:hover,
th[data-sorting] span:hover {

}

table thead th a:active,
th[data-sorting] span:active {

}

/* ===========================================================
         PROJEKTRAUM TABELLE / VERGABEUNTERLAGEN (DATEIUPLOAD)
============================================================== */
.uploader .uploader_img {
    border: 1px solid #3c5a76;
    background-color: #3c5a76;
    color: #fff;
}

.uploader:hover .uploader_img {
    border: 1px solid #487ab9;
    background-color: #487ab9;
    color: #fff;
}

/* ============================================
        SPINNERAUSSEHEN
================================================ */
.loading-anim-box {
    background: #497094;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    -webkit-box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.75);
}

.loading-anim-box.noBoxSahdow {
    box-shadow: none;
}

/* Spinner mit BG */
.loading-anim-box .spinner {
    border-top: 5px solid rgba(255, 255, 255, 1);
    border-right: 5px solid rgba(255, 255, 255, 0.2);
    border-bottom: 5px solid rgba(255, 255, 255, 0.2);
    border-left: 5px solid rgba(255, 255, 255, 0.2);
    -webkit-animation: loading 0.7s infinite linear;
    -moz-animation: loading 0.7s infinite linear;
    -ms-animation: loading 0.7s infinite linear;
    animation: loading 0.7s infinite linear;
}

/* Spinner kleine Variante - Verfahren in Tabelle nachladen */
.loading-anim-box-small .spinner {

}

/* Spinner steht alleine */
.loading-anim-box-spinner-only {
    background-color: transparent;
}

/* Spinner ohne BG */
.loading-anim-box-spinner-only .spinner {
    border-top: 5px solid rgba(73, 112, 148, 1);
    border-right: 5px solid rgba(200, 200, 200, 0.7);
    border-bottom: 5px solid rgba(200, 200, 200, 0.7);
    border-left: 5px solid rgba(200, 200, 200, 0.7);
    -webkit-animation: loading 0.7s infinite linear;
    -moz-animation: loading 0.7s infinite linear;
    -ms-animation: loading 0.7s infinite linear;
    animation: loading 0.7s infinite linear;
}

/* ===========================================================
      PROJEKTRAUM UNTERNEHMEN / BUTTON (TEILNEHMEN /SUBNAV)
============================================================== */
#subNav a.participateLink {

}

#subNav a.participateLink:hover {

}

#subNav a.participateLink:focus {
    background-color: #30b769 !important;
    color: #fff;
    outline: 0;
}

/* ======================================================
      ANPASSUNGEN FUER BITV FOCUS
========================================================= */
:hover,
:active,
:visited:focus {
    outline: 0;
}

#permanentSearchBox input[type="submit"]:focus {
    outline: 0 none !important;
}

/* FF fix - kein dotted Border (default vom Browser) bei focus */
#permanentSearchBox input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
    border: 0;
}

a:focus,
a:visited:focus,
select:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    box-shadow: none;
    outline: 1px dotted #494a4c;
}

/* Buttons */
input[type="submit"]:focus,
input[type="button"]:focus,
a.btn-link:focus,
a.toggleLinkShow:focus {
    background-color: #487ab9;
    color: #fff;
    outline-color: #494a4c !important;
}

/* Header */
#topHeader a:focus {
    outline-color: #494a4c;
}

/* MainNav */
#mainNav a:focus {
    outline: 0;
    background-color: #8d8d8d;
}

#mainNav a:focus:before {

}

/* Sticky MainNav */
#mainNav.sticky a:focus {

}

/* SubMenue DTVP MainNav */
#mainNav .subLevel a:focus {
    outline: 0;
    background-color: #f8b91a;
}

/* SubNav */
#subNav a:focus {
    outline: 0;
    background-color: #f8b91a !important;
    color: #000;
}

#subNav a:focus:before {

}

#subNav a#subActive:focus {
    outline: 1px dotted #494a4c;
}

/* ADDON-ONS NEUES THEMING */
.searchContainer,
table th,
.tableFilter,
table tfoot td {
    background: #f8f8f8 !important;
}

/* ============================================
          ACCESSIBLE LINK
================================================ */
.accessible {
    background-color: #fff;
    height: 32px;
    justify-content: flex-end;
    padding: 0 5px 0 0;
}

.accessible__link-icon {
    background-image: url(../images/custom/dtvp/applicationIcons/icon_accessible.svg);
}

.accessible__link,
.accessible__link:visited,
.accessible__link:hover {
    font-size: 12px;
    color: #244f71;
}

.accessible__link .accessible__link-text {
    text-decoration: underline;
}

.accessible__link:hover .accessible__link-text {
    text-decoration: none;
}

.accessible__link:focus {
    text-decoration: none;
    outline: 1px dotted #244f71;
}

/* ============================================
          SYSTEMMELDUNG PROJEKTRAUM (ON SCROLL)
================================================ */
.contentFileSystemMessage__content {
    width: calc(100% - 240px); /* Breite von SubNav */
}

.contentFileSystemMessage a:focus {
    background: none !important;
    color: #244f71 !important;
    outline: 2px dotted #244f71 !important;
}

/* =================================================
         ANZEIGE DER SYSTEMMELDUNGEN BEIM SCROLLING
==================================================== */

#mainNav .contentFileSystemMessage #expand_systemmessage ul li a {
    text-decoration: underline;
    color: #244f71;
}

#mainNav .contentFileSystemMessage #expand_systemmessage ul li a:hover {
    text-decoration: none;
}