/* CSS Document */

body {
	font-family: "Trebuchet MS" , "Arial Unicode MS" , "Univers 45 Light", Verdana, Helvetica, Arial, sans-serif;
	color: GainsBoro;
	margin: 20px;
	background-color: darkblue;
}
/*
#wrapper {
	max-width: 1280px;
	margin: 0.5em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
*/
#main {
	margin-left: 230px;
}

a {
	color: gainsboro;
}

/* Folgender Eintrag wurde gemacht, damit die berschrift auf der Startseite (WWW.PETERHELFENSTEIN.CH) in der Mitte des Banners ist. */

#bannerstartseite {
	background-color: #990000;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	text-align: center;
	margin-bottom: 2em;
	text-transform: uppercase;
	height: 70px;
}

#bannerstartseite h1 {
	margin-top: 15px;
	font-size: 1.8em;
}

#bannerhergiswilerlaebe {
	background-image: url(hergiswilerlaebe/hergiswiler_laebe_logo_70_hoch.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: #03C;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

#bannerpfarreiblatt {
	background-image: url(pfarreiblatthergiswil/logo_png/logo_pfarrei_hergiswil.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: Blue;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

#bannerpuzzle {
	background-image: url(puzzles/puzzleEbene8.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: SeaGreen;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

#bannerfotogalerien {
	background:  url(fotogalerien/banner_sommer_190x70.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: DarkGoldenrod;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

.urheberrechte {
	font-size: 1.2em;
}

#bannerfotogalerienprivat {
	background-image: url(fotogalerienprivat/napf_70px.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: RoyalBlue;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

#bannerhumor {
	background-image: url(humor/humor_70x70px.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: white;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

#bannerkontakt {
	background-image: url(kontakt/at.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: black;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

#bannerkontakt h1 {
	display: none;
}

#bannerlinks {
	background-image: url(links/kette.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: gray;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

#bannersuche {
	background-image: url(suche/lupe_70_hoch.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 70px;
	background-color: LightSlateGray;
	border-top: 2px solid GainsBoro;
	border-bottom: 2px solid GainsBoro;
	margin-bottom: 2em;
}

#bannersuche h2 {
	background-color: #000033;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}







/*Navigations-Liste Anfang==============================================================================================*/
#nav {
	width: 200px;
	float: left;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	border-bottom: 3px solid #BF0000;
	background: #AC0000;
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 0.1em;
	padding-left: 0.5em;
}

#nav a:hover {
	color: black;
	background-color: GainsBoro;
}

#nav h2 {
	background: #990000;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 3px solid  #BF0000;
}

/*Die folgenden zwei Eintrge bewirken, dass Bildchen unterhalb der Navigationsliste rot beim Darberfahren mit der Maus entstehen. Funktioniert im FF und IE.*/

#nav a img {
	height: 0; 
	width: 0; 
	border-width: 0;
}

#nav a:hover img {
	position: absolute; 
	top: 452px; 
	left: 20px; 
	height: auto; 
	width: auto;
}

/*Navigations-Liste Ende============================================================================================*/









/*News-Liste Anfang===================================================================================================*/
/*#news {
	margin-left: 230px;
}

#news_in_div {
}
*/

#news ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#news li {
/*	border-bottom: 3px solid DarkBlue; */
/*	border: 1px solid #990000; white-space-Bug: Entweder Rahmen oder im HTML Leerschlag nach z.B. Hergiswiler Lbe (nach dem e von Lbe)*/
	margin-top: 3px;
	background-color: #000033;
	padding: 0.1em;
}

#news a {
	display: block; 
	text-decoration: none;
	color: GainsBoro;
	padding: 0.1em;
	padding-left: 0.5em;
}

#news a:hover {
	background-color: black;
	color: red;
}


#news a:visited {
	color: yellow;
}

#news h2 {
	background-color: #000033;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
/*News-Liste Ende==============================================================================================================*/

/*Wenn mit cursor: wait; mit dem Mauszeiger ber einen Link gefahren wird, verwandelt er sich in eine Sanduhr.*/
/*a {
	cursor: wait;
}*/

/*body#startseite {
	background-image: url(hergiswilerwappen.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	background-attachment: fixed;
}*/

/*body#pfarreiblatthergiswil {
	background-image: url(hergiswilerwappen.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	background-attachment: fixed;
}
*/
/* Layout fr Auflistung von Witzen im Abteil Humor */

#witze ul {
	margin: 0;
	padding: 0 0 0 20px;
}

/*padding-left: 0.5em; bewirkt den Abstand zwischen Aufzhlungszeichen und Text.*/

#witze li {
	margin-bottom: 0.5em;
	padding-left: 0.5em;
}



/*Der folgende Eintrag bewirkt, dass die News-Liste links nicht abgeschnitten wird im IE, wenn man ber die Navigationsliste (rechts) fhrt. Es handelt sich dabei um den so genannten Guillontine Bug des IE*/

.fix {
	clear: both;
}

#pfarreiblattkontakt h2 {
	background-color: #000033;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

#pfarreiblattkontakt {
	margin-top: 40px;
	margin-left: 230px;
}

#pfarreiblattkontakt ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pfarreiblattkontakt li {
	margin-top: 3px;
	background-color: #000033;
	padding: 0.1em;
}

#pfarreiblattkontakt a {
	display: block; 
	text-decoration: none;
	color: GainsBoro;
	padding: 0.1em;
	padding-left: 0.5em;
}

#pfarreiblattkontakt a:hover {
	background-color: black;
	color: red;
}

#pfarreiblattarchiv h2 {
	background-color: #000033;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

