/**********************************
	CSS-Datei fuer www.gefilde.de 
	Bearbeitet von Alfred Schreiber
	Stand: 2019-01-13
***********************************/

/*--- Allgemeine HTML-Elemente ---*/
body {
    padding: 0px;
	margin: 0px;
	background-color: #680000;
}
hr {
	width: 860px;
	height: 0px;
	border-color: rgba(60%,22%,7%,0.2);
}
h1 {  
	line-height: 1.2em;
	letter-spacing:.07em;
	color: #165200; /* dunkles Graugruen */
	font-style: italic;
	font-variant: normal;
	font-weight: 500;
	font-size: 40px;
	text-shadow: tan 1px 3px 3px;
}
h2 {  
	line-height: 1.2em;
	padding-top: 18px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-variant: normal;
	font-weight: 700;
	font-size: 21px;
	color: maroon;
}
h3 {  
	line-height: 1em;
	padding-top: 14px;
	letter-spacing: 0.03em;
	/*font-style: italic;*/
	font-variant: normal;
	font-weight: 700;
	font-size: 110%;
	color: #186910; /* spezielles Graugruen */
}
/*--- Absatz und Tabzelle fuer Praesentation ---*/
p.pres {  
	line-height: 138%;
	width: 856px; /* = 960px - linker und rechter Raum */
	font-family: Georgia, Times New Roman, Times, serif; 
	color: #165200; /* dunkles Graugruen */
	font-size: 105%; 
	font-weight: 500; 
	text-decoration: none;
}
/*--- Text für Impressum und Datenschutz ---*/
p.impres {  
	line-height: 118%;
	width: 780px; /* = 960px - linker und rechter Raum */
	font-family: Georgia, Times New Roman, Times, serif; 
	color: #165200; /* dunkles Graugruen */
	font-size: 95%; 
	font-weight: 400; 
	text-decoration: none;
}
table tr td.pres {
	position: absolute;
	left: 0px;
	/* width + padding-left = 960px */
	width: 910px; padding-left: 50px;
	/*------------------------------*/
	padding-right: 0px;
	background-color: rgb(96%,89%,69%);
}
/*--- Buch-Praesentation ---*/
table.bildtext {
	margin-top: 0;
	width: 840px;
	height: 100%;
	border-spacing: 20px;
	padding: 0px;
/*	border: 1px;
	border-style: solid;
	border-color: red; */	
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 105%;
	color: #165200;
}
table.bildtext td.bild {
	height: 250px; /* Vorgabe! */
	width: 210px;  /* Vorgabe */
	padding: 0px;
	vertical-align: top;
}
table.bildtext td.beschr {
	text-align: left;
	line-height: 135%;
	vertical-align: top;
/*	border: 1px;
	border-style: solid;
	border-color: blue; */
}
table.bildtext td.mehr {
	vertical-align: bottom;
	padding-bottom: 8px;
/*	border: 1px;
	border-style: solid;
	border-color: green; */
}
p.play {
	margin-top: -11px;
}
button.play {
	margin-left: 0px;
	font-weight: 550;
	color: maroon;
	/*background-color: rgb(100%,100%,80%);*/
}
audio.play {
	padding-top: 3px;
	margin-left: 0px; 
}
#Probehoeren {
	font-family: Georgia, Times New Roman, Times, serif; 
	color: #165200; /* dunkles Graugruen */
	font-size: 75%; 
	font-weight: 400; 
	padding-left: 10px;
	text-decoration: none;
}
#Buchtitel {
	font-weight: 700;
	letter-spacing: 0.03em;
	margin-bottom: 0.3em;
}
#Buchlegende {
	margin-top: 1.1em;
	margin-bottom: 0;
	font-size: 75%;
	font-weight: 400;
	line-height: 130%;
	
}
/*--- Buch-Pr. Ende ---*/

/*--- Galerie-Bilder ---*/
table.galbilder {
	margin-top: 0;
	height: 100%;
	border-spacing: 0px;
	padding-bottom: 15px;
/* 	border: 1px;
	border-style: solid;
	border-color: red;
	*/
}
table.galbilder td.daumen {
	height: 130px;
	padding-right: 35px;
	text-align: left;
	vertical-align: top;
/*	border: 1px;
	border-style: solid;
	border-color: blue; 
	*/
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
img.gross {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	/*-------------------------*/
	margin: 0px; 
	padding: 0px; 
	border: thin solid dimgrey;
}
a.bild:hover {
	border-bottom: 1px solid sienna;
}
#Daumenlegende {
	vertical-align: bottom;
	font-family: Verdana, non-serif; 
	font-size: 9px;
	letter-spacing: 0em;
	color: maroon;
}
/*--- Galerie-Bilder Ende ---*/

