/**********************************************************************/
/* layout_default.css                                                 */
/*--------------------------------------------------------------------*/
/* Layout für "Die Knirpsenkiste - Kindertagespflege in Herrnhut" auf */
/*                http://www.knirpsenkiste.de/                        */
/*                                                                    */
/*       --- Standard-Einstellunen für moderne Browser ---            */
/*                                                                    */
/*--------------------------------------------------------------------*/
/* webmaster@knirpsenkiste.de                                         */
/*--------------------------------------------------------------------*/
/* 12.01.2008                                                         */
/**********************************************************************/

/*====================================================================*/
/* GLOBAL (für alle Seiten)                                           */
/*====================================================================*/
	/*------------------------------------------------------------*/
	/* GLOBAL: allgemein                                          */
	/*------------------------------------------------------------*/
	.klein         { font-size: smaller;         }
	.gross         { font-size: larger;          }
	.hoch          { line-height: 1.3em;         }
	.unterstrichen { text-decoration: underline; }
	.fett          { font-weight: bold;          }
	.kursiv        { font-style: oblique;        }
	.zentriert     { text-align: center;         }
	.farbig        { color: #800000;             }

	/*------------------------------------------------------------*/
	/* GLOBAL: Überschriften                                      */
	/*------------------------------------------------------------*/
		/* Ebene 1 */
		h1
		{
			margin-left: -0.4em;
			margin-right: -0.2em;
			border: none;
			border-top:    1px solid #ff6727;
			border-bottom: 1px solid #ff6727;
			background-color: #ffa777;
			padding: 0.2em 1em 0.2em 0.7em;
			color: #600000;
		}
		h1.abstand { margin-top: 1.5em; }
		/* Ebene 2 */
		h2
		{
			margin-top: 1.5em;
			margin-bottom: -0.4em;
			color: #800000;
		}
		/* Ebene 3 */
		h3
		{
			color: #800000;
		}

	/*------------------------------------------------------------*/
	/* GLOBAL: horizontale Trennlinie                             */
	/*------------------------------------------------------------*/
		hr
		{
			margin-top: 2em;
			margin-bottom: 1em;
			height: 4px;
			border: none;
			border-top:    1px solid #ff6727;
			border-bottom: 1px solid #ff6727;
			color:            #ffa777;
			background-color: #ffa777;
		}

	/*------------------------------------------------------------*/
	/* GLOBAL: Listen                                             */
	/*------------------------------------------------------------*/
		/* Liste mit vertikalem Abstand zwischen den Elementen */
		ul.abstand li
		{
			padding-bottom: 0.5em;
		}
		/* Liste links und rechts eingerückt */
		ul.einzug li
		{
			margin-left: 2em;
			margin-right: 5em;
		}

	/*------------------------------------------------------------*/
	/* GLOBAL: Tabellen                                           */
	/*------------------------------------------------------------*/
		table.oben         td, table.oben      th, table td.oben,      table th.oben      { vertical-align: top;   }
		table.links        td, table.links     th, table td.links,     table th.links     { text-align: left;      }
		table.zentriert    td, table.zentriert th, table td.zentriert, table th.zentriert { text-align: center;    }
		table.rechts       td, table.rechts    th, table td.rechts,    table th.rechts    { text-align: right;     }
		table.einzug       td, table.einzug    th, table td.einzug,    table th.einzug    { padding-left: 2em;     }
		table.abstand      td, table.abstand   th, table td.abstad,    table th.abstand   { padding-bottom: 0.5em; }
		table.abstand_alle td                                                             { padding: 1em;          }
		/* Tabelle über die gesamte Breite */
		table.ganze_breite
		{
			table-layout: fixed;
			width: 100%;
		}
		table td.ueber { padding-top: 2em; padding-bottom: 0em; }
		table td.unter { padding-top: 0em;                      }

	/*------------------------------------------------------------*/
	/* GLOBAL: Bilder                                             */
	/*------------------------------------------------------------*/
		/* Bild: rechtsbündig und vom Text umflossen */
		img.rechts
		{
			float: right;
			margin-left: 1.5em;
			margin-bottom: 1em;
		}
		/* Bild als Link, ohne Link-Rahmen */
		img.link { border: none; }

	/*------------------------------------------------------------*/
	/* GLOBAL: Absnitte und Absätze                               */
	/*------------------------------------------------------------*/
		/* linke Spalte im zweispaltigen Design */
		div.links  { width: 49%;               }
		/* rechte Spalte im zweispaltigen Design */
		div.rechts { width: 49%; float: right; }
		/* zurücksetzen auf einspaltig im zweispaltigen Design */
		div.einspaltig   { clear: both;              }
		/* Abschnitt: links und rechts eingerückt */
		div.einzug
		{
			clear: both; 
			padding-left: 3em; 
			padding-right: 3em;
		}
		/* Abschnitt mit zusätzlichem Abstand nach oben und unten */
		div.abstand 
		{
			padding-top: 1em;
			padding-bottom: 1em;
		}
		/* Absatz mit zusätzlichem Abstand nach oben */
		p.abstand { padding-top: 1em; }

	/*------------------------------------------------------------*/
	/* GLOBAL: Links                                              */
	/*------------------------------------------------------------*/
		/* Besuchter-Link */
		a:visited { color: #000080; }



/*====================================================================*/
/* SEITEN-BEREICHE (auf allen Seiten)                                 */
/*====================================================================*/
	/*------------------------------------------------------------*/
	/* SEITEN-BEREICHE: ganze Seite                               */
	/*------------------------------------------------------------*/
		body 
		{
			font: normal 100.01% Helvetica, Arial, sans-serif;
			margin: 0;
			padding: 0;
			color: #000000; 
			background-color: #ffe7b7;
		}

	/*------------------------------------------------------------*/
	/* SEITEN-BEREICHE: Kopf                                      */
	/*------------------------------------------------------------*/
		div#Kopf
		{
			position: fixed;
			top: 0px;
			left: 0px;
			height: 130px;
			width: 100%;
			margin: 0;
			padding: 0;
			/* wie Seitenhintergrund */
			background-color: #ffe7b7; 
		}

	/*------------------------------------------------------------*/
	/* SEITEN-BEREICHE: linker Randbereich                        */
	/*------------------------------------------------------------*/
		div#Rand
		{
			position: fixed;
			top:  130px;
			left:   0px;
			width: 17em;
			margin:   0;
			padding:  0;
		}

	/*------------------------------------------------------------*/
	/* SEITEN-BEREICHE: Inhalt                                    */
	/*------------------------------------------------------------*/
		div#Inhalt
		{
			position: static;
			margin:   130px 1em 2em 18.3em;
			padding:  0;
		}

/*====================================================================*/
/* SEITEN-ELEMENTE (für alle Seiten)                                  */
/*====================================================================*/
	/*------------------------------------------------------------*/
	/* SEITEN-ELEMENTE: Logo (im Kopfbereich)                     */
	/*------------------------------------------------------------*/
		/* Rahmen- und Hintergrund-Box */
		div#Logo
		{
			position: absolute;
			top: 10px;
			left: 0px;
			height: 105px;
			width: 100%;
			margin: 0;
			padding: 0;
			border-style: solid none solid none;
			border-width: 1px;
			border-color:  #000000;
			background-color: #ffffff;
		}
		/* Streifen als Puzzelstein-Verlängerung bis zum Rand */
		div#Logo div#Band
		{
			position: absolute;
			top: 12px;
			left: 0px;
			height: 34px;
			width: 100%;
			background-color: #dc1f55;
		}
		/* Logo-Grafik */
		div#Logo div#Bild
		{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 100px;
		}

	/*------------------------------------------------------------*/
	/* SEITEN-ELEMENTE: Navigationsleiste (im Randbereich)        */
	/*------------------------------------------------------------*/
		/* Hauptebene: Liste */
		ul#Navigation 
		{
			width: 14.5em;
			margin: 0;
			margin-left: 10px;
			padding: 0.6em 0.6em 0.6em 0.6em;
			background-color: #c0c0c0;
			border-width: 1px 1px 1px 1px;
			border-style: solid;
			border-color: #000000;
		}
		/* Hauptebene: Listenelement */
		ul#Navigation li
		{
			list-style: none;
			display: block;
			margin: 0.2em 0 0.1em 0; 
			padding: 0;
		}
		/* Hauptebene: Listenelement mit größerem Abstand nach Oben*/
		ul#Navigation li.abstand
		{
			margin-top: 1.2em;
		}
		/* Unterebene: Liste */
		ul#Navigation li ul
		{
			list-style: none;
			margin: 0 1em 0 1em; 
			padding: 0;
		}
		/* alle Ebenen: Knopf nicht gedrückt */
		ul#Navigation a
		{
			display: block;
			padding: 0.4em 0.6em 0.4em 0.6em;
			border: 1px solid #000000;
			border-left-color: #ffffff;
			border-top-color: #ffffff;
			vertical-align: middle;
			font-size: smaller;
			font-weight: bold;
			text-decoration: none;
			color: #800000;
		}
		/* alle Ebenen: Knopf gedrückt, wenn mit Maus darüber bzw. wenn er auf aktuelle Seite verweist */
		ul#Navigation a:hover, ul#Navigation a#aktuell
		{
			border-color: #ffffff;
			border-left-color: #000000;
			border-top-color: #000000;
			color: #ffffff;
			background-color: gray;
		}
		/* alle Ebenen: Knopf der auf aktuelle Seite verweist farbig hervorheben */
		ul#Navigation a#aktuell
		{
			background-color: #800000;
		}
		/* alle Ebenen: in der Höhe schmalerer Knopf */ 
		ul#Navigation a.klein
		{
			padding-top: 0.15em;
			padding-bottom: 0.15em;
			font-weight: normal;
			font-size: smaller;
		}
		/* Unterebene: Breite des Knopfs verringern und Schrift nicht fett setzen */
		ul#Navigation li ul li a
		{
			padding-top: 0.2em;
			padding-bottom: 0.2em;
			font-weight: normal;
		}

	/*------------------------------------------------------------*/
	/* SEITEN-ELEMENTE: Info-Boxen (im Inhaltsbereich)            */
	/*------------------------------------------------------------*/
		div.info
		{
			margin-left: 3em;
			margin-right: 6em;
			border: 1px solid #808000;
			background-color: #fffddd;
		}
		div.info span.titel
		{
			padding: 1px 0.6em 0.2em 0.6em;
			color: #ffffff;
			background-color: #000000;
		}
		div.info p
		{
			padding: 0.8em 1.0em 1.0em 1.0em;
			margin: 0;
		}

		/*++++++++++++++*/
		/* Hinweis-Box  */
		/*++++++++++++++*/
			div.info.hinweis
			{
				border-color:     #008000;
				background-color: #e7ffe7;
			}
			div.info.hinweis span.titel { background-color: #008000; }

		/*++++++++++++++*/
		/* Download-Box */
		/*++++++++++++++*/
			div.info.download
			{
				border-color:     #aaaaff;
				background-color: #e7e7ff;
			}
			div.info.download span.titel { background-color: #aaaaff; }

		/*++++++++++++++*/
		/* Verweis-Box  */
		/*++++++++++++++*/
			div.info.verweis
			{
				border-color:     #777777;
				background-color: #eeeeee;
			}
			div.info.verweis span.titel { background-color: #777777; }

		/*++++++++++++++*/
		/* Kontakt-Box  */
		/*++++++++++++++*/
			div.kontakt
			{
				width: 16em;
				padding: 1.0em 2em 1.0em 2em;
				font-size: larger;
				margin-bottom: 4em;
			}

/*====================================================================*/
/* LOKAL: (nur für spezielle Seiten)                                  */
/*====================================================================*/

	/*------------------------------------------------------------*/
	/* LOCAL: Preise-Seite: Tabelle - Elterngeld                  */
	/*------------------------------------------------------------*/
		table.elterngeld	{ padding-bottom: 1.5em; }
		table.elterngeld td
		{
			padding: 0em 1em 0em 1em; 
			text-align: right; 
		}
		table.elterngeld td.erste { text-align: center; }
		table.elterngeld th
		{
			padding: 0em 1em 0.5em 1em; 
			text-align: right; 
			font-weight: normal; 
			font-style: oblique; 
		}
		table.elterngeld th.erste
		{
			padding: 0.5em 1em 0em 1em; 
			text-align: center; 
		}

	/*------------------------------------------------------------*/
	/* LOCAL: Preise-Seite: Tabelle - extra Dienstleistungen      */
	/*------------------------------------------------------------*/
		table#dienste                  { margin-bottom:  3em; }
		table#dienste td.einzug_schmal { padding-left: 0.2em; }
		table#dienste p
		{
			padding: 0 4em 0.5em 4em;
			margin: 0em;
		}

	/*------------------------------------------------------------*/
	/* LOCAL: Belegungs-Seite: Tabelle                            */
	/*------------------------------------------------------------*/
		table#plaetze
		{
			border-collapse: collapse;
			margin-left: 3em;
			empty-cells: show;
		}

		table#plaetze th
		{
			padding: 0.1em 1em 0.1em 1em;
			text-align: left;
			font-weight: bold;
			color: #ffffff;
		}

		table#plaetze td
		{
			padding: 0.3em 2em 0.3em 0em;
			text-align: left;
		}

		table#plaetze td ul
		{
			list-style-type: disc;
			margin-top: 0.8em;
			margin-bottom: 0.8em;
		}

		table#plaetze td ul li ul
		{
			list-style-type: disc;
			margin-bottom: 0.0em;
		}

		table#plaetze td ul li
		{
			padding-top: 0.4em;
			padding-bottom: 0.4em;
		}

		table#plaetze td.schmal
		{
			padding: 0;
			margin: 0;
			font-size: smaller;

		}

		/*++++++++++++++++*/
		/* grüner Bereich */
		/*++++++++++++++++*/
			table#plaetze   .gruen { border: 1px solid #008000; } 
			table#plaetze th.gruen { background-color: #008000; }
			table#plaetze td.gruen { background-color: #ddffdd; }

		/*++++++++++++++++*/
		/* gelber Bereich */
		/*++++++++++++++++*/
			table#plaetze   .gelb  { border: 1px solid #808000; }
			table#plaetze th.gelb  { background-color: #808000; }
			table#plaetze td.gelb  { background-color: #fffddd; }

		/*+++++++++++++++*/
		/* roter Bereich */
		/*+++++++++++++++*/
			table#plaetze   .rot   { border: 1px solid #ff0000; }
			table#plaetze th.rot   { background-color: #ff0000; }
			table#plaetze td.rot   { background-color: #ffdddd; }


/**********************************************************************/