/* ------------------------------------------------ */
/*            CSS fuer Mondscheingefluester.de  */
/* ------------------------------------------------ */

/*
############################################################################

Hier beginnt die "normale" Seite

############################################################################
*/

/* Der "Body"- mit dem Logo -mondscheingefluester.de - */
body{

font-size:100.1%;
margin:0px;
background-color:#EbEBEB;
background-image: url(/grafik/backgroundtest.jpg) ;
background-repeat:repeat;
padding: 0px;
}

/*
#########################################################################
Weil der IE nicht mit PNG zurecht kommt muss dieser Teil mit ins Script.
Im Ordner "pngfix" muss die Datei "pngbehavior.htc" und die Grafik "blank.gif" liegen!
http://www.pctipp.ch/helpdesk/kummerkasten/archiv/internet/29485.asp
Das Skript ist von WebFX und heist PNG Behavior.
##########################################################################
*/
img {
behavior: url("pngfix/pngbehavior.htc");
}


/* Das ist das Neko-Ding. Geht mit dem fixed aber nicht wie es soll */
#neko {
position:absolute;
left: 15px;
bottom:10px;
z-index:3;
}

/*das neue Menue*/
 #headermenue {
font: 0.8em Optima, Skia, Palatino Linotype, Helvetica, Berlin Sans,  Verdana, Courier New;
background-color: #f0f0f0;
width: 600px;
padding: 6px 0;
border-top: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3;
margin: 22px auto;

}
#headermenue ul {
list-style-type: none;
margin: 0px;
padding: 5px;
}
#headermenue li {
display: inline;
margin: 2px;
padding: 8px;
border: 0px dotted #c3c3c3;
}

#headermenue li a, #headermenue li a:link {
text-decoration: none;
padding: 0 5px;
color: #929191;
}
#headermenue li a:visited {
color: #c3c3c3;
text-decoration: none;
}
#headermenue li a:hover, #headermenue li a:focus, #headermenue li a:active {
color: #929191;
text-decoration: line-through;

}
/*  Im Inhalt ist das DIV fuers Menue und den Content +Kopf und Fuss enthalten  */
#inhalt{
position:absolute;
top:70px;
left:0px;
z-index:2;
border:0px;
}

body a .info {
display:none;
}

body a:hover .info {
color: #929191;
background: transparent;
font: 0.9em Optima, Skia, Palatino Linotype, Helvetica, Berlin Sans,  Verdana, Courier New;
display:block;
position:absolute;
top:190px;
left:40%;
padding:5px;
text-align:left;
}



/* Der Hauptkontainer. Hier ist praktisch der ganze Text */
#content {
width:500px;
padding-left: 0px ;
padding-top:25px;
padding-bottom: 25px;
padding-right: 0px;
margin: 0 0 0 0px;
color: #929191;
background-color: #f0f0f0;

}




/* normaler Text*/
h2{
line-height:100%;
margin: 0 30 0 30px;
color: #929191;
letter-spacing: 0.0em;
word-spacing: 0.0em;
font: 0.8em verdana, arial, Courier New;
}


/* mittlerer bzw der normale text fuer die schrift */
#content h3{
line-height:100%;
margin: 0 30 0 30px;
color: #929191;
letter-spacing: 0.0em;
word-spacing: 0.0em;
font: 0.8em verdana, arial, Courier New;
}

/* Text fuer Start */
#content h4{
line-height:100%;
margin: 0 30 0 30px;
color: #929191;
letter-spacing: 0.0em;
word-spacing: 0.0em;
font: 0.8em verdana, arial, Courier New;
border-bottom: 1px solid #c3c3c3;
}

/* text ohne strich */
#content h5{
line-height:100%;
margin: 0 30 0 30px;
color: #929191;
letter-spacing: 0.0em;
word-spacing: 0.0em;
font: 0.8em verdana, arial, Courier New;
}

/* zu beginn */
#content h6{
line-height:100%;
margin: 0 30 0 30px;
color: #929191;
letter-spacing: 0.0em;
word-spacing: 0.0em;
font: 0.8em verdana, arial, Courier New;

border-bottom: 2px solid #c3c3c3;
}

/* Ueberschriften */
#content h7{
line-height:100%;
margin: 0 30 0 30px;
color: #929191;
letter-spacing: 0.0em;
word-spacing: 0.0em;
font: 0.9em verdana, arial, Courier New;
border-bottom: 1px solid #c3c3c3;
}


