/*  hier wird die Schrift-Art -Größe usw festgelegt */
#my-parent
{
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size       : .8em;
  line-height      : 3em;
}
/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */
label.left
{
    float            : left;
    text-align       : right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei inputrightf 
    entsprechend anzupassen: */
    width            : 12em;
    margin-right     :  .3em;
    margin-bottom    : 1em;/* Abstand der Zeilen */
}
/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */
input.rightf{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left              :    12em;
    margin-right             :    .3em;
    margin-bottom            :  1em; /* Abstand der Zeilen */
}
/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */
input[type=text],
select
/*input[type=radio]*/
{
    float            : left;
}
/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */
input[type=checkbox].rightf,
input[type=radio].rightf,
input[type=submit].rightf{
    margin-left                :    10.3em;
}
/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */
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;
}
/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */
form
{
     line-height                :    140%;
  width            :  100%;
}
/*nur für die RedDot-Ansicht nicht ändern*/
#reddot 
{
 border: 1px dashed Red;
 font-style: normal;
}
.reddottext {
 border: none;
 color: Red;
 font-family: Verdana;
 font-size: 9px;
 font-style: normal;
 font-weight: 100;
}
#error {
 border: none;
 color: Red;
 font-family: Verdana;
 /*font-size: 10px;*/
 font-style: normal;
 font-weight: 100;
 font-size       : .8em;
 line-height      : 3em;
}