/* CSS Styles für Gästebuch, Tim Reeves, Stand 2012-01-08 */

/* Die Farben können beliebig angepast werden */

div.gaestebuch, form.gaestebuch table.eingabe {
	color: #333333;
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
	background-color: #F5FFF0;	/* Der allg. Hintergrund des ganzen GB-Bereichs */
	background-color: #F8EFEB;
	background-color: #E6E995;
}

div.gaestebuch div.trenner {	/* Trennstrich quer über die ganze Breite des GBs */
	background-color: #888888;
}

/* Jeder Eintrag in einer eigene Tabelle, mit dieser Umrahmung */
div.gaestebuch, div.gaestebuch table.eintrag, div.gaestebuch table.eintrag td,
form.gaestebuch table.eingabe, form.gaestebuch table.eingabe td {
	border: 1px solid #A6A6A6;
}

/* Hintergrund der vier Kopfzellen der Eintragstabelle */
div.gaestebuch table.kopf,
div.gaestebuch table.eintrag td,
form.gaestebuch table.eingabe td.feld {
	background-color: #E7FFDF;
	background-color: #C3E995;
}

div.gaestebuch table.kopf {
	border-top: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
}

div.gaestebuch table.eintrag td.eintrag {
	background-color: #F0FFE8;	/* Hintergrund für den Eintrag selbst */
	background-color: #F5F6D0;	/* Hintergrund für den Eintrag selbst */
}

div.gaestebuch table.eintrag td.eintrag p.gb_komm {
	color: #138F2C;		/* Hervorhebung für den Kommentar-Header im Eintrag */
	color: #961A40;
}

/* Ab hier soll nur von "Eggsperden" angefasst werden - die brauchen keine Anleitung :) */

div.gaestebuch {
	width: 518px;				/* Gesamtbreite (abzgl. Rahmen) */
	padding: 0px;
	margin: 9px auto 12px 0;	/* "auto" falls Zentrierung des GBs gewünscht */
	text-align: center;			/* Für die Einträge (table.eintrag) (msie) */
}

form.gaestebuch {
	width: auto;
	padding: 0px;
	margin: 0px auto 0px auto;	/* "auto" falls Zentrierung des GBs gewünscht */
	text-align: center;			/* Für die Tabelle (table.eingabe) (msie) */
}

div.gaestebuch h2.gb {			/* Überschrift Kopfbereich, ggf. anpassen */
	margin: 10px 0px 10px 0px;
}

div.gaestebuch h2 {				/* Überschrift Kopfbereich Zusatzdialoge, ggf. anpassen */
	margin: 12px 0px 12px 0px;
}

form.gaestebuch table td h2 {	/* Überschrift Kopfbereich "Neuer Eintrag", ggf. anpassen */
	margin: 7px 0px 4px 0px;
}

div.gaestebuch div.trenner {
	width: 100%;
	height: 1px;
	margin: 6px 0px 6px 0px;
	border: 0px solid white;
}

div.gaestebuch table.kopf {
	table-layout: fixed;		/* Spaltenbreite wird über colgroup festgelegt */
	width: 100%;
	margin: 0px 0px 6px 0px;
}

div.gaestebuch table.kopf td {
	padding: 2px 0px 2px 0px;
}

div.gaestebuch table.eintrag {	/* Jeder Eintrag wird gezeigt in einer eigene Tabelle */
	table-layout: fixed;		/* Herumeiern nicht gewünscht :)  */
	width: 500px;				/* Tabellenbreite (da fixed inkl. border) */
	margin: 9px auto 6px auto;
/*  Die folgenden Zeilen aktivieren falls sie nicht bereits kaskadierend gelten */
/*	border-collapse: collapse;	/* Gets rid of IE Border Spacing */
/*	border-spacing: 0px;		/* Gets rid of W3C Border Spacing */
}

form.gaestebuch table.eingabe {	/* Die Eingabe-Maske hingegen ist eine einzige Tabelle */
	table-layout: fixed;		/* Spaltenbreite wird über colgroup festgelegt */
	/* Firefox und Opera count pixels wrong and need the top / bottom margins */
	margin: 2px auto 1px 1px;	/* "auto" falls Zentrierung des GBs gewünscht */
/*  Die folgenden Zeilen aktivieren falls sie nicht bereits kaskadierend gelten */
/*	border-collapse: collapse;	/* Gets rid of IE Border Spacing */
/*	border-spacing: 0px;		/* Gets rid of W3C Border Spacing */
}

.gaestebuch table td, .gaestebuch table td p, div.gaestebuch p {
	font-size: 11px;
	line-height: normal;
}

