/* Browserstandards auf Null setzen: */
* {
		margin: 0;
		padding: 0;
		border: none;
}

/* allgemeine Definitionen für die ganze Seite */
body  {
		text-align: center;
		background: #2ea758;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		line-height: 1.35em;
		color: #003366; 
    }
	 
	 
/* --------------------------------------Anfang Wrapper-------------------------------------- */
div#wrapper { 
		width: 902px;
		height: 561px;
		margin-top: 6px;
		margin-left: auto;
		margin-right: auto;
    	text-align: left;
    }
/* --------------------------------------Ende Wrapper--------------------------------- */


/* --------------------------------------Anfang Header--------------------------------------- */
div#header { 
    	width: 898px;
    	height: 106px;
    	border: 2px solid #fff;
    	background: url(../bilder/header.jpg) no-repeat;
    } 
/* --------------------------------------Ende Header---------------------------------- */	 

	 
/* --------------------------------------Anfang horizontales Navigationsmenü------------------------------ */	 	
div#menu { 
		width: 902px;
		height: 30px;
    } 
div#menu ul {
		list-style: none;
		height: 30px;
		font-weight: 600;
		color: #fff;
		text-align: center;
	}
div#menu ul li {
		display: inline;
		line-height: 30px;
		margin: 0 4px;
	}
div#menu ul li.blau {
		color: #003366;
	}
div#menu ul li a {
		text-decoration: none;
		color: #FFF;
	}
div#menu ul li a:hover {
		color: #003366;
	}
div#menu ul li a:active, div#menu ul li a:focus {
 	 	outline: none;
	}
/* ----------------------------------Ende horizontales Navigationsmenü----------------------------- */


/* --------------------------------------Anfang gelber Inhaltsbereich--------------------------------------- */

/* allgemeine Angaben für den Inhaltsbereich */
div#content { 
    	width: 898px;
    	height: 417px;
    	border: 2px solid #fff;
		background: #ffcc00;
    } 
/* Ende allgemeine Angaben für den Inhaltsbereich */

/* spezifische Angaben für den Inhaltsbereich auf der index-Seite */
div#contentindex { 
    	width: 898px;
    	height: 417px;
    	border: 2px solid #fff;
		background: url(../bilder/willkommen.jpg) no-repeat;
    } 
/* Ende spezifische Angaben für den Inhaltsbereich auf der index-Seite */



/* Unternavigation linke Spalte */
div#content div#submenu {
    	float: left;
    	width: 184px;
    	padding-top: 1em;
		padding-left: 15px;
		padding-right: 15px;
	}
div#content div#submenu ul {
		list-style: none;
		font-weight: 600;
	}
div#content div#submenu ul li {
		margin: 0 3px;
		padding-bottom: 1.5em;
	}
div#content div#submenu ul li.weiss {
		color: #fff;
		padding-left: 1.2em;
		background: url(../bilder/navi.gif) no-repeat 0 15%;
	}
div#content div#submenu ul li a {
		text-decoration: none;
		color: #003366;
		background: url(../bilder/naviblau.gif) no-repeat 0 60%;
		padding-left: 1.2em;
	}
div#content div#submenu ul li a:hover {
		color: #fff;
		background: url(../bilder/navi.gif) no-repeat 0 50%;
	}
div#content div#submenu ul li a:active, div#content iv#menu ul li a:focus {
 		outline: none;
	}
/* Ende Unternavigation linke Spalte */


/* Klasse für Überschriften in Fettschrift */
div#content p.head {
	font-weight: bold;
}

/* Klasse für roten Text in Fettschrift */
div#content p.red {
	font-weight: bold;
	color: #ff0000;
}

/* mittlere Textspalte */
div#content div#textli { 
		width: 334px;
		margin-left: 216px;
    }
div#content div#textli p {
    	margin-left: 12px;
    	margin-right: 10px;
		padding-top: 1em;
		padding-bottom: 0.6em;
    }
