/**

Stylesheet-Datei für das Gästebuch

Bei manchen Elementen könnten die Pfade anzugleichen sein...
Momentan sind alle Hintergrundbilder wie folgt referenziert:
"images/bild.gif"


das "gaestebuch"-DIV*/
#gaestebuch
{
	margin: 0;
	padding: 1em 0 0;
	text-align: center;
	font-size: 100%;
	font-family: sans-serif;
}
/*Bilder immer vertikal mittig*/
#gaestebuch IMG
{
	vertical-align: middle;
}
/*verlinkte Bilder ohne Rahmen*/
#gaestebuch A IMG
{
	border: none;
}
/*die Menü-Zeile*/
#gaestebuch P#menue
{
	margin: 0 2em 1em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
}
/*Das Formular*/
#gaestebuch FORM
{
	text-align: left;
	padding: 0;
	margin: 0 1em;
}
/*Textabsätze im Formular*/
#gaestebuch FORM P
{
	text-align: left;
}
/*betrifft Textabsätze mit class="zentriert"*/
#gaestebuch FORM P.zentriert
{
	text-align: center;
}
/*Das DIV um die Eingabefelder herum, beim ersten Eintragen*/
#gaestebuch FORM #angaben
{
	float: left;
	width: 50%;
}
#gaestebuch FORM #angaben P
{
	text-align: left;
}
#gaestebuch FORM #angaben P IMG
{
	padding-right: 5px;
}
/*diese Zeile versteht der IE nicht, daher sind bei ihm die Eingabefelder nicht über die verfügbare Länge*/
#gaestebuch FORM #angaben P INPUT[type=text]
{
	width: 100%;
}
/*wieder der Eingabebereich, allerdings in der Vorschau*/
#gaestebuch FORM #angaben2
{
	float: left;
	width: 50%;
}
#gaestebuch FORM #angaben2 P
{
	text-align: right;
	margin: 0;
	padding: 0;
}
#gaestebuch FORM #angaben2 P IMG
{
	padding-right: 5px;
}
#gaestebuch FORM #angaben2 P INPUT[type=text]
{
	width: 90%;
}
/*Die Eingabe-Box für die Nachricht*/
#gaestebuch FORM TEXTAREA
{
	width: 100%;
}
/*Das ist die Liste der Einträge (<dl>-Element). Sie besteht aus <dt>- und <dd>-Elementen.
Im <dt> steht der Autor und seine Daten, im <dd> steht seine Nachricht.*/
#gaestebuch DL
{
	margin: 0 2em;
	padding: 0;
}
/*Die "Kopfleiste" eines jeden Eintrags mit dem Namen des Autors, etc.*/
#gaestebuch DT
{
	text-align: left;
	margin: 0;
	padding: 1em 0 0.5em 12px;
	color: #7F1410;
	border: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}
