/* Stylesheet-File for Pfarrgemeinde St. Johann Nepomuk */
/* (c) Pfarrgemeinde St. Johann Nepomuk, 2007-2009 */
/* Author: Christoph und David Kirchberger */
/* Special thanks to Stefan Muenz and SelfHTML */

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/* allgemeingueltige Angaben, Globalformate --------------------------------------*/
/*--------------------------------------------------------------------------------*/
body 	
	{
		color: black;
		background-color: #c9beaa;
		font-size:99.99%;
		font-family: helvetica, arial, sans-serif;
		margin: 0;
		padding: 0.5em;
	}

em	
	{
		color: red;
		background-color: white;
		font-weight: normal;
		font-style: normal;
	}

strong
	{
		color: red;
		background-color: white;
		font-weight: bold;
		font-style: normal;
	}

b
	{
		font-weight:bold;
	}

li
	{
		margin:0.1em;
	}

a:link
 	{
 		color: #074195; 
 		background-color: none;
 		text-decoration: underline;
 	}

a:visited 
	{
		color: #074195;
		background-color: none;
		text-decoration: underline;
	}
	
a:hover
	{
		color: black;
		background-color: none;
		text-decoration: none;
	}
	
a:active
	{
		color: red;
		background-color: none;
		text-decoration: none;
	}

/*--------------------------------------------------------------------------------*/
/* spezielle Formate fuer die Kopfzeile ------------------------------------------*/
/*--------------------------------------------------------------------------------*/
div#header
	{
		margin: 0 0 0.3em 0;
		padding: 0.0em;
		height: 6.75em;
		vertical-align: middle;
		background-color: #966e5a;
	}

* html div#header
	{
		/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
		height: 1em; 
	}

div#header a
	{
		text-decoration: none;
	}
	
div#header h1
	{
		font-size: 2.0em;
		font-weight: normal;
		font-style: italic;
		text-align: center;
		margin: 0;
		padding: 0.5em;
		color: gold;
		text-decoration: none;
	}

div#header div
	{
		float: left;
		width: 7.0em;
		height: 2.25em;
		text-align: center;
		vertical-align: middle;
		margin: 0.0em;
		padding: 0.0em;
	}

div#header div a
	{
		display: block;
		width: 7.0em;
		height: 1.25em;
		padding: 0.5em 0.0em;
		text-decoration: none;
	}

div#header div a:link
	{
		color: black;
	}

div#header div a:visited
	{
		color: black;
	}

div#header div a:hover
	{
		color: blue;
		/* background-color: white; */
	}

div#header div a:active
	{
		color: red;
		font-style:bold;
		/* background-color: green; */
	}


/*--------------------------------------------------------------------------------*/
/* spezielle Formate fuer den Menuebereich links ---------------------------------*/
/*--------------------------------------------------------------------------------*/
ul#MenueLinks
	{
		font-size: 1.00em;
		text-align: center;
		float: left;
		width: 10.0em;
		margin: 0;
		padding: 0;
		color:black;
	}

ul#MenueLinks li
	{
		list-style: none;
		margin: 0;
		padding: 0 0 0.125em 0;
	}

ul#MenueLinks a
	{
		display: block;
		text-decoration: none;
		border: 1px solid black;
		border-left-color: #c9beaa; border-top-color: #c9beaa;
		padding: 0.5em;
	}

ul#MenueLinks span
	{
		display: block;
		color: white;
		background-color: #600000;
		padding: 0.5em;
	}

ul#MenueLinks ul
	{
		font-size: smaller;
		padding: 0.0em;
		margin: 0.3em;
	}

ul#MenueLinks ul span
	{
		/*kleines padding fuer Untermenue*/
		padding: 0.25em; 
	}

ul#MenueLinks ul a
	{
		/*kleines padding fuer Untermenue*/
		padding: 0.25em; 
	}

ul#MenueLinks a:link
	{
		color: black;
		background-color: #c8a06e;
	}

ul#MenueLinks a:visited
	{
		/* color: #888888; */
		color: black;
		background-color: #c8a06e;
	}

ul#MenueLinks a:hover
	{
		color: red;
		background-color: #966e5a;
	}

ul#MenueLinks a:active
	{
		color: white;
		background-color: #600000;
	}

/*--------------------------------------------------------------------------------*/
/* spezielle Formate fuer den Menuebereich rechts --------------------------------*/
/*--------------------------------------------------------------------------------*/
div#MenueRechts
	{
		font-size: 1.00em;
		text-align: center;
		float: right;
		width: 9.0em;
		margin: 0;
		padding: 0;
		color: black;
	}

div#MenueRechts div
	{
		border: 1px dashed #727070;
	}


/*--------------------------------------------------------------------------------*/
/* spezielle Formate fuer den Hauptbereich ---------------------------------------*/
/*--------------------------------------------------------------------------------*/
div#Inhalt
	{
		margin-left: 11em;
		font-size: 100.01%; /* 091025Ki */
		width: 640px;	/* 091025Ki */
		/* margin-right: 0.1em; 091025Ki */
		padding: 0.5em 1.5em;
		text-align: justify;
		/* border: 1px dashed #727070; */
		background-color: #aaaaaa;
	}

* html div#Inhalt
	{
		/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
		height: 1em; 
	}

