/*
	// ---------------------------------------------------------------------------
	// Autor:  Wilfried Schmitten / www.haus-st-jakobus.de
	// E-Mail: wshbg@muemmel.net
	// ---------------------------------------------------------------------------
	$Id: haus.css 112 2012-02-03 19:00:10Z wshbg $
*/

#titel {
	background-image:url(./grafik/haus_bgoben.jpg);
	background-position:top center; 
	background-repeat:no-repeat; 
	height: 138px	
}

#left, .left {
	background-image:url(./grafik/haus_links.jpg); 
	background-repeat:repeat-y;
}


#MAIN, #MAINBG {
	margin:10px; 
	padding-left:10px;
}

#MAINBG {
	background-image:url(./grafik/haus_bgmitte_fade.jpg); 
	background-position:0 0; 
	background-repeat: no-repeat;
}
/*
.bg_jak {
	background-image:url(./grafik/jak_grau.jpg); 
	background-position:bottom right; 
	background-repeat:no-repeat;
}
*/
/* -----------------------------------------------------------------------------
Menü
--------------------------------------------------------------------------------
*/

#MENUE { 
	font-family: Helvetica, Verdana, "Andale Mono", "sans-serif"; 
	font-size:smaller;
	font-variant:small-caps;
	background:url(./grafik/haus_verl.jpg)
}

#MENUE div { 
	width: 200px;
}

#MENUE div div {
	width: 190px; 
	padding-left: 10px;
}

#MENUE div div div {
	width: 180px;
}

#MENUE div div div div {
	width: 170px;
}

#MENUE a { 
	color: #8e7333; 
	white-space:nowrap;
	display:block;
	text-decoration:none; 
	padding: 2px 0px 2px 5px; 
	border: 1px solid #ffffff;
	border-right: 1px solid #f3c960;
}

#MENUE a.m_act {
	border-top: 1px solid #f3c960; 
	border-bottom: 1px solid #f3c960;
	border-right:1px solid white;	
	background:url(./grafik/haus_verl_spiegel.jpg) 
}

#MENUE a:hover { 
	background-color: #f3c960;
}

/* -----------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------
*/

#bottom { 
	background-color:#f3c960; 
	color:white; 
	font-size: 10px;
	border:1px solid white
}

#bottom div {
	float:left
}

#bottom span {
	display:block;
	text-align:right;
}

/* -----------------------------------------------------------------------------
Sitemap
--------------------------------------------------------------------------------
*/

#SITEMAP { 
	font-family:  Verdana, Helvetica, "Andale Mono", sans-serif; 
	font-size:11px;
	margin: 10px; 
	border:thick groove #d0d0d0; 
	width:450px;
	padding:10px;
}

#SITEMAP div { 
	width: 430px; 
	border-left: thin solid #f16733;
	margin-left:20px;
}

#SITEMAP div div {
	width: 380px; 
	border-left: thin solid red;
	margin-left: 50px;
}

#SITEMAP div div div {
	width: 330px; 
	border-left: thin solid #a20120;
}

#SITEMAP div div div div {
	width: 280px; 
	border-left: thin solid blue;
}

#SITEMAP div div div div div {
	width: 230px; 
	border-left: thin solid green;
}

#SITEMAP div a {
	border-left: 2px solid #f16733;
}

#SITEMAP div div a {
	border-left: 2px solid red;
}

#SITEMAP div div div a {
	border-left: 2px solid #a20120;
}
	
#SITEMAP div div div div a {
	border-left: 2px solid blue;
}
		
#SITEMAP div div div div div a {
	border-left: 2px solid green;
}	

#SITEMAP a { 
	color: #48546a; 
	white-space:nowrap; 
	display:block; 
	padding: 1px 0px 1px 5px; 
	margin-top:1px; 
	text-decoration: none
}

#SITEMAP a:hover { 
	background-color: #fff7d2;
}

/* -----------------------------------------------------------------------------
Seite Chronologische Übersicht der Termine
--------------------------------------------------------------------------------
*/

