/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* base
----------------------------------------------- */
body {
	font: 62.5%/1.6 Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6 {
	padding: 0 10px;
}
#hauptspalte p {
margin: 1em;
}

#container {
width: 100%;
	margin: 0px;
float: left;
}

#kopfleiste {
clear: both;
background-color: #ddedf3;
}
#kopfleiste h1 {
}

#kopfleiste h1 a {
position: relative;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 1.5em;
text-decoration: none;
color: black;
}

#orientierung {
float: left;
width: 100%;
padding: 0.5em 0;
}
#nav_orientierung {
float: left;
margin-left: 1.5em;
}

#nav_orientierung form input:text {
border: 0;
border-bottom: 1px solid black;
color: blue;
font-size: 1em;
padding: 0.3em 0;
margin-right: 0.3em;
}

#inhaltsnavigation {
float: left;
width: 100%;
padding-top: 0.8em;
}


#termin_nav {
	clear: both;
	width: 100%; 
	float: left;
background-color: #e4f0d8;
	padding-bottom: 1em;
list-style-type: none;
}



#rand {
	width: 27%;
	float: right;
}

#randleiste {
background-color: white;
width: 1%;
height: 15em;
padding: 0;
margin: 0;
clear: both;
float: left;
}

/* #randleiste a {
display: block;
width: 2em;
height: 15em;
padding: 0;
margin: 0;
}
#randleiste p span {
	margin-left: 100em;
} */

#inhalt {
	width: 99%;
	float: left;
	background-color: white;
	padding-bottom: 1em;
	font-size: 1.3em;
margin-left: 1em;
}
#hauptspalte {
	width: 66%;
float: left;
background-color: #e4eff3;
}

#startseite-fokus {
width: 60%;
float: left;
}
#startseite-liste {
width: 38%;
float: right;
margin-top: 7em;
}

#inhalt ul.artikelliste {
list-style-type: none;
}
#inhalt ul.startseite-liste {
list-style-type: none;
font-size: .8em;
}

#rechtespalte {
	width: 29%;
float: left;
padding-left: 2em;
background-color: #F3F9FB;
}

#spalte-1 {
	width: 44%;
float: left;
}
#spalte-2 {
	width: 44%;
float: right;
}



body#termine #hauptspalte {
	width: 73%;
float: left;
}
body#termine #rechtespalte {
	width: 19%;
float: right;
}




#fussleiste, #fussleiste p {
	clear: both;
width: 94%;
margin-left: 1em;
}


.unsichtbar {
	position: absolute;
	top: -10000px;
}


/* horizontale Menüs */

#nav_hauptbereiche {
	clear: both;
/*	float: right; */
	width: 86%; 
	background-color: #005a9e; 
	list-style: none;
position: relative;
left: 7%;
}

#nav_hauptbereiche li {
	float: left;
	width: auto;
border-bottom: 1px solid gray;
}
#nav_hauptbereiche li.enneagramm, #nav_hauptbereiche li.enneagrammcurrent {
	width: 30%;
}
#nav_hauptbereiche li.oeae, #nav_hauptbereiche li.oeaecurrent {
	width: 70%;
}


#nav_hauptbereiche a {
	float: left;
	width: 100%;
	background: url(../nav/horiz_tab_01.gif) no-repeat left top;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
}
#nav_hauptbereiche li a:link, #nav_hauptbereiche li a:visited {
	color: #101010;
}


#nav_hauptbereiche a:hover {
	background-position: left -400px;
}
#nav_hauptbereiche .enneagramm a:hover, #nav_hauptbereiche .enneagrammcurrent a:hover {
	background-position: left -800px;
}

#nav_hauptbereiche li.oeaecurrent {
	border-bottom: 1px solid #e4f0d8;
}
#nav_hauptbereiche li.enneagrammcurrent {
	border-bottom: 1px solid #aac4e4;
}

#nav_hauptbereiche li.oeaecurrent a {
	background-position: left -400px;
}
#nav_hauptbereiche li.oeaecurrent a span {
	background-position: right -400px;
}
#nav_hauptbereiche li.enneagrammcurrent a {
	background-position: left -800px;
}
#nav_hauptbereiche li.enneagrammcurrent a span {
	background-position: right -800px;
}
#nav_hauptbereiche li.oeae a, #nav_hauptbereiche li.oeaecurrent a {
	border-left: 8px solid #005a9e;
}


#nav_hauptbereiche a span {
	float: right;
	width: 94%;
	background: url(../nav/horiz_tab_02.gif) no-repeat right top;
	padding: 5px 0;
}
#nav_hauptbereiche a:hover span {
	background-position: right -400px;
cursor: pointer;
}
#nav_hauptbereiche li.enneagramm a:hover span, #nav_hauptbereiche li.enneagrammcurrent a:hover span {
	background-position: right -800px;
}


#nav_bereich {
	clear: both;
padding-top: 0.5em;
float: left;
}

#inhalt ul#nav_bereich {
margin-left: 0;
padding-left: 0;
}

#nav_bereich li {
	float: left;
	font-size: 1em;
