/*++++++++++++++++++++++++++++++++
	ehe-definitionen         +
++++++++++++++++++++++++++++++++*/	
/* 
Die Dokumente haben zwei Spalten: 
links: <div id="navi"> mit dem Ehelogo sowie der der Navigation.
rechts: <div id="inhalt"> beginnt mit Ehe-Schriftzug.
	Es gibt ein Programm, mit dem man diesen Bereich auswechseln kann.
Bei den Seiten, die zu den Kitas verweisen ist "inhalt" geteilt sodass rechts ein allgemeiner Text oder eine Karte stehen und in der Mitte die Links zu den Kitas.
Bei den Seiten der Kitas stehen rechts die formalen Angaben (Adresse, Öffnungszeiten etc) und in der Mitte die Beschreibungen. Für die Kitas gibt es eine eigene ehe-kitas.css.
*/
/* Dateien verändern: Bitte auf "<! ENDE NAVI" blättern. Ab da beginnt der Inhalt der Seiten
*/
/* Navi verändern: Es gibt ein Programm navi.exe welches den bestehenden Navi-Bereich durch den Inhalt von navi.in 
austauscht. Vorsicht: der Eintrag "<li id="hier">", muss jeweils angepasst werden. Datei und Quelle steht unter kitas.
*/


/*++++++++++++++++++++++++++++++++++++
+	Gesamtes Dokument 
+++++++++++++++++++++++++++++++++++++*/

/* hellgelber Hintergrund, dunkel-gelber Rahmen */
body {
	margin: 0pt;
 	color: rgb(0, 0, 0); 
	background-color: rgb(255, 255, 204);
	font-family: "Comic Sans MS", Verdana, serif;
	border-color: #fc0; 
	}

/* Hervorhebung der Verweise ind den Grundfarben */
a {color: #CC0000; font-weight: strong}
a:link {color: #c00;}
a:hover {color: #0c0;}
a:visited {color: #00c;}

/* Kommentare der Redaktion */
div#bemerkung {font-style: italic; font-size: 8pt;}

h1 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: "Comic Sans MS", Verdana; 
	font-weight: bold; 
	font-size: larger;
	color: #cc0000;
	}

h2 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: "Comic Sans MS", Verdana; 
	font-weight: bold; 
	font-size: smaller;
	color: #cc0000;
	}

/* Stil der listen mit Abständen */
li {
	font-size: smaller; 
	font-weight: bold; 
	/* border:0px solid black;  */
	margin:0; 
	padding-bottom:1.2em; 
	line-height:1.4em;
}

/* listen-unterpunkte können enger geschrieben werden */
li#mitSub li {padding: 0pt 0pt 3pt 0pt; font-size: 10pt;}


hr /* statt noshade + Abschluss */
	{
	/* clear: both; */
        border-color: #a0a080; 
 	border-color: #fc0; 
	border-style: solid;
	border-width: 2.5px;
	}

/* pseudoelement */
div#clear {clear: both; }

ul#literatur li {padding: 0pt 0pt 3pt 0pt; font-size: 10pt;}

ul#kurzliste li {padding-bottom: 3pt; font-size: 10pt; font-weight: normal;}

/*++++++++++++++++++++++++++++++++++++
+	Navigationsbereich 
+++++++++++++++++++++++++++++++++++++*/

div#navi
	{
	background-color: #FC0;
	float: left;
	width: 140pt;
	border: 1pt;
	}

div#navi img#logo {width: 103pt; height: 113pt; border: 0pt;text-align: center; padding: 10pt 10pt 0pt 10pt;} 
div#navi img {border: 0pt; margin-left: 10%; margin-right: 10%;} 
div#navi img#verlauf {margin-left: 0pt;}
div#navi ul {margin: 0pt;list-style-position:inside; padding-left: 2pt;}


/* Navigation in Tiefe nur wenn hier oder start. Bei hier in heller Farbe */
div#navi ul ul {display: none; list-style-position:inside; padding-left: 15pt;}
div#navi li#hier + ul {display: block; list-style-position:inside; padding-left: 15pt;}
div#navi li#start + ul {display: block; list-style-position:inside; padding-left: 15pt;}
div#navi li#start + ul li {list-style-type: disk; padding: 0pt; 
	list-style-image: url(LogosBilder/smily-klein.jpg);font-size: smaller;}
div#navi li#hier + ul li { /* border: 2px solid #00f; */ list-style-type: disk; padding: 0pt; 
	list-style-image: url(LogosBilder/smily-klein.jpg);font-size: smaller;}