/*Dieses span umschließt den Autor.*/
#gaestebuch DT SPAN
{
	font-weight: bold;
}
/*Icons in der Kopfleiste eines jeden Eintrags*/
#gaestebuch DT IMG
{
	vertical-align: middle;
}
/*Der eigentliche Text des Eintrags*/
#gaestebuch DD
{
	text-align: left;
	font-weight: normal;
	margin: 0;
	padding: 0.5em 2em 1em;
	margin-bottom: 1em;
	border: 1px solid #C0C0C0;
	border-top: none;
}
/*Einstellungen für diverse Meldungs-Texte
Fehlermeldung (<p>-Element)*/
#gaestebuch .fehler
{
	font-size: 100%;
	display: block;
	margin: 0 auto;
	border: 1px solid #FF0000;
}
/*Warnung  (<p>-Element, beinhaltet das bewarnte <input>-Element)*/
#gaestebuch .warnung
{
	color: #FF0000;
}
#gaestebuch .warnung INPUT
{
	background-color: #FFE0E0;
}
/*Erfolgsmeldung (<p>-Element)*/
#gaestebuch .erfolg
{
	display: block;
	border: 1px solid #00FF00;
	background: #EEFFEE;
	margin: 1em 2em;
	padding: 0.5em;
}
/*dieses <div> enthält den HTML-Code aus der Datei "scripts/gb-meldung.html"*/
#gaestebuch #hinweis
{
	float: right;
	position: relative;
	border: 1px solid #FF0000;
	width: 45%;
	text-align: left;
	margin: 0px auto 20px;
	padding: 0.5em;
	background-color: #FFDFDF;
}
/*dieses <p> enthält einen Hinweis nach dem Abschicken, wenn das GB auf "moderiert" gestellt ist*/
#gaestebuch #moderiert-hinweis
{
	text-align: left;
	width: 75%;
	border: 1px solid #FF0000;
	background: #FFE0E0;
	padding: 5px 15px;
	margin: 0 auto 5px;
}
#gaestebuch #hinweis H2
{
	margin: 0;
	padding: 0;
	font-size: 110%;
}
/*Smilies-Box (<div>)*/
#smileys
{
	display: none;
	float: right;
	width: 45%;
}
#gaestebuch .neue-zeile
{
	clear: both;
}
#gaestebuch SPAN.linksbuendig
{
	float: left;
}
#gaestebuch SPAN.rechtsbuendig
{
	float: right;
}
/*Link, der zur Eingabemaske führt*/
#gaestebuch #neues-posting
{
	margin: 0;
	padding: 0 0 0 18px;
	background: url(images/edit.gif) no-repeat;
}
/*Dieses Element soll für menschliche Besucher nicht sichtbar sein*/
#gaestebuch #sig
{
	display: none;
}
/*Admin-Links*/
#gaestebuch #admin-settings
{
	padding: 0 0 0 20px;
	background: url(images/settings.gif) no-repeat;
}
#gaestebuch .admin-edit
{
	padding: 0 0 0 18px;
	background: url(images/edit.gif) no-repeat;
}
#gaestebuch .admin-kill
{
	padding: 0 0 0 18px;
	background: url(images/recycle.gif) no-repeat;
}
#gaestebuch .admin-ok
{
	padding: 0 0 0 18px;
	background: url(images/ok.gif) no-repeat;
}
#gaestebuch #zurueck-link
{
	text-decoration: none;
	font-size: 80%;
	color: #000000;
	border: 1px solid #808080;
	padding: 2px 5px 2px 25px;
	background: #FFFFFF url(images/x.gif) no-repeat 6px 2px;
}
#gaestebuch #admin-kill-button
{
	margin: 0 10px;
	padding: 1px 1px 1px 18px;
	background: #FFFFFF url(images/recycle.gif) no-repeat 1px 1px;
	border: 1px solid #808080;
	cursor: pointer;
}
/*Layout für den Einstellungsbereich des Adminbereichs des Gästebuchs*/
#gaestebuch #einstellungen
{
	font-size: 90%;
	margin: 0 50px 50px;
	padding: 20px;
	background: #E0F0F0;
	border: 1px dotted #808080;
}
#gaestebuch #einstellungen H2
{
	margin: 0;
	padding: 0 20px;
	background: #D0F0F0;
	border: 1px dotted #808080;
}
#gaestebuch #einstellungen INPUT
{
	border: 1px solid #808080;
	padding: 0 5px;
}
#gaestebuch #einstellungen #anzahl
{
	width: 1.3em;
}
#gaestebuch #einstellungen #mail
{
	background: #FFFFFF url(images/email.gif) no-repeat 2px center;
	padding: 0 0 0 20px;
	width: 20em;
}
#gaestebuch #einstellungen SELECT
{
	border: 1px dotted #909090;
}
#gaestebuch #einstellungen #submit
{
	float: right;
	padding: 1px 5px 1px 25px;
	background: #FFFFFF url(images/save.gif) no-repeat 5px center;
	cursor: pointer;
}
#gaestebuch #einstellungen #zurueck-link
{
	float: left;
}
#gaestebuch #einstellungen LI SPAN.rechtsbuendig
{
	float: right;
	font-size: 80%;
	line-height: 200%;
	padding: 0;
	margin: -1.5em 0 0;
	height: 1em;
	overflow: visible;
}
#gaestebuch #einstellungen #auto-link
{
	text-decoration: none;
	font-size: 80%;
	color: #000000;
	border: 1px solid #808080;
	padding: 2px 5px 2px 25px;
	background: #FFFFFF url(images/settings.gif) no-repeat 4px center;
}
#gaestebuch #admin-pfad-warnung
{
	width: 80%;
	margin: 0 auto 15px;
	padding: 0 10px;
	border: 1px solid #FF0000;
	background: #FFA0A0;
	font-size: 80%;
	text-align: left;
}
/*Infobox für Debug-Ausgabe*/
PRE
{
	display: block;
	position: absolute;
	top: 50px;
	right: 10px;
	width: 350px;
	padding: 10px;
	text-align: left;
	border: 2px solid #FF0000;
	background: #FFEEEE;
	overflow: auto;
}