body {background-color:#00C0FF;}

.main             {
                  width:80%;
                  float:right;
                  padding:0px;
                  font-weight:lighter;
                  font-size:15pt;
                  background-color: #00e0FF;
                  font-family: 'comic sans MS', sans-serif;
                  margin:0;
                  }

.menu             {
                  width: 14%;
                  float:left;
                  padding-left: 10px;
                  font-size: 12pt;
                  background: #00C0FF;
                  font-family: 'comic sans MS', sans-serif;
                  line-height:27px;
                  }

a.info{
position:relative;
color:#000000;
font-size: 12pt;
font-family: 'comic sans MS', sans-serif;
line-height:27px;
}

a.info:hover{background-color:#00E0FF;}

/* Überschriften */
h1 {
color: #000000;
font-size: 17pt;
font-weight:bold;
text-align: center;
}

/* Tabellen */
table, tr, td {
color: #000000;
font-family: arial, sans-serif;
font-size: 9pt;
}

/* Tabelle in eintrag.php und edit.php */
.form {
text-align: center;
width: 70%;
}

/* 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: #CFDFE4;
color: #00544A;
border: 1px solid #010101;
height: 13pt;
}

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

/* Textfeld */
textarea.gb {
background-color: #CFDFE4;
color: #000000;
font-family: arial, sans-serif;
font-size: 9pt;
width: 100%;
border: 1px solid #010101;
}

/* Links */
a:link {
color: #0000EE;
font-family: arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* Links beim Überfahren mit der Maus */
a:link:hover {
color: #010101;
font-family: arial, sans-serif;
font-size: 9pt;
text-decoration: underline;
}

/* besuchte Links */
a:visited {
color: #0000EE;
font-family: arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* besuchte Links beim Überfahren mit der Maus */
a:visited:hover {
color: #010101;
font-family: arial, sans-serif;
font-size: 9pt;
text-decoration: underline;
}

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


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

/* 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: 2px solid #CFDFE4;
background:#00F0FF;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
border: 2px solid #CFDFE4;
background:#00F0FF;
}

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

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

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

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

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

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

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

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

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

/* Die Einträge */
div.eintragstext {
font-size:10pt;
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)" ) ";
}

}