@charset "WINDOWS-1252";

/* CSS RESET
------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

/* Note from Bruce: The Meyer Reset includes this rule, but I've commented it out so it doesn't take effect. If it weren't commented out, it would turn off the numbers before list items in an ol, and the bullets before list items in an ul. 
ol, ul {
	list-style: none;
} */

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS RESET ENDE
------------------------------------------------ */


/* Grundeinstellungen
------------------------------------------------ */

body {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.3;
	text-align: left;
	padding: 10px;
	background: url(/bilder/hg/hg5.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

#seite {
	max-width: 950px;
	min-width: 480px;
	margin-top: 20px;
	margin-right: 20px;
	border: 1px solid #447e11;
	background: #ffffff; 

}


#schatten_rechts {
	min-width: 500px;
	max-width: 970px;
	background-image: url(/bilder/zentral/hg_v.jpg);
	background-position: right;
	background-repeat: repeat-y;
	position: relative;
}


#schatten_unten {
	height: 20px;
	width:100%;
	background-image: url(/bilder/zentral/hg_h.png);
	background-position: top;
	background-repeat: repeat-x;
}

#schatten_ru {
	position: absolute;
	right: 0;
}

#schatten_ro {
	position: absolute;
	right: 0;
}


/* Banner
------------------------------------------------ */

#banname {
	text-align: center;
	letter-spacing: 1.2px;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #7ab527;
}


/* Hauptnavigation
------------------------------------------------ */

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

.nav {
	min-height: 1.3em;
 	overflow: auto;
	padding: 5px 5px 0px 11px;
	background: #ffffff;

	/* useful if you don't want a bg color from leaking outside the border: */        
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.nav a {
	color:  #000000;
	display: block;
	font-weight: bold;
	text-decoration: none;
	background: #ffffff;
	padding: 3px 7px 3px 7px;
	border-left: 3px solid #7ab527;
}

.nav li {
	float: left; 				
	margin: 0 0 0 5px;
}

.nav li a:hover {
	color: #000000;
	background: #cde5ab;
}


a.navaktuell {
	color: #cde5ab;
}



/* :::: Navigation Submenus (the dropdowns) :::: */
.unav ul {
	margin-left: -5px;
	padding: 2px 2px 10px 2px;
	background: #dcf3dc;
	text-align: left;

	/* useful if you don't want a bg color from leaking outside the border: */        
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}


.unav a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background: #ffffff;
	border: none;
	margin-left: -5px;
}

.nav li ul {
	left: -9999em; /* hide a submenu offscreen by default so visitors don't see it */
	position: absolute;
	z-index: 1000;
}

.nav li:hover ul {
	left: auto; /* show the submenu when user hovers over the parent li */
	margin: 0 5px 0 0;
	border-right: 1px solid #7ab527;
	border-left: 3px solid #7ab527;
	border-bottom: 1px solid #7ab527;
	background: #ffffff;
}

.nav ul li {
	float: none;
	font-size: 1em;
	width: auto;
}

/* Aktionen
------------------------------------------------ */



/* Anzeigebereich
------------------------------------------------ */
#anzeige {
	margin-top: 20px;
	clear: both;
}

.absatz {
	margin-bottom: 5px;
}

.absatz_zitat {
	margin-bottom: 15px;
	text-align: right;
	font-size: 10px;
	font-style: italic;
}

.absatzw {
	margin-bottom: 5px;
	color: white;
}

.fett {
	font-weight: bold;
}

.kursiv {
	font-style: italic;
}

.textbeitrag {
	margin-bottom: 6px;
}

.aufzaehlung {
	margin: 0 10px 10px 15px;

}

/* Anzeige einspaltig mit Seiteninfo
------------------------------------------------ */

.anzinfo {
	border-bottom: 2px dotted #7ab527;
	margin: 0 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	max-width: 66%;
	min-width: 300px;
	width: 100%;
/* 	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	float: left;
/* 	-moz-box-shadow: 2px 2px 5px #cde5ab;
	-webkit-box-shadow: 2px 2px 5px #cde5ab;
	box-shadow: 2px 2px 5px #cde5ab;*/
}