/*--- Hyper-Links ---*/
a.txt:link {
	font-style: oblique;
	letter-spacing: 0.03em;
	color: inherit;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	text-decoration: none;
}
a.txt:visited {
	font-style: oblique;
	letter-spacing: 0.03em;
	color: inherit;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	text-decoration: none;
}
a.txt:hover {
	font-style: oblique;
	letter-spacing: 0.03em;
	color: maroon;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: non;
}
a.txt:active {
	font-style: oblique;
	letter-spacing: 0.03em;
	color: maroon;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
}
a.txt:focus {
	font-style: oblique;
	letter-spacing: 0.03em;
	color: maroon;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
}
/*--- Hyper-Links Ende ---*/
ul { 
	font-family: Georgia, Times New Roman, Times, serif; 
	color: #165200; /* dunkles Graugruen */
	font-size: 105%; 
	font-weight: 500; 
	list-style-image: url("../g-grafik/listpfeil.gif");
	list-style-position: outside;
}
li {  
	width: 760px;
	line-height: 135%;
	padding-top: 6px;
	list-style-image: inherit; 
	margin-bottom: 8px;
}
#SubListe {
	position: relative;
	list-style-type: disc; 
	list-style-position:outside;
	list-style-image: none;
}
li.SubLi {
	margin-top: -0.3em;
	color: #104900; /* dunkleres Graugruen */
	line-height: 80%;
	font-size: 75%;
}	
/*--- Grundlegende Seitenaufteilung ---*/
#Wrapper {
	position: absolute;
	margin: 0px auto 0px -480px;
	top: 0px;
	left: 50%;
	width: 960px;
	height: 100%;
	background: url("../g-grafik/gefilde-background.jpg") repeat-y;
	visibility: visible;
	overflow-y: visible;
}
/*--- Alles fuer den Seiten-Header ---*/
#Copyrightzeile {
	position: relative;
	padding-top: 68px;
	padding-right: 62px;
	color: sienna;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-align: right;
	visibility: visible;
	bottom: 97px;
}
#Weissgrund {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 140px; 
	background: white;
	visibility: visible;
}	
#Kopfbildleiste {
	position: absolute; 
	width: 100%; 
	height: 140px; 
	visibility: visible; 
	left: 0px; 
	top: 0px
}	
#Kopfleiste {
	position: absolute; 
	width: 100%; 
	height: 140px; 
	left: 0px; 
	top: 0px; 
	background: rgba(60%,22%,7%,0.53);
	visibility: visible;
}
#Titelfeld {
	position: absolute;
	display: block;
	left: 623px; 
	top: -18px; 
	height: 100%; 
	visibility: visible;
	font: italic 36px Georgia, Times New Roman, Times, serif; 
	letter-spacing: 0.02em;
	line-height: 107%;
	text-align: right;
	color: #FFE4C3;
	text-shadow: brown 6px 2px 10px;
}
#Untertitel {
	position: relative;
	font-size: 55%;
	top: -1.5em;
}
/*--- Bereich der Content-Anzeige ---*/	
#Anzeigefeld {
	position: absolute;
	visibility: visible;
	overflow-y: visible;
	top: 140px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: rgb(96%,89%,69%);
}
#Praesentation {
	position: relative;
	overflow-y: visible;
	height: 100%;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
	background: url("../g-grafik/gefilde-background.jpg") repeat-y;
}
#Annotation {
	position: relative;
	margin-left: 0px;
	padding-top: 8px;
	padding-bottom: 2px;
	padding-right: 3em;
	color: #104900; /* dunkleres Graugruen */
	line-height: 130%;
	font-size: 75%;
}
/*--- Auswahl ---*/
#Auswahlfeld {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1.5em;
	margin: 0px;
	background-color: #A91209;
	padding-bottom: 1px;
	padding-top: 1px;
	visibility: visible;
}
#Auswahl {
    position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font: normal 10px Georgia, Times New Roman, Times, serif;
	letter-spacing: 0.03em;
    font-size: 85%;
    line-height: normal;
	visibility: visible;
}
#Auswahl ul {
	margin: 0px;
    padding: 0px;
    list-style: none;
}
#Auswahl li {
    display: inline;
    margin: 0px;
    padding: 0px;
}
#Auswahl a {
    float: left;
    background: url("../g-grafik/auswahllinks.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 0px;
    text-decoration: none;
}
#Auswahl a span {
    float: left;
    display: block;
    background: url("../g-grafik/auswahlrechts.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #FFC;
}
#Auswahl a:hover span {color:#FFF;}
#Auswahl a:hover {background-position:0% -42px;}
#Auswahl a:hover span {background-position:100% -42px;}
#Auswahl #current a {background-position:0% -42px;}
#Auswahl #current a span {background-position:100% -42px;
}
/*--- Auswahl Ende ---*/

/*--- Bewegung an den Anfang ---*/
#Nachoben a span {
	position: absolute;
	padding-top: 0.2em;
	left: 50px;
	right: 50px;
	color: rgb(96%,89%,69%); /* damit man nichts sieht! */
	display: block;
	visibility: visible;
	background: url("../g-grafik/oben.jpg") no-repeat right bottom;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(60%,22%,7%,0.53);
}
/*--- Bewegung a.d.A. Ende ---*/