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

 Kunde:        RHEINLAND

 Datum:        05.01.2016
 Version:      2.0
 Optimiert:    ab IE 9, FF, Chrome, Opera

1. Farbe: #5959ff;
Allgeimene Linkfarbe - Tabellen Links Header

2. Farbe: #3a506b;
Ueberschriften h2/h4/caption - Projekttitel P-Raum Header - Legend - TAB/SubNav Hover

3. Farbe: #e0292e  (Aktive Status Anzeige:)
Filterung nach Buchstaben  - Kalendertag - Standanzeiger SubNav - Projekt Wizardger SubNav -

4. Farbe #b8c7d8
 kalender - SubNav

5. Farbe: #62768a
OpenBox - Wizard - Toggleboxen

6. Farbe: #d6dfe9
SubNav Level 2
================================================ */

/* ======================================================
     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-color: #fff;
    background-image: url(../images/custom/rheinland/rheinland_back_header.jpg);
    background-position: -114px bottom;
    background-repeat: no-repeat;
    height: 110px;
}

#topHeader {
    background: #fff;
}

.topHeaderLeft {

}

.topHeaderLeft a,
.topHeaderLeft a:hover {
    background-image: url(../images/custom/rheinland/logo_nrw.gif);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}

.topHeaderCenter {
    position: relative;
}

.topHeaderCenter a,
.topHeaderCenter a:hover {
    cursor: default;
    display: inline-block;
    height: 80px;
    left: 180px;
    position: absolute;
    top: 30px;
    width: 450px;
    z-index: 1;
}

.topHeaderCenter a:hover {

}

.topHeaderRight a,
.topHeaderRight a:hover {
    background-image: url(../images/custom/rheinland/logo_kreis_mettmann.gif);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    right: 10px;
    position: absolute;
    top: 13px;
    width: 158px;
}

.topHeaderRight a:hover {

}

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

/* Text markieren */
::-moz-selection {
    background: #3a506b;
    color: #fff;
}

::selection {
    background: #3a506b;
    color: #fff;
}

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

a:active {
    background-color: transparent;
    color: #5959ff;
    text-decoration: underline;
}

a:hover {
    background-color: transparent;
    color: #5959ff;
    text-decoration: none;
}

/* Toggle Buttons (Dreieck) PROJEKTRAUM DETAILS ZUM ANGEBOT ODER TEILNAHMEANTRAG  */
a.toggleShowFilterLeft,
a.toggleHideFilterLeft {
    border-color: #5959ff; /* 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: #5959ff;
    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: #3a506b;
    font-size: 18px;
    font-weight: bold;
}

h2 {
    border-bottom: none;
    border-top: none;
    color: #3a506b;
    font-size: 16px;
    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: #3a506b;
    font-size: 14px;
    font-weight: bold;
}

h2.messageDetail:before {
    display: none;
}

h4 {
    color: #3a506b;
    font-size: 14px;
    line-height: 1.3;
}

.tableFilterCaption,
caption {
    color: #3a506b;
    font-size: 15px;
    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/rheinland/applicationIcons/icon_logout_25x150.png);
    line-height: 3.2;
}

/* MainNav Links */
#mainNav ul li a {
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.5;
}

/* 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: #e0292e;
    color: #fff;
}

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

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

/* Ueberschrift im Projektraum - Header */
#projectRoomTitleText {
    color: #3a506b;
    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: #ccc !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    line-height: 30px;
    text-decoration: none;
}

/* BUTTONS FOCUS */
.btn:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.btn-link:focus {
    background-color: #32506b !important;
    border: 1px solid #32506b !important;
    color: #fff !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: #32506b !important;
    border: 1px solid #32506b !important;
    color: #fff !important;
    line-height: 30px;
    text-decoration: none;
    background-image: none; !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 */
a#modal-dialog-close-button:active { /* Modaler Dialog - CPV Code auswaelen */
    background-color: #32506b;
    border: 1px solid #32506b;
    color: #fff;
    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: #5959ff !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: #ccc !important;
    background-image: url(../images/custom/rheinland/applicationIcons/bg_searchbutton_25x50.png);
    border: none !important;
}

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

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

#permanentSearchBox input[type=submit]:active {

}

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

.btn-search:active {
    background-position: center -31px;
}

.btn-reset:active {
    background-position: center -124px;
}

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

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

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

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

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

#calendarDiv .topBar,
#calendarDiv .todaysDate,
#calendarDiv .selectBox {
    background-color: #b8c7d8;
    color: #000;
}

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

#calendarDiv #monthDropDown .monthYearActive:hover,
#calendarDiv #yearDropDown .monthYearActive:hover {
    background-color: #3a506b;
    color: #fff;
}

#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: #3a506b;
    color: #fff;
    font-weight: normal;
}

/* Legend Kennzeichnung 'erforderlich' */
legend.requiredLegend {
    background-color: #e0292e;
    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 {
    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;
    text-decoration: none;
}

/* 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: #3a506b;
    color: #fff;
    font-weight: bold;
}

.tabHeader li a:active {

}

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

#dashboard .csx-tab a:hover {
    color: #fff;
    background-color: #3a506b;
    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: #3a506b;
    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 #797979;
    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 #32506b;
    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: #e0292e;
    color: #fff;
    font-weight: bold;
}

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

/* ============================================
          MAINNAV
================================================ */
#mainNav {
    background-color: #32506b;
    background-image: url(../images/custom/rheinland/bg_mainnav_rheinland.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}

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

}

