/* ==============================================
   |  Kirchenkreis Dinslaken - HS 2009          |
   |--------------------------------------------|
   |  kdformat.css                              |
   ============================================== */

*	{ margin: 0px; padding: 0px; leftmargin: 0px; topmargin: 0px; marginwidth: 0px; marginheight: 0px; }
html { height: 100%; margin-bottom: 2px; }
img { border: 0px solid; }
ul, ol	{ list-style: none; }
b, strong	{ font-weight: bold; }

body {
	background-color: #fafafa; margin: 0px; padding: 0px;
	font-style: normal; font-weight: normal; font-size: 13px; line-height: 17px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left;
}
#seite {
	width: 1000px; margin: 5px auto;
	border-top: 1px solid #33ccff; border-right: 1px solid #33ccff; border-bottom: 1px solid #33ccff; border-left: 1px solid #33ccff;
	background-image: url(../pics/kidi_hg.jpg); background-repeat: repeat-y;
}
#kopf { height: 30px; margin-top: 0px; text-align: left; background-color: #bfebff; border: 0px solid; }
h1, h2, h3, h4, h5, h6, p { font-style: normal; color: #000000; }
h1 { font-weight: bold; font-size: 22px; line-height: 22px; margin-bottom: 3px; }
h1.ek { font-weight: normal; font-size: 23px; line-height: 26px; text-align: center; margin-bottom: 3px; }
h1.linie { border-bottom: 1px solid #0099ff; padding-bottom: 4px; }
h2 { font-weight: bold; font-size: 18px; line-height: 18px; }
h2.bereich { background-image: url(../pics/pic01.gif); background-repeat: no-repeat; background-position: left; padding-left: 24px; margin-bottom: 9px; }
h2.abzleiste { background-image: url(../service/pics_service/abz_leiste.jpg); background-repeat: no-repeat; background-position: left; 
	font-size: 23px; line-height: 18px; color: #0099ff; margin-bottom: 3px; }
h3 { font-weight: bold; font-size: 16px; line-height: 16px; color: #000000; }
h3.bereich { color: #0099ff; padding-left: 20px; margin-bottom: 36px; }
h4 { font-weight: bold; font-size: 14px; line-height: 15px; color: #000000; margin-bottom: 2px; }
h4.bereich { background-image: url(../pics/pic02.gif); background-repeat: no-repeat; background-position: left; padding-left: 24px; margin-bottom: 6px; }
h4.uebersicht { background-image: url(../pics/pic02.gif); background-repeat: no-repeat; background-position: left; padding-left: 24px; margin-bottom: 1px; }
h4.leiste1 { width: 178px; height: auto; background-color: #cc0033; border: 1px solid #cc0033; text-align: center; color: #ffffff;
	padding-top: 4px; padding-bottom: 3px; margin-bottom: 5px; }
h5 { font-weight: bold; font-size: 12px; line-height: 13px; color: #000000; }
h5.freizeit { font-weight: normal; font-size: 12px; line-height: 12px; color: #000000; }
h5.px12 { font-weight: normal; font-size: 12px; line-height: 13px; color: #000000; }
h6 { font-weight: normal; font-size: 11px; line-height: 14px; }
p { font-weight: normal; font-size: 13px; line-height: 17px; margin: 0px; padding: 0px; text-align: left; margin-bottom: 3px; }
p.einzug24 { padding-left: 24px; }
p.interview { padding-left: 12px; }
p.px300 { float: left; width: 299px; }
p.px353 { float: left; width: 352px; }
p.px473 { float: left; width: 473px; }
.einzug12 { padding-left: 12px; }
.einzug24 { padding-left: 24px; }
.linkdaten { font-weight: normal; font-size: 13px; line-height: 13px; padding-left: 12px; text-align: left; }
.meldungtag { padding-left: 24px; margin-bottom: 2px; font-size: 10px; line-height: 10px; font-style: italic; font-weight: normal; color: #666666; }

p.portraitlinkstext { padding-left: 97px; text-align: left; }
.portraitname1 { float: left; width: 473px; }
.portraitname2 { float: left; width: 376px; }
.portraitname_gem { float: left; width: 258px; }
.portraitname1, .portraitname2, .portraitname_gem { font-size: 13px; line-height: 16px; font-weight: normal; color: #000; margin-bottom: 1px; }
.text255 { float: left; width: 255px; }
.rot { color: #cc0033; }

/* --- Zitatbereiche --- */
.zitat1, .zitat2, .zitat3, .zitat4, .zitat5 { float: left; width: 473px; font-style: italic; font-size: 10px; line-height: 13px; color: #000000;
	text-align: right; margin-top: 0px; }
.zitat2 { width: 253px; }
.zitat3 { width: 375px; }
.zitat4 { width: 279px; }
.zitat5 { width: 570px; text-align: center; }

/* --- Blickpunktbereiche --- */
#ecke2 { float: left; width: 570px; margin-top: 4px; }
.ecke2pic { float: left; width: 24px; background-image: url(../pics/pic02.gif); background-repeat: no-repeat; background-position: left; }
.ecke2text, .ecke2text1f { float: left; width: 545px; }
.ecke2text, .ecke2text1f { font-size: 13px; line-height: 17px; font-weight: normal; color: #000; margin-bottom: 5px; }
.ecke2textklein { font-size: 11px; line-height: 15px; font-weight: normal; color: #666; margin-bottom: 5px; }
.ecke2text1f { width: 345px; }
.pfeil { color: #33ccff; }
#ecke22sp { float: left; width: 284px; margin-top: 4px; }
.ecke2pic2sp { float: left; width: 24px; background-image: url(../pics/pic02.gif); background-repeat: no-repeat; background-position: left; }
.ecke2text2sp { float: left; width: 259px; }
.ecke2text2sp { font-size: 13px; line-height: 17px; font-weight: normal; color: #000; margin-bottom: 5px; }

.ecke2ek1, .ecke2ek2, .ecke2ek3 { float: left; width: 545px; }
.ecke2ek1 { font-size: 15px; line-height: 17px; font-weight: bold; color: #000; letter-spacing: 1px; background-color: #66ccff; margin-bottom: 5px; }
.ecke2ek2, .ecke2ek3 { float: left; width: 545px; margin-left: 24px; }
.ecke2ek2, .ecke2ek3 { font-size: 13px; line-height: 17px; font-weight: bold; color: #000; margin-bottom: 2px; }
.ecke2ek3 { font-weight: normal; }
.mager { font-weight: normal; }
.mitte { text-align: center; }
.rbjahr { font-weight: normal; color: #353535; padding-right: 12px; }

/* --- Spaltenbereiche --- */
div#inhalte { clear: both; }
div#inhalte { background: transparent; padding: 20px 0px; }

div#spalte1 { float: left; width: 180px; }
div#spalte1_inhalt { padding: 10px 10px 10px 10px; }
div#spalte1 {z-index: 3}
div#spalte1_inhalt {z-index: 4}

div#spalte2 { float: right; width: 200px; }
div#spalte2_inhalt { padding: 10px 10px 10px 10px; }
div#spalte2 {z-index: 5}
div#spalte2_inhalt {z-index: 6}
div#spalte2block { float: left; padding: 0px; margin: 0px; width: 180px; }

div#spalte3 { width: auto; margin: 0px 200px; }
div#spalte3_inhalt { padding: 10px 15px 10px 15px; }
div#spalte3 {z-index: 1}
div#spalte3_inhalt {z-index: 2}
div#spalte3_inhalt { margin-bottom: 8px; }

div#spalte1_inhalt, div#spalte2_inhalt, div#spalte3_inhalt { position: relative; }
div#inhalt570 { float: left; width: 570px; border: 0px solid; }

/* --- Tabellenbereiche --- */
/* --- Freizeiten --- */
.fza, .fzb, .fzatext, .fzbtext { width: 181px; padding: 3px 3px; border-right: #bfebff 1px solid; border-bottom: #bfebff 1px solid; float: left; }
.fzc, .fzd, .fzctext, .fzdtext, .fzdtextvoll { width: 89px; padding: 3px 3px; border-right: #bfebff 1px solid; border-bottom: #bfebff 1px solid; float: left; }
.fza, .fzb, .fzc, .fzd { font-weight: bold; padding: 5px 3px; border-top: #bfebff 1px solid; background-color: #fff4e0; }
.fzatext, .fzbtext, .fzctext, .fzdtext { margin-top: 3px; }
.fzdtextvoll { font-weight: bold; margin-top: 3px; background-color: #fff4e0; }
.tabetextvoll { font-weight: bold; margin-top: 3px; background-color: #fff4e0; }
/* --- Tag und Zeit --- */
#tabelle1 { width: 314px; font-weight: normal; font-size: 12px; line-height: 12px; color: #000000; }
.tabakopf, .tabatext { width: 150px; padding: 3px 3px; border-right: #bfebff 1px solid; border-bottom: #bfebff 1px solid; float: left; }
.tabakopf { font-weight: bold; padding: 5px 3px; border-top: #bfebff 1px solid; background-color: #fff4e0; }
.tabaleer { width: 255px; padding-top: 3px; padding-bottom: 4px; float: left; }

/* --- Fussleiste --- */
div#fuss {
	margin: 0px; padding: 4px 0px 5px 0px; color: #000000; font-weight: normal; background-color: #bfebff; height: auto;
	border-top: 1px solid #33ccff; text-align: center; letter-spacing: 1px; }
/* --- Fuss mit Counter-Einstellungen --- */
div#fuss1 {
	margin: 0px; background-color: #bfebff; height: 35px; border-top: 1px solid #33ccff; }
.fusstext {
	float: left; font-size: 13px; color: #000000; font-weight: normal; text-align: center; letter-spacing: 1px; padding: 8px 0px 0px 170px;
}
.zaehlerfeld { float: right; border: none; padding: 2px 10px 0px 0px; }

/* --- Links --- */
a { color: #cc0033; text-decoration: none; }
a:focus, a:hover, a:active { color: #cc0033; text-decoration: underline; }
.mail a { color: #cc0033; text-decoration: none; }
.mail a:visited, .mail a:hover, .mail a:active { color: #cc0033; text-decoration: underline; }
.meldunglesen { font-size: 11px; line-height: 12px; color: #cc0033; font-weight: normal; text-align: right; padding: 0px 15px 3px 0px; }
.archivlesen { font-size: 11px; line-height: 15px; color: #ff0033; font-weight: normal; padding-left: 0px; }
.geminfo { font-weight: normal; font-size: 12px; line-height: 13px; color: #cc0033; padding-left: 10px; padding-bottom: 2px; }
.druck { font-size: 11px; line-height: 12px; color: #000000; font-weight: normal; text-align: left; padding: 20px 0px 0px 0px; }

p.abzli, p.abzre { float: left; margin-top: 3px; }
p.abzli { width: 265px; }
p.abzre { border-left: #33ccff 1px solid; padding-left: 40px; }
a.abzhy:link { color: #323232; text-decoration: none; }
a.abzhy:visited, a.abzhy:hover, a.abzhy:active { color: #cc0033; text-decoration: underline; }

/* --- Trennbereiche --- */
.abstand02 { background-image: url(../pics/abstand1px.gif); height: 2px; }
.abstand03 { background-image: url(../pics/abstand1px.gif); height: 3px; }
.abstand05 { background-image: url(../pics/abstand1px.gif); height: 5px; }
.abstand06 { background-image: url(../pics/abstand1px.gif); height: 6px; }
.abstand08 { background-image: url(../pics/abstand1px.gif); height: 8px; }
.abstand12 { background-image: url(../pics/abstand1px.gif); height: 12px; }
.abstand18 { background-image: url(../pics/abstand1px.gif); height: 18px; }
.abstand24 { background-image: url(../pics/abstand1px.gif); height: 24px; }
.abstand36 { background-image: url(../pics/abstand1px.gif); height: 36px; }
.frei02	{ height: 2px; clear: both; }
.frei03	{ height: 3px; clear: both; }
.frei05	{ height: 5px; clear: both; }
.frei08	{ height: 8px; clear: both; }
.frei12	{ height: 12px; clear: both; }
.frei15	{ height: 15px; clear: both; }
.frei30	{ height: 30px; clear: both; }
.frei45	{ height: 45px; clear: both; }
.frei60	{ height: 60px; clear: both; }
#kopf, #inhalte, #fuss { clear: both; }
#ie_clear { display: none; }
.clearsaf { display: block; } /* braucht der Safari */
.clearfloat { clear: both; height: 0px; font-size: 1px; line-height: 0px; }

/* Navigation Menu 01 Kopf */
#menu01 { width: 1000px; font-size: 12px; font-weight: bold; line-height: 30px; background-color: #bfebff; border: 0px solid; }
#menu01 ul { text-align: center; }
#menu01 li { float: left; }
#menu01 a:link, #menu01 a:visited { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px; 
	color: #000000; font-weight: bold; display: block; text-decoration: none; }
#menu01 a:hover, #menu01 a:active { color: #ffffff; font-weight: bold; display: block; background-color: #cc0033; text-decoration: none; }
#menu01 ul li a.aktivetop { background-color: #cc0033; color: #ffffff; }
#m1_home, #m1_leit { width: 85px; border: 0px solid; }
#m1_serv { width: 70px; border: 0px solid; }
#m1_gem, #m1_meld { width: 90px; border: 0px solid; }
#m1_verw { width: 130px; border: 0px solid; }
#m1_syno, #m1_dw { width: 145px; border: 0px solid; }
#m1_ek { width: 160px; border: 0px solid; }

/* Menu 02 linke Spalte */
div#menu02 { padding: 0px; margin: 0px; width: 180px; }
div#menu02 ul { padding: 0px; margin: 0px; list-style-type: none; border-top: #cc0033 1px solid; width: 180px;
	border-right: none; border-bottom: none; border-left: none; }
div#menu02 li { padding: 0px; margin: 0px; display: block; float: none; width: 180px; }
div#menu02 a:link, div#menu02 a:visited { padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; margin: 0px;
	color: #000000; font-weight: bold; display: block; border-bottom: #cc0033 1px solid; text-decoration: none; }
div#menu02 a:hover, div#menu02 a:active { color: #ffffff; font-weight: bold; display: block; background-color: #cc0033; text-decoration: none; }
div#menu02 a.aktiverub:link, div#menu02 a.aktiverub:visited, div#menu02 a.aktiverub:hover, div#menu02 a.aktiverub:active {
	color: #ffffff; font-weight: bold; margin-top: 20px; background-color: #cc0033; text-decoration: none; }
div#menu02 a.aktiverub1:link, div#menu02 a.aktiverub1:visited, div#menu02 a.aktiverub1:hover, div#menu02 a.aktiverub1:active {
	color: #ffffff; font-weight: bold; margin-top: 0px; background-color: #cc0033; text-decoration: none; }
div#menu02 a.aktiveseite:link, div#menu02 a.aktiveseite:visited, div#menu02 a.aktiveseite:hover, div#menu02 a.aktiveseite:active {
	color: #ffffff; font-weight: bold; background-color: #fb0542; text-decoration: none; }

/* Menu 02 Rubrikbereich Einrichtungen linke Spalte */
div#menu02 a.ort1:link, div#menu02 a.ort1:visited, div#menu02 a.ort1:hover, div#menu02 a.ort1:active {
	color: #ffffff; font-weight: bold; background-color: #fb0542; text-decoration: none; }
div#menu02 a.ort2:link, div#menu02 a.ort2:visited, div#menu02 a.ort2:hover, div#menu02 a.ort2:active {
	color: #000000; font-weight: bold; background-color: #ffffff; text-decoration: none; }
div#menu02 a.ortkita:link, div#menu02 a.ortkita:visited { color: #000000; font-size: 11px; line-height: 12px; font-weight: normal; text-decoration: none; }
div#menu02 a.ortkita:hover, div#menu02 a.ortkita:active { color: #ffffff; font-weight: normal; background-color: #fb0542; text-decoration: none; }

/* Menu 02 Rubrikbereich ohne Verlinkung linke Spalte */
div#menu02 li.bereich {
	width: 170px; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; margin-top: 20px; background-color: #cc0033;
	color: #ffffff; font-weight: bold; letter-spacing: 3px; display: block; border-bottom: #cc0033 1px solid; }

/* Menu 02 Unterrubrik linke Spalte */
div#menu02 div.navi02 ul { border-bottom: #ffffff 0px solid; padding-bottom: 0px; list-style-type: none; margin: 0px;
	padding-left: 0px; padding-right: 0px; padding-top: 0px; }
div#menu02 div.navi02 li { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0px;
	display: inline; font-size: 12px; font-weight: bold; }
div#menu02 div.navi02 li a { border-bottom: #cc0033 1px solid; border-left: #fff4e0 0px solid; padding-bottom: 3px; padding-left: 10px; padding-right: 6px; display: block;
	background-color: #ffffff; text-decoration: none; padding-top: 3px; }
div#menu02 div.navi02 li a:hover { border-left: #fff4e0 0px solid; background-color: #fb0542; text-decoration: none; }
div#menu02 div.navi02 li a:active { border-left: #fff4e0 0px solid; background-color: #fb0542; text-decoration: none; }

/* Menu mittlere Spalte - wo bin ich */
#path { float: left; width: 570px; height: 20px; padding-bottom: 1px; border-bottom: 1px dashed #999999; margin-top: 0px; margin-bottom: 24px; }
#path ul { height: 16px; list-style-type: none; }
#path li { line-height: 16px; display: inline; padding-right: 4px; }
#path ul li a, #path ul li a:visited, #path ul li a:active { color: #666666; font-size: 11px; text-decoration: none; }
#path ul li a:hover { color: #000000; text-decoration: underline; }

/* FOTO-Bereich */
div#kopflogo { background-image: url(../pics/kidi_kopfleiste.jpg); background-repeat: no-repeat; width: 1000px; height: 170px; }
div#fotobreit { float: left; width: 570px; margin-top: 0px; margin-bottom: 10px; }
.fotobreite { float: left; font-weight: normal; font-size: 10px; line-height: 12px; color: #000066; text-align: justify;
	width: 568px; margin-top: 0px; margin-bottom: 10px; }
.foto568 { float: left; font-weight: normal; font-size: 10px; line-height: 12px; color: #000066; text-align: justify;
	width: 568px; margin-top: 0px; margin-bottom: 10px; }
.foto568aktuell { float: left; font-weight: normal; font-size: 10px; line-height: 12px; color: #000066; text-align: justify;
	width: 568px; margin-top: 0px; margin-right: 15px; margin-bottom: 10px; }
.foto568reaktuell { float: right; font-weight: normal; font-size: 10px; line-height: 12px; color: #000066; text-align: justify;
	width: 568px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 15px; }
.fotoabstand15 { background-image: url(../pics/abstand1px.gif); float: left; width: 15px; height: auto; }
.fotoabstand05 { background-image: url(../pics/abstand1px.gif); float: left; width: 5px; height: auto; }
.fotoabstand50 { background-image: url(../pics/abstand1px.gif); float: left; width: 50px; height: auto; }
.foto120li, .foto100li, .foto180li, .foto200li, .foto250li, .foto278li, .foto300li, .foto300lior, .foto360li, .foto400li { float: left; text-align: left; font-weight: normal; font-size: 10px;
	line-height: 12px; color: #000066; text-align: justify; width: 120px; margin: 3px 15px 2px 0px; }
.foto120re, .foto100re, .foto180re, .foto200re, .foto250re, .foto278re, .foto300re, .foto360re, .foto400re { float: right; text-align: left; font-weight: normal; font-size: 10px;
	line-height: 12px; color: #000066; text-align: justify; width: 120px; margin: 3px 0px 2px 15px; }
.foto100li, .foto100re { width: 100px; }
.foto180li, .foto180re { width: 180px; }
.foto200li, .foto200re { width: 200px; }
.foto250li, .foto250re { width: 250px; }
.foto278li { width: 278px; margin: 3px 10px 2px 0px; }
.foto278re { width: 278px; margin: 3px 0px 2px 0px; }
.foto300li, .foto300re, .foto300lior { width: 300px; }
.foto360li, .foto360re { width: 360px; margin: 3px 0px 2px 0px; }
.foto400li, .foto400re { width: 400px; }
.flagge1, .flagge2 { float: left;	width: 50px; }
.flagge1 { margin-right: 15px; }
.flagge2 { margin-right: 0px; }

/* --- rechter Spaltenbereich --- */
.logos { font-weight: normal; font-size: 10px; line-height: 12px; color: #000000; text-align: left; margin-bottom: 1px; }
.logoinfo { background-image: url(../pics/kidi_info.jpg); background-repeat: no-repeat; height: 40px; margin-bottom: 6px; }
.logogd { float: left; padding-top: 2px; margin-right: 10px; }
.logo360re { float: right; text-align: left; font-weight: normal; font-size: 13px; line-height: 15px; color: #000066; text-align: left;
	width: 360px; margin: 3px 0px 2px 15px; }
.logodruck { float: left; width: 58px; margin: 30px 12px 0px 0px; }
.logodruckt { float: left; width: 109px; margin-top: 55px; }

/* --- Portrait --- */
.portraitlinks { float: left; width: 80px; height: auto; }
.portraitlinksbu { font-weight: normal; font-size: 10px; line-height: 11px; color: #000000; text-align: left; }
.portrait278 { float: left; width: 278px; font-weight: normal; font-size: 10px; line-height: 11px; color: #000000; text-align: left; margin-bottom: 8px; }
.passfoto80 { float: left; width: 80px; height: auto; }
.passfotoabstand10 { background-image: url(../pics/abstand1px.gif); float: left; width: 10px; height: auto; }
.passfototext90 { float: left; width: 90px; font-weight: normal; font-size: 10px; line-height: 11px; color: #000000; text-align: left; margin-bottom: 8px; }

/* --- Fotoschau --- */
.fotorand1 { float: right; width: 432px; height: 332px; border: 1px solid #999999; background-color: #cccccc; margin-left: 15px; }
.fotorand2 { width: 400px; height: 300px; border: 10px solid #666666; margin: 5px; }
.fotorand3li, .fotorand3re { width: 382px; height: 292px; border: 1px solid #999999; background-color: #cccccc; }
.fotorand3li { float: left; margin-right: 15px; }
.fotorand3re { float: right; margin-left: 15px; }
.fotorand4 { width: 350px; height: 260px; border: 10px solid #666666; margin: 5px; }

/* --- Gemeindefoto --- */
.kirchenfoto { float: left; width: 100px; height: auto; }

/* --- Sonstige Foto --- */
.logokrkreuz { float: left; width: 45px; margin-top: 4px; margin-bottom: 1px; }
.logokrkreuztext { float: left; width: 509px; }

/* --- Rand und img --- */
.rand1 { border: 1px solid #999999; }
.rand2 { border: 1px solid #ffffff; }
.rand3 { border: 3px solid #ffffff; }
.linie0 { clear: both; margin: 0px; border-bottom: 0px solid #33ccff; }
.linie1 { border-top: 1px solid #0099ff; }
.linie2 { margin: 0px 0px 15px 0px; border-bottom: 1px dashed #999999; }
img { border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }
img.rand0 { border-top: none; border-right: none; border-bottom: none; border-left: none; }