/* ============================================
 Projekt:      CENTER

 Kunde:        NRW

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

 1. Farbe: #32506b;
 Allgeimene Linkfarbe - Buttons (normal) - Permanente Suche - MainNav - SubNav Level 1

 2. Farbe: #62768a;
 Legend -  Modaler Dialog (Rahmen) - MainNav (hover)- SubNav Level 1 (aktiver / hover)

 3. Farbe: #3c9e65;  (Aktive Status Anzeige:)
 Aktiver Wizardstep (Registrierung)- SubNav Level 2 (aktiver / hover)
================================================ */

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

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

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

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

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

.topHeaderLeft {

}

.topHeaderLeft a,
.topHeaderLeft a:hover {
    background-image: url(../images/custom/nrw/logo_vergabe_nrw.gif);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 50px;
    left: 5px;
    position: absolute;
    top: 7px;
    width: 400px;
}

.topHeaderCenter {

}

.topHeaderCenter a,
.topHeaderCenter a:hover {

}

.topHeaderCenter a:hover {

}

.topHeaderRight {

}

.topHeaderRight a,
.topHeaderRight a:hover {
    background-image: url(../images/custom/nrw/logo_landesregierung.gif);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 55px;
    right: 0;
    position: absolute;
    top: 5px;
    width: 200px;
}

.topHeaderRight a:hover {

}

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

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

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

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

a:active {
    background-color: transparent;
    color: #32506b;
    text-decoration: underline;
}

a:hover {
    background-color: transparent;
    color: #32506b;
    text-decoration: none;
}

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

table tfoot td a,
table tfoot td a[name] {
    color: #32506b;
    cursor: pointer;
    text-decoration: underline !important;
}

table tfoot td a:hover {
    text-decoration: none !important;
}

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

/* Popuplayout Externe Projekte */
body.bodyPopupLayout {

}

a[name] {
    color: #000;
}

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

h2:before {

}

h3,
p.createSearchProfileText /* Suchprofile */
{
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

caption {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

p,
table td,
ol li,
span.success,
span.info,
span.error,
span.warning {
    line-height: 1.3;
}

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

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

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

.btn-link,
input[type="button"],
input[type="submit"],
button {
    font-size: 14px;
}

/* SubNav Links */
#subNav li a,
#subNav li li a,
#subNav #subActive,
#subNav li.disabled,
#subnav a.disabled {
  font-size: 14px;
  line-height: 2.5;
}

/* Kennzeichnung Vergabesatelliten */
#subNav ul.satelliteList li.satelliteLabel {
    font-size: 14px;
    line-height: 1.2;
}

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

/* Fussnoten */
#mandatorFootnode {
    font-size: 12px;
}

/* Registrierung Unternehmen Wizard Steps */
ol#wizardSteps li {
    font-size: 14px;
}

/* Ueberschrift im modalen Dialog */
#modal-dialog-header {
    font-size: 14px;
}

/* ============================================
          TABS
================================================ */
.tabHeader {
    font-size: 12px;
    line-height: 2;
}

.tabHeader li span {
    color: #000;
    font-weight: bold;
}

.tabHeader li a {
    background-color: #fcfcfc;
    font-weight: bold;
}

.tabHeader li a:hover {
    background-color: #32506b;
    color: #fff;
    font-weight: bold;
}

.tabHeader li a:active {

}

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

/* Eingabefeld Suche in MainNav */
#permanentSearchBox input[type=submit] {
    background-color: #ddd;
    background-image: url(../images/custom/nrw/applicationIcons/bg_searchbutton_25x50.png);
}

#permanentSearchBox input[type=submit]:hover {
    background-color: #3c9e65;
}

#permanentSearchBox input[type=submit]:focus {
    background-color: #3c9e65;
}

#permanentSearchBox input[type=submit]:active {

}

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

}

/* ============================================
          FORMFELDER
================================================ */
/* legend */
legend {
    background-color: #32506b;
    color: #fff;
    font-weight: bold;
}

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

/* Focus bei Eingabefeldern  */
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,
input[type="text"],
input[type="password"] {
    background-color: #fff;
    border: 1px solid #797979;
    color: #000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* ============================================
          SUCHE GROESSE BOX AUFTRAGSGEGENSTAND
================================================ */
.searchTypesCPVBoxExtended .searchTypes {
    width: 360px;
}

/* ============================================
          MODALER DIALOG
================================================ */
#modal-dialog-header {
    background-color: #62768a;
    color: #fff;
}

/* ============================================
          REGISTRIERUNG UNTERNEHMEN / WIZARD
================================================ */
/* Aktiver Wizard Step */
ol#wizardSteps li.bold {
    background-color: #3c9e65;
    color: #fff;
}

ol#wizardSteps li.bold:after {
    border-left-color: #3c9e65 !important;
}

/* ============================================
          MAINNAV
================================================ */
#mainNav {
    background-color: #32506b;
    border: none;
}

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

#mainNav ul li a:before {

}

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

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

}

#mainNav.sticky ul li a {

}

#mainNav.sticky ul li a:hover {

}

#mainNav.sticky ul li a:active {

}

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

#mainNav ul.selectLanguage {

}

#mainNav ul.selectLanguage li ul.subLevel {

}

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

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

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

}

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

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

}

/* Kennzeichnung Dreieck fuer SubMenue */
#mainNav.sticky ul.selectLanguage li a:after {

}

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

}

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

}

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

}

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

#subNav,
#subNav ul.satelliteList li a {
    width: 180px;
}

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

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

/* SubNav Level 1 */
#subNav ul {
    border: none;
    background-color: transparent;
}

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

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