#calendar .head {
	font-size:110%;
	background-color:#f8dfa6;
	color:#fff;
}

#calendar .zeile1 {
	background-color:#f7f7f7;
	z-index:10;
}

#calendar .zeile2 {
	background-color:#fff;
	z-index:10;
}

#calendar .datum {
	font-size:smaller;
}

#calendar .xyz {
	font: normal 1.1em Georgia, "Times New Roman", serif; 
	color: #48546A; 
	text-indent: 3em;
}

#calendar a:before  { 
	content: '\2192 \a0'; 
}

/* Belegungsanzeige */
#calendar img {
	margin-bottom: -12px;
}
/* -----------------------------------------------------------------------------
Seite Jahresprogramm Vorwort
--------------------------------------------------------------------------------
*/

.vorab {
	margin:0 auto;
	padding: 50px 50px 0 50px; 
}

.vorab p {
	text-indent: 10px; 
	padding-left:10px;
	padding-right:10px;
}

.vorab p:first-letter {
	font-size:140%;
	color:#48546a;
}

.vorab p span {
	font-size:smaller;
	color:#48546a;
}

.vorab h2 {
	font: normal 2em Georgia, "Times New Roman", serif; 
	color: #c92; 
	width: 300px;
	position: relative;
	right:-300px;
}
	
.vorab h3 {
	font: normal 1.5em Georgia, "Times New Roman", serif; 
	color: #48546A;
	width: 300px;
	position: relative;
	right:-300px;
}

.vorab h4 {
	font: normal 1.2em Georgia, "Times New Roman", serif; 
	font-weight:normal;
}

.vorab a:before  { 
	content: '\2192 \a0'; 
}

a:link  {
	color: #407090	;
	padding: 1px 15px 1px 2px;
	text-decoration: none;
}

a:visited {
	color: #407090;
	padding: 1px 15px 1px 2px;
	text-decoration: none;
}

a:hover {
	color: #fa2e15;
}

/* -----------------------------------------------------------------------------
Kontaktformular
--------------------------------------------------------------------------------
*/
#FORMULAR {
	text-align:left;
}

.dborder {
	border:1px dotted #f3c960; 
	padding:2px 2px 2px 2px; 
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; 
	font-size:80%; 
	color:#8f6a12
}

.invert {
	background-color:#f4d47f; 
	color:#8f6a12
}

.bgnorm {
	background-color:#f4d47f 
}

/* -----------------------------------------------------------------------------
Seiten der einzelnen Kursangebote
--------------------------------------------------------------------------------
*/

#TERMINE {
	margin:10px; 
	padding: 5px 10px 5px 10px; 
	display:block;
}

#TERMINE .tmvorhead {
	float:left; 
	padding-right:20px;
	font-size:larger;
	font-weight:bold;
}
#TERMINE select {
	font-size:larger; 
}
	
#tmlist {	
	width: 100%;	
	border-collapse: collapse;
	margin:10px 0 0 10px; 
	background-color:white;	
}

#tmlist td { 
	vertical-align: top;  
	border: 1px solid #b0b0b0; 
	padding-bottom:10px
}

#tmlist div {
	background:url(./grafik/verlauf_spiegel_300.jpg) repeat-y; 
	padding:2px 5px 2px 20px; 
	font-size:larger;
	margin:5px; 
	font-family:Georgia, "Times New Roman", serif; color:#7f7f7f; 
}

#tmlist div span {
	font-size:x-small; 
	font-weight:normal;
}

#tmlist em {
	padding: 2px 0px 2px 10px; 
	display:block; 
	color:#7f7f7f; 
	font-style:normal;
	font-size:larger;
	margin:5px; 
	border-top: thin solid #e0e0e0; 
	border-bottom:thin solid #e0e0e0;
	background-image:url(./grafik/xxxfade.gif);
	background-color:#f8dfa6;
}

#tmlist i {
	padding-left: 20px; 
	display:block;
}

#tmlist u {
	background-color:red; 
	color:white;
	padding:2px 5px 2px 5px; 
	text-decoration:none;
}
	