.datum {
	text-align: right;
	font-size: 10px;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: relative;
	top: -1em;
}

.datum_stand {
	text-align: right;
	font-size: 10px;
	line-height: 1;
	margin: 0 20px 10px 0;
	padding: 0;
}

.infotitel {
	font-size: 14px;
	font-weight: bold;
}

.infolink {
	font-size: 10px;
	text-align: right;
	margin-bottom: 10px;
}

.infotitel a {
	color: #000000;
	text-decoration: none;
}

.infotitel a:hover {
	color: #a00079;
}

.infolink a {
	color: #000000;
	text-decoration: none;
}

.infolink a:hover {
	color: #a00079;
}

.infobild_l {
	float: left;
	margin: 10px 10px 10px 0;
}

.infobild_r {
	float: right;
	margin: 10px 10px 10px 10px;
}

.infotext {
	margin-top: 10px;
}


/* Anzeige einspaltig ohne Sidebar
------------------------------------------------ */

.seiteninfo {
	border-bottom: 2px dotted #7ab527;
	margin: 0 10px 10px 10px;
	padding: 0 10px 10px 10px;
	max-width: 900px;
	min-width: 300px;
	width: 100%;
/* 	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	float: left;
/* 	-moz-box-shadow: 2px 2px 5px #cde5ab;
	-webkit-box-shadow: 2px 2px 5px #cde5ab;
	box-shadow: 2px 2px 5px #cde5ab;*/
}

/* Anzeige zweispaltig ohne Sidebar
------------------------------------------------ */

.anzfoto {
	border-left: 1px dotted #7ab527;
	border-bottom: 2px dotted #7ab527;
	margin: 10px;
	padding: 10px 10px 10px 10px;
	max-width: 430px;
	min-width: 300px;
	width: 100%;
	float: left;
}


/* Anzeige zweispaltig mit Sidebar
------------------------------------------------ */

.anzbericht {
	border-left: 1px dotted #7ab527;
	border-bottom: 2px dotted #7ab527;
	margin: 10px;
	padding: 10px 10px 10px 10px;
	max-width: 31%;
	min-width: 200px;
	width: 100%;
	float: left;
}

/* Anzeige dreispaltig ohne Sidebar
------------------------------------------------ */

.anzalbum {
	border-left: 1px dotted #7ab527;
	border-bottom: 2px dotted #7ab527;
	margin: 10px;
	padding: 10px 10px 10px 10px;
	max-width: 270px;
	min-width: 100px;
	width: 100%;
	float: left;
}

.albumtitel {
	color: #7ab527;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.albumbild {
	display: block;
	margin: 10px auto 10px auto;
}

.albumtext {
	margin: 10px 0 10px 0;
}

/* zurueck
------------------------------------------------ */
.zurueck1 {
	margin: 10px;
	padding: 0 10px 10px 10px;
	max-width: 900px;
	min-width: 300px;
	width: 100%;
	float: left;
}

.zurueck2 {
	margin: 0 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	max-width: 66%;
	min-width: 300px;
	width: 100%;
	float: left;
}

.rueck {
	text-align: right;
	font-size: 12px;
	width: 100%;
}



.rueck a {
	color: #000000;
	text-decoration: none;
}

.rueck a:hover {
	color: #a00079;
}

/* Kalender groß
------------------------------------------------ */


/* Kalender kurz
------------------------------------------------ */



/* Sidebar im zweigeteilten Bereich
--------------------------------------------- */

#sidebar {
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 71%;
	padding: 10px;
}

.sidetitel {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #7ab527;
	color: #7ab527;
	margin-bottom: 4px;
}

.sidebild {
	display: block;
	margin: 3px 5px 3px 0;
}

.sidebild_l {
	margin: 3px 5px 3px 0;
	float: left;
}