/* das hier ist nur fuer die seite mit den verweisen*/
#verweise li{
line-height:130%;
color: #929191;
letter-spacing: 0.0em;
word-spacing: 0.0em;
}
#verweise a:link{
color:#929191;
text-decoration:underline;

}
#verweise a:visited{
color:#c3c3c3;
text-decoration: line-through;
}
#verweise a:hover{
color: #c3c3c3;
text-decoration: line-through;
}
#verweise a:active{
color:#929191;
text-decoration: line-through;
}


/* Die Links  - Links im Blog sind wieder extra zu formatieren */
A:link { color:#929191; text-decoration: none; font-family: verdana, arial;  }
A:visited { color:#c3c3c3; text-decoration: none;font-family: verdana, arial;  }
A:hover {color:#c3c3c3; text-decoration: line-through; font-family: verdana, arial; }
A:active {color:#929191;text-decoration: line-through; font-family: verdana, arial; }



/*
##############################################################################

Hier beginnt alles fuer den Blog!

##############################################################################
*/

/* Der Blog an sich */
#blog{
font-family; verdana, arial;
}

/* Das Datum der Eintraege */
#blog p.date{ 
font-size: 0.7em;
margin: 3px 25px 5px 30px; 
font-family: verdana, arial;
border-top: 2px solid #c3c3c3;
color: #929191;

}

/* Die Ueberschriften der Eintraege */
#blog p.subject{
margin: 3px 25px 5px 30px;
font-size: 14px;
font-weight: bold; 
font-family: verdana, arial;
border-bottom: 1px solid #c3c3c3;
color: #929191;
}

/* Der Text der Eintraege */
#blog p.text{
 margin: 3px; 
font-family: verdana, arial;
font-size:0.8em;
color: #929191;
margin: 3px 25px 5px 30px;
 }
 
 /* Kommentare - weiter bin ich grad ueberfragt */
#blog p.comments {
 margin: 3px 25px 5px 30px;
 font-size: 0.8em; 
 font-family: verdana, arial;
 color: #929191;
 
 }
 
 /* Text der Kommentare */
#blog p.comment-text{
 margin: 3px 25px 10px 30px; 
 font-size: 0.8em;
 font-family: verdana, arial;
 color: #929191;
 }
 
 /* Das hier weiss ich nicht genau- bitte aendern wenn bekannt! */
#blog p.commentauthor{
 margin: 3px 25px 10px 30px;
 font-family: verdana, arial;
 color: #929191;
 }
 
 /* Die Fehlermeldungen. Wenn zb der Name bei einem Kommentar fehlt */
 #blog p.caution, li {
    font-size: 1em;
    font-family: verdana, arial, Courier New;
    color: red;
}

/* Alles was form ist, hat was mit dem Eingabeformular(en) zu tun. Ua auch das "Kommentar schreiben: " */
 #blog form {
    font-size: 0.8em;
    font-family:arial, verdana, Courier New;
    color: #929191;
}

 /* mir auch noch nicht bekannt */
#blog td.comformb{
 width: 140px;
 color:#929191;
 }

 /* Das ist das Eingabefeld */
#blog textarea.comtext{ 
width: 320px;
height: 120px;
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
color: #929191;
}

/* Das ist fuer die Eingabefelder - name -email/homepage */
#blog input.comdata{
 width: 100px;
 font-family: verdana, arial, sans-serif;
 font-size: 0.8em;
 color: #929191;
 }
 
 
 /* Die Vorschau ;-) */
#blog .preview{ 
width: 50%;
margin: 3px 25px 5px 30pxx;
font-weight: bold; border-bottom:
0px dotted #c3c3c3;
color: red;
}

/* Der Schriftzug > Kommentare: */
#blog p.comment-hl{
 width: 50%;
 margin: 3px 25px 5px 30px;
 font-weight: bold;
 border-bottom: 0px dotted #6A3232;
 font-size: 0.8em;
 font-family: verdana, arial, sans-serif;
 color:#929191;
 }
 
 /* BB code? */
#blog input.bbcode-button{
 width: 45px;
 height: 20px;
 font-size: 11px;
 font-weight: normal;
 margin: 0px 0px 5px 0px;
 background: #f0f0f0;
 }
 
 /* ? */
#blog div.news-sep{ 
margin: 3px 25px 5px 30px;
padding: 0px;
font-size: 11px;
font-family: verdana, arial, sans-serif;
color: #929191;
width: 145px;
border-top: 0px dotted #c3c3c3;
}

