/***** Allgemeines *****/
body {
	font-family: sans-serif; /* "Verdana", "Arial", sans-serif; */
	margin: 0px;

	/* Farben festlegen */
	background-color: #ffffff;
	color: #000000;

	font-size: 85%;

	/* damit der Inhalt der silbernen Leiste oben nicht untereinander
	   dargestellt wird, wenn das Fenster schmäler ist */
	min-width: 554px;
}


/* Überschriften */
h1, h2, h3, h4 {
	text-align: left;
}
h1 { font-size: 150%; }

h2 {
	font-size: 120%;
	margin-bottom: 3px;
}

h2 + p, h2 + ul {
	/* Absätze näher nach Überschriften */
	margin-top: 3px;
}

h3 { font-size: 100%; }
h4 { font-size: 100%; }


/* Text-Elemente */
p {
	margin-bottom: 7px;
	margin-top: 7px;
}

p.wenig_abstand_nach_unten {
	margin-bottom: 3px;
}

p + ul {
	margin-top: 3px;
}

p.small {
	font-size: 80%;
}

.quellenangabe {
	font-size: 80%;
	font-style: italic;
}

blockquote {
	margin-left: 20px;
	font-style: italic;
}

/* Tabelle mit Bild */
ul.tabelle_bild {
	margin-top: 10px;
	margin-left: 30px;

	display: table;
	border-collapse: collapse;
}

ul.tabelle_bild > li {
	display: table-row;
}

/*ul.tabelle_bild > li + li > div { um am obersten Eintrag keine Linie anzeigen*/
ul.tabelle_bild > li > div {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

div.tabelle_bild_bild, div.tabelle_bild_text {
	display: table-cell;
	vertical-align: middle;

	padding: 5px;
}

div.tabelle_bild_bild {
	text-align: center;
}


/* Link-Formatierung */
a:link, .dhtml_link { color: #003366; text-decoration: none; }
a:visited { color: #801724; text-decoration:none; }
a:link:hover, a:link:active, a:visited:hover, a:visited:active, .dhtml_link:hover {
	color: #ffffff;
	background-color: #0075ea;
	text-decoration: underline;
}

div#wrap a:hover, div#wrap a:active {
	background-color: transparent;
}

.dhtml_link {
	/* bei einem Link, der ein Javascript aufruft, den richtigen Mauszeiger anzeigen */
	cursor: pointer;
}


/* Buttons */
.btnBild, .btnDoc, .btnEmpty, .btnExt, .btnFolder, .btnMail,
.btnNext, .btnOOo, .btnPdf, .btnUp, .btnXls, .btnZip {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;

	/* Mindest-Höhe, damit der Button vollständig angezeigt wird, wenn die
	Schrift kleiner ist */

	/* auskommentiert, weil Probleme mit Leiter-Mails auf der Gruppenübersicht */
	/*display: inline-block; /* versteht nicht jeder Browser, aber z. B. Konqueror */
	min-height: 16px;
}

.btnBild { background-image: url(./images/buttons/btnBild.gif); }
.btnDoc { background-image: url(./images/buttons/btnDoc.gif); }
.btnEmpty { background-image: url(./images/buttons/btnEmpty.gif); }
.btnExt { background-image: url(./images/buttons/btnExt.gif); }
.btnFolder { background-image: url(./images/buttons/btnFolder.gif); }
.btnMail { background-image: url(./images/buttons/btnMail.gif); }
.btnNext { background-image: url(./images/buttons/btnNext.gif); }
.btnOOo { background-image: url(./images/buttons/btnOOo.gif); }
.btnPdf { background-image: url(./images/buttons/btnPdf.gif); }
.btnUp { background-image: url(./images/buttons/btnUp.gif); }
.btnXls { background-image: url(./images/buttons/btnXls.gif); }
.btnZip { background-image: url(./images/buttons/btnZip.gif); }


/* Bilder in Links ohne Rahmen anzeigen */
a img { border-style: none; }
a.image:link:hover, a.image:hover { background-color: transparent; }

.bild_zentriert {
	text-align: center;
}

/* wird verwendet, um Navigationselemente/Bilder in der Chronik je nach Bedarf auszublenden */
.unsichtbar { visibility: hidden; }


/* graue Kästen */
div.grauer_kasten {
	background-color: #eeeeee;
	border: #dedede 1px solid;
	padding: 10px;
	margin: 0px;
	margin-bottom: 30px;
}

div.grauer_kasten:hover {
	background-color: #dddddd;
}

div.grauer_kasten h2 { margin-top: 0px; }






/***** Grund-Layout *****/

/* Positionierung der Links, die rechts oben angezeigt werden (Impressum, Administration) */
   /* bestimmt gleichzeitig auch den Abstand der silbernen Leiste vom oberen Seitenrand */
#menue_rechts_oben {
	text-align: right;
	margin-top: 4px;
	margin-right: 2px;
	font-size: 80%;
}


/*** Titelleiste ***/
#silberne_leiste {
	/* Abstand zum Menü oben rechts*/
	margin-top: 5px;

	/* Nötig, damit "Stamm Greiffenclau" zentriert angezeigt wird */
	text-align: center;

	/* Hintergrund der Leiste */
	background-image: url(./images/layout/header_bg.gif);
	background-repeat: repeat-x;

	/* Höhe der Leiste (= Höhe der Hintergrundgrafik) */
	height: 65px;
}

