@font-face {
    font-family: "MetaOT-Bold";
    src: url('fonts/MetaOT-Bold.eot');
    src: local('☺'), url('fonts/MetaOT-Bold.woff') format('woff'), url('fonts/MetaOT-Bold.ttf') format('truetype'), url('fonts/MetaOT-Bold.svg') format('svg');
}

html {
    height: 90%;
    font-family: "MetaOT-Bold"; /*line-height: 2.0em;*/
}

body {
    margin: 0 0 0 0;
    position: relative;
    height: 100%;
    font-family: "MetaOT-Bold";
}

.page {
    height: 100%;
    font-family: "MetaOT-Bold";
}

#main {
    height: 100%;
}

.NavigationLink:Link {
    color: white;
}

.NavigationLink:hover {
    color: black;
    background-color: whitesmoke;
}

.NavigationLink:visited {
    color: white;
}


.RenderBody {
    /*padding-top: 40px;*/
    padding-bottom: 1.5%; /*Height of the footer */
}

#footer {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 40px; /*background-color: rgb(218,218,220);*/
    vertical-align: central;
}

#StartMenu {
    position: absolute;
    top: 45%;
    left: 1%;
    right: 1%;
    text-align: center;
    display: block;
}

#HauptmenuBild {
    position: absolute;
    background: url(images/btn_150px_zurueck.png) no-repeat center;
    width: 150px;
    height: 150px;
    top: 70px;
    right: 9.5%;
    z-index: 100;
}

#Hauptmenu {
    position: absolute;
    background: none;
    top: 3px;
    right: 16%;
    width: 100px;
    height: 100px;
    border: none;
    font-size: 1.2em;
    color: White;
    cursor: pointer;
}

    #Hauptmenu:hover {
        color: Black;
    }

#Logout {
    position: absolute;
    width: 130px;
    height: 40px;
    left: auto;
    right: 10%;
    display: block;
    background: url(images/admin-btn_logout.png) no-repeat center;
    text-align: center;
    z-index: 200;
}

#LogoutTextChangePasswordLink {
    position: relative;
    top: 5px;
    cursor: pointer;
    z-index: 2;
}

.orangeButton {
    background: url(images/admin-btn_1spalte.gif) no-repeat center;
    cursor: pointer;
    width: 100px;
    height: 25px;
    border: none;
    color: White;
    text-align: center;
}

#ExcelExport {
    margin-top: 1%;
    margin-left: auto;
    margin-right: 0;
    display: block;
}

.SchuelerButton {
    background: url(images/admin-btn_200px_schueler.png) no-repeat;
    width: 200px;
    height: 200px;
    border: none;
    padding-bottom: 95px;
    font-size: 1.2em;
    font-weight: bold;
    color: White;
}

    .SchuelerButton:hover {
        color: Black;
    }

.NeuzugaengeButton {
    background: url(images/admin-btn_200px_neuzugaenge.png) no-repeat;
    width: 200px;
    height: 200px;
    border: none;
    padding-bottom: 95px;
    font-size: 1.2em;
    font-weight: bold;
    color: White;
}

    .NeuzugaengeButton:hover {
        color: Black;
    }

.EinstellungenButton {
    background: url(images/admin-btn_200px_einstellungen.png) no-repeat;
    width: 200px;
    height: 200px;
    border: none;
    padding-bottom: 95px;
    font-size: 1.2em;
    font-weight: bold;
    color: White;
}

#HauptmenuFunktion {
    position: absolute;
}

.Hauptfunktion_links {
    margin-left: 9%;
    top: 20px;
}

.divlabel_Hauptfunktion {
    width: 200px;
    position: absolute;
    margin-right: auto;
    padding-top: 20px;
    display: inline;
}

.divlabel_Hauptfunktion_verschieben {
    margin-left: -200px;
}

.label_Hauptfunktion {
    position: relative;
    max-width: 120px;
    margin-left: 40px;
    color: White;
    font-size: 1.2em;
    text-align: center;
    display: block;
}

    .label_Hauptfunktion:hover {
        color: Black;
    }

.EinstellungenButtonSmallerFont {
    font-size: 1.0em;
    word-wrap: break-word;
}

.EinstellungenButton:hover {
    color: Black;
}

#ChangePasswordLink {
    padding-top: 300px; /*margin-left: 10%;     margin-right: 10%;*/
    text-align: center;
    display: block;
}

#label_password_aendern {
    position: relative;
    padding-top: 400px;
    padding-left: 40px;
    text-align: center;
    color: White;
}

    #label_password_aendern:hover {
        color: Black;
    }

