/*Stylesheet für Gabis Homepage (c) Gabi

Verwendete Farben:
#89908e:        Rand für Menüboxen und Buttons (mittelhellgrau)
#586864:        Farbe für Formulare, Menüboxen und Buttons (lindgrün)
#63716e:        Farbe für a:hover in Formulare, (helleres lindgrün)
#c0c0c0:        Schriftfarbe (hellgrau)
#5a5a5a:        Hintergrundfarbe (dunkelgrau)
#243631:        Farbe für aktive Links (dunkelgrün)
#fff:           Linkfarbe (weiß)
#b6cac5:        Farbe für besuchte Links im Inhaltebereich (mintgrün)
#969696;        Farbe für kleinen Hinweis auf der index.htm
#646464;        Hintergrund für Bannercode, Seite "Meine Banner"
#828282;        Rand für Bannercode, Seite "Meine Banner"
*/

/*=====| Dateiweite Einstellungen |===== */

/*---| HTML-Tags formatieren |--*/

*{
margin: 0;
padding: 0;
}

/*html, body {
width: 100%;
height: 100%;
cursor: url("cursor.cur"), default;
}
*/
body {
background:#5a5a5a;
color: #c0c0c0;
font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
font-size: 100.01%;
}
acronym  {
border-bottom: 1px dotted #89908e;
cursor: help;
color: #89908e;
background: #5a5a5a;
}
img {
border:0;
}
form {
padding: 5px;
width: 450px;
margin: auto;
}
form br {
clear: left;
}
label {
display: block;
float: left;
width: 150px;
text-align: left;
padding: 5px 0;
}
textarea, input {
border: 1px solid #89908e;
background: #586864;
color: #c0c0c0;
padding: 1px;
}
textarea:focus,
input:focus {
background: #63716e;
color:  #fff;
}
dd {
font-size: 80%;
text-align: center;
}
ins {
border: none;
}

/*---| Klassen, allgemein |--*/

.zentrieren {
text-align: center;
margin: auto;
}
.abstand {
height: 20px;
}
.dlfloatlinks {
padding: 2px;
background: #c0c0c0;
color: #5a5a5a;
float: left;
}
.dlfloatrechts {
padding: 2px;
background: #c0c0c0;
color: #5a5a5a;
float: right;
}

.floatleft {
float: left;
margin: 0% 2%;
}
.bildlinks {
border: 2px solid #c0c0c0;
float: left;
margin: 0% 2%;
}
.bildrechts {
border: 2px solid #c0c0c0;
float: right;
margin: 0% 2%;
}
.rand {
border: 2px solid #c0c0c0;
margin: 0 4px;
}
.klein {
font-size: 80%;
}
.kursiv {
font-style: italic;
}
.aktiv {
background: #586864;
color: #243631;
}
.untertitel {
line-height: 5px;
padding-bottom: 20px;
}
.block {
width: 400px;
margin: 0 auto;
}
.clear {
clear: both;
}
.formbutton, .passwort {
border: 1px solid #89908e;
background: #586864;
color: #c0c0c0;
margin: 10px 20px 10px 0px;
}

.formbutton:hover {
cursor:pointer;
border: 1px solid #89908e;
background: #63716e;
color: #fff;
}

/*=====| Dokument-Layout |=====*/

/*---| Kopfbereich |---*/

#kopfmitte {
background: url(kopfmitte.gif)  repeat-x 0 0;
height: 86px;
top: 0;
width: 100%;
}
#kopflinks, #kopfrechts {
position: absolute;
top: 0;
}
#kopfrechts {
background: url(kopfrechts.gif) no-repeat;
right: 0;
height: 86px;
width: 130px;
}

#kopflinks a {
display: block;
background: url(kopflinks.gif) no-repeat;
width: 265px;
height: 61px;
padding-top: 25px;
padding-left: 35px;
left: 0;
}

/*---| Menüs |---*/