div#content div#textli p a {
color:#003366;
text-decoration:none;
}
div#content div#textli p a:visited {
color:#003366;
text-decoration:none;
}
div#content div#textli p a:hover {
color:#2ea758;
text-decoration:none;
}
div#content div#textli p a:active, div#content div#textli p a:focus {
 	 	outline: none;
	}
/* Ende mittlere Textspalte */ 

/* rechte Textspalte */
div#content div#textre {
    	float: right;
    	width: 342px;
    }
div#content div#textre p {
    	margin-left: 10px;
    	margin-right: 10px;
		padding-top: 1em;
		padding-bottom: 0.5em;
    }
div#content div#textre p.update {
    	margin-left: 10px;
    	margin-right: 10px;
		padding-top: 19em;
		padding-bottom: 0.6em;
		text-align: right;
    }
div#content div#textre p a {
color:#003366;
text-decoration:none;
}
div#content div#textre p a:visited {
color:#003366;
text-decoration:none;
}
div#content div#textre p a:hover {
color:#2ea758;
text-decoration:none;
}
div#content div#textre p a:active, div#content div#textre p a:focus {
 	 	outline: none;
	}
/* Ende rechte Textspalte */ 


/* Bilder auf allen Seiten in der rechten Textspalte als Hintergrund im div angelegt wegen Darstellungsproblem im IE6: zeigt 2 zusätzliche px Hintergrund unter Bildern, die in HTML in den div gelegt sind */
/* rechte Textspalte für Seite Geschichte */
div#content div#geschichte {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/drachenburg/drachenburg.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Geschichte */

/* rechte Textspalte für Seite Gruppen */
div#content div#gruppe {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/drachenburg/gruppe.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Gruppen */

/* rechte Textspalte für Seite Vorschule */
div#content div#vorschule {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/drachenburg/vorschule.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Vorschule */

/* rechte Textspalte für Seite Lageplan */
div#content div#plan {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/drachenburg/plan.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Lageplan */

/* rechte Textspalte für Seite Team */
div#content div#team {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/team/team.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Team */

/* rechte Textspalte für Seite Michèle */
div#content div#michele {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/team/michele.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Michèle */

/* rechte Textspalte für Seite Nisch */
div#content div#nisch {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/team/nisch.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Nisch */

/* rechte Textspalte für Seite Tanja */
div#content div#tanja {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/team/tanja.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Tanja */

/* rechte Textspalte für Seite Alex */
div#content div#laura {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/team/laura.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Alex */

/* rechte Textspalte für Seite Jahr */
div#content div#jahr {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/aktivitaeten/jahr.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Jahr */

/* rechte Textspalte für Seite Ausflüge */
div#content div#ausfluege {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/aktivitaeten/ausflug.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Ausflüge */

/* rechte Textspalte für Seite Bauernhof*/
div#content div#bauernhof {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/aktivitaeten/bauernhof.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Bauernhof */

/* rechte Textspalte für Seite Feste*/
div#content div#feste {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/aktivitaeten/feste.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Feste */

/* rechte Textspalte für Seite Kochen*/
div#content div#kochen {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/eki/kochen.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Kochen */

/* rechte Textspalte für Seite Öffnungszeiten*/
div#content div#zeiten {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/offizielles/zeiten.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Öffnungszeiten */

/* rechte Textspalte für Seite Förderer*/
div#content div#foerderer {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/offizielles/foerderer.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Förderer */

/* rechte Textspalte für Seite Kontakt*/
div#content div#kontakt {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/offizielles/kontakt.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Kontakt */

/* rechte Textspalte für Seite Impressum*/
div#content div#impressum {
    	float: right;
    	width: 340px;
		height:417px;
		border-left: 2px solid #fff;
		background: url(../bilder/offizielles/impressum.jpg) no-repeat;
    }
/* Ende rechte Textspalte für Seite Impressum */