/* <ul> Seite drucken */
#mainNav ul.miscellaneousNav {

}

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

#mainNav ul li a:before {

}

#mainNav ul li a:hover {
    text-decoration: underline;
}

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

}

#mainNav ul li a:active {

}

#mainNav ul li a:active:before {

}

/* Sticky MainNav + Permanente Suche */
#mainNav.sticky {
    background: #32506b;
}

#mainNav.sticky #permanentSearchBox {
    background: #fff;
    border: 1px solid #32506b;
}

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

#mainNav.sticky ul li a {
    line-height: 2.4;
}

#mainNav.sticky ul li a:hover {

}

#mainNav.sticky ul li a:active {

}

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

.selectLanguage__button::after {
    top: 10px;
}

#mainNav ul.selectLanguage {

}

/* SubLevel */
#mainNav ul.subLevel {
    border: none;
    color: #fff;
    top: 23px !important;
}

#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 {
    text-decoration: underline;
}

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

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

}

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

#mainNav ul li.mainNavSubLevel:hover a {
    text-decoration: underline;
}

#mainNav ul li.mainNavSubLevel:hover a {

}

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

}

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

}

/* Bei sticky Nav */
#mainNav.sticky ul.subLevel {
    top: 35px !important;
}

#mainNav.sticky ul li a {
    align-items: center;
}

#mainNav.sticky .selectLanguage__button::after {
    top: 0;
}

/* Kennzeichnung Dreieck fuer SubMenue */
#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 Sticky */
#mainNav.sticky ul li.mainNavSubLevel:hover a:after {

}

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

}

/* ============================================
          SUBNAV
================================================ */
#subNav {
    background-color: transparent;
    margin-top: 20px; /* hier gleich mit margin-top #content */
    width: 180px;
}

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

/* ============================================
          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: #b8c7d8;
    border-right: 8px solid #3a506b;
    color: #3a506b;
    font-weight: bold;
    text-decoration: none;
}

#subNav li a:hover {
    background-color: #3a506b;
    border-right: 8px solid #b8c7d8;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#subNav li a:active {
    background-color: #3a506b;
    border-right: 8px solid #b8c7d8;
    color: #fff;
    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: #d6dfe9;
    color: #3a506b;
    font-weight: normal;
    text-decoration: none;
}

#subNav li li a:hover {
    background-color: #3a506b;
    border-right: 8px solid #b8c7d8;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#subNav li li a:hover:before {

}

#subNav li li a:active {
    background-color: #3a506b;
    border-right: 8px solid #b8c7d8;
    color: #fff;
    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: #b8c7d8;
    border-right: 8px solid #e0292e;
    color: #3a506b;
    font-weight: bold;
    text-decoration: none;
}

/* Aktiver Link in der SubNav Level 1 */
#subNav ul li #subActive,
#subNav ul li #subActive:hover {
    border-right: 8px solid #e0292e;
}

#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 {
    border-right: 8px solid #e0292e;
}

#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 {
    border-right: 8px solid #e0292e;

}

#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: #b8c7d8;
  border-right: 8px solid #6a6a6a;
  font-weight: bold;
}

/* Disabled Link in der SubNav Level 2 */
#subNav li li.disabled,
#subNav li li a.disabled {
    background-color: #d6dfe9;
    border-right: 8px solid #6a6a6a;
    font-weight: normal;
}

/* Disabled Link in der SubNav Level 3 */
#subNav li li li.disabled,
#subNav li li li a.disabled {
    background-color: #d6dfe9;
    border-right: 8px solid #6a6a6a;
    font-weight: normal;
}

#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: #32506b;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

#subNavCompany ul.centerList li {

}

#subNavCompany ul.centerList a {
    background-color: #d6dfe9;
    font-weight: normal;
}

#subNavCompany ul.centerList a:active {

}

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

#subNavCompany ul.centerList li.lastChild {

}

#subNavCompany ul.centerList a#subActive {

}

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

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

#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 #000;
    background-color: #ccc;
    color: #000;
}

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

/* ============================================
        SPINNERAUSSEHEN
================================================ */
.loading-anim-box {
    background: #32506b;
    border-radius: 5px;
    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(50, 80, 107, 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 #3a506b;
}

/* Buttons */
input[type="submit"]:focus,
input[type="button"]:focus,
a.btn-link:focus,
a.toggleLinkShow:focus {
    background-color: #32506b;
    color: #fff;
    outline-color: #32506b;
}

/* Header */
#topHeader a:focus {

}

/* MainNav */
#mainNav a:focus {
    outline: 0;
    text-decoration: underline;
}

#mainNav a:focus:before {

}

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

}

/* SubNav */
#subNav a:focus {
    background-color: #3a506b;
    border-right: 8px solid #b8c7d8;
    color: #fff;
    outline: 0;
}

#subNav a:focus:before {

}

#subNav a#subActive:focus {
    background-color: #3a506b;
    border-right: 8px solid #b8c7d8;
    color: #fff;
    outline: 1px dotted #3a506b;
}

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

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

.accessible__link,
.accessible__link:visited,
.accessible__link:hover {
    color: #5959ff;
}

.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 #5959ff;
}

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

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

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

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

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