/* Weitere Styles, die Sie belegen können sind: p1, p2, p3,... p11 */
/* In diesem mitgelieferten Stylesheet sind diese nicht belegt     */
a      { color: #039; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none }
a:hover    { color: black; font-size: 11px; font-weight: bold; text-decoration: none }
a.white  {
        color : #ffffff;
        text-decoration : none;
        font-weight : bold;
        font-style: normal;
}
a.white:hover  {
        color : #ffffff;
        text-decoration : underline;
}
a.whitemenu  {
        color : #ffffff;
        text-decoration : none;
        font-weight : normal;
        font-style: normal;
}
a.whitemenu:hover  {
        color : #ffffff;
        text-decoration : underline;
}
a.nobold  {
        text-decoration : none;
        font-weight : normal;
        font-style: normal;
}
a.nobold:hover  {
        text-decoration : underline;
}


body    { color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; background-color: white; margin: 0; padding: 0 }
h1 {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 18px;
        font-weight : bold;
        line-height : 18px;
        color : #c00;
}
h2  { color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px }
h3 {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 15px;
        font-weight : bold;
        line-height : 15px;
        color : #c00;
}
h4 {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 14px;
        font-weight : bold;
        line-height : 14px;
        color : #c00;
}
h5 {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 13px;
        font-weight : bold;
        line-height : 13px;
        color : #c00;
}
h6 {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;
        font-weight : bold;
        line-height : 12px;
        color : #c00;
}
.small {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;

}
.topwhite {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color : #ffffff;
        font-size : 10px;
}
td    { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px }
td.header  {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        color : #ffffff;
        background-color : #292963;
}
input {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        color : #292963;
        }
select {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        color : #292963;
        }
textarea {
        color : #666666;
        }
.formtext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}
.formelements {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        border: 1px solid #999999;
}
.tsmall {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: normal;
}
.tmiddle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
.tbig {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
}
.weiss {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
}

/* FORMULAR */

/* Layout-Tabelle */
#cpfh table {
 font-size:1em; /* Schriftgrösse */
}

/* Layout-Tabelle Zeilen und Zellen */
#cpfh tr, #cpfh td {
 text-align:left; /* Textausrichtung links */
 vertical-align:top; /* Textausrichtung oben */
 padding:2px; /* Innenabstand */
}

/* fieldset (kommt dann zum Einsatz, wenn das Formular in verschiedene Abschnitte gegliedert wurde = Abschnitt) */
#cpfh fieldset {
 margin:1em; /* Aussenabstand zum nächsten Abschnitt */
 padding:0.5em; /* Innenabstand zum Abschnitt-Inhalt */
 border:1px solid #000; /* Rahmen um den Abschnitt */
}

/* legend (kommt dann zum Einsatz, wenn das Formular in verschiedene Abschnitte gegliedert wurde und für die
   Abschnitte eine Überschrift gewählt wurde = Überschrift Abschnitt)
*/
#cpfh legend {
 margin:0.2em; /* Aussenabstand zwischen Überschrift und Abschnitt */
 padding:0.2em; /* Innenabstand zu Überschrift Text */
 border:1px solid #000; /* Rahmen um die Überschrift */
 background-color:#ccc; /* Hintergrundfarbe für die Überschrift */
 color:#000; /* Schriftfarbe */
 font-weight:bold; /* Schriftart fett für den Text der Überschrift */
}

/* Bezeichnung für Text vor Radiobuttons und vor gruppierten Checkboxes */
#cpfh span {
}

/* alle label (Bezeichnungen zu Feldern) */
#cpfh label {
 cursor:pointer; /* macht aus dem Cursor eine Hand, damit gleich ersichtlich ist, dass bei Klick auf das label das dazugehörige Feld aktiviert wird */
}

/* label (Bezeichnung) zu nicht gruppierten Checkboxes */
#cpfh .cpfhboxlabel {
}

/* label (Bezeichnungen zu Feldern) bei Muss-Feldern */
#cpfh .cpfhmustlabel {
 font-weight:bold; /* fette Schrift */
}

/* alle Felder */
#cpfh input, #cpfh textarea, #cpfh select {
 width:31em; /* Breite der Felder */
 margin:0 0.5em 0 0; /* Abstand zu allfälligen Zeichen rechts neben den Muss-Feldern */
 padding:0.2em; /* Innenabstand zum Text */
 border:1px solid #000; /* Rahmen */
 color:#000; /* Schriftfarbe */
 background-color:#fff; /* Hintergrundfarbe */
 font-size:11px;
}

/* textarea Höhe */
#cpfh textarea {
 height:7em;
}

/* Felder kleiner */
#cpfh .cpfhmiddle {
 width:10em; /* Breite */
}

/* Felder ganz klein */
#cpfh .cpfhsmall {
 width:5em; /* Breite */
}

/* select/dropdwon */
#cpfh select {
 width:5em; /* Breite für die Auswahlbox */
 padding:0; /* Innenabstand zu Text wieder zurücksetzen, wenn bei #cpfh input... ein Innenabstand gemacht wurde */
}

/* alle Felder, wenn Cursor im Feld ist (funktioniert in Internet Explorer nicht) */
#cpfh input:focus, #cpfh textarea:focus, #cpfh select:focus {
 background-color:#e2e2e2; /* Hintergrundfarbe */
 color:#000; /* Textfarbe */
}

/* Muss-Felder */
#cpfh .cpfhmust {
 border:1px solid #000; /* breiterer Rahmen */
 background-color:#fff; /* andere Hintergrundfarbe */
}

/* Felder Radiobuttons und Checkboxes */
#cpfh .cpfhbox {
 border:none; /* Rahmen entfernen, falls bei #cpfh input... oder bei #cpfh .cpfhmust ein Rahmen gemacht wurde */
 margin-right:0.5em; /* Abstand zum Text neben den Radiobuttons/Checkboxes */
}

/* Sende-Button */
#cpfh .cpfhbutton {
 border-top:1px solid #000; /* Rahmen oben */
 border-right:2px solid #000; /* Rahmen rechts */
 border-bottom:2px solid #000; /* Rahmen unten */
 border-left:1px solid #000; /* Rahmen links */
 color:#000; /* Schriftfarbe */
 background-color:#ccc; /* Hintergrundfarbe */
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; /* Schriftart */
 font-weight:bold; /* Schrift fett */
}
#cpfh input.cpfhbutton {cursor:pointer;} /* Cursor als Hand beim Sende-Button */

/* Button, Felder Radiobuttons und Checkboxen Breite wieder zurücksetzen, falls Breite für Felder angegeben wurde */
#cpfh .cpfhbutton, #cpfh .cpfhbox {
 width:auto;
}

/* Absatz mit dem Sende-Button */
#cpfh .cpfhpb {
}

/*
   Es besteht ausserdem die Möglichkeit, einzelne Elemente über die IDs zu formatieren. Die IDs werden allerdings
   dynamisch vergeben, und müssen deshalb aus dem generierten Quelltext ermittelt werden.

   Die Reihenfolge der Anweisungen sollte nach Möglichkeit nicht geändert werden, Anweisungen können aber
   zusammengefasst werden.

   Je nach verwendetem Template können Anweisungen auch weggelassen werden und vom Template übernommen werden.

   Im Weiteren finden sich zur Formatierung per css zahlreiche Quellen im Internet, z.B.:
   http://de.selfhtml.org/css/index.htm
   http://www.css4you.de/

   Es wird empfohlen, nach dem Anpassen des Style-Sheets die Kommentare und nicht benötigten, bzw. leeren Anweisungen
   zu entfernen, um die Ladezeit nicht unnötig zu vergrössern.
*/