height: 2.5em;
}


#nav_bereich li.current, #inhaltsnavigation ul.nav_enneagramm li.current {
/*	background-color: #e4f0d8; */
/* border-bottom: 3px solid gray; */
font-weight: bold;
	color: black;
}

#nav_bereich li a:link, #nav_bereich li a:visited {
color: #005a9e; 
}
#nav_bereich li.current a, #nav_bereich li a {
font-weight: bold;
	color: black;
}

#nav_bereich li a, #nav_bereich li span {
	display: block;
	padding: 0 .6em;
	text-decoration: none;
	font-size: 1.1em;
}

#nav_bereich li.position a, #nav_bereich li.current span {

}

#nav_bereich li a:hover {
	color: blue;
}

#nav_bereich li.position a:hover {  /* ABER nicht für position */
}
/*-----------------*/
#unternavigation {
	clear: both;
float: left;
/* height: 1.7em;
padding-top: 0.5em; */
}

#inhalt ul#unternavigation {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#unternavigation li {
	float: left;
	font-size: .9em;
font-weight: normal;
height: 1.7em;
}


#unternavigation li.current {
font-weight: bold;
	color: black;
}

#unternavigation li a:link, #unternavigation li a:visited {
color: #005a9e; 
}
#unternavigation li.current a {
font-weight: bold;
	color: black;
}

#unternavigation li a, #unternavigation li span {
	display: block;
	padding: 0 .7em;
	text-decoration: none;
	font-size: 1.1em;
}

#unternavigation li.position a, #unternavigation li.current span {

}

#unternavigation li a:hover {
	color: blue;
}

#unternavigation li.position a:hover {  /* ABER nicht für position */
}


/*-----------------*/
#termin_nav li {
	float: left;
	font-size: 1em;
list-style-type: none;
}
#termin_nav li.current, #termin_nav li.position {
}

#termin_nav li a:link, #termin_nav li a:visited {
}

#termin_nav li a, #termin_nav li span {
	display: block;
	padding: 0 1em;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: normal;
}

#termin_nav li.position a, #termin_nav li.current span {
}

#termin_nav li a:hover {
	color: blue;
}

#termin_nav li.position a:hover {  /* ABER nicht für position */
}
/*--------------------*/


#nav_orientierung li {
	float: left;
font-size: 1.1em;
} 
#nav_orientierung li.meinung {
	float: right;
padding-right: 2em;
} 


#nav_orientierung a, #nav_bereich a, #nav_unterbereich a, #nav_info a {
	display: block;
	text-decoration: none;
	color: black;
} 


#nav_orientierung a, #nav_orientierung li span {
padding: 0 0.5em;
} 
#nav_orientierung li.id1 a, #nav_orientierung li.id1 span {
	margin-left: 0; /* Abstand für erstes Element */
} 


#nav_orientierung a:link, #nav_orientierung a:visited { /* Farbeinstellung allgemein: schwarz s.v. */
	border: 0; /* wird benötigt */
	color: blue;
font-weight: bold;
}
#nav_orientierung li span, #nav_orientierung li form {
	color: blue;
font-weight: bold;
}


#nav_orientierung a:link#current, #nav_orientierung a:visited#current {
	color: #990000;
}

#nav_orientierung a:hover, #nav_orientierung a:focus {
	border-bottom: 0px solid blue; /* wird benötigt */
background-color: #cadef5;
	color: blue;
	text-decoration: underline;

}


/* Navigation Veranstaltungsliste */


#nav_liste {
	font: normal 1.2em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#nav_liste li {
	line-height: 1em;
	margin-bottom: 0.2em;
}


#nav_liste li a {
	padding-left: 0px;
	text-align: left;
	text-decoration: none;


	color: #333;
}
#nav_liste li.current {
	padding-left: 0px;
	text-align: left;
	list-style-type: square;
	color: #990000;
}



#nav_liste li li {
	margin-left: 1.7em;

}


#nav_liste li a:hover {
	color: #990000;

	border: 0;
	list-style-type: circle;
}

#nav_liste li:hover {
	list-style-type: circle;
}


/* normale Styles wieder formatieren */
#inhalt ol {
	list-style-type: decimal;

	list-style-position: outside;
	margin-left: 1.4em;
	padding-left: 1.4em;
}


#inhalt ul {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 1.2em;
	padding-left: 1.2em;
}

strong {
font-weight: bold;
}


em {
font-style: italic;
}

#erstinfo a {
font-size: 0.8em;
text-decoration: none;
}
#erstinfo a:hover {
text-decoration: underline;
}
#erstinfo a.rechts {
float: right;
}
#erstinfo a.links {
float: left;
}
#hauptspalte h1, #hauptspalte h2, #hauptspalte h3, #hauptspalte h4 {
clear: both;
color: #004376;
	font-size: 1.3em;