#wappen {
	float: left;

	margin-top: 3px;
	margin-left: 66px;

	/* kein Hover-Effekt auf dem Wappen */
	background-color: transparent;
}

#stamm-greiffenclau-bild {}
#stamm-greiffenclau-text {display: none;}

#dpsg-logo {
	float: right;

	margin-top: 3px;
	margin-right: 3px;
}




/*** links angezeigte Leiste (Menü, letzte News ...) ***/
#leiste_links {
	/* Positionierung */
	position: absolute; /* vorher float: left; */
	left: 0px; /* für IE nötig */
	margin-top: 20px;
	margin-left: 5px;

	/* Breite der Leiste */
	width: 165px;

	/* Schriftgröße für alle Elemente der Leiste */
	font-size: 95%;
}

/* Menü */
#hauptmenue {
	/* Rahmen ums Menü anzeigen */
	border: #dedede 1px solid;

	/* unten keine Linie, weil von Menüpunkt gezeichnet */
	border-bottom-style: none;

	/* Abstand zur silbernen Leiste verkleinern; gleiche Höhe
	   wie Überschrift rechts */
	margin-top: 0px;

	/* Damit Menüpunkte links keinen Rand haben */
	padding-left: 0px;
	margin-left: 0px; /* für IE nötig */

	/* keine Aufzählungszeichen anzeigen */
	   /* Pfeile werden über Hintergrund der Links angezeigt */
	list-style-type: none;
	margin-bottom: 20px;
}

#hauptmenue a {
	/* Fläche des Links auf ganzen Kasten ausdehnen, nicht nur Text */
	display: block;
	height: 100%;
}

a.menue_ebene0 {
	/* Abstand des Texts von der oberen/unteren Linie */
	padding-top: 3px;
	padding-bottom: 3px;

	/* Abstand des Texts vom linken Rand */
	padding-left: 15px;

	/* Hintergrundfarbe */
	background-color: #eeeeee;

	/* Pfeil */
	background-image: url(./images/layout/arrowright.png);
	background-repeat: no-repeat;
	background-position: 5px center;

	/* Begrenzungslinie unten */
	border-bottom: #dedede 1px solid;
}

a.menue_ebene1 {
	/* Hintergrundfarbe */
	background-color: #cccccc;

	/* Abstand des Texts vom linken Rand */
	padding-left: 30px;
	text-indent: -10px;
}

a.menue_ebene2 {
	/* Hintergrundfarbe */
	background-color: #cccccc;

	/* Abstand des Texts vom linken Rand */
	padding-left: 35px;
}

#hauptmenue a:link, #hauptmenue a:visited, #hauptmenue a:active {
	color: #000000;
	text-decoration: none;
}

#hauptmenue a:hover {
	color: #ffffff;

	background-color: #9f9f9f;

	/* damit kein heller Strich entsteht wenn 'hover' direkt über 'aktiv' liegt */
	border-bottom-color: #9f9f9f;
}

a.menue_ebene0:hover {
	background-image: url(./images/layout/arrowrighthover.png);
}

a.menue_aktiv_ebene0, a.menue_aktiv_ebene0:link, a.menue_aktiv_ebene0:visited, a.menue_aktiv_ebene0:hover{
	color: #000000;

	background-color: #cccccc; /* Original: #bbbbbb */
	background-image: url(./images/layout/arrowrighthi.png);

	/* damit kein heller Strich entsteht wenn 'aktiv' direkt über 'hover' liegen */
	border-bottom-color: #cccccc;
}

a.menue_aktiv_ebene0:hover{
	background-image: url(./images/layout/arrowrighthover.png);
}

