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

 Kunde:        AACHEN

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

 1. Farbe: #004b8f;
 Allgeimene Linkfarbe  - Buttons (normal) - Kalender Rahmen - Permanente Suche - MainNav - SubNav Level 1

 2. Farbe: #248be3;
 Modaler Dialog (Rahmen) - ToggleBoxen/Freischaltungsbox Unternehmen - Kalender Rahmen - Kalender Links Hover
 Legend - TABS (hover) - MainNav/SubNav Hover

 3. Farbe: #b7d700; (Aktive Status Anzeige:)
 Filterung nach Buchstaben  - Kalendertag - Projektraum Unternehmen (nn freigeschaltet) - SubNav (aktiver Link)
================================================ */

/* ======================================================
     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/aachen/header_regio_aachen.gif);
    background-position: left center;
    background-repeat: no-repeat;
    height: 120px;
}

#topHeader {
    background: #fff;
    overflow: auto;
    width: 100%;
}

.topHeaderLeft {
    background-color: #fff;
}

.topHeaderLeft a,
.topHeaderLeft a:hover {

}

.topHeaderCenter {

}

.topHeaderCenter a,
.topHeaderCenter a:hover {

}

.topHeaderCenter a:hover {

}

.topHeaderRight {

}

.topHeaderRight a,
.topHeaderRight a:hover {

}

.topHeaderRight a:hover {

}

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

/* Text markieren */
::-moz-selection {
    background: #b7d700;
    color: #004b8f;
}

::selection {
    background: #b7d700;
    color: #004b8f;
}

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

a:active {
    color: #004b8f;
    text-decoration: underline;
}

a:hover {
    color: #004b8f;
    text-decoration: underline;
}

/* Toggle Buttons (Dreieck) PROJEKTRAUM DETAILS ZUM ANGEBOT ODER TEILNAHMEANTRAG  */
a.toggleShowFilterLeft,
a.toggleHideFilterLeft {
    border-color: #004b8f; /* 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: #004b8f;
    cursor: pointer;
    text-decoration: none;
}

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

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

.tooltip {
    font-size: 12px;
}

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

#accessConfirmationLink h2 {

}

a[name] {
    color: #000;
}

h1,
h2 {
    border-bottom: none;
    border-top: none;
    color: #004b8f;
    font-size: 16px;
    font-weight: bold;
}

h1 {
    font-size: 18px;
}

h1:before,
h2:before {

}

#dashboard .dashboard-header h2 {
    font-size: 15px;
}

#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: #004b8f;
    font-size: 14px;
    font-weight: bold;
}

h2.messageDetail:before {
    display: none;
}

h4 {
    color: #004b8f;
    font-size: 14px;
    line-height: 1.3;
}

.tableFilterCaption,
caption {
    color: #004b8f;
    font-size: 15px;
    font-weight: bold;
}

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

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

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

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

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

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

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

/* 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: 12px;
  line-height: 2.8;
}

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

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

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

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

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

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

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

/* Ueberschrift im Projektraum - Header */
#projectRoomTitleText {
    color: #004b8f;
    font-size: 14px;
}

/* 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;
    border: 1px solid #000;
    color: #000;
    line-height: 28px;
    text-decoration: none;
}

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

/* 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: #248be3;
    border: 1px solid #248be3;
    color: #fff;
    line-height: 28px;
    text-decoration: none;
}

/* 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 */

}

/* 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 {

}

.text-messagebox-head a.toggleLinkShow:focus,
.text-messagebox-head a.toggleLinkHide:focus {

}

.text-messagebox-head a:hover {

}

/* 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/aachen/applicationIcons/bg_searchbutton_25x50.png);
    border: none !important;
}

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

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

#permanentSearchBox input[type=submit]:active {

}

/* Buttons in tablefilter / Projekte suchen */
.btn-search,
.btn-reset {
    background-image: url(../images/custom/aachen/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: #004b8f;
    color: #fff;
}

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

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

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

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

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

#calendarDiv .activeDay,
#calendarDiv #monthDropDown .monthYearActive,
#calendarDiv #yearDropDown .monthYearActive {
    background-color: #b7d700;
    color: #000;
}