#links, #rechts {
width: 130px;
}
#links h3, #rechts h3{
font-size: 80%;
text-align: center;
}
#rechts {
position: absolute;
top: 86px;
right: 2px;
}
#rechts h3 {
padding: 4px;
}
#rechts table {
margin-top: 20px;
margin-left: 6px;
width: 118px;
border: 1px solid #89908e;
background: #586864;
color: #5a5a5a;
font-size: 80%;
border-collapse:collapse;
}
#rechts td, #rechts th {
text-align: center;
border: 1px solid #89908e;
font-weight: normal;
}
.menu li extern {
background: url(extern.gif) no-repeat;
background-position: right;
white-space: nowrap;
}
.menubox small {
font-size: 70%;
padding-left: 5px;;
}
.menu li, .menubox ul {
font-size: 80%;
list-style: none;
height: 10%;
margin: 5px;
padding-left: 3px;
color: #243631;
background: #586864;
border: 1px solid #89908e;
}
.menu li a, .menubox li a, .menubox table a {
color: #c0c0c0;
background: #586864;
text-decoration: none;
}
.menu li a:visited, .menubox li a:visited, .menubox table a:visited {
color: #c0c0c0;
background: #586864;
text-decoration: none;
}
.menu li a:hover, .menubox li a:hover, .menubox table a:hover {
color: #fff;
background: #586864;
text-decoration: none;
}
.menu li a:active, .menubox li a:active, .menubox table a:active {
color: #fff;
background: #586864;
text-decoration: none;
}
.menu li a:focus, .menubox li a:focus, .menubox table a:focus {
color: #fff;
background: #586864;
text-decoration: none;
}
.buttonmenu {
text-align: center;
margin: auto;
}
.buttommenu ul, .buttonmenu li {
list-style:none;
padding: 3px 0;
}


/*---| Inhalt |---*/

#inhalt {
position: absolute;
right: 130px;
left: 130px;
top: 90px;
font-size: 90%;
}
#inhalt a:link {color:#c0c0c0; background: #5a5a5a; text-decoration:underline;}
#inhalt a:visited {color: #c0c0c0; background: #5a5a5a; text-decoration: underline;}
#inhalt a:hover {color: #fff; background: #5a5a5a; text-decoration: underline;}
#inhalt a:active {color: #fff; background: #5a5a5a; text-decoration: underline;}
#inhalt a:focus {color:#fff; background: #5a5a5a; text-decoration: underline;}

#inhalt .extern {
background: url(extern_standard.gif) no-repeat;
width: 10px;
height: 10px;
}
extern img {
visibility: hidden;
}
#inhalt a.extern {
background: url(extern_standard_hover.gif) no-repeat;
background-position: right;
padding: 0 15px 0 0;
white-space: nowrap;
}
#inhalt a.extern:hover {
background: url(extern_standard.gif) no-repeat;
background-position: right;
white-space: nowrap;
}

#inhalt p, #inhalt i, #inhalt h3, #inhalt h4, #inhalt small, #inhalt dl, #inhalt table, #inhalt .gb-entry {
margin: 10px;
}

#inhalt h5 {
font-size: 100%;
margin: 5px 0 5px 20px;
}

#inhalt h6 {
font-style: italic;
font-size: 110%;
font-weight: normal;
margin: 5px 0 5px 30px;
}

#inhalt ul, #inhalt ol, #inhalt li {
margin: 3px 20px;
}
#inhalt blockquote {
border-left: 5px solid #c0c0c0;
padding-left: 10px;
margin-left: 10px;
}
#inhalt q,
#inhalt cite {
font-style: oblique;
}
#inhalt li, #inhalt ul {
list-style-image:url(list.gif);
}
.inhalttable {
padding-left: 5px;
}
.inhalttable table {
border: 1px solid #c0c0c0;
border-collapse: collapse;
}
.inhalttable th, .inhalttable td {
padding: 5px;
border: 1px solid #c0c0c0;

}
.verweis {
height: 45px;
font-size: 85%;
text-align: center;
margin:20px 0;
clear: both;
}
.trenner {
height: 33px;
}

/*---|  Fuß |---*/

#fuss {
width: 130px;
font-size: 90%;
text-align: center;
padding: 5px 0;
}
#fuss p {
margin: 10px;
font-size: 1px;
}
#fuss li {
list-style: none;
}

/*---| Efeu-Zierblätter rechte Seite |---*/

#blatt_1 {
position: relative;
right: 15px;
top: 20px;
background: url(blatt.gif);
width: 72px;
height: 64px;
float: right;
clear: right;
}
#blatt_2 {
position: relative;
background: url(blatt2.gif);
width: 50px;
height: 45px;
float: right;
clear:right;
top: 50px;
right: 15px;
}

/*---| Linkliste, Meine Banner, Webringcode |---*/

#linkliste {
margin: 0 auto;
}
#linkliste li {
padding: 20px 0;
display: inline;
}
#linkliste ul, #linkliste ol {
list-style: none;
}