line-height: 1.2em;
	font-weight: bold;
	margin: 0.6em 0;
}
#hauptspalte h1 a, #hauptspalte h3 a {
text-decoration: none;
}
#hauptspalte h1 a:hover, #hauptspalte h3 a:hover {
text-decoration: underline;
color: #004376;
}
#hauptspalte h1 a:link, #hauptspalte h3 a:link, #hauptspalte h1 a:visited, #hauptspalte h3 a:visited {
text-decoration: none;
color: #004376;
}
#rechtespalte {
font-size: 0.8em;
}

/* Kalender
----------------------------------------------- */
#kalender {
clear: both;
}


#kalender th.monthyear {
font-size: 2em;
font-weight: bold;
}
#kalender th.nextmonth a, #kalender th.prevmonth a {
font-size: 1.5em;
font-weight: bold;
}

.ort {
display: none; 
color: red;
}

a.aaa {
color: #990033;
}

a.bbb {
color: #003399;
}

a.auszeichnung {
color: green;
}

a.admin {
color: silver; 
border-left: 1em solid red;
}

a.kirchenjahr {
color: black;
}

table.kalender {
width: 100%;
}

table.kalender td {
height: 6em; 
width: 14%; 
border: 2px solid #f0f0f0; 
vertical-align: top;
background-color: #fffffa; 
}

table.kalender td.invalidDay {
height: 5em; 
width: 14%; 
border: 0px solid white; 
vertical-align: top; 
background-color: #f0f0f0;
}

table.kalender a {
font-size: 0.9em;
}

table.kalender h4 a {
font-size: 1em; 
}

table.kalender h4 {
font-size: 1em;
margin: -1px -1px 0 -1px; 
background-color: #e4f0d8; 
border-bottom: 1px solid #748223; 
padding-left: 0.5em;
}

table.kalender td.today {
border: 2pxem solid green;
}

table.kalender td.w0 h4 {
background-color: #a3d878;
}

table.kalender td.w0 h4 a {
color: white;
font-weight: bold;
}

table.kalender th {
text-align: left; 
padding-left: 0.3em;
}

#kalender a.aaa {
background: url(/images/181.gif) no-repeat top left; 
padding-left: 1em; 
}

#kalender a.bbb {
background: url(/images/182.gif) no-repeat top left; 
padding-left: 1em; 
}

#kalender a.gemeinsam {
background: url(/images/183.gif) no-repeat top left; 
padding-left: 2em;  
}

.kommentar h6 a {
float: right;
text-decoration: none;
}
.kommentar h6 span.links {
float: left;
}
.kommentar h6 {
float: left;
width: 90%;
border-bottom: 1px solid #005a9e;
margin-bottom: 1em;
}
.kommentar p {
clear: both;
}
.kommentar {
margin-top: 1.5em;
background-color: white; /* #f2f2f2; */
clear: both;
margin: 1.5em 1.5em 0 1.5em;
}
.navtop {
text-align: right;
}

#erstinfo {
width: 90%;
float: left;
margin-bottom: 1em;
}
#erstinfo a.rechts {
float: right;
}

ul.commentpage {
float: left;
padding-bottom: 1em;
}
ul.commentpage li {
float: left;
margin: 0 0.5em;
list-style-type: none;
}
ul.commentpage li a {
text-decoration: none;
color: blue;
border-bottom: 3px solid #ddd;
}
ul.commentpage li a:hover {
text-decoration: underline;
border-bottom: 3px solid #666;
}
ul.commentpage li a:current {
color: black;
font-weight: bold;
}

.commentpage .current {
font-weight: bold;
border-bottom: 3px solid gray;
}

#kommentare {
margin-top: 3em;
background-color: #ddd;

}
.kommentar p {
margin-bottom: 0.8em;
}

#rechtespalte a, .rechtespalte a:link {
text-decoration: none;
color: #004376;
}
#rechtespalte a:hover {
text-decoration: underline;
}
#hauptspalte .intro {
clear: both;
background-color: #e4f0d8;
padding: 0.3em 0;
width: 80%;
}
#hauptspalte .intro h3, #hauptspalte .intro h1 {
margin: 0;
font-size: 1em;
font-weight: bold;
line-height: 1.3em;
}
#hauptspalte .intro p {
font-size: 0.9em;
line-height: 1.3em;
}

h4.neulinks {
margin-top: 2em;
}
ul.artikelliste li {
padding-top: 2.5em;
}

ul.info {
float: left; 
width: 80%;
background-color: #E4F0D8;
}

ul.artikelliste li ul.info li {
float: left;
margin: 0 0.7em 0 2em;
text-decoration: none;
font-size: 0.8em;
padding-top: 0;
list-style-type: none;
width: auto;
}

ul.info li a {
border: 0;
text-decoration: none;
}

ul.nav_oeae {
float: left;
}
ul.nav_enneagramm {
clear: both;
float: right;
}

#rechtespalte h3.artikel, #rechtespalte h4 {
margin-top: 2em;
}

ul.tagliste li {
display: inline;
padding-right: 1em;
}
#inhaltsnavigation ul {
list-style-type: none;
}

#suchfeld {
float: right;
}

#logokopf img {
margin: 10px 0 0 10px;

#hauptspalte {
background-color: #e4eff3;
}