/* Kommentar als Link */
#blog div.comment-sep{ 
margin: 3px 25px 5px 30px;
padding: 0px; 
font-size: 11px; 
font-family: verdana, arial, sans-serif;
color:#929191;
width: 145px; 
border-top: 0px dotted #c3c3c3; 
}

/* Das Bowsen im Blog-> zuruek/ vor .Blaettern halt */
#blog p.browse{ 
text-align: right; font-weight: bold;
font-family: verdana, arial, sans-serif; 
color: #929191;
}

/* Der Text zu den Eingagefeldern: name, email... */
#blog .small{ 
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
 color: #929191;

}

/* xml, das waere das Adminzeugs. Im Grunde nicht wirklich noetig da was uz aendern. */
#blog a.xml{
 border:1px solid;
 border-color:#fc9 #630 #330 #f96;
 padding:0 4px;
 font:bold 8pt Verdana,sans-serif;
 color:#7F6060;;
 background:#f60;
 text-decoration:none;
 margin:0;
 }
 

#blog a.sln:link{
color: #929191;
text-decoration:none;
}

#blog a.sln:visited{
color: #b9b9b9;
text-decoration: line-through;
}

#blog a.sln:hover{
color: #b9b9b9;
text-decoration: line-through;
}

#blog a.sln:active{
color:#929191;
text-decoration: line-through;
}

/* Buttons fuer den BB-Code? */
#blog input.bbcode-button  { 
width: 45px;
height: 20px;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 5px 0px;
background: #f0f0f0;
}

/* Buttons fuer die Smilies? */
#blog button.smiley-button { 
width: 23px;
height: 23px;
font-size: 11px;
font-weight: normal;
margin: 0px 1px 1px 0px;
background: #f0f0f0;
}

/* 
#########################################################

Das CSS fuer den Blog ist jetz fertig

#########################################################
 */
 
 
/*

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 0;
	text-align: center;
	font-size: 100.1%;
	font: 0.8em verdana, arial, Courier New;
}

/* Bilder immer vertikal mittig */
#gaestebuch img {
	vertical-align: middle;
}

/* verlinkte Bilder ohne Rahmen */
#gaestebuch a img {
	border: none;
}

/*Verweise*/
#gaestebuch a:link{color: #fgfgfg;text-decoration: underline; font-size:1em ;}
#gaestebuch a:visited{color: #000;text-decoration: underline; font-size:1em ;}
#gaestebuch a:hover{
color: #929191;
text-decoration: none;
font-size:1em ;
border-bottom: darkred 1px solid ;
}


/* die Menü-Zeile */
#gaestebuch p#menue {
    text-align:center;
	margin: 0 2em 1em 2em;
	border-top: 0px solid #c0c0c0;
	border-bottom: 0px solid #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: 220px;
}

#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: 220px;
}

/* wieder der Eingabebereich, allerdings in der Vorschau */
#gaestebuch form #angaben2 {
	float: left;
	width: 220px;
}

#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: 450px;
}

/* 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: 1em 0 0 0;
	padding: 1em 0 0.5em 4em;
	color: #929191;
	border: 1px solid #c0c0c0;
	background: #f0f0f0;
	font: 0.8em verdana, arial, Courier New;
}

/* 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;
	margin: 0;
	padding: 0.5em 2em 1em 2em;
	margin-bottom: 1em;
	border: 1px solid #c0c0c0;
	border-top: none;
	background: #f0f0f0;
    font: 0.9em verdana, arial, Courier New;
}

/* Einstellungen für diverse Meldungs-Texte */

/* Fehlermeldung (<p>-Element) */
#gaestebuch .fehler {
	font-size: 100%; display: block;  margin: 0 auto; border-bottom: 0px solid red; color: darkred;
}

/* 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: solid 1px #c3c3c3;
	width: 120px;
	text-align: left;
	margin: 0px 0 20px auto;
	padding: 0.5em;
	background-color: #f0f0f0;
}

/* 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 darkred;
	background: #f0f0f0;
	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: 220px;
	margin: -30px 0px 0px 0px;
	border:1px solid black;
	background: #f0f0f0;
}

#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;
	color: #f0f0f0;
	background: url(/inc/gb/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: black;
	border: 1px solid #c3c3c3;
	padding: 2px 5px 2px 25px;
	background: #f0f0f0 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) 1px 1px no-repeat;
	border: 1px solid #c3c3c3;
	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 0;
	height: 1em;
	overflow: visible;
}

#gaestebuch #einstellungen #auto-link {
	text-decoration: none;
	font-size: 80%;
	color: black;
	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 auto;
	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 red;
	background: #f0f0f0;
	overflow: auto;
}