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

/*
Verwendete Farben:
!#dedcd6	       Farbe im content
#afa89c:        Rand für Menüboxen und Buttons (hellbraun vom Balken)
!#ccc8c0:        Farbe für Formulare, Menüboxen und Buttons (mittelhelles beige, vom header)
#63716e:        Farbe für a:hover in Formulare, (helleres lindgrün)
!#52493a:        Schriftfarbe (dunkelbraun)
!#ebe9e5:        Hintergrundfarbe (helles beige)
#8b8171:        Farbe für aktive Links (hellbraun)
#ebe9e5:                Linkfarbe (weiß)
#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;
border: 0;
}
html, body {
width: 100%;
height: 100%;
cursor: url("cursor.cur"), default;
}
body {
background: #ebe9e5;
color: #52493a;
font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
font-size: 100.01%;
}
acronym  {
border-bottom: 1px dotted #afa89c;
cursor: help;
color: #afa89c;
background: inherit;
}

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 #afa89c;
background: #ccc8c0;
color: #52493a;
padding: 1px;
}
textarea:focus, 
input:focus {
background: #d6d2cb;
color:  #52493a;
}

dd {
text-align: center;
font-size: 80%;
}
/*---| Klassen, allgemein |--*/

.zentrieren {
text-align: center;
}
.abstand {
height: 20px;
}
.dlfloatlinks {
padding: 1px;
background: #afa89c;
color: #52493a;
clear: left;
float: left;
}
.dlfloatrechts {
padding: 1px;
background: #afa89c;
color: #52493a;
clear: right;
float: right;
margin: auto;
}
.floatleft {
float: left;
margin: 0% 2%;
}
.bildlinks {
border: 1px solid #52493a;
float: left;
padding: 2px;
margin: 0 14px;
}
.bildrechts {
border: 1px solid #52493a;
float: right;
padding: 2px;
margin: 0 14px;
}
.rand {
border: 1px solid #52493a;
padding: 2px;
margin: 0 4px;
}
.klein {
font-size: 80%;
}
.kursiv {
font-style: italic;
}
.aktiv {
background: #ccc8c0;
color: #8b8171;
}
.untertitel {
line-height: 5px;
padding-bottom: 20px;
}
.block {
width: 400px;
margin: 0 auto;
}
.clear {
clear: both;
}
.formbutton, .passwort {
border: 1px solid #afa89c;
background: #ccc8c0;
color: #52493a;
padding: 2px;
}
.formbutton, .passwort {
margin:10px 10px 10px 0px;
}

.formbutton:hover {
cursor:pointer;
border: 1px solid #afa89c;
background: #afa89c;
color: #ebe9e5;
}

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

#wrapper {
width: 960px;
margin: 0 auto;
background: url(wrapper_rom.gif);
}

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

#kopflinks {
background: url(kopflinks_rom.gif) no-repeat;
width: 960px;
height: 141px;
left: 0;
}

#kopflinks a {
display: block;
background: url(kopflinks_rom1.gif) no-repeat;
width: 960px;
height: 141px;
left: 0;
}

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

#links, #rechts {
width: 140px;
}
#links h3, #rechts h3{
font-size: 80%;
text-align: center;
padding: 4px 0;;
}
#links {
float: left;
padding-left: 20px;
}
#rechts {
padding-right: 16px;
float: right;
}
#rechts table {
margin-top: 20px;
width: 135px;
border: 1px solid #afa89c;
background: #ccc8c0;
color: #52493a;
font-size: 80%;
border-collapse: collapse;
}
#rechts td, #rechts th {
text-align: center;
border: 1px solid #afa89c;
font-weight: normal;
}
.menu li extern {
background: url(extern.gif) no-repeat;
background-position: right;
padding: 0;
margin: 0;
white-space: nowrap;
}
.menubox small {
font-size: 70%;
padding-left: 5px;
}
.menu, .menubox {
width: 135px;
clear:both;
}
.menu li, .menubox ul {
font-size: 80%;
list-style: none;
height: 10%;
margin: 5px 0;
color: #8b8171;
background: #ccc8c0;
border: 1px solid #afa89c;
padding-left: 5px;
}
.menu li a, .menubox li a, .menubox table a {
color: #52493a;
background: #ccc8c0;
text-decoration: none;
}
.menu li a:visited, .menubox li a:visited, .menubox table a:visited {
color: #52493a;
background: #ccc8c0;
text-decoration: none;
}
.menu li a:hover, .menubox li a:hover, .menubox table a:hover {
color: #ebe9e5;
background: #ccc8c0;
text-decoration: none;
}
.menu li a:active, .menubox li a:active, .menubox table a:active {
color: #ebe9e5;
background: #ccc8c0;
text-decoration: none;
}
.menu li a:focus, .menubox li a:focus, .menubox table a:focus {
color: #ebe9e5;
background: #ccc8c0;
text-decoration: none;
}
.buttonmenu {
text-align: center;
margin: auto;
}
.buttommenu ul, .buttonmenu li {
list-style: none;
padding: 3px 0;
}


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

#inhalt {
width: 620px;
float: left;
font-size: 90%;
margin: 0 10px;
}
#inhalt a:link {color:#52493a; background: #dedcd6; text-decoration:underline;}
#inhalt a:visited {color: #52493a; background: #dedcd6; text-decoration: underline;}
#inhalt a:hover {color: #968d7d; background: #dedcd6; text-decoration: underline;}
#inhalt a:active {color: #968d7d; background: #dedcd6; text-decoration: underline;}
#inhalt a:focus {color:#968d7d; background: #dedcd6; text-decoration: underline;}