div#navi li#hier + ul li a {font-size: smaller; font-weight: normal;}
div#navi li#start + ul li a {font-size: smaller; font-weight: normal;}


div#navi li {/* border: 2px solid #00f; */ padding: 2pt; list-style-image: url(LogosBilder/smily1.jpg);}
div#navi li#hier {border: 1px solid rgb(255, 255, 204);background-color: #fe0;}


/*++++++++++++++++++++++++++++++++++++
+	rechter Inhaltsbereich
+++++++++++++++++++++++++++++++++++++*/

div#inhalt
	{
	margin-left: 143pt;
	/* bei breiten Bildschirmen sind die Zeilen sonst zu lang */
	max-width: 700pt;
	}

/*++++++++++++++++++++++++++++++++++++
+
+	Einzelne Seiten
+
+++++++++++++++++++++++++++++++++++++*/

div#rechterbereich {
	float: right;
	/* border: 1px dashed silver; */
	margin-top: 0pt;
	padding: 0pt;
	width: 70%;
	/* font-size: small; */

	}



/*++++++++++++++++++++++++++++++++++++
+	Startseite
+++++++++++++++++++++++++++++++++++++*/



div#logo{text-align: center; color: #fff; background-color: #fc0; display: block; font-size: 55pt;}
div#sublogo {text-align: center; color: #fff; background-color: #fc0; display: block; font-size: larger; padding-bottom: 10pt;}

div#kibizlogo {float:right; margin-right: 20%; border-width: 0pt;}
div#kibizueberschrift {
	text-align: center;
	font-family: "Comic Sans MS", Verdana; 
	border: 0px solid #00f; 
	height: 50pt;
	margin-top: 15pt;
	font-weight: bold; 
	font-size: larger;
	color: #c00;
	}

div#kibizueberschrift img {width: 203pt; height: 113pt; border: 0px solid #0ff; }




div#gesamt
	{
       border-color: #a0a080; 
	border-color: #fc0; 
	border-style: double;
	border-width: 8.5px;
	}

ul#telefonzeiten li
	{padding-bottom: 0.2em}



/*+++++++++++++++++++++++++++++++++++
+
+	speziell
+++++++++++++++++++++++++++++++++++*/

div#allekitas a {display: block; font-size: small;text-decoration:none; vertical-align: text-bottom;
	background-color: #ffffe0; width: 18em;
	}

div#allekitas 	a.anfang {line-height: 150%; margin-top: 10pt; }
div#allekitas 	a.anfang:first-letter {font-size: 200%;}

div#spielgruppen a {display: block; font-size: small;text-decoration:none; vertical-align: text-bottom; width: 40%;
	}

div#spielgruppen 	a.anfang {line-height: 150%; margin-top: 10pt; }
div#spielgruppen 	a.anfang:first-letter {font-size: 200%;}


div#muensterkarte {float: right; margin-right: 10%;}
/*	div {float: left;} */

/*+++++++++++++++++++++++++++++++++++++++
+    Altes und Diverses zum Aufraeumen
++++++++++++++++++++++++++++++++++++++*/
.klein {font-family: "Comic Sans MS", Verdana; font-size: xx-small}
.fettzentriert {font-family: "Comic Sans MS", Verdana; font-size: medium; font-weight:bold;text-align: center;
	margin-left: auto;
	margin-right: auto;}


/* Die Stile von Eva */
.Stil1 {color: #CC0000}
.Stil3 {font-family: "Comic Sans MS", Verdana}
.Stil5 {font-family: "Comic Sans MS", Verdana; font-size: smaller; }
.Stil7 {color: #000000}
.Stil20 {
font-family: "Comic Sans MS", Verdana;
font-size: smaller;
color: #000000;
font-weight: bold;
}
.Stil21 {font-family: "Comic Sans MS", Verdana; font-size: medium; color: #CC0000; font-weight: bold; }
.Stil23 {font-size: xx-small}