#tmlist a { 
	text-decoration:none;
	color:#000000;
}

#tmlist a:hover {
	color:#a20120
}

.tmlistdate { 
	padding-top: 6px; 	
	padding-left: 10px;	
	display: block;	
	float: left;
}

.tmlistmgr { 
	display: block;	
	float: right;	
	text-align: right;	
	padding-top: 6px;	
	padding-right: 6px; 
}

.tmlistsep { 
	display:block;	
	clear:both;
}

/* -----------------------------------------------------------------------------
Seiten der einzelnen Kursangebote / Vorspann
--------------------------------------------------------------------------------
*/	
.vorspann {
	margin:10px 10px 10px 0px; 
	padding:10px; 
	background-image:url(./grafik/bg_2.jpg);
}

.vorspann span {
	text-align:right; 
	display:block;
}

.vorspann i {

}

.vorspann div {
	margin:5px; 
}

.vorspann div em {
	font-size: larger; 
	color:#48546A; 
	font-style:normal;
}
	
.vorspann ul {	
	margin: 0 30px; 
	padding: 0; 
	font-size:110%;
	color: #b28e39; 
}

.vorspann li {	
	padding:0;
	margin:0 50px;
	list-style:disc;
}

.vorspann h1, .vorspann h2 {
	margin: 0 auto; 
	padding: 25px 0 15px 15px;
	width: 85%; 
	font: normal 2em Georgia, "Times New Roman", serif; 
	color: #c92; 
}

.vorspann h1 {
	font-size:2.5em;
}
	
.vorspann h3 {
	margin: 0 auto; 
	padding: 0px 0 15px 15px;
	width: 85%; 
	font: normal 1.5em Georgia, "Times New Roman", serif; 
	color: #48546A; 
}

.vorspann table {
	background-color:#ffffff;
}

.vorspann td {
	padding: 5px;
	background-color:#f7f7f7;
}

.vorspann tfoot td {
	background-color: #eac58c;
}

.vorspann caption {
	font-size:150%;
	color: white;
	background-color:#eac58c;
	padding:5px;
}

/* -----------------------------------------------------------------------------
Seiten der einzelnen Kursangebote / Nachspann
--------------------------------------------------------------------------------
*/
.nachspann {
	margin:10px 10px 10px 0px; 
	padding:10px; 
	background-image:url(./grafik/bg_2.jpg);
}

.nachspann p { 
	text-indent: 0px; 
	padding-left:10px;
	padding-right:10px;
}

.nachspann table {
	margin:10px auto;
	background-color:#ffffff;
}

.nachspann tr {
	background-color:#f7f7f7;
}

.nachspann tr.bg1 {
	background-color:#ffffff;
	font-size:smaller;
}

.nachspann th {
	background-color:#f8dfa6;
	color:#ffffff;
}

.nachspann td {
	text-align:center;
}

.nachspann td.first {
	text-align: left;
}

/* -----------------------------------------------------------------------------
Seite Aktuelles
--------------------------------------------------------------------------------
*/

#AKTUELL { 
	background-image:url(./grafik/rb_karo.gif); 
	background-color : #e7e7e7; 
	padding: 8px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#AKTUELL span {
	background-image:url(./grafik/fade.gif); 
	background-repeat:repeat-y; 
	padding:1px; 
	padding-left: 10px;
	display:block;
	border-top: thin solid #d0d0d0;
	border-bottom:thin solid #d0d0d0
}

#AKTUELL div {
	padding:5px;
	font-style:italic;
}

#AKTUELL div:first-letter{
	font-size:200%;
}

#AKTUELL u {
	background-color:#f3c960; /* red */
	color:white;
	padding:2px 5px 2px 5px; 
	text-decoration:none;
}

.ringbuch { 
	background-image:url(./grafik/ringbuchb.gif); 
	background-repeat:repeat-y; 
}

.schattenrechts { 
	background-image:url(./grafik/bg_sh_horizontal.gif); 
	background-repeat:repeat-y; 
}

