/* Allgemeine Angaben */

html {
scrollbar-shadow-color: #C0C0C0;
scrollbar-face-color: #000000;
scrollbar-base-color: #C0C0C0;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #C0C0C0;
}
body {
margin:0;
padding:0;
background: #000000;
background-image:url("hg.jpg");
background-attachment: fixed;
line-height: 150%;
font-size: 1.2em;
color: #C0C0C0;
overflow: auto;
}

/* Links */

a {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-decoration: none;
color: #B30F33;
}

a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #7A9EC9;
}


/* Design */

#inhalt_container {
padding-top:7.4em;
padding-bottom:4.9em;
padding-left:0;
max-width: 1300px;
margin: auto;
}

#inhalt {
border: 2px outset #C0C0C0;
padding: 1em;
margin-left:10.5em;
margin-right:0.2em;
color: #C0C0C0;
min-height: 24.5em;
}

#header {
position:fixed;
top:0px;
left:0px;
right:4px;
padding-bottom: 95px;
background-image: url("header.jpg");
background-repeat: no-repeat;
background-color: #000000;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #333333;
color:#DA9F43;
max-width: 1300px;
margin: auto;
z-index: 1;
}

#print {
display: none;
}

#footer {
position:fixed;
bottom:0px;
left:0px;
right:4px;
text-align:center;
border-top: 1px solid #CCCCCC;
padding-top:15px;
background-image:url("hg.jpg");
max-width: 1300px;
margin: auto;
z-index: 2;
}

#valide {
float: left;
margin-top: -0.5em;
margin-left: 0.2em;
z-index: 2;
}

/* Navigation */

/* Menü Rechts */

#menu_container {
margin-top:0em;
float:left;
width:8em;
text-align: center;
}

.menu {
border: 1px groove #FFFFFF;
margin-bottom:1em;
margin-top:0;
margin-left:0.5em;
padding:0.5em;
width:8em;
text-align: left;
}


.menu li {
font-size: 0.8em;
list-style: none;
margin:0;
padding:0.3em;
}

.menu li#active {
padding:0.2em;
margin:0.3em;
color: #7A9EC9;
font-style:italic;
font-weight: bold;
background:#5E1600;
border: 2px inset #C0C0C0;
}

.menu a:link, .menu a:visited {
display:block;
background: #333333;
border: 2px inset #C0C0C0;
color: #CCCCCC;
text-decoration:none;
margin:0;
padding:0.2em;;
}


.menu a:hover {
background:#5E1600;
color: #7A9EC9;
}

/* Menü oben */

#menu-o {
position: absolute;
bottom: 0.5em;
right: 0.5em;
}

#menu-o a {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.6em;
text-decoration: none;
color: #CCCCCC;
background: #333333;
border: 2px groove #C0C0C0;
padding: 0.3em;
margin:0.3em;
}

#menu-o a:hover {
font-family: Arial, Helvetica, sans-serif;
background:#5E1600;
color: #7A9EC9;
}

#menu-o #active {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.6em;
font-weight: bold;
padding:0.3em;
margin:0.3em;
color: #7A9EC9;
background:#5E1600;
border: 2px inset #C0C0C0;
}

/* Lexikon-Grundeinstellungen */
#lexikon{
position: relative;
bottom: 0.5em;
margin: auto;
}

#lex-schrift {
position: relative;
bottom: 0.5em;
text-align: center;
margin: 0;
}
/* Lexikon-Schrifteinstellungen */

#lexikon a {
font-family: "Monotype Corsiva", Georgia, serif;
font-size: 0.8em;
text-decoration: none;
color: #CCCCCC;
background: #333333;
border: 1px outset #C0C0C0;
padding: 0.3em;
margin: 0.1em;
}

#lexikon a:hover {
background:#5E1600;
color: #7A9EC9;
}

#lexikon #active {
font-family: "Monotype Corsiva", Georgia, serif;
font-size: 0.8em;
padding:0.3em;
margin:0.1em;
color: #7A9EC9;
background:#5E1600;
border: 2px inset #C0C0C0;
}