.bannercode {
background: #646464;
color: #c0c0c0;
border: 1px solid #828282;
}
.banner li {
width: 470px;
padding: 10px 0;
list-style: none;
text-align: center;
}
.bravenet {
margin: 0 auto;
color: #c0c0c0;
background: #646464;
border: 1px solid #828282;
border-collapse: collapse;
}
.bravenet a:link {color:#c0c0c0; background: #646464;}
.bravenet a:visited {color: #c0c0c0; background: #646464; text-decoration:underline;}
.bravenet a:hover {color: #fff; background: #646464; text-decoration: underline;}
.bravenet a:active {color: #fff; background: #646464; text-decoration: underline;}
.bravenet a:focus {color:#fff; background: #646464; text-decoration: underline;}

/*---| Suchformular |---*/

#output a {
font-weight: bold;
}
.searchword {
color: #5a5a5a;
background: #c0c0c0;
border: 1px dotted #5a5a5a;
}
.mod {
display: block; 
font-size: .8em;
}
.finden {
background: #5a5a5a;
color: #c0c0c0;
border:0;
font-weight: bold;
cursor: pointer;
}
/*---| Grußkarten |---*/

.nachricht {
border: 1px solid #89908e;
background: #586864;
color: #c0c0c0;
padding: 1px;
}
.kartenhintergrund {
width: 360px;
background: #646464;
color: #c0c0c0;
border: 1px solid #505050;
margin: auto;
}
.grusskarten input {
border: 0;
background: #5a5a5a;
color: #c0c0c0;
}
.grusskarten {
width: 500px;
}


/*---| Kontaktformular |---*/

.formular {
background: #5a5a5a;
color: #c0c0c0;
padding: 15px 0;
}
.eingabe p {
display: inline;
}
.eingabe {
width: 280px;
margin: 0 auto;
}

/*---| Gästebuch  |---*/

div.gb {
margin: 2% 0% 2% 2%;
padding-right: 2%;
}
div.gb-author {
margin: 0;
padding: 1px 10px;
border-bottom: 1px solid #c0c0c0;
background: #5a5a5a;
color:#c0c0c0;
clear: left;
}
p.gb-author-left {
margin: 0;
float: left;
}
p.gb-author-right {
font-size: 80%;
margin: 0;
text-align: right;
}
div.gb-entry {
margin: 10px;
padding: 0px;
}
p.gb-browse {
text-align: left;
}
p.gb-admin-buttons {
margin: 5px 0 0 0;
text-align: right;
}
.caution {
color: red;
font-weight: bold;
background: inherit;
}
.small {
font-size: 80%;
}
.comment {
margin: 10px 0 0 0;
font-style: italic;
}

.gravatar {
border: 1px solid #c0c0c0;
float: left;
margin: 0 10px 0 0;
width: 60px;
height: 60px;
background: url(gravatar.jpg) no-repeat;
}
.captcha {
vertical-align:middle;
padding: 4px;
}

/*---| Tubes |---*/

.tubevorschau {
width: 540px;
margin: auto;
text-align: center;
}

.tube {
text-align: center;
width: 160px;
height: 200px;
float: left;
padding: 10px;
}

/*---|  Galeriebilder   |---*/

.vorschau {
margin: 0 auto;
text-align: center;
max-width: 600px;
}

.vorschau img {
margin-bottom: 10px;
}
.foto {
width: 435px;
margin: auto;
}
.foto h3, .foto h4 {
text-align: center;
}

/*---| Definitionslisten für Quellenangaben |---*/

.quellen dt {
font-weight: bold;
}

.quellen dd {
text-align: left;
font-size: 100%;
font-style: italic;
margin-left: 10px;
}

/*---| Formatierung index.php |---*/

#startbild {
background: url(startbild.gif) no-repeat #5a5a5a;
color: #c0c0c0;
width:546px;
height: 362px;
text-align: center;
margin: 25px auto;
}
.eingang {
position: relative;
top: 280px;
}

#startbild a:link, 
#startbild a:visited {
color: #c0c0c0; 
background: inherit; 
}
#startbild a:hover,
#startbild a:active,
#startbild a:focus {
color:#fff; 
background: inherit; 
}

.hinweis {
margin-top: 290px;
background: #5a5a5a;
color: #969696;
text-align: center;
}

/*=====| nicht anzeigen |=====*/

hr, #kopflinks h1 span, #startbild h1 span, .invis, .menu h2, .menubox h2 {
display: none;
}