#calendarDiv #monthDropDown .monthYearActive:hover,
#calendarDiv #yearDropDown .monthYearActive:hover {
    background-color: #248be3;
    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: #004b8f;
    color: #fff;
    font-weight: bold;
}

/* 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;
}

/* 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: #004b8f;
    color: #fff;
    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: #004b8f;
    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: #004b8f;
    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 #004b8f;
    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: #b7d700;
    color: #000;
    font-weight: bold;
}

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

/* ============================================
          MAINNAV
================================================ */
#mainNav {
    background: #004b8f;
}

/* 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;
    border-left: none;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#mainNav ul li a:before {
    background-color: #fff;
    border-radius: 2px;
    content: "";
    display: inline-block;
    margin-right: 8px;
    height: 8px;
    width: 8px;
}

#mainNav ul li a:hover,
#mainNav ul li:hover a {
    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 {

}

#mainNav.sticky #permanentSearchBox {

}

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

#mainNav.sticky ul li a {
    border-color: #fff;
    color: #fff;
}

#mainNav.sticky ul li a:hover {

}

#mainNav.sticky ul li a:active {

}

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

#mainNav ul.selectLanguage {

}

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

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

#mainNav ul.subLevel label {

}

#mainNav ul.subLevel label:hover {
    text-decoration: underline;
}

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

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

}

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

#mainNav ul li.mainNavSubLevel:hover a {

}

/* 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 {

}

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

}

/* Bei sticky Nav */
/* 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 */
#mainNav.sticky ul li.mainNavSubLevel:hover a:after {

}

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

}

/* ============================================
          SUBNAV
================================================ */
#subNav {
    background-color: transparent;
    margin-top: 30px; /* 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: #004b8f;
    border-right: 8px solid #b7d700;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#subNav li a:hover {
    background-color: #248be3;
    border-right: 8px solid #004b8f;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#subNav li a:active {
    background-color: #248be3;
    border-right: 8px solid #004b8f;
    color: #fff;
    font-weight: normal;
    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: #eee;
    color: #1d6bad;
    font-weight: normal;
    text-decoration: none;
}

#subNav li li a:hover {
    background-color: #248be3;
    border-right: 8px solid #004b8f;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#subNav li li a:hover:before {

}

#subNav li li a:active {
    background-color: #248be3;
    border-right: 8px solid #004b8f;
    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: #b7d700;
    border-right: 8px solid #004b8f;
    color: #004b8f;
}

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

#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: #b7d700;
    border-right: 8px solid #004b8f;
    color: #004b8f;
}

#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: #b7d700;
    border-right: 8px solid #004b8f;
    color: #004b8f;

}

#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,
#subnav li a.disabled {
    background-color: #eee;
    border-right: 8px solid #6a6a6a;
}

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

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

#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: #b7d700;
    color: #004b8f;
    font-weight: bold;
    line-height: 3.2;
    text-align: left;
}

#subNavCompany ul.centerList li {

}

#subNavCompany ul.centerList a {
    background-color: #eee;
    border-right: 8px solid #b7d700;
    color: #004b8f;
    font-weight: normal;
    text-decoration: none;
}

#subNavCompany ul.centerList a:active {

}

#subNavCompany ul.centerList a:hover {
    background-color: #248be3;
    border-right: 8px solid #004b8f;
    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: 30px 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 {
    text-decoration: underline;
}

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

}

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

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

/* ============================================
        SPINNERAUSSEHEN
================================================ */
.loading-anim-box {
    background: #004b8f;
    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(0, 75, 143, 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;
    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 #004b8f;
}

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

/* 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 {
    outline: 0;
    background-color: #248be3;
    border-right: 8px solid #004b8f;
    color: #fff;
}

#subNav a:focus:before {

}

#subNav a#subActive:focus {
    outline: 0;
    background-color: #248be3;
    border-right: 8px solid #004b8f;
    color: #fff;
}

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

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

.accessible__link,
.accessible__link:visited,
.accessible__link:hover {
    color: #004b8f;
}

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

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

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

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

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

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

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

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