.sidetext {
	margin: 5px 0 5px 0;
}

.sideklein {
	margin-bottom: 3px;
	font-size: 10px;
}

.sidelink {
	font-size: 12px;
	text-align: left;
	margin-bottom: 3px;
}

.sidelink a {
	color: #000000;
	text-decoration: none;
}

.sidelink a:hover {
	color: #a00079;
}

#fb {
	max-width: 10%;
}


/* Redaktionssystem
------------------------------------------------ */

.redtitel {
	font-size: 14px;
	font-weight: bold;
	color: #ca0808;
}

.red {
	font-weight: bold;
	color: #ca0808;
}

/* Fusszeile
------------------------------------------------ */

#fuss {
	clear: both;
	padding: 3px 8px 3px 8px;
	font-size: 11px;
	border-top: 1px dotted #81a0b8;
	text-align: right;
}

.fussnav li {
	list-style: none;
	padding: 0 25px 0 3px;
	float: left;
	position: relative;
	top: -1px;
}

.fussnav a {
	color:  #000000;
	display: block;
	text-decoration: none;
	background: #ffffff;
	padding: 1px 3px 1px 3px;
}

.fussnav li a:hover {
	color: #000000;
	background: #cde5ab;
}



/* Formulareingabe
------------------------------------------------ */


label.formular {
	display: block;
	margin: 4px;
	float: left;
	width: 100px;
}

input.formular {
	width: 300px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

select.formular {
	width: 300px;
}

textarea.formular {
	height: 150 px;
	width: 300 px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
}




/* Feld im graphischen Veranstaltungskalender
------------------------------------------------ */

#kalenderseite {
	max-width: 90%;
	margin-top: 20px;
	margin-right: 20px;
	border: 1px solid #000000;
	background: #ffffff; 

}

.feld_leer {
	width: 11%;
	padding: 10px;
	margin: 2px;
	background-color: #cde5ab;	
	font-size: 10px;
	float: left;
	border: 1px solid #7ab527;
}

.feld_kalender {
	width: 11%;
	min-height: 150px;
	padding: 10px;
	margin: 2px;
	background-color: #ffffff;	
	font-size: 10px;
	float: left;
	border: 1px solid #7ab527;
}

.bplan_leer {
	clear: both;
	width: 90%;
	min-height: 20px;
	background-color: #ffffff;	
	color: #ffffff;
	font-size: 1px;
}

.bplan_kalender {
	clear: both;
	width: 95%;
	padding: 3px;
	margin: 2px;
	background-color: #ffffff;	
	font-size: 11px;
	border-top: 1px solid #000000;
}

.bplan_datum {
	width: 9%;
	background-color: #d1d1d1;
	border: 1px solid #ffffff;
	margin: 1px;
	padding: 3px;
	float: left;
}

.bplan_zeit {
	width: 27%;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	margin: 1px;
	padding: 3px;
	float: left;
}

.feld_woche {
	padding: 2px;
	min-height: 200px;
	background-color: #cde5ab;
	border: 1px solid #7ab527;
}

#kalender_ueber {
	letter-spacing: 1.2px;
	margin: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.kalendertext {
	margin: 4px;
}



/* Kirchentouren
------------------------------------------------ */

.tour ul {
	list-style: none;
	color: #000000;
	display: block;
	margin-left: 0px;
	padding-left: 0px;
}

.tour li {
	list-style: none;
	margin-bottom: 4px;
	background: url(../bilder/zentral/radlink.png) no-repeat 0 3px;
	padding-left: 22px;
}

/* Aufzählungen
------------------------------------------------ */

.liste ul {
	list-style: square;
	color: #000000;
	display: block;
	margin-left: 0px;
	padding-left: 0px;
}

.liste li {
	list-style: square;
	margin: 0px 0px 2px 10px;
	padding-left: 10px;
}

/* offene Container
banner
banlogo
fusstext
kv
------------------------------------------------ */