#pfarreiblattarchiv {
	margin-top: 40px;
	margin-left: 230px;
}

#pfarreiblattarchiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pfarreiblattarchiv li {
	margin-top: 3px;
	background-color: #000033;
	padding: 0.1em;
}

#pfarreiblattarchiv a {
	display: block; 
	text-decoration: none;
	color: GainsBoro;
	padding: 0.1em;
	padding-left: 0.5em;
}

#pfarreiblattarchiv a:hover {
	background-color: black;
	color: red;
}

#hergiswilerlaebearchiv h2 {
	background-color: #000033;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

#hergiswilerlaebearchiv {
	margin-top: 40px;
}

#hergiswilerlaebearchiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#hergiswilerlaebearchiv li {
	margin-top: 3px;
	background-color: #000033;
	padding: 0.1em;
}

#hergiswilerlaebearchiv a {
	display: block; 
	text-decoration: none;
	color: GainsBoro;
	padding: 0.1em;
	padding-left: 0.5em;
}

#hergiswilerlaebearchiv a:hover {
	background-color: black;
	color: red;
}


#optischetaeuschungen h2 {
	background-color: #000033;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

#optischetaeuschungen {
	margin-top: 40px;
	margin-left: 230px;
}

#optischetaeuschungen ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#optischetaeuschungen li {
	margin-top: 3px;
	background-color: #000033;
	padding: 0.1em;
}

#optischetaeuschungen a {
	display: block; 
	text-decoration: none;
	color: GainsBoro;
	padding: 0.1em;
	padding-left: 0.5em;
}

#optischetaeuschungen a:hover {
	background-color: black;
	color: red;
}



/* Der folgende Eintrag kommt zum Zug, wenn mehr als ein Jahr im Archiv angezeigt werden muss. Dafr wird der obenstehende Code deaktiviert.

#pfarreiblattarchiv {
	margin-top: 40px;
	margin-left: 230px;
}

#pfarreiblattarchiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pfarreiblattarchiv li {
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #000033;
	padding: 0.1em;
	width: 150px;
	text-align: center;
	float: left;
	border-right: 3px solid darkblue;
}

#pfarreiblattarchiv a {
	display: block; 
	text-decoration: none;
	padding: 0.1em;
}

#pfarreiblattarchiv a:hover {
	background-color: black;
	color: red;
}
*/



/*=============================================================================================================Die folgenden Eintrge bewirken, dass die Listeeintrge in der Navigationsliste links die Farbe des Banners behalten, wenn diese Seite anklickt ist.*/


.aktuelleseitehome {
	background-color: #990000;
	color: white;
}

.aktuelleseitehergiswilerlaebe {
	background-color: #0FF;
	color: black;
}

.aktuelleseitepfarreiblatt {
	background-color: blue;
	color: white;
}

.aktuelleseitefotogalerien {
	background-color: DarkGoldenrod;
	color: black;
}

.aktuelleseitefotogalerienprivat {
	background-color: RoyalBlue;
	color: black;
}

.aktuelleseitepuzzles {
	background-color: SeaGreen;
	color: black;
}

.aktuelleseitehumor {
	background-color: white;
	color: black;
}

.aktuelleseitelinks {
	background-color: gray;
	color: black;
}

.aktuelleseitesuche {
	background-color: LightSlateGray;
	color: black;
}

.aktuelleseitekontakt {
	background-color: black;
	color: white;
}

/*=====================================================================================================Die folgenden Eintrge bewirken, dass die Listeeintrge in der Navigationsliste links die Farbe des Banners behalten, wenn diese Seite anklickt ist.


.aktuelleseitehome {
	background-color: #990000;
	color: white !important;
}

.aktuelleseitehergiswilerlaebe {
	background-color: gold;
	color: black !important;
}

.aktuelleseitepfarreiblatt {
	background-color: blue;
	color: white !important;
}

.aktuelleseitefotogalerien {
	background-color: DarkGoldenrod;
	color: black !important;
}

.aktuelleseitefotogalerienprivat {
	background-color: RoyalBlue;
	color: black !important;
}

.aktuelleseitepuzzles {
	background-color: SeaGreen;
	color: black !important;
}

.aktuelleseitehumor {
	background-color: white;
	color: black !important;
}

.aktuelleseitelinks {
	background-color: gray;
	color: black !important;
}

.aktuelleseitesuche {
	background-color: LightSlateGray;
	color: black !important;
}

.aktuelleseitekontakt {
	background-color: black;
	color: white !important;
}
==========================================================================================================================*/

.webseite {
	background-color: #990000;
	color: gainsboro;
	padding: 0.5em;
	font-size: 1.2em;
	border-top: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;	
}

#archivhorizontal {
	margin: 1em 0;
}

#archivhorizontal h2 {
	background-color: #000033;
	margin: 0 0 6px 0;
	text-align: center;
	text-transform: uppercase;
}

#archivhorizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#archivhorizontal li {
/*	border-bottom: 3px solid DarkBlue; */
/*	border: 1px solid #990000; white-space-Bug: Entweder Rahmen oder im HTML Leerschlag nach z.B. Hergiswiler Lbe (nach dem e von Lbe)*/
	background-color: #000033;
	padding: 0.1em;
	display: inline;
	margin-right: 0.5em;
}

#archivhorizontal a {
	text-decoration: none;
	color: GainsBoro;
	padding: 0 0.5em;
}

#archivhorizontal a:hover {
	background-color: black;
	color: red;
}


#archivhorizontal a:visited {
	color: yellow;
}

#scrollbalken {
	margin-top: 1em;
}