div#Inhalt h1
	{
		font-size: 2.0em;
		font-weight: normal;
		text-align: center;
		margin: 0.9em 0 0.4em 0;
		color: black;
	}

div#Inhalt h2
	{
		font-size: 1.7em;
		font-weight: normal;
		text-align: center;
		margin: 0.7em 0 0.3em 0;
		color: gray;
	}

div#Inhalt h3
	{
		font-size: 1.3em;
		font-weight: normal;
		margin: 0.6em 0 0.2em 0;
		color: gold;
	}

div#Inhalt h4
	{
		font-size: 1.1em;
		font-weight: bold;
		margin: 0.2em 0 0.15em 0;
	}

div#Inhalt p
	{
		font-size: 1.0em;
		margin: 1em 0;
		text-align: justify;
	}

div#Inhalt a
	{
		color: blue;
		text-decoration: underline;
	}

/*--------------------------------------------------------------------------------*/
/* spezielle Formate fuer das Impressum ------------------------------------------*/
/*--------------------------------------------------------------------------------*/
div#Impressum
	{
		margin-left: 11em;
		margin-right: 1em;
		padding: 0.5em 1.5em;
		text-align: justify;
		/* border: 1px dashed #727070; */
		background-color: #aaaaaa;
	}

* html div#Impressum
	{
		/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
		height: 1em; 
	}

div#Impressum h1
	{
		font-size: 2.0em;
		font-weight: normal;
		text-align: center;
		margin: 0.9em 0 0.4em 0;
		color: black;
	}

div#Impressum h2
	{
		font-size: 1.7em;
		font-weight: normal;
		text-align: center;
		margin: 0.7em 0 0.3em 0;
		color: gray;
	}

div#Impressum h3
	{
		font-size: 1.3em;
		font-weight: normal;
		margin: 0.6em 0 0.2em 0;
		color: gold;
	}

div#Impressum h4
	{
		font-size: 1.1em;
		font-weight: bold;
		margin: 0.2em 0 0.15em 0;
	}

div#Impressum p
	{
		font-size: 0.8em;
		margin: 1em 0;
	}

div#Impressum a
	{
		color: blue;
		text-decoration: underline;
	}

/*--------------------------------------------------------------------------------*/
/* spezielle Formate fuer die Fusszeile ------------------------------------------*/
/*--------------------------------------------------------------------------------*/
div#Footer
	{
		clear: both;
		margin-left: 1em;
		margin-right: 1em;
		padding: 0.0em;
		height: 2.75em;
		text-align: right;
		vertical-align: middle;
		font-size: 0.6em;
		background-color: #c9beaa;
	}

* html div#Footer
	{
		/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
		height: 1em; 
	}

div#Footer h1
	{
		font-size: 2.0em;
		font-weight: normal;
		text-align: center;
		margin: 0.9em 0 0.4em 0;
		color: black;
	}

div#Footer h3
	{
		font-size: 1.3em;
		font-weight: normal;
		margin: 0.6em 0 0.2em 0;
		color: gold;
	}

div#Footer p
	{
		font-size: 0.6em;
		margin: 1em 0;
	}

div#Footer a
	{
		color: blue;
		text-decoration: underline;
	}

/*--------------------------------------------------------------------------------*/
/* Bildergalerie - links nur zurueck ---------------------------------------------*/
/*--------------------------------------------------------------------------------*/
ul#MenueGalerie
	{
		font-size: 1.00em;
		text-align: center;
		float: left;
		width: 3.5em;
		margin: 0;
		padding: 0;
		color:black;
	}

ul#MenueGalerie li
	{
		list-style: none;
		margin: 0;
		padding: 0 0 0.125em 0;
	}

ul#MenueGalerie a
	{
		display: block;
		text-decoration: none;
		border: 1px solid black;
		border-left-color: #c9beaa; border-top-color: #c9beaa;
		padding: 0.5em;
	}

ul#MenueGalerie span
	{
		display: block;
		color: white;
		background-color: #600000;
		padding: 0.5em;
	}

ul#MenueGalerie ul
	{
		font-size: smaller;
		padding: 0.0em;
		margin: 0.3em;
	}

ul#MenueGalerie a:link
	{
		color: black;
		background-color: #c8a06e;
	}

ul#MenueGalerie a:visited
	{
		/* color: #888888; */
		color: black;
		background-color: #c8a06e;
	}

ul#MenueGalerie a:hover
	{
		color: red;
		background-color: #966e5a;
	}

ul#MenueGalerie a:active
	{
		color: white;
		background-color: #600000;
	}

div#Galerie
	{
		margin-left: 3.5em;
		margin-right: 0.1em;
		padding: 0.5em 1.5em;
		text-align: justify;
		/* border: 1px dashed #727070; */
		background-color: #aaaaaa;
	}

* html div#Galerie
	{
		/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
		height: 1em; 
	}

div#Galerie h3
	{
		font-size: 1.3em;
		font-weight: normal;
		margin: 0.6em 0 0.2em 0;
		color: gold;
	}

div#Galerie p
	{
		font-size: 1.0em;
		margin: 1em 0;
		text-align: justify;
	}

div#Galerie a
	{
		color: blue;
		text-decoration: underline;
	}


/*--------------------------------------------------------------------------------*/
/* Platz fuer weitere Formate ----------------------------------------------------*/
/*--------------------------------------------------------------------------------*/