a.menue_aktiv_ebene0, a.menue_aktiv_ebene0:link, a.menue_aktiv_ebene0:visited, a.menue_aktiv_ebene0:hover,
a.menue_aktiv_ebene1, a.menue_aktiv_ebene1:link, a.menue_aktiv_ebene1:visited, a.menue_aktiv_ebene1:hover,
a.menue_aktiv_ebene2, a.menue_aktiv_ebene2:link, a.menue_aktiv_ebene2:visited, a.menue_aktiv_ebene2:hover{
	font-weight: bold;
}


/* graue Kästen links außer Menü */
#letzte_news, #naechste_termine {
	background-color: #eeeeee;
	border: #dedede 1px solid;
	padding: 10px;
	margin: 0px;
	margin-bottom: 20px;
}

#letzte_news:hover, #naechste_termine:hover {
	background-color: #dddddd;
}


/* Letzte News */
#letzte_news ul {
	text-indent: 0px;
	padding-left: 0px;
	margin-left: 0px; /* für IE als Ersatz für padding-left */
	margin-top: 0px;
}

#letzte_news ul li {
	list-style-type: none;
	margin-top: 10px;
}

div.letzte_news_datum {
	font-size: 80%;
}


/* nächste Termine */
#naechste_termine ul {
	text-indent: 0px;
	padding-left: 0px;
	margin-left: 0px; /* für IE als Ersatz für padding-left */
	margin-top: 0px;
}

#naechste_termine ul li {
	list-style-type: none;
	margin-top: 10px;
}

div.naechste_termine_datum {
	font-size: 80%;
}



/*** Inhaltsbereich inkl. Wegzeichen, Fusszeile ***/
#wegzeichen_start {
	position: absolute; /* vorher float: left; */
	left: 170px;

	/* Abstand zu Titel-/Randleiste */
	margin-top: 45px;
	margin-left: 10px;

	/* Wegzeichen als Hintergrund einbinden */
	background-image: url(./images/layout/wegzeichen_start.gif);
	background-repeat: no-repeat;

	/* Entspricht der Größe des Hintergrundbildes */
	height: 14px;
	width: 28px;
}

#inhalt {
	/*position: relative;*/
	/*text-align: justify; Probehalber deaktiviert - schaut schöner aus*/

	margin-left: 215px; /* Leiste links, Wegzeichen Start */
	margin-top: 43px; /* Abstand nach oben (zur Titelleiste)
	                    - etwas weniger als bei Wegzeichen */
	margin-right: 65px; /* Wegzeichen Ende, weißer Rand rechts */
}

#inhalt h1 {
	margin-top: 0px; /* vorher 21px */
	line-height: 100%;
}

#fusszeile {
	/* gleiche Breie wie Inhalt */
	margin-left: 215px;
	margin-right: 65px;

	/* Trennlinie */
	border-top: #dedede 1px solid;

	/* Abstand Text-Trennlinie */
	margin-top: 10px; /* zum Text oben */
	padding-top: 5px; /* zum Fusszeilen-Inhalt */

	/* Abstand zum unteren Seitenrand */
	margin-bottom: 10px;

	/* kleinere Schrift */
	font-size: 80%; /* vorher 70% */

	/* damit der Text nicht unter dem Wegzeichen liegt */
	padding-right: 13px; /* entspricht der Breite des Wegzeichens */
}

#wegzeichen_ende {
	position: absolute;
	right: 65px;

	/* Wegzeichen einblenden */
	background-image: url(./images/layout/wegzeichen_ende.gif);
	background-repeat: no-repeat;

	/* entspricht der Größe des Hintergrundbildes */
	height: 28px;
	width: 13px;

	/* Abstand zum unteren Seitenrand */
	padding-bottom: 10px;
}





/****** Formate, die von bestimmten Inhalten verwendet werden ******/

/* Home */
img#stammeswappen-gross {
	display: block;
	margin: auto;
}

p.home {
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}


/* News */
h2.news_titel {
	margin-bottom: 0px;
}

a.news_anker, a.news_anker:focus, a.news_anker:hover {
	color: #000000;
	text-decoration: none;
}

div.news_datum_autor {
	/*height: 2em;*/
	font-size: 80%;
	margin-bottom: 5px;
	display: table;
	width: 100%;
}

div.news_datum {
	/* float: left; */
	display: table-cell;
}

div.news_autor {
	/* float: right; */
	display: table-cell;
	text-align: right;
}

div.news_anhang {
	font-size: 85%;
	margin-bottom: 10px;
}

