html, body { 
height:100%; 
margin-bottom:0px; 
margin:0px; 
padding:0px; 
}

body {  
background-image:url("../images/hintergrund_box.gif");
font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:100.1%;
line-height:1.3;
}

body a {
color:#9C0000;
}

h1 {
font-size:1em;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}

ol { 
list-style: lower-alpha;
}

img {
border:0px;
}

#kopf { 
position:absolute; 
top:0px; 
left:0px; 
width:850px; 
height:80px; 
background-color:#8a8a8a;
color:white;
}
.kopfgrafik
{ 
position:absolute; 
top:0px; 
left:0px; 
width:850px; 
height:80px; 
background-image: url("../images/kopf.jpg");
}
#menu { 
position:absolute; 
top:7.25em; 
left:0px; 
width:850px; 
height:1.6em; 
background-color:#000000;
color:whitw;
font-size:0.69em;
padding-top:2px;
}
.menupunkte {
position:absolute; 
width:850px;
height:20px;
vertical-align:middle;
top:0px;
left:0px; 
background-image:url("../images/hintergrund_menu.gif");
background-repeat:repeat-y;
background-position:left;
}

#menu a {
color:black;
text-decoration:none;
}

#menu b {
color:white;
text-decoration:none;
}

#wegweiser {
position:absolute; 
top:-20px; 
left:0px; 
width:565px; 
height:15px; 
font-size:0.69em;
}

#content { 
position:absolute; 
top:125px; 
left:140px; 
width:570px; 
}
.rubrik {
color:white;
height:15px;
font-size:10px;
font-weight:bold;
padding-left:2px;
background-image:url("../images/hintergrund_rubrik.gif");
background-repeat:no-repeat;
background-position:left;
width:560px;
}
.ueberschrift {
margin-left:0px; 
}
.text {
margin-left:0px; 
text-align:justify;
font-size:0.75em;
}
.bild {
background-color:ffffff;
float:left;
margin-right:15px; 
display:inline;
font-size:0.9em;
padding:3px;
width:150px;
}
.trenner {
clear:both;
margin-bottom:5px;
}

#box {
position:absolute; 
top:-20px; 
left:585px; 
width:125px; 
background-color:#F1F1F1;
color:black;
}
.headline2 {
height:18px; 
color:black;
background-color:#f1f1f1;
/*background-image:url("../images/hintergrund_box_ueberschrift.gif");*/
background-repeat:no-repeat;
font-size:0.69em;
}

#links {
position:absolute; 
top:-43px; 
left:-135px; 
width:125px; 
background-color:#f1f1f1;
color:black;
}
.headline {
height:18px; 
color:white;
background-color:#000000;
/*background-image:url("../images/hintergrund_box_ueberschrift.gif");*/
background-repeat:no-repeat;
font-size:0.69em;
}
.content { 
margin-top:5px;
color:black;
padding-left:5px;
font-size:0.69em;
}
.trenner {
clear:both;
margin-bottom:3px;
}

#copyright {
text-align:center;
width:565px;
font-size:0.69em;
}

#kopfnonpc {
display:none;
}


/* Tabellen */
table, tr, td {
color: #000000;
font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:100.1%;
}

/* 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: left;
width: 50%;
}

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

/* Eingabefelder */
input, select {
background-color: #F1F1F1;
color: #000000;
border: 1px solid #9C0000;
height: 13pt;
}

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

/* Textfeld */
textarea.gb {
background-color: #F1F1F1;
color: #00000;
font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:100.1%;
width: 100%;
border: 1px solid #9C0000;
}

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

/* 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: #f1f1f1;
width: 23px;
height: 23px;
border: 1px solid #FFA449;
}

/* 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 #FFA449;
}

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

/* ein Zitat */
div.zitat {
border: 1px solid black;
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 black;
margin: 10px;
}

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

/* der Code */
div.codetext {
font-family: "Courier New", monospace;
background-color: #80A0FF;
}

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

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

/* 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: #FFA449;
}

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

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

/* 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;
}