/* ============================================  */
/* Body Tag  */

body {
background-color: #ffffff;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}

/* ============================================  */
/* Formular Tags  */
form {display: inline }

/* mb = Eingabefelder mit Rahmen ( dort wo der Besucher schreibt )  */
.mb {
background-color: #ffffff;
border: 1px solid #339900;
font-family: Verdana, Arial, sans-serif;
color: #339900;
font-size: 11px;
}

/* los = Der Button, um die Nachricht zu senden  */
.los {
background-color: #339900;
border: 1px solid #000000;
color: #ffff99;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
padding: 3px;
}
/* ============================================  */

/* anredea ( Hintergrund und Text )  */
.anredea {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* anredeb ( Hintergrund und Text )  */
.anredeb {
background-color: #ccffcc;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* namea ( Hintergrund und Text )  */
.namea {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* nameb ( Hintergrund und Text )  */
.nameb {
background-color: #bbf3b5;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* telefona ( Hintergrund und Text )  */
.telefona {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* telefonb ( Hintergrund und Text )  */
.telefonb {
background-color: #aae89e;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* maila ( Hintergrund und Text )  */
.maila {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* mailb ( Hintergrund und Text )  */
.mailb {
background-color: #99dc87;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* betreffa ( Hintergrund und Text )  */
.betreffa {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* betreffb ( Hintergrund und Text )  */
.betreffb {
background-color: #88d171;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* mitta ( Hintergrund und Text )  */
.mitta {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* mittb ( Hintergrund und Text )  */
.mittb {
background-color: #77c65a;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* sicherheita = Grafische Sicherheitsprüfung ( Hintergrund und Text )  */
.sicherheita {
background-color: #ffffff;
padding: 3px 2px 3px 2px;
color: #339900;
font-size: 11px;
}

/* sicherheitb = Grafische Sicherheitsprüfung ( Hintergrund und Text )  */
.sicherheitb {
background-color: #66ba43;
padding: 3px 2px 3px 2px;
color: #ffff99;
font-size: 11px;
}

/* wahla = wählen Sie die richtige Kombination ( Hintergrund und Text )  */
.wahla {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* wahlb = wählen Sie die richtige Kombination ( Hintergrund und Text )  */
.wahlb {
background-color: #55af2d;
padding: 3px 2px 3px 4px;
color: #ffff99;
font-size: 11px;
margin: 2px;
}

/* bildwahla = Bild wird gezeigt ( Hintergrund und Text )  */
.bildwahla {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* bildwahlb = Text zum Bild auswählen ( Hintergrund und Text )  */
.bildwahlb {
background-color: #44a416;
padding: 3px 2px 3px 1px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* loslosa = Feld Sicherheitsprüfung und Feld Formular absenden = los ( Hintergrund und Text )  */
.loslosa {
background-color: #ffffff;
padding: 3px 2px 3px 2px;
color: #339900;
font-size: 11px;
}

/* loslosb = Feld Sicherheitsprüfung und Feld Formular absenden = los ( Hintergrund und Text )  */
.loslosb {
background-color: #ffffff;
padding: 3px 2px 3px 2px;
color: #339900;
font-size: 11px;
}
/* ============================================  */
/* Allgemeine Ausgabetabellen */

/* tabdiv = grosser, dicker Rahmen um das ganze Formular  */
.tabdiv {
border: 2px solid #339900;
padding: 5px;
background-color: #ffffff;
width: 550px;
}

/* innen = dünner Rahmen zwischen den Felder für das ganze Formular  */
.innen {
background-color: #ffffff;
width: 550px;
}

/* innenh = die einzelnen Felder ( Hintergrund und Text )  */
.innenh {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #339900;
font-size: 11px;
margin: 2px;
}

/* innenhd = Feld Sicherheitsprüfung und Feld Formular absenden. ( Hintergrund und Text )  */
.innenhd {
background-color: #ccffcc;
padding: 3px 2px 3px 2px;
color: #339900;
font-size: 11px;
}

/* fehlerausgabe = Fehlermeldungen oberhalb Formular. ( Hintergrund und Text )  */
.fehlerausgabe {
background-color: #ffffff;
padding: 3px 2px 3px 4px;
color: #ff0000;
font-size: 11px;
margin: 2px;
}

/* ============================================  */
/* Hinweise Rot/Gruen */
.tippred {
font-size: 11px;
color: red;
font-weight: bold;
}
.tippgreen {
font-size: 11px;
color: green;
font-weight: bold;
}
/* ============================================  */
label {
display: block;
width: 99%;
padding: 3px;
}
/* ============================================  */