/*     News-Übersicht */
hr.news_uebersicht_linie {
	background-color: #dedede;
	height: 1px;
	border: none;
}

div.news_uebersicht_unten {
	text-align: right;
}

span.news_uebersicht_datum {
	font-size: 80%;
}

span.news_uebersicht_weiterlesen {
	font-size: 90%;
}

a.hinweis_newsfeed {
	font-size: 80%;
	padding-left: 16px;
	min-height: 16px;
	display: block; /* sonst hat min-height keine Wirkung */

	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(./images/layout/newsfeed.png);
}


/* Leiter */
ul.leiter_liste {
	list-style-type: none;
	padding-left: 10px;
}

div.leiter_kasten_aussen {
	vertical-align: middle;
}

div.leiter_kasten_innen {
	margin: 10px;
	text-align: left;
}

div.leiter_kasten {
	width: auto;
}




/* Gruppen */
table.grupppenuebersicht {
	text-align: center;
}

td.gruppenuebersicht, th.gruppenuebersicht {
	padding: 10px;
	text-align: center;
}

table.gruppenuebersicht th {
	font-size: 120%;
}

td.gruppenuebersicht_stufe {
	font-weight: bold;
}

td.gruppenuebersicht_stufe, th.gruppenuebersicht_stufe  {
	padding-left: 0px;
	margin-left: 0px;
}

td.gruppenuebersicht_zeit, th.gruppenuebersicht_zeit {
	padding-right: 0px;
	margin-right: 0px;
}




/* Berichte */
table.berichtsuebersicht {
	text-align: center;
	/* Damit beim Highlight keine Spalten zwischen Farbe sind */
	border-collapse: collapse;

}

td.berichtsuebersicht_ueberschrift {
	font-weight: bold;
}

td.berichtsuebersicht {
	padding: 0px;
}

a.berichtsuebersicht {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.berichtsuebersicht:link {
	text-decoration: none;
	/*color: #000000;*/
}

a.berichtsuebersicht:visited {
	text-decoration: none;
}

td.berichtsuebersicht a:hover {
	text-decoration: none;
	color: #ffffff;
}

tr.berichtsuebersicht:hover, tr.berichtsuebersicht:hover a:link, tr.berichtsuebersicht:hover a:visited {
	background-color: #0075ea;
	color: #ffffff;
}

div.bericht_autor {
	text-align: right;
	font-style: italic;
	/*font-size: 80%;*/
}

span.bericht_datum, span.bericht_gruppe {
	font-size: 80%;
}




/* Termine */
table.termine {
	text-align: left;
	border: #dedede 1px solid;
	border-collapse: collapse;

	margin-left: 5%;
	margin-right: 5%;
}

td.termine {
	padding: 10px;
	vertical-align: top;
}

a.termine_anker, a.termine_anker:focus, a.termine_anker:hover {
	color: #000000;
	text-decoration: none;
}

td.termine {
	border-bottom: #dedede 1px dotted;
	border-collapse: collapse;
}

tr.termine:hover {
	background: #eeeeee;
}

p.termine_anfang {
	font-weight: bold;
}

td.termine p {
	margin: 0px;
}

td.termine p.termin_ueberschrift {
	margin-bottom: 10px;
	font-weight: bold;
}

div.termin_anhang {
	margin-top: 10px;
	font-size: 85%;
}


/* Chronik */
li.chronik_teil_uebersicht a:link, li.chronik_liste_eintraege a:link,
li.chronik_teil_uebersicht a:visited, li.chronik_liste_eintraege a:visited {
	text-decoration: none;
}

li.chronik_teil_uebersicht a:hover, li.chronik_liste_eintraege a:hover,
li.chronik_teil_uebersicht a:active, li.chronik_liste_eintraege a:active {
	text-decoration: underline;
}

li.chronik_liste_teile {
	list-style-image: url(./images/layout/arrowright_rot_transparent.png);
}

li.chronik_liste_teile ul.chronik_liste_eintraege {
	list-style: none;
	padding-left: 10px; /* Abstand nach links verkleinern */
}



div.chronik_teil_hauptmenue, div.chronik_navigation {
	font-size: 80%;
	height: 1.5em;
}

span.chronik_teil {
	display: block;
	float: left;
}

a.chronik_hauptmenue {
	display: block;
	float: right;
}

a.chronik_zurueck {
	display: block;
	float: left;
}

a.chronik_weiter {
	display: block;
	float: right;
}

div.chronik_text {
	margin-top: 15px;
}

hr.chronik_bild {
	height: 1px;
	background-color: #dedede;
	border: none;
}





/* Gästebuch */
hr.gaestebuch_linie {
	background-color: #dedede;
	height: 1px;
	border: none;
}

h2.gaestebuch_name {
	margin-bottom: 0px;
}

div.gaestebuch_datum {
	float: right;
	font-size: 80%;
}

div.gaestebuch_ip {
	font-size: 80%;
}

div.gaestebuch_homepage_email {
	/*clear: right;*/
	/*height: 2em;*/
	font-size: 80%;

/*	margin-bottom: 5px;*/
}

div.gaestebuch_homepage {
	/*float: left; */
}

div.gaestebuch_email {
	float: right;
}

div.gaestebuch_eintrag {
	margin-top: 10px;
}

#f_gb_name, #f_gb_email, #f_gb_homepage,
#f_admin_gb_name, #f_admin_gb_email, #f_admin_gb_homepage {
	width: 500px;
}