/* Texteinstellungen */
h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
color: #C0C0C0;
text-align: center;
font-style: italic;
}

h3{
clear: right;
font-size: 1.5em;
color: #C0C0C0;
text-align: center;
margin-top: 2em;
margin-bottom: 1em;
}

.first {
float:left;
clear: none;
font-size:4em;
color: #666666;
line-height: 80%;
margin-top: -0.1em;
padding-right: 0.1em;
font-family:algerian,courier,sans-serif;
}

.fett {
font-weight: bold;
}

/*  Bilder in den Unterseiten des Lexikon  */
.symb{
text-align: center;
margin-top: 0.2em;
}

.symb img {
filter:alpha(opacity=40);
-moz-opacity: 0.40;
opacity: 0.40;
}

/*  Toplink  */
.trenn {
text-align: center;
margin-top: 2em;
margin-bottom: 2em;
line-height: 200%;
}

.trenn a {
font-size: 0.8em;
}

/*  Bilder, die rechts vom Text sind  */
.bild-rechts {
float: right;
padding: 0.2em;
border: 1px solid #999999;
margin: 0 0.5em;
background-color:#111111;
}

/*  Toplisteneinstellungen  */
#toplisten {
text-align: left;
width: 382px;
margin: auto;
word-spacing: 0.7em;
}

/*  Trennlinie  */
hr {
border:none;
height: 1px;
width: 100%;
margin-top: 0.5em;
color:#999999;
}

/*  Links, um das Fenster zu schließen in den Popupfenstern  */
.fs {
margin: 0.5em;
}

.fs p {
font-size: 0.9em;
margin: 0;
}

.fs a {
font-size: 0.8em;
font-style: italic;
}

.fs a:hover {
font-size: 0.8em;
}


/* Gästebuch */

.gb {
color: #ffffff;
border: 1px solid #C0C0C0;
border-spacing:0px;
}

/* Der Betreff eines Eintrags */
div.betreff {
font-family: Arial, Helvetica, sans-serif;
margin-top: 0.5em;
margin-left: 1.5em;
font-size: 0.9em;
color: #CCCCCC;
font-weight: bold;
}

/* Die Einträge */
div.eintragstext {
margin-top: 1em;
margin-bottom: 1.5em;
margin-left: 1.5em;
margin-right: 1.5em;
}

/* Einträge mit gerader Nummer (2, 4, 6, 8 usw.) */
div.gerade {
border-bottom: 1px inset #C0C0C0;
padding: 0.3em;
margin-bottom: 0.5em;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
border-bottom: 1px inset #C0C0C0;
padding: 0.3em;
margin-bottom: 0.5em;
}

/* Der Besucher */
span.user {
font-weight: bold;
font-size: 1.1em;
color: 999999;
}

/* die Nummer des Eintrags */
span.nummer {
font-family: times, "times new romans", serif;
font-size:0.8em;
font-weight: bold;
font-style: italic;
color: #666666;
}

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

/* Navigation */

.nav {
text-align: center;
margin-bottom: 0;
margin-top: 2em;
}

.nav a {
font-size: 0.8em;
font-style: italic;
}

.nav a:hover {
font-size: 0.8em;
}

/* die aktuelle Seite */
span.aktuelle_seite {
font-weight: bold;
font-style: italic;
color: #666666;
}

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

/* Der Button unter den Regeln */
form.regeln {
text-align: center;
margin-top: 1.5em;
}

/* Tabelle in eintrag.php und edit.php */
.form {
text-align: center;
width: 70%;
margin: auto;
}
/* Tabellenspalte in der die Erklärungen stehen */
td.describtion {
text-align: right;
width: 30%;
}
/* Tabellenspalte in der die Eingabefelder stehen */
td.input {
margin-left: 3em;
text-align: left;
width: 50%;

}
/* Eingabefelder */

.gbsuche {
background-color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #C0C0C0;
font-size: 0.8em;
padding: 0.3em;
border: 1px solid #C0C0C0;
}

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

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