#inhalt .extern {
background: url(extern_rom.gif) no-repeat;
width: 10px;
height: 10px;
}
.extern img {
visibility: hidden;
}
#inhalt a.extern {
background: url(extern_rom.gif) no-repeat;
background-position: right;
padding: 0 15px 0 0;
margin: 0;
white-space: nowrap;
}
#inhalt a.extern:hover {
background: url(extern_rom_hover.gif) no-repeat;
background-position: right;
padding: 0 15px 0 0;
margin: 0;
white-space: nowrap;
}
#inhalt p, #inhalt i, #inhalt h3, #inhalt h4, #inhalt h5, #inhalt dl, #inhalt small, #inhalt table, .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 h3 {
font-size: 110%;
}
#inhalt blockquote {
border-left: 5px solid #52493a;
padding-left: 10px;
margin-left: 10px;
}
#inhalt q,
#inhalt cite {
font-style: oblique;
}
#inhalt li, 
#inhalt ul {
list-style-image:url(list_rom.gif);
}
.inhalttable {
padding-left :3px;
}
.inhalttable table {
background: #dedcd6;
color: #52493a;
border: 1px solid #52493a;
border-collapse: collapse;
}
.inhalttable th, .inhalttable td {
border: 1px solid #52493a;
padding: 5px;

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

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

#fuss {
width: 960px;
height: 39px;
background: url(fuss_rom.gif);
font-size: 90%;
text-align: center;
clear: left;
}
#fuss ul {
padding-top: 12px;
}
#fuss li {
list-style: none;
display: inline;
padding: 0 10px;
}
#fuss img {
visibility: hidden;
}
#valixhtml {
background: url(button_xhtml_rom.gif) no-repeat;
width: 80px;
height: 15px;
}
#valicss {
background: url(button_css_rom.gif) no-repeat;
width: 80px;
height: 15px;
}
#fuss small {
vertical-align:top;
}

/*---| Zierrat rechte Seite |---*/

#blatt_1 {
position: relative;
right: 30px;
top: 20px;
background: url(schmett1.gif);
width: 65px;
height: 65px;
float: right;
clear: right;
}
#blatt_2 {
position: relative;
background: url(schmett2.gif);
width: 50px;
height: 53px;
float: right;
clear:right;
top: 45px;
right: 45px;
}

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

#linkliste {
margin: 0 auto;
}
#linkliste li {
padding: 20px 0;
display: inline;
}
#linkliste ul, #linkliste ol {
list-style: none;
}
.bannercode {
background: #d6d2cb;
color: #52493a;
border: 1px solid #a09787;
}
.banner li {
width: 470px;
padding: 10px 0;
list-style: none;
text-align: center;
}
.bravenet {
margin: 0 auto;
color: #52493a;
background: #ccc8c0;
border: 1px solid #a09787;
border-collapse: collapse;
}
.bravenet a:link {color:#52493a; background: #ccc8c0;}
.bravenet a:visited {color: #52493a; background: #ccc8c0; text-decoration:underline;}
.bravenet a:hover {color: #ebe9e5; background: #ccc8c0; text-decoration: underline;}
.bravenet a:active {color: #ebe9e5; background: #ccc8c0; text-decoration: underline;}
.bravenet a:focus {color:#ebe9e5; background: #ccc8c0; text-decoration: underline;}

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

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

.nachricht {
border: 1px solid #afa89c;
background: #ccc8c0;
color: #52493a;
padding: 1px;
}
.kartenhintergrund {
width: 360px;
background: #646464;
color: #52493a;
border: 1px solid #505050;
margin: auto;
}
.grusskarten input {
border: 0;
background: #dedcd6;
color: #52493a;
}
.grusskarten {
width: 500px;
}
/*---| Gästebuch  neu |---*/

div.gb {
margin: 2% 0% 2% 2%;
padding-right: 2%;
}
div.gb-author {
margin: 0;
padding: 1px 10px;
border-bottom: 1px solid #52493a;
background: #dedcd6;
color:#52493a;
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: #dedcd6;
}
.small {
font-size: 80%;
}
.comment {
margin: 10px 0 0 0;
color: #52493a;
font-style: italic;
background: #dedcd6;
}

.gravatar {
border: 1px solid #52493a;
float: left;
margin: 0 10px 0 0;
width: 60px;
height: 60px;
background: url(gravatar_rom.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 {
text-align: center;
line-height: 35px
}
.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 {
position: absolute;
left: 50%;
top: 50%;
margin-left: -273px;
margin-top: -181px;
background: url(startbild.gif) no-repeat #dedcd6;
color: #52493a;
width:546px;
height: 362px;
}
.eingang {
position: relative;
top: 280px;
}

.eingang a {
display: block;
width: 180px;
height: 65px;
margin: auto;
padding-top: 15px;
text-align: center;
}
.eingang a:link {color:#ebe9e5; background:#ccc8c0; text-decoration:underline;}
.eingang a:visited {color: #b6cac5; background: #ccc8c0; text-decoration: underline;}
.eingang a:hover {color: #52493a; background: #ccc8c0; text-decoration: underline;}
.eingang a:active {color: #52493a; background: #ccc8c0; text-decoration: underline;}
.eingang a:focus {color:#52493a; background: #ccc8c0; text-decoration: underline;}

.hinweis {
margin-top: 290px;
background: #dedcd6;
color: #969696;
font-size: 70%;
text-align: center;
}

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

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