/*---Allgemeine Body-Angaben---*/

body
{
 font-family:Verdana, Arial, sans-serif;
 font-size:100.01%;
 color:#000080;
background: #eff1f2;
 padding:0;
 border: 1px solid black;

}

#menu { width: 100%; background: url(../img/header/menu1.gif);  float: left;}

#menu ul { list-style: none; margin: 0; padding: 0;}
#menu li { float: left; width: 3.7em; }
#menu a
  { font: bold 12px/16px arial, helvetica, sans-serif;
  display: block; border-width: 1px; border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0; padding: 2px 3px;
  text-align: center;color: #000; background: #efefef; text-decoration: none;}

#menu a:hover { color: #a00; background: #fff; }

hr
{
 color:#4A708B;
 height:2px;
 }
/*------------------Float-Angaben---------------------*/

.links
{float:left;
margin-right:10px;
margin-top:6px;
margin-bottom:5px;
text-align:left;
}
.rechts
{float:right;
margin-left:10px;
margin-top:6px;
margin-bottom:5px;
text-align:left;
}

.center
{
margin:8px auto;
text-align:center;
display:block;
}

.clear
{clear:both;
}
/* ----Definition der Überschriften---- */
/*----------Headline h1-------*/
h1
{
 font-family:Verdana, Arial, sans-serif;
 font-size:1.2em;
 font-weight:bold;
margin: 0;
 color:#ffa500;
 text-align:center;
 line-height:2em;
 /*background-color:#5f5faf;*/
  }

/*----Headline Kurzmitteilungen h2---- */
h1
{
 margin:0 0 15px 0;
 font-weight:700;
 font-size:1.3em;
 text-align: center;
 color:#343499;
}

/*---Sammelüberschrift für Untercontent---*/
h3
{
 font-family:Verdana, Arial, sans-serif;
 font-size:1.2em;margin-top:2px;
 font-weight:300;
 color:#FFA500;
 background-color:#;
 line-height:1.2em;
 padding-left:3px;
 border-right:6px;
}
/*--Headline Maincontent Unterseiten--*/
h4
{
 text-align:left;
 font-family:Verdana, Arial, sans-serif;
 font-weight: 350;
 font-size:1em;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:4px;
 padding-right:4px;
 border-left:4px;
 border-left-color:#FFA500;
 border-left-style:solid;
 border-bottom:2px;
 border-bottom-style:solid;
 border-bottom-color:#FFA500;
 margin-bottom:3px;
 margin-top:25px;
}


#header
{

 width:100%;
 background-color:#191970;
 padding:0px 0px;
 text-align:center;
 border: 1px solid black;
}

#footer
{
 clear: both;
 margin-top:10px;
 border-top: 1px solid black;
 background-color:#5C5CA1;
 color: #fff;
 text-align: center;
 font-size:0.7em;
 line-height:1.5em;

}





/*--- Container, Link-Menue links --- */
#menue
{
 margin-left:5px;
 padding-left:;
 width:17%;
 float:left;
 border-collapse:collapse;

}


#gbook
{
 width:70%;
 margin-left:19%;
 padding-left:5px;
 padding-right:5px;
 line-height:1.2em;
 text-align:;
 }


/*----Formatierungen Link-Menue Startseite ---*/
/*--- linker Menue-Text Startseite ---*/
#navi
{
width:;
padding:0;
font-size:1.1em;
border-collapse:collapse;
}
/*---Formatierung der HTML-Liste links---*/
#navi ul
{
list-style-type:none;
  margin:0px;;
 padding:0px;
}
/*---Formatierung MENUE-Schrift links---*/
 #navi li
{
 padding:4px;
 margin-bottom:2px;
 font-size:0.9em;
 border-bottom:1px;
 border-bottom-color:#525252;
 border-bottom-style:solid;

}

 /*---Link-Formatierungen links---*/

#navi li a:link
{
display:block;
width:100%;
color:#FFA500;
font-weight:200;
text-decoration:none;
}
#navi li a:visited
{
display:block;
width:100%;
color:#FFA500;
font-weight:200;
text-decoration:none;
}
#navi li a:hover
{
display:block;
width:100%;
color:#191970;
font-weight:bold;
background-color:#FFA500;
text-decoration:none;
}

#unavi li a:link
{
display:block;
width:100%;
color:#ADFF2F;
font-weight:600;
text-decoration:none;
}
#unavi li a:visited
{
display:block;
width:100%;
color:#ADFF2F;
font-weight:200;
text-decoration:none;
}
#unavi li a:hover
{
display:block;
width:100%;
color:#191970;
font-weight:bold;
background-color:#FFA500;
text-decoration:none;
}



/*Gästebuchformatierungen*/

/* Tabellen */

table, tr, td {
font-size: 10pt;
}

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

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

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

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

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

/* Textfeld */
textarea.gb {
background-color: #fFF;
color: #000;
font-size: 11pt;
width: 100%;
border: 1px solid #FFA449;<strong></strong>
font-weight: bold;
}

/* Links */
a:link {
color: #000080;
font-weight:bold;
font-size: 0.9em;
text-decoration: none;
}

/* Links beim Überfahren mit der Maus */
a:link:hover {
color: #FF0000;
font-weight:bold;
font-size: 0.9em;
text-decoration: none;
}

/* besuchte Links */
a:visited {
color: #000080;
font-weight:bold;
font-size: 0.9em;
text-decoration: none;
}

/* besuchte Links beim Überfahren mit der Maus */
a:hover {
color: #f00;
font-weight:bold;
font-size: 0.9em;
text-decoration: none;
}


a.footerlink:link, a.footerlink:visited
{
color:#fff;
font-weight: bold;
text-decoration: underline;
}

a.footerlink:hover
{
color: #D4D4D4;
font-weight: bold;
}



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


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

/* Die Regeln in der eintrag.php */
div.regeln {
margin:20px auto;
font-size:0.9em;
width:75%;
text-align: left;
color: #171717;
border: 1px solid #333399;
background-color:#fff;
padding:10px;
line-height:1.3em;
}

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

/* Die Buttons in eintrag.php, über die die BBCodes eingefügt werden */
img.bbcode {
background-color: #80A0FF;
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;
}

#gbuch
{font-size:0.9em;width:80%;}
/* Einträge mit gerader Nummer (2, 4, 6, 8 usw.) */

div.gerade {
margin:15px auto;
font-size:0.9em;
width:100%;
/*border: 1px solid #68838B;*/
background-color:#ddd;
color: #000;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
margin:15px auto;

font-size:0.9em;
width: 100%;
/*border: 1px solid #00688B;*/
background-color:#f4f4f4;
color: #000;
}

div.kopfzeile
{

background-color:#3d3d9e;
color:#FFf;}


/* 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 red;
margin: 10px;
}

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

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

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

}

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

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

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

/* Der Betreff eines Eintrags */
div.betreff {
font-style: italic;
padding: 8px;
}

/* Die Einträge */
div.eintragstext {
padding: 8px;
}

/* 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;
color: #000080;
}
a.onlyscreen:hover {
color:#f00;
visibility: hidden;
height: 0px;
}
a.linkinfo {
text-decoration: none;
}

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

}