/* Die Seite allgemein */
body {
color: #333333;
background-color: #085696;
font-family: Verdana, "trebuchet ms", Arial, sans-serif;
font-size: 9pt;
margin: 0px 20px 20px 20px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}

/* Überschriften */
h1 {
font-size: 20px;
color: #FFFFDD;
margin-top: 0px;
margin-bottom: 3px;
font-weight: bold;
}

h2 {
font-size: 20px;
color: #FFFFDD;
margin-top: 0px;
margin-bottom: 3px;
font-weight: bold;
}

/* Tabellen */
table, tr, td {
background-color: #FFFFDD;
color: #000000;
font-family: "trebuchet ms", 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 {
color: #005db6;
background-color: #d5ebff;
font-family: "trebuchet ms", Arial, sans-serif;
font-size: 9pt;
border: 1px solid #005db6;
}

input.gb, select.gb {
width: 90%;
height: 18pt;
border: 1px solid #005db6;
}

/* Textfeld */
textarea.gb {
color: #005db6;
background-color: #d5ebff;
font-family: "trebuchet ms", Arial, sans-serif;
font-size: 9pt;
border: 1px solid #005db6;
width: 90%;
}

/* Buttons */
button.gb {
background-color: #d5ebff;
color: #000000;
font-family: "trebuchet ms", Arial, sans-serif;
font-size: 9pt;
border: 1px solid #005db6;
}

/* Links */
a:link {
color: #005db6;
font-family: "trebuchet ms", Arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* Link Startseite */
#homelink {
color: #FFFFDD;
font-family:verdana,arial,sans-serif; 
font-weight:bold;
font-size: 12pt;
text-decoration: none;
}

/* Links beim Überfahren mit der Maus */
a:link:hover {
color: #3c9bf7;
font-family: "trebuchet ms", Arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* besuchte Links */
a:visited {
color: #3c9bf7;
font-family: "trebuchet ms", Arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* besuchte Links beim Überfahren mit der Maus */
a:visited:hover {
color: #3c9bf7;
font-family: "trebuchet ms", Arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

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

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

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

/* Der Button unter den Regeln in der eintrag.php */
form.regeln {
text-align: left;
font-weight:bold;
font-size: 9pt;
color: #FFFFFF;
}

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

/* 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 {
background-color: #d5ebff;
border: 1px solid #005db6;
width: 95%;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
background-color: #d4eafe;
border: 1px solid #005db6;
width: 95%;
}

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

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

/* der zitierte Text */
div.zitat_text {
}

/* ein Code */
div.code {
border: 1px solid #d5ebff;
margin: 5px;
}

/* Dateiname */
div.code_datei {
font-weight: bold;
color: #005db6;

}

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

/* ein Kommentar */
div.kommentar {
}

/* Text wie "Kommentar vom Webmaster" */
div.kommentar_beschr {
vertical-align:top;
text-align: left;
font-size: 14px;
width: auto;
height: auto;
color: #005db6;
background-color: #d5ebff;
border: 1px solid #d5ebff;
border-spacing:0px;
font-weight: bold;
}

/* der Kommentar selbst */
div.kommentar_text {
}

/* Der Besucher */
span.user {
}

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

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

/* Der Betreff eines Eintrags */
div.betreff {
vertical-align:top;
font-size: 12px;
width: auto;
height: auto;
color: #005db6;
background-color: white;
border: 1px solid #d5ebff;
border-spacing:0px;
border-bottom: none;
font-weight: bold;
}

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

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

/* additionals properties */

.dasepp {
vertical-align:top;
font-size: 12px;
width: auto;
height: auto;
color: #100000;
background-color: white;
border: 1px solid #d5ebff;
border-spacing:0px;
}

.gb {
vertical-align:top;
text-align: left;
font-size: 14px;
width: auto;
height: auto;
color: #085696;
background-color: #d5ebff;
border: 1px solid #d5ebff;
border-spacing:0px;
}

@media print {

.pagerank, .hnavigation, .werbung, .header {
visibility: hidden;
height: 0px;
width: 0px;
}

.content {
position: absolute;
height: auto;
width: auto;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
color: #085696;
font-size: 9pt;
}

body, table, tr, td, .form, span, a.linkinfo, div, div.gb, div.betreff, div.kommentar_beschr {
color: #000000;
}

div.gerade, div.ungerade {
border-color: #000000;
}

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

a.linkinfo {
text-decoration: none;
}

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

.inhalt {
width:700px;
text-align: center;
margin: 190px auto 20px auto;}

}

#kopf {
position:absolute;
top:0px;
left:0px;
width: 100%;
height: 200px;
background-image:url("http://virtualpuzzle.de/pagepix/kopf_hintergrund.jpg");
background-position:left top;
background-repeat:repeat-x;}

#logo {
position:absolute;
top: 20px;
left: 20px;
width: 120px;
height: 120px;
background-image:url("http://virtualpuzzle.de/pagepix/logo.png");
background-position:left top;}

#virtualpuzzle2 {
margin:20px auto 0px auto;
width: 480px;
height: 40px;
background-image:url("http://virtualpuzzle.de/pagepix/virtualpuzzle2.png");
background-position:left top;}

#linkcontainer{
margin:40px auto 0px auto;
width: 480px;
height: 40px;}

#startseite {
float:left;
width: 145px;
height: 40px;}

#impressum {
float:left;
margin:0px 0px 0px 22px;
width: 145px;
height: 40px;}

#gaestebuch {
float:left;
margin: 0px 0px 0px 22px;
width: 145px;
height: 40px;}

a {border:none;}
div {border:none;}
img {border:none;}

p { 
border:none;
font-family:verdana,arial,sans-serif;
font-weight:bold; 
color:#FFFFDD;
}