#Zyklus {
    text-align: right;
}

#ReportSpeichern {
    text-align: center;
}

#Suche {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 10%;
    margin-right: auto;
    width: 80%;
}

#Suche_Name {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    /*width: 90%;*/
}

#Suche_Vorname {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    /*width: 90%;*/
}

#Suche_EMail {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    /*width: 90%;*/
}

#Suche_Lizenz {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    /*width: 90%;*/
}

#Schuelertabelle {
    margin-left: 10%;
    margin-right: 10%;
}

#Registrierungtabelle {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 50px;
}

#Lizenzentabelle {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 10px;
}

#Registrierungtabellensuche {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 20px;
}

.RegistrierungtabellensucheColumn {
    width: 35%;
}
.RegistrierungtabellensucheColumnLabel {
    width: 15%;
}

#TableNeuzugaenge_div {
    margin-top: 100px;
    margin-left: 10%;
    margin-right: 10%;
}

.listGrid {
    text-align: left;
}

.ui-widget {
    font-size: 0.6em;
}

.checkedS {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

#Bestätigen {
    margin-top: 0.5%;
    margin-left: auto;
    margin-right: 10%;
    display: block;
    text-align: right;
}

#Neuzugaenge_Menu {
    padding-bottom: 150px;
}

.center {
    text-align: center;
}

#PasswortVergessenUserName {
    margin-top: 15px;
    margin-bottom: 15px;
}

#Logon {
    position: absolute;
    top: 45%;
    left: 1%;
    right: 1%;
    background: url(images/admin-btn_login-blanko.png) no-repeat;
    width: 510px;
    height: 200px;
    border-style: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#ReportParameterText {
    position: relative;
    margin-bottom: 5px;
    left: 90px;
    width: 325px;
    text-align: center;
}


#LogonText {
    position: relative;
    top: 15px;
    text-align: center;
}

#LogonInputs {
    position: relative;
    left: 43px;
    top: 4px;
}

#Logon-PasswordVergessen {
    position: relative;
    left: 18px;
}

#PasswortVesandt {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

#PasswortEinstellungen {
    margin-left: auto;
    background: url(images/admin-btn_login-blanko.png) no-repeat;
    background-position: 0 300px;
    width: 510px;
    height: 200px;
    margin-right: auto;
    display: block;
    padding-top: 300px;
    text-align: center;
}

#PasswortEinstellungenInputs {
    padding-top: 8%;
}

#NeuesPasswortRegion {
    margin-top: 5px;
}

#Verschicken {
    color: White;
    font-weight: bold;
}

#OkButton {
    margin-top: 10px;
}

.PfeilButton {
    background: url(images/admin-icon_login.png) no-repeat;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: none;
}

    .PfeilButton:hover {
        background: url(images/admin-icon_login-over.png) no-repeat;
        cursor: pointer;
        width: 30px;
        height: 30px;
        border: none;
    }

#LogonButton {
    position: relative;
    top: 18px;
}

#degener {
    position: absolute;
    margin-right: 0;
    right: 10%;
    margin-left: auto;
    width: 95px;
    height: 30px;
    top: 0;
    bottom: 0;
}

#degenerLink {
    position: absolute;
    background: url(images/degener-logo_fusszeile.png) no-repeat;
    width: 95px;
    height: 30px;
}

#Impressum {
    position: absolute;
    color: DarkGray;
    font-size: 1.4em;
    font-weight: bold;
    margin-left: 10%;
    height: 30px;
    vertical-align: central;
    top: 0;
    bottom: 0;
}

#Datenschutz {
    position: relative;
    color: DarkGray;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    display: block;
    height: 100%;
    vertical-align: central;
}

#Impressum_Titel {
    position: relative; /*top: 130px;*/
    padding-top: 130px;
    margin-left: 10%;
    margin-right: 10%;
}

#Impressum_Text {
    position: relative;
    padding-top: 10px; /*top: 250px;*/
    height: 100%;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 0.8em;
}

#ImpressumDetail {
    font-size: 0.7em;
}

a:link {
    text-decoration: none;
    color: Black;
}

#Schuelerstatistik_Name {
    /*padding-top: 160px;  */
    padding-bottom: 40px;
    text-align: center;
}

#Schuelerstatistik {
    position: relative;
    padding-top: 160px;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    height: 100%;
}

#StatistikenBilder {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    max-width: 400px;
    max-height: 300px;
}

#PruefungSimulationImgage {
    position: relative;
    width: 100%;
    display: block;
}

