/** 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 ccccb8 d5d478 eaeade*/
background-color:#ccccb8;
/* Standard Schriftart, -größe und -farbe. */
font-family:"Comic Sans MS", "Times New Roman", "Sans Serif";
font-size:medium;
color:#000;
width:90%;
}


/* Überschrift */
h1 {
font-size:1pt;
font-weight:lighter;

padding-top:0px;
padding-bottom:20px;
padding-left:7.5%;

text-align:center;
}


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


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

background-color:#dfdfca;

text-align:center;
font-size:85%;
font-weight:bold;
}


/* 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;
font-size:small;
}


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

background-color:#d5d478;

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 color:#900; */
a {
text-decoration:none;
color:#aa0000;
}

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

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


/* die einzeiligen Textfelder */
.textfield {
font-family: "Comic Sans MS", "Times New Roman", "sans serif"; /*für beim Schreiben*/
font-size:medium;
font-weight:lighter;

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 {
font-family: "Comic Sans MS", "Times New Roman", "sans serif"; /*für beim Schreiben*/
font-size:medium;
font-weight:lighter;

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;

font-family: "Comic Sans MS", "Times New Roman", "sans serif";
font-size:small;
font-weight:bold;
color:#aa0000;
cursor:pointer;

width:150px;
}


/* Überschrift der Fehlermeldung bei falsch ausgefülltem Formular  color:#900*/
caption.formError {
font-size:medium;
color:#aa0000;
font-weight:bold;
letter-spacing:2px;
}


/* Fehlermeldungen bei falsch ausgefülltem Formular */
li.formError {
font-size:medium;
color:#aa0000;
}


/* 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;
}