/* Quelle: http://www.einfach-fuer-alle.de/artikel/formulare/ */

/*  haengt die Labels rechtsbuendig an
    einer imaginaeren Mittelachse 8em
    von links auf und kontrolliert den
    Abstand zu den Kontrollelementen: */

.labelleft
{
    float            : left;
    text-align       : left;
    width            : 9em;
    margin-right     : .3em;
}

/* Login Fernleihe und DigiBib */
.labellogin
{
    float            : left;
    text-align       : left;
    width            : 9.5em;
    margin-right     : .3em;
}

/* für 'Zeichnungsberechtigten' */
label.labelleftfrei
{
    float            : left;
    text-align       : left;
    margin-right     : .5em;
}

/* labeldruckservice auch benutzt für ZID, Kurse: Anmeldung-Hiwis */
.labeldruckservice
{
    float            : left;
    text-align       : left;
    width            : 11em;
    margin-right     : .3em;
}
.labelmail
{
    float            : left;
    text-align       : left;
    width                : 12.5em;
    margin-right     : .3em;
}

.labelzid
{
    float            : left;
    text-align       : left;
    width            : 13em;
    margin-right     : .3em;
}

.labelsuchdienst
{
    float            : left;
    text-align       : left;
    width            : 16em;
    margin-right     : .3em;
}

.labellieferservice
{
    float            : left;
    text-align       : left;
    width            : 18em;
    margin-right     : .3em;
}

.labeljason, .labelaccount
{
    float            : left;
    text-align       : left;
    width            : 19em;
    margin-right     : .3em;
}

/*  positioniert die Text- und
    Auswahlboxen rechts daneben: */

input[type=text],
input[type=password],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "inputright" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.inputright
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left              :    5.3em;
    margin-right             :    .3em;
}

/*  Extrawurst fuer Mozilla */

input[type=checkbox].inputright,
input[type=radio].inputright,
input[type=submit].inputright
{
    margin-left                :    6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben */

form br { clear    : both; }

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist,
    die Kontrollelemente gleich mit. Mit einer Ausnahme:
    fuer Textfelder macht der Pointer natuerlich keinen
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke
    als Cursor erscheinen. Daher hier die Einschraenkung
    auf die input-Elemente des Typs checkbox, radiobutton,
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
        cursor:pointer;
}
input[type=radio] {
        vertical-align:middle;
}
input[type=checkbox], input[type=radio] {
        padding:0.2em;
}
input[type=button], input[type=text], input[type=reset], textarea, select, .button {
        font-family:Verdana,Arial,Helvetica,sans-serif;
         font-size:1em;
         padding:0.1em;
}
/*input[type=button], */.button, .buttonklein {
        font-size:0.9em;
        cursor:pointer;
}
optgroup {
        font-style:normal;
        font-family:Verdana,Arial,Helvetica,sans-serif;
}
optgroup option {
        padding-left:.5em;
}
select {
        margin-bottom:.25em;
}
fieldset {
        padding:2px 2px 2px 4px;
}
legend.legendh1 {
        line-height:1.3em;
        font-weight: bold;
         font-size:1.25em;
        margin-bottom:0.75em;
         margin-top:0.75em;
         color:#7b7c7e;
}
div#content form
{
        line-height:200%;
}

/* Navigation oben und unten */
input.inputnavi { float:none; }
        /* Hebt float:left wieder auf */
form.formnavi
{ line-height:119%; }
        /* Hebt line-height:200% wieder auf */

.formtext
{ line-height:112%; }
        /* Hebt line-height:200% wieder auf */

/* Verändert die Hintergrundfarbe des aktuellen Eingabefeldes bei Formularen */
textarea,
input[type=text],
input[type=password] {
        color: #000;
         background: #fff; }
textarea:focus,
input[type=text]:focus,
input[type=password]:focus {
        color: #000;
        background: #ffff80; }