.schattenunten {  
	background-image:url(./grafik/bg_sh_vertical.gif); 
	background-repeat:repeat-x; 
	text-align: left; 
}

.unterstrich {
	padding-bottom: 5px;
	border-bottom: thin solid #c99728
}

/* -----------------------------------------------------------------------------
Seiten mit Fotos
--------------------------------------------------------------------------------
*/

#foto_index { 
	font-size: smaller; 
	font-style: normal; 
	text-align: center; 
}

#foto_index div {
	background-image:url(./grafik/fade.gif); 
	background-repeat:repeat-y;
	padding:2px; 
	border-top:thin solid #c0c0c0; 
	border-bottom:thin solid #c0c0c0;
}

#foto_index img { 
	border: medium solid #c0c0c0; 
	padding:1px
}

.foto {
	padding:0px; 
	border:medium solid white
}

.blau {
	background-color:#f3c960
}

.beschreibung {
	text-align: center; 
	padding-bottom:10px; 
	font-size:larger; 
	font-weight:bold; 
	color: #fab30a;
}

.copy { 
	color: #909090; 
	font-size: 70%; 
	font-style: normal; 
	text-align: left; 
}


/* -----------------------------------------------------------------------------
Seiten Felix Bernhardt, Pizzano
--------------------------------------------------------------------------------
*/

.akt_spalte_float {
	width: 450px; 
	margin: 10px;
	float:left
}

.img img {
	border: 1px solid white;
}

.img a:hover img {
	border:thin solid red;
}	
	
.marker { 
	background-color:#fff7d2;
}
	
.titel {
	background-color:#f0f0f0; 
	display:block;
	text-indent:0; 
	padding: 5px;
	padding-left:30px;
}
	
.impressum {
	font-size:smaller; 
	margin:10px; 
	margin-bottom: 30px; 
	padding:5px; 
	color: #a0a0a0; 
	text-align:right; 
	background-color: #f0f0f0;
}

/* -----------------------------------------------------------------------------
Seiten Jakobsmuschel Archiv
--------------------------------------------------------------------------------
*/
	
#JAKOBSMUSCHEL h1 {
	font: normal 2em Georgia, "Times New Roman",Times, serif;
	color:white;
	background-color:#f3c960;
	padding: 5px;
	padding-left:15px;
	margin-top:0px;
}

#JAKOBSMUSCHEL h2 {
	font: normal 2em Georgia, "Times New Roman",Times, serif;
	color: #c92;
}

#JAKOBSMUSCHEL h2 span {
	font-size:smaller;
}

#JAKOBSMUSCHEL h3 {
	font: normal 1.5em Georgia, "Times New Roman",Times, serif;
	color: #c92;
	padding-left:10px;
	margin:2px;
	margin-bottom:10px;
	background-color:#f0f0f0;
}

#JAKOBSMUSCHEL div.akt_spalte_float {
	background-color:#fafafa;
}

#JAKOBSMUSCHEL p {
	text-indent: 10px; 
	padding-left:10px;
	padding-right:10px;
}

#JAKOBSMUSCHEL p:first-letter {
	color: #f3c960;
	font: normal 2em Georgia, "Times New Roman",Times, serif;	
}

#JAKOBSMUSCHEL em {
	display:block;
	padding:10px 25px;
	color: #48546A;
	background-color:#f0f0f0;	
}

#JAKOBSMUSCHEL strong {
	color: #48546A;
}

#JAKOBSMUSCHEL div span.copy {
	font-size:80%;
	color:#7f7f7f;
}

#JAKOBSMUSCHEL ul {
	list-style: none;
	cursor: pointer;
	margin: 5px;
}

#JAKOBSMUSCHEL ul p {
	margin-top: 5px;
}

#JAKOBSMUSCHEL ul p:first-letter {
	font-size: 150%;
}

#JAKOBSMUSCHEL ul li {
	font: normal 1.1em Georgia, "Times New Roman",Times, serif;
	color: #c92;
}