/* Vor Login -> ul in subNav Link 'Bekanntmachungen' */
#subNav ul#subNavList + ul {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

/* Nach Login -> Standalone Links 'Bekanntmachungen - Vormerkliste */
#subNav ul#subNavList + ul.subNavListStandAlone {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

/* Nach Login -> Standalone Links 'Verwaltung - Unternehmen - Benutzer - Suchprofile - Benachrichtigungsdienst - Eigene Daten */
#subNav ul.lastList {
    border-top: 1px solid #fff;
}

/* Link Verwaltung */
#subNav ul.lastList li.firstChildSubNav {
    border-top: none;
}

/* Nach Login letzte UL in SubNav*/
#subNav ul.lastList li.lastChildSubNav {
    border-bottom: none;
}

/* 1st LEVEL */
#subNav #subNavList li a,
#subNav ul.subNavListStandAlone li a,
#subNav ul li.subNavMarkedListItem.firstChildSubNav a,
#subNav ul li.subNavMarkedListItem.lastLiChild a {
    background-color: #32506b;
    color: #fff;
    font-weight: bold;
    padding-left: 5px;
    text-decoration: none;
}

#subNav #subNavList li a:hover,
#subNav ul.subNavListStandAlone li a:hover,
#subNav ul li.subNavMarkedListItem.firstChildSubNav a:hover,
#subNav ul li.subNavMarkedListItem.lastLiChild a:hover {
    background-color: #3c9e65;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#subNav #subNavList li a:active,
#subNav ul.subNavListStandAlone li a:active,
#subNav ul li.subNavMarkedListItem.firstChildSubNav a:active,
#subNav ul li.subNavMarkedListItem.lastLiChild a:active {
    background-color: #3c9e65;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#subNav #subNavList li a:before,
#subNav ul.subNavListStandAlone li a:before,
#subNav ul li.subNavMarkedListItem.firstChildSubNav a:before,
#subNav ul li.subNavMarkedListItem.lastLiChild a:before {

}

/* 2nd Level pseudo */
#subNav li a {
    background-color: #ddd;
    color: #000;
    font-weight: normal;
    padding-left: 15px;
    text-decoration: none;
}

#subNav li a:hover {
    background-color: #3c9e65;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#subNav li a:before {

}

#subNav li a:hover:before {

}

#subNav li a:active {
    background-color: #3c9e65;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#subNav li a:active:before {

}

/* AKTIVER LINK IN DER SUBNAV */
/* Level 1 */
#subNav #subNavList li a#subActive,
#subNav ul.subNavListStandAlone li a#subActive,
#subNav ul li.subNavMarkedListItem.firstChildSubNav a#subActive,
#subNav ul li.subNavMarkedListItem.lastLiChild a#subActive {
    padding-left: 5px;
}

/* Level 2*/
#subNav ul li a#subActive {
    background-color: #3c9e65;
    color: #fff;
    padding-left: 15px;
}

#subNav ul li a#subActive:active {

}

#subNav ul li a#subActive:before {

}

/* KENNZEICHNUNG VERGABESATELLITEN */
#subNav ul.satelliteList li.satelliteLabel {
    background-color: #ddd;
    color: #000;
    font-weight: bold;
    padding-left: 15px;
}

#subNav ul.satelliteList li {

}

#subNav ul.satelliteList li a {
    background-color: #f2f2f2;
    color: #000;
    font-weight: normal;
    line-height: 1.3;
    text-decoration: none;
}

#subNav ul.satelliteList li a:before {

}

#subNav ul.satelliteList a:active {

}

#subNav ul.satelliteList a:hover {
    background-color: #32506b;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

/* ============================================
          BUTTONS
================================================ */
/* BUTTONS NORMAL  */
.btn,
.btn:visited,
.btn-link,
.btn-link:visited,
.browsePages a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
a#modal-dialog-close-button {
    background-color: #32506b;
    border: 1px solid #32506b;
    color: #fff;
    text-decoration: none;
}

/* BUTTONS HOVER */
.btn:hover,
.btn-link:hover,
.browsePages a:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
a#modal-dialog-close-button:hover {
    background-color: #ddd;
    border: 1px solid #32506b;
    color: #32506b;
    text-decoration: none;
}

/* BUTTONS ACTIVE */
.btn:active,
.btn-link:active,
.browsePages a:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:hover,
a#modal-dialog-close-button:active {
    background-color: #32506b;
    border: 1px solid #32506b;
    color: #fff;
    text-decoration: none;
}

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

/* Unternehmensnummer */
#footer .companyNumber {

}

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

table thead th a:hover {

}

table thead th a:active {

}

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

/* Spinner bei globaler Suche */
#resultContent .loading-anim-box {
    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;
}

/* ======================================================
      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: 0px;
}

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 #000;
}

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

/* Header */
#topHeader a:focus {
    outline-color: #32506b;
}

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

#mainNav a:focus:before {

}

#mainNav input[type="radio"]:focus {
    outline-color: #fff;
}

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

}

/* SubNav */
#subNav a:focus {
    outline: 0;
    background-color: #3c9e65 !important;
    color: #fff;
}

#subNav a:focus:before {

}

#subNav a#subActive:focus {
    outline: 1px dotted #52a8ec;
}

/* Angeschlossene Marktplaetze */
#subNav .satelliteList a:focus {
    background-color: #32506b !important;
    color: #fff;
}

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

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

.accessible__link,
.accessible__link:visited,
.accessible__link:hover {
    color: #32506b;
}

.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 #32506b;
}