#f_gb_eintrag,
#f_admin_gb_eintrag {
	width: 500px;
	height: 250px;
}


/* E-Mail */
#f_email_absender_name, #f_email_absender_email, #f_email_betreff {
	width: 500px;
}

#f_email_text {
	width: 500px;
	height: 250px;
}
	/* Bestätigung */
table#email_bestaetigung td {
	padding-left: 0px;
}

table#email_bestaetigung td.tabelle_beschriftung {
	font-style: italic;
}



/* Links */
ul#links_uebersicht {
	list-style-type: none;
	padding-left: 0px;
}

ul#links_uebersicht ul {
	list-style-type: none;
	padding-left: 30px;
}

li.links_eintrag {
	margin-bottom: 12px; /* Abstand der einzelnen Links voneinander */
	display: table;

	width: 100%;

	padding: 2px;

	/* ist normalerweise nicht sichtbar; nur damit sich beim hover-Effekt
	   nicht alles verschiebt */
	border-width: 1px;
	border-style: solid;
	border-color: white;
	/*border-color: transparent;*/
}

li.links_eintrag:hover {
	border-color: #cccccc;
	background-color: #dddddd;
}

li.links_eintrag:hover div a /*, li.links_eintrag:hover div div span */ {
	color: white;
	background-color: #0075ea;
}

a.links_bild, div.links_text {
	display: table-cell;
	vertical-align: middle;
}

a.links_bild {
	padding-right: 10px;
}

div.links_text {
	width: 100%;
}

a.links_bezeichnung {
	font-weight: bold;
}

div.links_url {
	font-style: italic;
	font-size: 80%;
}

div.links_beschreibung {
	margin-top: 5px;
}


/* Anfahrt - Google Maps */
div#gmap a {
	/* Bei den Links unten in der Google-Map (Google-Logo, Nutzungsbedingungen)
	   keinen blauen Hintergrund als Hover-Effekt anzeigen */
	background-color: transparent;
}




/* QuickForm */
a.captcha_image:link:hover {
	/* kein Hover-Effekt */
	background-color: transparent;
}

form table th {
	/* Beschriftung von Feldern */
	font-weight: normal;
	vertical-align: top;
}

div.quickform_label2 {
	margin-top: 3px;
	font-size: 80%;
}

div.quickform_error {
	color: #b20330; /* vorher: #ff0000 */
}

span.quickform_required {
	color: #b20330;
	font-size: 80%;
}



/* Seiten Navigation */
div.navigation_seiten {
	display: table;
	width: 100%;

	margin-top: 10px;
	margin-bottom: 10px;

	font-size: 90%;
}

div.navigation_seiten div {
	display: table-cell;
	text-align: center;
}



/* Informationen */
#kluft-bild {
	margin: auto;
	margin-top: 10px;

	width: 500px; /* Breite des Bildes */
}

#kluft-bild img {
	display: block;
	margin: auto;
}

/* Formatierung der Quellenangabe im allgemeinen Teil */
/* Formatierung der Tabelle mit den Bildern im allgemeinen Teil */

#aufnaeher_liste div.tabelle_bild_bild {
	/* Die Spalte mit den Bildern muss so breit sein, damit zwei Stufenlilien nebeneinander	
	   angezeigt werden. */
	width: 210px;
}

h3.aufnaeher_name {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.aufnaeher_position {
	margin-bottom: 5px;
	font-size: 90%;
	font-style: italic;
}

div.aufnaeher_beschreibung ul {
	list-style-type: disc;
	padding-left: 25px;
}