#LernenNachThemaImgage {
    position: relative;
    width: 100%;
    display: block;
    margin-top: -75%;
}

#LernkarteiImgage {
    position: relative;
    width: 100%;
    display: block;
    margin-top: -75%;
}

#Schuelerstatistik_tabs {
    /*background-color: #ffe475;*/
    font-size: 0.8em;
}

/*#tabs-3
{
    text-align: center;
    min-height: 244px;
}*/


.KastenProzent {
    margin-top: -15%;
    margin-bottom: 4%;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    height: 8px; /* Can be anything */
    position: relative;
    background: #555;
    border-radius: 25px;
    padding: 10px;
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

    .KastenProzent > span {
        display: block;
        height: 100%;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        background-color: rgb(43,194,83);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
        background-image: -webkit-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
        background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
        background-image: -ms-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
        background-image: -o-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
        position: relative;
        overflow: hidden;
    }

.KastenProzent_1 {
    display: block;
    height: 16px;
    width: 0;
    background-color: #0162a7;
    border-radius: 5px;
    left: 0;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.KastenNr {
    display: inline-block;
    width: 130px;
    height: 240px;
}

/*#tabsLernkartei {
    min-width: 700px;
}
*/
.KastenNr_label {
    display: inline-block;
    width: 130px;
    position: absolute;
    padding-top: 60px;
    font-size: 2.4em;
}

.KastenFragen {
    top: -15%;
    position: relative;
    display: block;
}

#PruefungSimulationenTabelleBereich {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#Pruefungssimulation_Label {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 10%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#LernenNachThema_Label {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
}

#Lernkartei_Label {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 10%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.RichtigeAntwort {
    color: #01A001;
    font-size: 1.25em;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.FalscheAntwort {
    color: #ff0000;
    font-size: 1.25em;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

#FalscheAntwortDetail_BildDiv {
    float: left;
    text-align: center;
    margin-left: 2%;
}

#FalscheAntwortDetail_Bild {
    height: 384px;
    margin-right: 1%;
    margin-top: 1%;
}

#FalscheAntwortDetail_Frage {
    font-size: 1.25em;
    max-width: 650px;
    margin-right: 1%;
    margin-left: 1%;
}

#FalscheAntwortDetail_Fehlerpunkte {
    position: absolute;
    font-size: 1.25em;
    right: 1%;
    top: 5px;
}

#FalscheAntwortDetail_Antworten_parent {
    margin-top: 1%;
    padding-left: 1%;
    height: 384px;
    display: table;
}

#FalscheAntwortDetail_Antworten {
    vertical-align: middle;
    display: table-cell;
}

.FalscheAntwortDetail_Check {
    border-style: solid;
    height: 16px;
    width: 16px;
    border-width: 1px;
    position: absolute;
}

.FalscheAntwortDetail_AnkreuzAntworten {
    position: relative;
    margin-bottom: 8px;
}

#schwellwert_label1 {
    position: relative;
    width: 400px;
    top: 25px;
    left: 50px;
    font-size: 1.05em;
    color: White;
    display: block;
}

#schwellwert_label {
    color: White;
    font-size: 1.05em;
}

#div_schwellwert_slider {
    position: relative;
    padding-top: 35px;
    padding-bottom: 15px;
}

.wijmo-wijgrid-headertext {
    text-align: left;
}

#schwellwert_slider {
    position: relative;
    top: 7.5px;
    width: 50%;
    left: 25%;
}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.45em;
    color: White;
}

h1 {
    font-size: 2.45em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

.input {
    border-radius: 5px;
    width: 200px;
    margin-bottom: 5px;
    background: white;
}

input {
    border-radius: 5px;
    width: 200px;
    margin-bottom: 5px;
    background: white;
}

.ui-state-default {
    background: url("images/ui-bg_glass_85_edeff1_1x400.png") repeat-x scroll center bottom white;
    border: 1px solid #D8DADB;
    color: #4C535C;
    font-weight: normal;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

#tabs {
    margin-top: 100px;
    margin-left: 10%;
    margin-right: 10%;
}

#tabs-1 {
    width: 100%;
}

#tabs-2 {
    width: 100%;
}

#tabs-3 {
    width: 100%;
}

.container {
    float: left;
    width: 200px;
}

.containerAdmin {
    float: left;
    width: 300px;
}

.container2 {
    float: left;
    width: 100px;
}


.container3 {
    float: left;
    width: 400px;
}

