/* Die Seite allgemein */
body {
background-color: #cc99ff;
background-image: url(../bg.gif);
background-repeat: repeat;
color: purple;
font-family: arial, sans-serif;
font-size: 0.8em;
}
#header {
   position: absolute;
	left: 0%;
	top: 0px;
	text-align: center;
	width: 100%;
}
#navl {
	position: absolute;
	left: 1%;
	top: 200px;
	width: 15%;
	text-align: left;
	font-family: sans-serif;
	color: Maroon;
}
#navl a {
	TEXT-DECORATION: none;
	color: Maroon;
}
#navl a:visited {
TEXT-DECORATION: none;
font-style: italic;
}
#navl a:hover {
TEXT-DECORATION: none;
border: thin solid maroon;
}
#main {
	position: absolute;
	left: 16%;
	top: 230px;
	width: 68%;
	background-color: #ffcccc;
	background-image: url(../bg_innen.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: sans-serif;
	text-align: center;
	color: Purple;
}
#main a {
	text-decoration:underline;
	color: Purple;
}
#main a:visited {
	text-decoration:underline;
	color: Purple;
}
#main a:hover {
	font-style:italic;
	text-decoration:underline;
	color: Purple;
}
#navr {
	position: absolute;
	left: 84%;
	top: 200px;
	width: 15%;
	text-align: right;
	font-family: sans-serif;
	color: Maroon;
	padding-right: 1%;
}
#navr a {
TEXT-DECORATION: none;
color: maroon;
}
#navr a:visited {
TEXT-DECORATION: none;
font-style: italic;
}
#navr a:hover {
TEXT-DECORATION: none;
border: thin solid maroon;
}
/* Überschriften */
h1 {
color: purple;
font-size: 1.5em;
font-weight:bold;
text-align: center;
}

/* Tabellen */
table, tr, td {
color: purple;
font-family: arial, sans-serif;
font-size: 1em;
}

/* Tabelle in eintrag.php und edit.php */
.form {
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* Tabellenspalte in der die Erklärungen stehen */
td.describtion {
text-align: right;
width: 50%;
}

/* Tabellenspalte in der die Eingabefelder stehen */
td.input {
text-align: left;
width: 50%;
}

/* Eingabefelder */
input, select {
background-color: #ffcccc;
color: purple;
border: 1px solid purple;
height: 13pt;
font-weight: bold;
}

input.gb, select.gb {
width: 90%;
}

/* Textfeld */
textarea.gb {
background-color: #ffcccc;
color: purple;
font-family: arial, sans-serif;
font-size: 1em;
width: 100%;
border: 1px solid purple;
font-weight: bold;
}

/* Links */
a:link {
color: purple;
font-family: arial, sans-serif;
font-size: 1em;
text-decoration: underline;
}

/* Links beim Überfahren mit der Maus */
a:link:hover {
color: purple;
font-family: arial, sans-serif;
font-size: 1em;
text-decoration: none;
border: thin solid purple;
}

/* besuchte Links */
a:visited {
color: purple;
font-family: arial, sans-serif;
font-size: 1em;
text-decoration: none;
font-style: italic;
}

/* besuchte Links beim Überfahren mit der Maus */
a:visited:hover {
color: purple;
font-family: arial, sans-serif;
font-size: 1em;
text-decoration: none;
}

/* Erfolgs- oder Fehlermeldung bei der Suche */
div.suchmeldung {
font-size: 1em;
}


/* Der Suchbegriff */
span.suchwort {
font-weight: bold;
}

/* Die Regeln in der eintrag.php */
div.regeln {
text-align: left;
}

/* Der Button unter den Regeln in der eintrag.php */
form.regeln {
text-align: center;
}

/* Die Buttons in eintrag.php, über die die BBCodes eingefügt werden */
img.bbcode {
background-color: #ffcccc;
width: 23px;
height: 23px;
border: 1px solid purple;
}

/* Die kleinen Bilder (Page, Mail, ICQ, Bild) in gbuch.php */
img.gbuch {
border: 0px solid;
width: 15px;
height: 15px;
}

/* Text "(* Pflichtfelder)" */
div.pflichtfeld {
font-weight: bold;
text-align: center;
}

/* Fehlermeldung bei deaktiviertem Javascript */
div.nojs {
color: red;
font-weight: bold;
}

/* Einträge mit gerader Nummer (2, 4, 6, 8 usw.) */
div.gerade {
border: 1px solid purple;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
border: 1px solid maroon;
}

/* ein Zitat */
div.zitat {
border: 1px solid purple;
margin: 10px;
}

/* die zitierte Person */
div.zitat_person {
font-weight: bold;
}

/* der zitierte Text */
div.zitat_text {
font-style: italic;
}

/* ein Code */
div.code {
border: 1px solid purple;
margin: 10px;
}

/* Dateiname */
div.code_datei {
font-weight: bold;
}

/* der Code */
div.codetext {
font-family: sans-serif;
background-color: #ffcccc;
}

/* ein Kommentar */
div.kommentar {
border: 1px solid purple;
margin: 10px;
}

/* Text wie "Kommentar vom Webmaster" */
div.kommentar_beschr {
font-weight: bold;
color: purple;
}

/* der Kommentar selbst */
div.kommentar_text {
font-style: italic;
}

/* Der Besucher */
span.user {
font-weight: bold;
}

/* die Nummer des Eintrags */
span.nummer {
font-weight: bold;
color: purple;
}

/* die aktuelle Seite */
span.aktuelle_seite {
font-weight: bold;
}

/* Text "..." bei der Seitenauswahl */
span.punkt {
color: purple;
}

/* Der Betreff eines Eintrags */
div.betreff {
font-weight: bold;
margin-top: 5px;
}

/* Die Einträge */
div.eintragstext {
margin-top: 5px;
}

/* showimage.php: das hochgeladene Bild */
div.upimg {
text-align: center;
}

/* showimage.php: Text unter Bild */
p.upimgdesc {
text-align: center;
}

@media print {

.onlyscreen {
visibility: hidden;
height: 0px;
}

a.linkinfo {
text-decoration: none;
}

a.linkinfo:after {
content: " ("attr(title)" ) ";
}

}