select.gb {
width: 90%;
height: 5em;
background-color: #132F3A;
}

input.gb{
width: 90%;
padding: 0.2em;
border: 1px outset #C0C0C0;
background-color: #333333;
color: #C0C0C0;
}

/* Textfeld */
textarea.gb {
color: #C0C0C0;
background-color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
padding: 0.2em;
border: 1px inset #C0C0C0;
width: 90%;
overflow:auto;
}

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

/* ein Zitat */
div.zitat {
border: 1px dashed #C0C0C0;
background-color: #333333;
margin: 1em;
}

/* die zitierte Person */
div.zitat_person {
margin: 1em;
font-weight: bold;
}
/* der zitierte Text */
div.zitat_text {
margin-left: 1em;
margin-bottom: 1em;
margin-right: 1em;
}

/* ein Code */
div.code {
border: 1px solid #C0C0C0;
margin: 0.5em;
}

/* Dateiname */
div.code_datei {
margin: 0.5em;
font-weight: bold;
color: #C0C0C0;
}

/* der Code */
div.codetext {
font-family: "Courier New", monospace;
margin-bottom: 0.5em;
margin-left: 0.5em;
}

/* ein Kommentar */
div.kommentar {

}

/* Text wie "Kommentar vom Webmaster" */
div.kommentar_beschr {
font-size: 1em;
color: #C0C0C0;
font-weight: bold;
margin-left: 2em;
margin-right: 2em;
}

/* der Kommentar selbst */
div.kommentar_text {
margin-left: 1.5em;
margin-right: 1.5em;
padding: 0.4em;
margin-top: 1em;
margin-bottom: 2em;
color: #C0C0C0;
border: 1px solid #ffffff;
}

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

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

.onlyscreen {
text-align: center;
}

/*  Ende der Einstellungen für das GB  */


/*  Einstellungen für die Suche  */

/* Suchfeld */

form.suche {
width: 201px;
position: absolute;
top: 0.3em;
right: 0;
z-index: 1;
}

#picture-input {
position: absolute; 
top: 0;
left: 0;
overflow: hidden;
width: 162px;
height: 26px;
background: url("suche.png") 0 0 no-repeat;
border: 0;
}

#picture-input input {
position: relative;
top: 5px;
left: 10px;
width: 123px;
border: 0;
letter-spacing: 1px;
background-color: #FFF4D5;
}

form.suche input.sbutton {
letter-spacing: 1px;
padding-left: 0;
font-weight: bold;
color: #FFFFFF;
position: absolute;
top: 0;
right: 0;
}

form.suche label {
display: none;
}

/*  Text über dem Suchergebnis  */
#text {
text-align: center;
font-size: 1em;
}
/*  Suchwort im Text  */
.hitword {
font-family:Arial, Helvetica, sans-serif;
color: #666666;
font-weight: bold;
font-style: italic;
font-size: 1.1em;
}

/* Die Nummer des Eintrags */
span.nr {
margin-left: 2em;
letter-spacing:-1px;
font-weight: bold;
color : #CCCCCC;
}

/* Der Copyrightvermerk */
.cu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size: xx-small;
padding: 1em 0 1em 0;
color: #999999;
text-align: center;
}
.cu p {
margin-top: 0.5em;
}

.cu a {
text-decoration: none;
color: #666666;
}

.cu a:hover {
color: #999999;
}

/*  Ziffern  */

		
a.digits:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color : #B30F33;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
}
a.digits:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #CCCCCC;
font-weight: bold;
font-size: 1.2em;
}
a.digits:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #7A9EC9;
text-decoration: underline;
font-weight: bold;
font-size: 1.2em;
}

/*  Vor-/zurück-Pfleile  */
a.first_last:link, a.first_last:visited { color: #999; font-size: 1.0em; text-decoration: none;}
a.first_last:hover { color: #990000;}

a.copy:link, a.copy:visited { color: #006699; font-size: 1em; font-weight: bold; text-decoration: none;}
a.copy:hover { color: #990000; text-decoration: underline;}

/*  Ende der Einstellungen für die Suche  */