.buttonContainer {
    float: left;
    width: 350px;
    margin-left: 80px;
    margin-top: 0px;
}

.container_aktivitaet {
    float: left;
    margin-top: 10px;
    margin-right: 1px;
    margin-bottom: 10px;
    margin-left: 10px;
    height: 70px;
    width: 30%;
}

.inputEinstellungen {
    /*display: block;
    height: 10px;*/
    width: 250px;
    margin-top: 8px;
}

.labelEinstellung {
    display: block;
    /*height: 10px;*/
    /*margin-top: 5px;*/
}

.labelReg {
    display: block;
    height: 10px;
    margin-top: 5px;
}

.labelReg2 {
    display: block;
    height: 10px;
    margin-top: 5px;
}


.labelReg3 {
    display: block;
    height: 10px;
    margin-top: 5px;
    width: 250px;
}

.buttonDetailansicht {
}

#detail_schueler_Vorname {
    margin-top: 7px;
    width: 250px;
}

#detail_schueler_Name {
    margin-top: 7px;
    width: 250px;
}

#detail_schueler_email {
    margin-top: 7px;
    width: 250px;
}

#detail_schueler_Zweitsprache {
    margin-top: 7px;
    width: 250px;
}

#detail_schueler_Kennwort {
    margin-top: 7px;
    width: 250px;
}

#Fahrschule_Fahrschulcode {
    margin-top: 7px;
    width: 250px;
}

#SelectUnterkataloge {
    margin-top: 10px;
    margin-bottom: 7px;
    width: 260px;
}

#SelectLernfeldart {
    margin-top: 7px;
    width: 260px;
}

#Fahrschul_Suchcode {
    margin-top: 7px;
    width: 250px;
}

#detail_schueler_Fahrschule_Fahrschulcode {
    margin-top: 7px;
    width: 250px;
}

#detail_registrierung_Vorname {
    margin-top: 7px;
    width: 250px;
}

#detail_registrierung_Name {
    margin-top: 7px;
    width: 250px;
}

#detail_registrierung_email {
    margin-top: 7px;
    width: 250px;
}

.selectSprache {
    margin-bottom: 5px;
}

.table_row {
    margin: 0px;
}

.content_holder_table {
    width: 880px;
    height: 25px;
}

#form {
    height: 50px;
}

.SuchTextContainer {
    margin-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#SuchTextTyp {
    width: 40px;
    text-align: center;
    font-size: 1.5em;
}

#SuchText1 {
    width: 15px;
    text-align: center;
    font-size: 1.5em;
}

#SuchText2 {
    width: 15px;
    text-align: center;
    font-size: 1.5em;
}

#SuchText3 {
    width: 15px;
    text-align: center;
    font-size: 1.5em;
}

#SuchText4 {
    width: 15px;
    text-align: center;
    font-size: 1.5em;
}

#SuchText5 {
    width: 15px;
    text-align: center;
    font-size: 1.5em;
}

#SuchText6 {
    width: 15px;
    text-align: center;
    font-size: 1.5em;
}

#SuchText7 {
    width: 15px;
    text-align: center;
    font-size: 1.5em;
}

#SuchText8 {
    width: 15px;
    text-align: center;
    font-size: 1.5em;
}

.ZuruecksetzenButton {
    width: 250px;
}


/* Fuer die SchuelerKopieren Seite */

.page-container {
    width: 80%;
    margin: 20px auto;
}

/* Die Container für Suche und Ergebnisse sollten die gleiche Breite haben */
.search-group {
    background: white;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    width: 100%; /* Änderung auf volle Breite */
}

.search-row {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.search-label {
    flex: 0 0 200px;
}

.search-input-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.search-pattern-below {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

    .search-pattern-below input[type="checkbox"] {
        width: auto;
        margin: 0 5px 0 0;
    }

    .search-pattern-below label {
        color: black;
        white-space: nowrap;
    }

#SuchText {
    flex: 1;
}

.SuchTextContainerKopieren {
    margin-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.results-container {
    margin-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.orangeButtonKopieren {
    background: url(images/admin-btn_1spalte.gif) no-repeat center;
    cursor: pointer;
    width: 100px;
    height: 25px;
    border: none;
    color: White;
    text-align: center;
}

/* Tabellenstyling mit Hover-Effekt */
.table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

    .table th,
    .table td {
        text-align: center;
        padding: 8px;
        border-bottom: 1px solid #ddd;
    }

    .table th {
        background-color: #f5f5f5;
    }

    .table tbody tr:hover {
        background-color: #f9f9f9;
        cursor: pointer;
    }