.gaestebuch table td .gb_hinweis {
	font-size: 10px;
	vertical-align: text-bottom;
}

.gaestebuch table td {
	text-align: left;
}

div.gaestebuch p {
	margin: 6px 0px 6px 0px;
}

div.gaestebuch p.heady {
	margin: 9px 0px 3px 0px;
}

div.gaestebuch p.blaettern, div.gaestebuch p.footy {
	margin: 3px 0px 9px 0px;
}

div.gaestebuch table.eintrag td p {
	margin: 2px 4px 6px 4px;
}

div.gaestebuch table.eintrag td.gname {		/* 1. Kopfzelle - Gastname */
	vertical-align: middle;					/* Die Breite ist das was übrig bleibt */
}

div.gaestebuch table.eintrag td.gdate {		/* 2. Kopfzelle - Datum, Uhrzeit */
	width: 128px;
	text-align: center;
	vertical-align: middle;
}

div.gaestebuch table.eintrag td.icons1 {	/* 3. Kopfzelle - Benutzer-Icons */
	width: 68px;
	text-align: right;
	vertical-align: bottom;
}

div.gaestebuch table.eintrag td.icons2 {	/* 4. Kopfzelle - Betreiber-Icons */
	width: 106px;
	text-align: right;
	vertical-align: bottom;
}

div.gaestebuch table.eintrag td.eintrag {	/* darunter den Eintrag selbst in einer Zelle */
	width: auto;
}

div.gaestebuch table.eintrag td.eintrag p.gb_komm {
	/* Hervorhebung für den Kommentar-Header im Eintrag */
	/*	text-decoration: underline;	*/
	margin: 6px 4px 3px 4px;
}

.gaestebuch a, .gaestebuch a:link, .gaestebuch a:visited,
.gaestebuch a:active, .gaestebuch a:focus, .gaestebuch a:hover {
	text-decoration: none;
}

/* Die Seite für einen neuen Eintrag (table.eingabe) */

form.gaestebuch table.eingabe td {
	padding: 0px;				/* Padding here causes IE5 to calculate wrongly */
	vertical-align: middle;
	white-space: nowrap;
}

form.gaestebuch table.eingabe td p {
	margin: 2px 0px 2px 6px;
}

form.gaestebuch table.eingabe td table.smilies {
	table-layout: auto;
	width: auto;
	border: 0px solid white;
	margin: 0px auto;
	/* Die nächsten zwei Angaben entsprechen "table cellspacing" bei W3C Browser */
	border-spacing: 5px;
	border-collapse: separate;
}

form.gaestebuch table.eingabe td table.smilies td {
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	border: 0px solid white;
}

/* CSS Styles für fields und buttons - soweit nicht bereits kaskadierend geltend */

input.myField, textarea {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 1px 0px 1px 0px;
	padding: 0px 1px 0px 2px;
}

input.myCheck {
	margin: 0px 4px 1px 0px;
	padding: 0px;
	vertical-align: middle;
}

form.gaestebuch table.eingabe td input.myField {
	width: 248px;
}

form.gaestebuch table.eingabe td textarea {
	width: 248px;
	height: 240px;
	overflow: auto;
}

input.myButton,
input.myButtonDown {
	/* Windows refuses to make a 10px Arial in a button bold */
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 88px;
	height: auto;
	padding: 0px 0px 1px 0px;
	letter-spacing: 1px;
}

/* Formate in den "kleinen" Dialogen */
div.gaestebuch form {
	text-align: center;
}

div.gaestebuch form p {
	font-size: 12px;
	line-height: normal;
	margin: 9px 0px 9px 0px;
}

div.gaestebuch form p input.myField {
	margin: 0px;
}

div.gaestebuch form p input.password {
	width: 120px;
}

div.gaestebuch form p input.myButton, div.gaestebuch form p input.myButtonDown {
	margin: 0px 0px 1px 0px;
}

div.gaestebuch form p textarea {
	width: 380px;
	height: 200px;
	overflow: auto;
}

div.gaestebuch form p textarea.edit {
	height: 260px;
}

div.gaestebuch form div.origtext {
	width: 374px;
	height: auto;
	max-height: 150px;
	overflow: auto;
	margin: 9px auto 6px auto;
	padding: 0px 6px 0px 0px;
}

div.gaestebuch form table.edit {
	margin: 9px auto 0px auto;
}

div.gaestebuch form table.edit td {
	vertical-align: middle;
	padding: 0px 0px 6px 0px;
}

div.gaestebuch form table.edit td input.myField {
	width: 140px;
}