@CHARSET "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Style: RMS-Nativ (Ordner: /rms/, Design: BLE-Logo) [21]
 * Style-Version vom 2025-03-18 09:47:43 (RMS-Backend)
 * RMS-Kommentar: Gespeichert fuer Projekt *249* [6d3d6299bef239cdfc8fda40cb1efc02]
 *                   Die CSS-Datei wird ggf. auch von anderen Projekten genutzt!
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Web-Entwickler: Ralf von der Mark (BLE, Ref. 223)
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Speicherzeitpunkt dieser CSS-Datei: 06.03.2026 um 01:28 Uhr
 * (c)2010 - 2026, BLE;
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@CHARSET "UTF-8";

@media screen, projection {

    /* - Bildschirm und Projektion (Beamer) - */
    /* START: Aenderung von Ralf*/
    body {
        width: 55em !important;
        background-color: ivory !important;
        background-image: url(https://www.ble.de/SiteGlobals/Frontend/Images/logo.svg?__blob=normal&v=16);
        background-repeat: no-repeat;
        padding-top: 4em;
    }

    /* ENDE: Aenderung von Ralf vdM */
    /* HTML Body*/
    body {
        margin: 1em;
        background-color: #FFFFFF;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 101%;
        /*max-width: 59.1em; /* bekommt Maximalbreite, damit das "Fliessen" des Contentbereichs nur bis zu dieser Groesse moeglich ist */
    }

    /* Style speziell für den Druck-Button (mit JavaScript) */
    #rms div.innerRmsWrap a[href="javascript:window.print();"] {
        color: white;
        border: 2px inset #23614E;
        padding: 7px 30px !important;
        background-color: #23614E;
    }

    /* Div um alle Elemente */
    #wrap_all {
        margin: 0 auto;
        max-width: 59.1em;
        padding: 0 0 1em;
    }

    /* Div um alle Elemente
    #wrap_all {
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    max-width:1280px;
    padding-bottom:1em;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    margin-left: 0.75em;
    margin-right: 0.75em;
    }*/
    /* Container fuer Hauptbereich: Bereichsnavigation, Content, Marginalspalte*/
    #wrap_main {
        background-color: #FFFFFF;
        width: 97.3%;
        margin: 0.4em 0 0 0;
        padding: 0;
        float: left;
    }

    /* Container links, Bereichsnavigation */
    #wrap_left {
        float: left;
        width: 13.9em;
    }

    /* Container fuer Hauptinhalt und Marginalspalte */
    #wrap_middle {
        margin: 0 0 0 14.8em;
    }


    /* Hauptinhaltsbereich skaliert mit */
    .content {
        position: relative;
        overflow: hidden;
        padding: 0 0 1em 0;
        background-color: #F1F1F1;
        font-size: 0.9em;
    }

    * HTML .content {
        min-width: inherit;
    }

    /** Hauptelemente Ende**/
    /** Allgemeine Klassen**/
    /* Allgemeine Klasse fuer "unsichtbare" Elemente, z.B. versteckte Navigation mit Sprungmarken, Screenreader erfasst sie */
    .hidden {
        left: -1000px;
        overflow: hidden;
        position: absolute;
        top: -1000px;
    }

    /* Klasse zum kompletten Ausblenden (werden vom Screenreader ignoriert) */
    .fadeout {
        display: none;
    }

    /* Allgemeine Klasse fuer erzwungenen "Umbruch" */
    .clear {
        clear: both;
    }

    /* Allgemeine Klasse fuer Ausrichtung links */
    .left {
        float: left;
    }

    /* Allgemeine Klasse fuer roten Text, z.B: Fehlermeldungen */
    .red {
        color: #FF0000;
    }

    /* Allgemeine Klasse fuer Ausrichtung links bei Absaetzen */
    p.left {
        clear: none;
        float: left;
    }

    /* Allgemeine Klasse fuer Ausrichtung rechts */
    .right {
        float: right;
    }

    .top_margin {
        margin-top: 1.8em;
    }

    /* Hellgrauer Text */
    .light_gray {
        color: #4c4c4c;
    }

    /* Dunkelgrauer Text */
    .dark_gray {
        color: #333333;
    }

    /** Header-Bereich. Logo, Headergrafik, obere Service-Navigation (Impressum etc.) **/
    /* Wrap um alle Elemente des Headers */
    .wrap_header {
        /*  height:7.55em;
         width:97.3%;
         overflow:hidden;
         position:relative;
         padding-right: 1.7em;*/
        height: 7.55em;
        overflow: hidden;
        position: relative;
        width: 97.3%;
    }


    /* Logobereich */
    .logo {
        background: url(../images/bg_left.png) repeat-x;
        position: absolute;
        float: left;
        height: 7.55em;
        margin: 1.85em 0 0;
        overflow: hidden;
        width: 50%;
    }

    /* Ausschalten des Rahmens fuer verlnktes Logo */
    .logo a img {
        border: none;
    }

    #rms h1 {
        font-size: 20px;
    }

    #rms h2 {
        font-size: 16px;
    }

    #rms h3 {
        font-size: 14px;
    }

    /* Einzelne Listenelemente fuer die Hauptnavigation */
    .main_nav ul li {
        color: #CBCBCB;
        font-size: 0.75em;
        list-style: none;
        display: inline;
    }

    /* Strong Zustand, also aktiviertes Element */
    .main_nav ul li strong {
        color: #5C5C5C;
        padding: 0.2em 0.3em 0.2em 0.3em;
        background-color: #999999;
        color: #FFFFFF;
    }

    /* Verlinkte Listenelemente der Hauptnavigation */
    .main_nav ul li a {
        color: #5C5C5C;
        font-weight: bold;
        text-decoration: none;
        height: 2em;
        padding: 0.2em 0.3em 0.2em 0.3em;
    }

    /* Mouse Over, Fokus FF+IE fuer Listeneintraege der Hauptnavigation */
    .main_nav ul li a:hover,
    .main_nav ul li a:focus,
    .main_nav ul li a:active {
        background-color: #3374AF;
        color: #FFFFFF;
    }

    /** Hauptnavigation Ende **/
    /** Formulare **/
    /*  Allgemeiner Container fuer Formulardaten */
    .formular {
        float: left;
        position: relative;
    }

    .formular div {
        float: left;
        padding-top: 0.3em;
    }

    /* Allgemeine Formatierungen, Formular Texteingabe und Select */
    .formular input, .formular textarea, .formular select {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 0.945em;
        margin-top: 0.5em;
        margin-bottom: 1em;
        line-height: 1.455em;
    }

    /*  Allgemeine Formatierungen Label in Formularen */
    .formular label {
        font-weight: bold;
        padding-left: 0.3em;
    }

    /* Fromatierung des form - Tags */
    .formular form {
        margin-top: 1em;
        margin-left: 1.2em;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
    }

    /* Formatierung der/des Submit-Buttons */
    .formular .submit {

        background-color: #99B9D7; /*geaendert*/
        border: 1px solid #00519B; /*geaendert*/

        color: #FFFFFF;
        padding: 0.3em 0.3em 0.4em 0.3em;
        font-weight: bold;
        font-size: 0.95em;
    }

    /* Paddings von Formularbuttons */
    .formular .loginButton .submit {
        padding: 0.3em 1.6em 0.4em 0.3em;
    }

    /* Formatierung des Buttons "Zuruecksetzen" */
    .formular .reset {
        border: 1px solid #99B9D7; /*geaendert*/
        background-color: #99B9D7; /*geaendert*/
        color: #FFFFFF;
        padding: 0.3em 0.3em 0.4em 0.3em;
        font-weight: bold;
        margin-right: 0.2em;
        font-size: 0.95em;
    }

    /* Formazierung input Felder */
    .formular .input {
        background-color: #FFFFFF;
        border: 1px solid #99B9D7; /*geaendert*/
        padding: 0.4em 0 0.5em 0.5em;
        width: 23.8em;
    }

    /* Formatierung fuer "halbe" Formularfelder (2 in einer Zeile)*/
    .formular .formHalb .input {
        width: 11.4em;
        margin-right: 0.3em;
    }

    /* Formularfeld fuer Postleitzahl */
    .formular .formPlz .input {
        width: 7.4em;
        margin-right: 0.3em;
    }

    /* Formularfeld fuer Ortseingabe */
    .formular .formOrt .input {
        width: 15.4em;
    }

    /* Formularfeld fuer LogIn */
    .formular .formLogin .input {
        width: 12.5em;
    }

    /* Formularfeld fuer Nachricht */
    .formular .inputLang {
        background-color: #FFFFFF;
        border: 1px solid #99B9D7; /*geaendert*/
        padding: 0.4em 0 0.5em 0.5em;
        width: 38.7em;
    }

    /* LAnges Texteingabefeld, Nachricht */
    .formular textarea.inputLang {
        height: 7em;
    }

    /* Selectbox, z.B. Landesauswahl */
    .formular .select {
        background-color: #FFFFFF;
        border: 1px solid #99B9D7; /*geaendert*/
        padding: 0.3em 0.2em 0.4em 0.2em;
        width: 24.5em;
    }

    /* Eingabefeld fuer Bestellmenge */
    .formular .menge .input {
        width: 3.3em;
        margin: -0.2em 0 0 0;
        font-size: 1em;
        padding: 0.3em 0.2em 0.4em 0.2em;
    }

    /* Artikeluebersicht, Tabelle, Warenkorb */
    .formular table {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 0.945em;
        line-height: 1.455em;
        margin-top: 0.3em;
        margin-right: 0.6em;
        margin-left: -0.3em;
        border-collapse: seperate;
        border-spacing: 4px;
    }

    /* Tabellenzelle fuer Bestellmenge, Warenkorb */
    .formular td.menge {
        width: 4.3em;
    }

    /* Tabellenzelle fuer Gesamtpreis, Warenkorb */
    .formular td.gesamt {
        width: 7.3em;
    }

    /* Tabellenkopfzellen, Warebnkorb */
    .formular th {
        text-align: left;
        padding: 0.7em 0.6em;
        vertical-align: top;
        background-color: #ffffff;
        font-weight: bold;
        border-top: solid 1px #99B9D7; /*geaendert*/
    }

    /* Allgemeine Tabellenzellen, Warenkorb */
    .formular td {
        padding: 0.8em 0.6em 0.3em 0.6em;
        vertical-align: top;
        background-color: #ffffff;
    }

    /* Formatierung leere Tabellenzellen, Warenkorb */
    .formular tr td.leer {
        background-color: #F1F1F1;
    }

    /* Warenkorb, Zellen der letzten Tabellenzeile vor Summe */
    .formular tr.last td {
        border-bottom: solid 1px #99B9D7; /*geaendert*/
    }

    /* Tabellenzellen fuer Einzelpreise, Warenkorb */
    .formular tr.last td.preis {
        border-bottom: none;
    }

    /* Tabellenzelle fuer Gesamtprei, Warenkorb */
    .formular tr td.gesamt {
        border-bottom: solid 1px #99B9D7; /*geaendert*/
        padding: 0.8em 0.6em 0.7em 0.6em;
    }

    /* Aktualisieren-Button, Warenkorb */
    .formular .refresh {
        border: 1px solid #99B9D7; /*geaendert*/
        background-color: #9B9B9B; /*geaendert*/
        color: #FFFFFF;
        padding: 0.3em 0.3em 0.4em 0.3em;
        font-weight: bold;
        margin-right: 0.4em;
        font-size: 0.95em;
    }

    /* Container fuer Buttons "Aktualisieren" und Zuruecksetzen, Warenkorb, linke Seite */
    .shopButtonLinks {
        margin-top: -1em;
    }

    /* Container fuer Button "Senden", Warenkorb, rechte Seite */
    .formular .shopButtonRechts {
        float: right;
        margin-top: -1em;
        margin-right: 3.6em;
    }

    /** Formulare Ende **/
    #rms * {
        font-family: Arial, Helvetica, Geneva, "Lucida sans", sans-serif;
        font-size: 12px;
    }

    #rms fieldset {
        max-width: 100% !important;
    }

    #rms h4 {
        top: 0;
        margin-top: 0;
    }

    /*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
     * START: Pflichtfelder-Hinweise - - - - - - - - - - - - - - - - - - - /
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    #rms div#rmsPflichtfeldHinweise {
        background-color: #FFF;
        border: 1px solid #C44F03;
        margin-bottom: 1em;
        padding: 1em;
        color: #FF0000;
    }
    #rms #rmsPflichtfeldHinweise p {
        color: #FF0000;
    }

    #rms #rmsPflichtfeldHinweise ul li label {
        padding-left: 0;
        color: #FF0000;
        cursor: pointer;
    }

    #rms #rmsPflichtfeldHinweise ul li label:hover {
        color: #FFFFFF;
        background: #c44f03;
    }

    /* Formfelder sollen markiert werden, wenn nicht korrekt gefuellt */
    #rms div.invalid {
        background-color: #FFF;
        border: 1px solid #C44F03;
        margin-bottom: 1em;
        padding: 1em;
        color: #FF0000;
    }
    #rms .invalid input,
    #rms .invalid select,
    #rms .invalid textarea {
        border: 1px solid #FF0000 !important;
    }

    #rms .invalid input[type=checkbox],
    #rms .invalid input[type=radio] {
        border: 1px solid #FF0000 !important;
        background: #990000;
        color: #990000;
    }

    /*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
     * ENDE: Pflichtfelder-Hinweise - - - - - - - - - - - - - - - - - /
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    #rms .element-group {
        margin: 1em auto;
    }

    #rms ul {
        list-style-type: disc;
    }

    #rms ul.liste.antworten,
    #rms .felderBlockSeite1 fieldset.PersonalDaten div.element-group ul {
        list-style-type: none;
    }

    #rms ul li {
        padding-left: 0;
        margin-left: 0;
    }

    #rms li h3 {
        margin-top: 0;
    }

    #rms ul li label {
        padding-left: 5px;
    }

    #rms table {
        width: 100%;
        padding: 10px 0;
        background-color: #ededed;
    }

    #rms table input[type="text"],
    #rms table input[type="email"],
    #rms table input[type="number"],
    #rms table table select,
    #rms table table textarea {
        border: 0 solid transparent;
    }

    #rms table.ContentTable {
        padding: 0;
    }

    #rms table th {
        border-bottom: 2px solid #fff;
        font-size: .8125em;
        background-color: #ededed;
    }

    #rms table td {
        border-bottom: 2px solid #fff;
        vertical-align: top;
        font-size: .8125em;
    }

    #rms table td li {
        font-size: 100%;
    }

    #rms table td b {
        visibility: hidden;
    }

    #rms table th label {
        display: block;
        text-align: left;;
    }

    #rms table tr td ul li label strong {
        font-weight: normal;
    }

    #rms input[type="text"],
    #rms input[type="email"],
    #rms input[type="number"],
    #rms textarea {
        display: block;
        width: 100%;
        padding: 4px 0;
        text-indent: 4px;
        box-size: border-box;
        border: 1px solid #333;
    }

    #rms table input {
        border: 0 solid transparent;
    }

    #rms input[type="radio"],
    #rms input[type="checkbox"] {
        display: inline;
        padding: 0;
    }

    #rms select {
        width: 100%;
        padding: 4px;
        box-size: border-box;
        font-size: 100%;
    }

    #rms textarea {
        width: 100%;
        padding: 4px 0;
        text-indent: 4px;
        box-size: border-box;
    }

    #rms select[name=inst_krz_tag],
    #rms select[name=inst_krz_monat],
    #rms select[name=inst_krz_jahr] {
        width: 25%;
    }

    #rms input[type=submit] {
        background-color: #638132;
        color: #FFFFFF;
        cursor: pointer;
        padding: 4px 10px 3px;
        text-transform: uppercase;
        margin-top: 11px;
    }

    #rms div[align=center] {
        position: relative;
        padding: 15px 0;
    }

    #rms div[align=center] input[type=submit] {
        position: absolute;
        left: 0;
    }

    #rms .appointment ul {
        padding-bottom: 10px;
    }

    #rms .appointment ul label {
        padding-left: 0;
    }

    #rms ul li p select {
        margin-top: 10px;
    }

    #rms form div ul li h4,
    #rms form div ul li h4 strong {
        font-weight: normal;
        font-size: 100%;
    }


    /* Ralf vdM, 15.05.2018:
     * Das Label soll fett sein */
    #rms .property {
        display: block;
        font-weight: bold;
    }

    /*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /
     * START: 3-Stufen-Fortschritts-Anzeige fuer Formulare - -/
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    /* - - - START: form headers for narrow forms - - - - */
    .narrow .formHeader ul li span {
        height: 40px;
        height: 2.5rem;
        line-height: 40px;
        line-height: 2.5rem;
    }

    .narrow .formHeader ul li span:before {
        width: 40px;
        width: 2.5rem;
        height: 40px;
        height: 2.5rem;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 40px;
        line-height: 2.5rem;
    }

    /* - - - START: Farben, Rahmen und Hintrgruende  - - - - - - - - - - - */
    .formHeader ul li span {
        color: #23614E;
    }

    .formHeader ul li span:before {
        border: 1px solid #C4C8CD;
        background-color: #E7E1AB;
        /* background-image: url(/typo3conf/ext/gov_masterconfig/res/templates/img/bottomLine.png); */
    }

    .formHeader ul li.current span:before {
        border: 1px solid #23614E;
    }

    /* - - - START: Layout   - - - - - - - */
    .formHeader {
        display: table;
        width: 100%;
        margin: 2em 0;
    }

    .formHeader ul {
        display: table-row;
    }

    .formHeader ul li {
        display: table-cell;
        height: 80px;
        height: 5rem;
        text-align: center;
    }

    .formHeader ul li span {
        display: block;
        height: 80px;
        height: 5rem;
        text-transform: uppercase;
        line-height: 80px;
        line-height: 5rem;
    }

    .formHeader ul li span:before {
        display: inline-block;
        width: 80px;
        width: 5rem;
        height: 80px;
        height: 5rem;
        margin-right: .5em;
        font-family: BundesSansWeb, Helvetica, Arial, Geneva, sans-serif;
        vertical-align: middle;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 80px;
        line-height: 5rem;
    }

    .formHeader ul li:nth-child(1) span:before {
        content: '1';
    }

    .formHeader ul li:nth-child(2) span:before {
        content: '2';
    }

    .formHeader ul li:nth-child(3) span:before {
        content: '3';
    }

    .formHeader ul li:nth-child(4) span:before {
        content: '4';
    }

    .formHeader ul li:nth-child(5) span:before {
        content: '5';
    }

    .formHeader ul li:nth-child(6) span:before {
        content: '6';
    }

    .formHeader ul li:nth-child(7) span:before {
        content: '7';
    }

    .formHeader ul li:nth-child(8) span:before {
        content: '8';
    }

    .formHeader ul li:nth-child(9) span:before {
        content: '9';
    }

    .formHeader ul li:nth-child(10) span:before {
        content: '10';
    }

    .formHeader ul li.done:nth-child(1) span:before, .formHeader ul li.done:nth-child(2) span:before, .formHeader ul li.done:nth-child(3) span:before {
        content: '✓';
    }

    /* workaround for IE bug (does not calculate rem correctly) */
    .narrow .formHeader ul li span:before {
        line-height: 40px !important;
    }

    /*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -/
     * ENDE: 3-Stufen-Fortschritts-Anzeige fuer Formulare - - - /
     * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


}/* ENDE: @media screen, projection - Bildschirm und Projektion (Beamer) */


@media print {

    /* - Druckausgabe - */
    
    .narrow,
    a[href="javascript:window.print();"]{
        display: none;
    }



}/* ENDE: @media print - Druckausgabe */