/* main layout styles */

/* Everything should be Tahoma */
body
{
    /* Dunkler Verlauf: Von Schwarz (unten) nach Dunkellila (oben) */
    background: linear-gradient(to top, #000000 0%, #3E2C59 100%);
    background-attachment: fixed;
    text-align:center;
    font-family:Tahoma;
    color: #EBE2F9; /* Haupt-Textfarbe auf hellen Ton geändert */
}
img
{
    border:0;
    margin-bottom: -4px;
}
.nonMSIE
{
    padding: 3px 3px;
    margin: 2px 2px;
}
table#tblMain
{
    margin-top:60px; /* Mehr Abstand oben */
    padding:0px;
    width: auto; /* Passt sich dem Inhalt an */
}
table.mid
{
    width: 300px; /* Schmalere, fokussierte Form */
    border-collapse:collapse;
    padding:0px;
    color:#3E2C59;
    margin: 0 auto;
}
table.tblConn
{
    direction: ltr;
    text-align:left;
}
td.tdConnImg
{
    width: 22px;
}
td.tdCopy
{
    font-size: 80%;
}
td.tdConn
{
    padding-top: 15px;
}
td#mdLft, td#mdRt /* Entferne die alten Hintergrundbilder durch Ausblenden */
{
    display: none;
    width: 0;
}
td#mdMid
{
    padding:30px 45px; /* Mehr Innenabstand für die Box */
    background: #ffffff; /* Inhalt auf weißem Hintergrund */
    vertical-align: top;
    border-radius: 8px; /* Abgerundete Ecken */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); /* Deutlicherer Schatten auf dunklem Hintergrund */
    color: #3E2C59; /* Textfarbe innerhalb der weißen Box */
}
td .txtpad
{
    padding: 8px 0px 8px 0px; /* Abstand angepasst */
    text-align:right;
}
select, table
{
    color:#3E2C59;
}
select, .txt
{
    color:#3E2C59;
    background-color:#ffffff;
    border: 1px solid #9B6FDF; /* Rand in Akzentfarbe */
    border-radius: 4px;
    margin: 3px 6px;
    padding: 8px 12px;
    height: auto;
}
.txt
{
    padding:8px 12px;
    height: auto;
    box-sizing: border-box; /* Wichtig für 100% Breite */
}
.nowrap
{
    white-space:nowrap;
}
hr
{
    height: 0px;
    visibility: hidden;
}
.l
{
    text-align:left;
}
.r
{
    text-align:right;
}
/* logon page specific styles */
a
{
    color:#9B6FDF; /* Linkfarbe in Akzentfarbe */
    text-decoration:none;
    transition: color 0.3s;
}
a:hover {
    color: #3E2C59; /* Dunkle Farbe beim Hover */
}
.wrng
{
    color:#9B6FDF;
}
.disBsc
{
    color:#EBE2F9; /* Heller für dunklen Body-Hintergrund */
}
.expl
{
    color:#EBE2F9; /* Heller für dunklen Body-Hintergrund */
}
.w100
{
    width:100%;
}
.txt
{
    width:100%;
    margin:0px 6px;
}
.rdo
{
    margin:0px 12px 0px 32px;
}
tr.expl td, tr.wrng td
{
    padding:2px 0px 4px 0px;
    color: #EBE2F9; /* Sicherstellen, dass Text in diesen Zeilen hell ist, wenn er außerhalb der weißen Box ist */
}
tr#trSec td
{
    padding:3px 0px 8px 0px;
}

/* Neuer Button Style */
input[type="submit"]
{
    background-color: #9B6FDF;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: background-color 0.3s, transform 0.1s;
    width: 100%; /* Button über gesamte Breite */
    margin: 10px 6px 0 6px;
}
input[type="submit"]:hover {
    background-color: #3E2C59;
}
input[type="submit"]:active {
    transform: translateY(1px);
}


/* language page specific styles */
td#tdLng
{
    padding:12px 0px 12px 0px;
}
td#tdTz
{
    padding:8px 0px 8px 0px;
}
select#selTz
{
    padding:0px;
    margin:0px;
}
td#tdOptMsg
{
    padding:10px 0px 10px 0px;
}
td#tdOptChk
{
    padding:0px 0px 15px 65px;
}
td#tdOptAcc
{
    vertical-align:middle;
    padding:0px 0px 0px 3px;
}
select#selLng
{
    margin:0px 16px;
}
/* logoff page specific styles */
td#tdMsg
{
    margin:9px 0px 64px;
}
.dir
{
    direction: ltr;
}
.align
{
    text-align:left;
}
.padding
{
    padding-left:42px;
}
/* styles for logon page with script disabled */
div#dvErr
{
    padding:0px 0px 3px 3px;
    background-color: #FCBC9C;
    border:solid 1px #B43038;
    border-radius: 4px;
    color: #000000; /* Sicherstellen, dass Fehlertext lesbar ist */
}
div#dvErr table
{
    color:#000000;
}
div#dvErr a
{
    color:#3F52B8;
}
td.kmgTL, td.kmgBL
{
    width: 456px;
}
td.kmgTR, td.kmgBR
{
    width: 45px;
}
table.tblLgn
{
    padding: 0px;
    margin: 0px;
    border-collapse:collapse;
    width: 100%;
}

/* NEUE REGEL: Bildgröße für das Logo festlegen */
table.tblLgn img {
    max-height: 60px; /* Maximale Höhe auf 60px setzen */
    width: auto;     /* Breite automatisch anpassen, um das Seitenverhältnis beizubehalten */
}