/** Stilvorlage für Ihr 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:#dfdfca;
/* Standard Schriftart, -größe und -farbe. */
font-family:"Comic Sans MS", "Times New Roman", "Sans Serif";
font-size:medium;
color:#000000;
width:94%;
}

a{color:#aa0000;}

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

padding-top:8px;
padding-bottom:20px;
padding-right:7.5%;
padding-left:7.5%;

text-align:center;
}


/* Tabelle die das Gästebuch enthält */
table.frame {
width:88%;
}


/* kopfzeile (es sind 2 Einträge vorhanden...) */
td.header {
width:100%;

padding-top:40px;
padding-bottom:20px;

font-size:small;
}


/* sollte nicht verändert werden */
table.entries {
width:100%;
}


/* Tabellenzellen die die einzelnen Einträge enthalten */
table.entry {
width:100%;

padding-bottom:10px;

border-width:0px;
border-style:solid;
border-color:#fff;
}

/* Tabellenzellen die die Kopfzeile jedes Eintrags enhalten */
td.entryHeader {
border-width:1px;
border-style:solid;
border-color:#900;

background-color:#999999;

padding-right:3px;
padding-left:3px;

color:#fff;
}


/* Tabellenzellen die die Nachricht jedes Eintrags enhalten */
td.entryBody {
border-width:1px; 
border-style:solid;
border-color:#900;

background-color:#efefda;

padding-top:8px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;

color:#000;
}


/* Tabellenzellen die die Homepage und ICQ# jedes Eintrags enhalten */
td.entryDetails {
border-width:1px; 
border-style:solid;
border-color:#900;

background-color:#e6e6e6;

padding-right:3px;
padding-left:3px;

font-size:small;
}


/* Tabellenzelle die die Links zu weiteren Seiten enhält */
td.pages {
}


/* sollte nicht verändert werden */
table.add {
width:100%;
}


/* Tabellenzelle die den Link auf www.kleine-helferlein.de enhält */
td.add {
background-color:#ccc;
border-width:1px;
border-style:solid;

border-color:#900;

text-align:center;
font-size:small;
}
/* !! wichtig: der verweis auf www.kleine-helferlein.de muss gut sichbar bleiben,
er darf nicht 'getarnt' werden! */


/* Textabsatz 'selber einen Eintrag verfassen' */
p {
}


/* Der Name des Verfassers, durch 'font-weight:lighter;' kann die Schrift auf nicht fett geaendert werden */
b {
font-weight:lighter;
}


/* standard-Links (Verweis auf das Eintragsformular und auf weitere Seiten) */
a {
text-decoration:none;
color:#900;
}

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

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


/* Links zur Homepage oder ICQ# bei den Einträgen */
a.details {
text-decoration:none;
color:#900;
}

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

a.details:hover {
text-decoration:none;
color:#900;
}


/* das Homepage und ICQ Icon, sollte nicht verändert werden */
img.details {
border-width:0px;
border-style:solid;
border-color:#000;

vertical-align:bottom;
}


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

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

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


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