/* Ende seitenspezifische Hintergrundbilder für die rechten divs */


/* Contentbereich über mittlere und rechte Spalte für die Tabelle auf Seite Tagesablauf */
div#content div#texttab { 
		width: 681px;
		margin-left: 214px;
    }
div#content div#texttab p {
    	margin-left: 12px;
    	margin-right: 10px;
		padding-top: 1em;
		padding-bottom: 0.5em;
    }
/* Ende Contentbereich über mittlere und rechte Spalte für die Tabelle auf Seite Tagesablauf */ 	





/* Fotobereich für die Unterseiten der ImageMap */
div#content div#raumbasteln {
		margin-left: 214px;
		background: url(../bilder/drachenburg/basteln.jpg) no-repeat;
		border-left: 2px solid #fff;
		height:417px;
    }
div#content div#raumbauen {
		margin-left: 214px;
		background: url(../bilder/drachenburg/bauen.jpg) no-repeat;
		border-left: 2px solid #fff;
		height:417px;
    }
div#content div#raumblau {
		margin-left: 214px;
		background: url(../bilder/drachenburg/blaueszimmer.jpg) no-repeat;
		border-left: 2px solid #fff;
		height:417px;
    }
div#content div#raumessen {
		margin-left: 214px;
		background: url(../bilder/drachenburg/essen.jpg) no-repeat;
		border-left: 2px solid #fff;
		height:417px;
    }
div#content div#raumgarderobe {
		margin-left: 214px;
		background: url(../bilder/drachenburg/garderobe.jpg) no-repeat;
		border-left: 2px solid #fff;
		height:417px;
    }
div#content div#raumpuppen {
		margin-left: 214px;
		background: url(../bilder/drachenburg/puppen.jpg) no-repeat;
		border-left: 2px solid #fff;
		height:417px;
    }
div#content div#raumtoben {
		margin-left: 214px;
		background: url(../bilder/drachenburg/toben.jpg) no-repeat;
		border-left: 2px solid #fff;
		height:417px;
    }
/* Ende Fotobereich für die Unterseiten der ImageMap */ 	 



/* --------------------------------------Ende gelber Inhaltsbereich---------------------------------- */	 


	 
/* -----------------Anfang Eigenschaften Bilder--------------------- */
img {
	border-top: 0;
	border-bottom: 0;
	border-left: 2px solid #ffffff;
	border-right: 0;
}
/* Klasse definieren, damit die Bilder im Menü keinen Rahmen und keinen Abstand haben */
img.none {
	border: 0;
/*	padding-top: 11px;*/
}
img.raeume {
	border: 0;
}
img.raum {
	border-top: 0;
	border-bottom: 0;
	border-left: 2px solid #ffffff;
	border-right: 0;
}
img.pdf {
	border: 0;
	margin-left: 11px;
	margin-top: 2em;
}
img.logo {
	border: 0;
	margin-left: 11px;
	margin-top: 1em;
}
img.lang {
	border-top: 0;
	border-bottom: 0;
	border-left: 2px solid #ffffff;
	border-right: 0;
}

/* -----------------Ende Eigenschaften Bilder--------------------- */


/* -----------------Anfang Eigenschaften Tabelle für Seite Tagesablauf--------------------- */
table#tag {
	width: 100%;
	margin-top: 0.5em;
	border-collapse: collapse;
}
table#tag td {
	background-color: #ffe786;
	line-height: 1.8em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-top: 2px solid #ffcc00;
	border-bottom: 2px solid #ffcc00;
	border-left: 2px solid #ffcc00;
}
table#tag th {
	background-color: #ffe786;
	line-height: 1.8em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-top: 2px solid #ffcc00;
	border-bottom: 2px solid #ffcc00;
	border-left: 2px solid #ffcc00;
	font-weight: normal;
	text-align: right;
}
/* -----------------Ende Eigenschaften Tabelle für Seite Tagesablauf--------------------- */