/** Stilvorlage für das Eintragsformular Ihres kleine-helferlein.de Gästebuch
 Mit Hilfe dieser Stilvorlagen können Sie Ihr Gästebuch an das Design Ihrer Homepage anpassen.
 Eine Einführung in CSS und Übersicht über die Formatierungsmöglichkeiten finden Sie unter
 http://selfhtml.teamone.de/css/
 **/


/* alle hier definierten Eigenschaften gelten für die komplette Seite
 außer einzelne Elemente für die die Eigenschaft gesondert definiert ist */
body {
/* Hintergrundfarbe der Seite */
background-color:#BCBDD1;
/* Standard Schriftart, -größe und -farbe. */
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}


/* Überschrift */
h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:25px;
/*font-size:14pt;*/
/*font-weight:lighter;*/
padding-top:30px;
padding-bottom:20px;

text-align:center;
}


/* Tabelle die das Formular enthält */
table.frame {
width:500px;
}


/* Tabellenzellen die die einzeiligen Eingabefelder, das Textfeld für die Nachricht und die Buttons enthalten */
td.outerFrame1 {
border-width:1px;
border-style:solid;
border-color:#000;

background-color:#e6e6e6;

text-align:center;
}


/* Tabellenzelle die den Verweis auf www.kleine-helferlein.de enthält */
td.add {
border-width:1px;
border-style:solid;
border-color:#900;

background-color:#ccc;

text-align:center;
}


/* Tabellenzelle die die Fehlermeldungen bei falsch ausgefülltem Formular enthält */
td.outerFrame4 {
border-width:1px;
border-style:solid;
border-color:#000;

background-color:#ccc;

text-align:center;
}


/* Tabellenzellen die die einzeiligen Eingabefelder und den dazugehörigen Text enthalten */
td.innerFrame1 {
text-align:left;
}


/* der Link auf www.kleine-helferlein.de */
a {
text-decoration:none;
color:#900;
}

a:visited {
text-decoration:none;
color:#900;
}

a:hover {
text-decoration:underline;
color:#900;
}


/* die einzeiligen Textfelder */
.textfield {
border-width:1px;
border-style:solid;
border-color:#900;

background-color:#fff;

width:170px;
}

/* Das Captcha Bild */
#captcha {
border-width:1px;
border-style:solid;
border-color:#000;
}

/* das Textfeld für die Nachricht */
.textarea {
border-width:1px;
border-style:solid;
border-color:#900;

background-color:#fff;

width:95%;
height:200px;

white-space:normal;
}


/* die beiden Buttons */
.button {
border-width:1px;
border-style:solid;
border-color:#900;

background-color:#fff;

text-decoration:underline;

width:120px;
}


/* Überschrift der Fehlermeldung bei falsch ausgefülltem Formular */
caption.formError {
color:#900;
font-weight:bold;
}


/* Fehlermeldungen bei falsch ausgefülltem Formular */
li.formError {
color:#900;
}


/* Tabelle der die Smileys links vom Textfeld enthaelt, falls diese aktiviert sind */
table.smileys_std {
border-width:1px;
border-style:solid;
border-color:#333333;

height:200px;
width:55px;

margin-right:10px;
}


/* Tabelle der die Smileys unterhalb vom Textfeld enthaelt, falls diese aktiviert sind */
table.smileys_adv {
border-width:1px;
border-style:solid;
border-color:#333333;

width:470px;
}


/* die Smileys, sollte nicht verändert werden */
img.smiley {
border-width:0px;
border-style:solid;
border-color:#000;
}