* {
	margin: 0px;
	padding: 0px;
}

html {
	background: #9DCCFF url(../images/hintergrundkachel.jpg) center top repeat-y;
}

html, body {
	height: 100%;
	min-width: 1000px;
	font-family: arial,verdana,sans-serif;
	font-size: 10pt;
}
/*##################################################################*/
/* Struktur
/*##################################################################*/
#page {
	float: left;
	position: relative;
	margin: 0px 0px 0px -500px;
	top: 0;
	left: 50%;
	width: 1000px;
	height: 100%;
	text-align: left;
	z-index:2;
}

html>body #page {
	height: auto;
	min-height: 100%;
}
/*################################################################*/
/* head
/*################################################################*/
	div#head {
		float: left;
		position: relative;
		width: 1000px;
		height: 246px;
		background: url(../images/head.jpg) no-repeat;
	}
/*################################################################*/
/* torso
/*################################################################*/
	div#torso {
		float: left;
		position: relative;
		width: 1000px;
	}
/*##############################################################*/
/* left
/*##############################################################*/
		#left {
			float: left;
			position: relative;
			overflow: hidden;
			margin-top: -40px;
			padding-bottom: 300px;
			width: 227px;
		}
			ul#main-menu,
			ul#sub-menu {
				float:left;
				margin:0px;
				padding:0px 0px 0px 30px;
				width:195px;
				font-weight:bold;
				list-style-type:none;
			}
			
			ul#sub-menu {
				padding:0px 0px 0px 0px;
			}
			
			ul#main-menu li,
			ul#sub-menu li  {
				float:left;
				margin-bottom:5px;
			}
			
				ul#main-menu li a,
				ul#sub-menu li a {
					float:left;
					display:block;
					overflow:hidden;
					padding-left:30px;
					height:23px;
					line-height:23px;
					width:165px;
					color:#FFFFFF;
					font-size:11pt;
					text-decoration:none;
				}
						
					ul#main-menu li a:hover {
						color:#FFFFFF;
						background:url(../images/kleiner_apfel_weiss.gif) left center no-repeat;							
					}
					
					ul#main-menu .main-menu-active {
						color:#FFFF00;
						background:url(../images/kleiner_apfel_gelb.gif) left center no-repeat; 
					}
				
				/*Sub Menu*/
				ul#sub-menu li a {
					font-size:9pt;
					height:13px;
					line-height:13px;
					color:#FFCC66;
				}
				
				ul#sub-menu li a:hover {
					background-image:none;
					color:#FFCC66;
				}
				
				ul#sub-menu .sub-menu-active {				
					background-image:none;
					color:#FFFF00;
				}
				
		/*##############################################################*/
		/* content
		/*##############################################################*/		
		#content {
			float:left;
			position:relative;
			overflow:hidden;
			margin-top: -103px;
			padding: 0px 25px 40px 45px;
			min-height: 500px;
			width: 526px;
			z-index: 5;
		}
			
			#content a {
				color:#359905;
			}

				#content a:hover {
					text-decoration:underline;
				}
			
			#content h2 {
				margin: 0 0 5px 0px;
			}
			
			#content h3 {
				margin: 0 0 9px 0;
				color:#390;
				font-size: 1.25em;
			}
			
			#content p {
				margin: 0 0 9px 0;
			}
/*##############################################################*/
/* Right
/*##############################################################*/		
		#right {
			float:left;
			position:relative;
			overflow:hidden;
			margin-top:-118px;
			width:177px;
			z-index:5;
		}
		
		#kopf {
			position:absolute;
			top:0px;
			left:0px;
			
			width:176px;
			height:19px;
			
			background:url(../images/bild_kopf.gif) no-repeat;
			
			z-index:9;
		}
		
			#right img {
				position:relative;
			}
			
			#right h3 {
				float:left;
				padding-left:15px;
				width:161px;
				height:30px;
				line-height:30px;
				font-size:11.5pt;
				font-weight:bold;
				background-color:#390;
				color:#FF0;
			}

/*##############################################################*/
/* foot
/*##############################################################*/			
		#foot {
		 	position:relative;
			clear:both;
			height:0px;
			left: 50%;
			margin-left: -500px;
			min-width:1000px;
			width:100%;
			z-index:100;	
		}
			
			#foot-functions {
				position: relative;
				width: 1000px;
				height: 0;
				color: #359905;
				font-size: 0.888em;
			}
			
			#foot-functions a {
				color: #359905;
			}
			
			#foot-functions ul {
				position: absolute;
				list-style-type:none;
				left: 645px;
				bottom: 3px;
			}			
				
				#foot-functions ul li {
					float:left;
				}

			#apfel-1 {
				position:absolute;
				left: 2px;
				bottom:40px;
				width:250px;
				height:224px;
				background:url(../images/apfel-unten-links-1.gif) no-repeat;
			}
			#apfel-2 {
				position:absolute;
				left: 2px;
				bottom:0px;
				width:285px;
				height:40px;
				background:url(../images/apfel-unten-links-2.gif) no-repeat;
			}
			#gefoerdert_von {
				bottom:0px;
				color:#0066CC;
				height:25px;
				left:844px;
				position:absolute;
				width:150px;
			}
/*##################################################################*/
/* globale Tags	
/*##################################################################*/
a {
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

ul, ol {
	margin: 0 0 0.5em 1.5em;
}

option {
	margin-right: 6px;
}

select {

}
/*##################################################################*/
/* globale Klassen		
/*##################################################################*/
.invisible {
	position: absolute;
	text-indent: -999em;
}

.clearer {
	clear: both;
}

/*##################################################################*/
/* Plugins	
/*##################################################################*/

/*######################################*/
/* tt_news List (Startseite)
/*######################################*/

.news-list-startseite-container {
	float:left;
	width:235px;
	font-size:0.9em;
}
	
	.news-list-startseite-item-odd,
	.news-list-startseite-item-even {
		float:left;
	}
	
		#content .news-list-startseite-item-odd h3 a,
		#content .news-list-startseite-item-even h3 a{
			font-size:0.9em;
			color:#06C;
		}
		
		.news-list-startseite-morelink {
			padding-top:15px;
			color:#359905;
		}

/*######################################*/
/* tt_news List
/*######################################*/

.news-list-container {
	float:left;
	width:526px;
	font-size:0.9em;
}
	
	.news-list-item-odd,
	.news-list-item-even {
		clear:left;
		padding-bottom:20px;
	}
	
		#content .news-list-item-odd h3 a,
		#content .news-list-item-even h3 a{
			font-size:0.9em;
			color:#0066CC;
		}
		
		.news-list-morelink {
			padding-top:15px;
			color:#359905;
		}

.news-list-container .news-list-img {
	float:right;
}

/*######################################*/
/* tt_news Detailansicht
/*######################################*/

	#content .news-single-item h3 {
		padding-bottom:5px;
		color:#0066CC;
	}
	
	.news-single-timedata {
		font-weight:bold;
		margin-bottom:10px;
	}
	
	.news-single-backlink {
		padding-top:10px;
	}
	
	.news-single-item .news-single-img{
	float:right;
	}

/*######################################*/
/* Cal Liste	
/*######################################*/

.tx-cal-liste {
	float:left;
	position:relative;
}

	.tx-cal-liste h3 {
		margin-bottom: 0.5em;
	}

	.tx-cal-liste-odd,
	.tx-cal-liste-even {
		float: left;
		position: relative;
		padding: 5px 5px 0 5px;
		margin-bottom: 15px;
		border: 1px solid #390;
	}
		
		#content .tx-cal-liste-odd a,
		#content .tx-cal-liste-even a {
			font-size:0.9em;
			color:#0066CC;
		}
		
	#cal-single-teaser {
		margin-bottom: 10px;
		font-weight: bold;
		color: #87C254;
	}
		
/*######################################*/
/* Cal Liste (Rechts)	
/*######################################*/
.tx-cal-rechts-liste {
	float: left;
	position: relative;
	width: 163px;
	font-size: 0.9em;
	color: #333333;
	padding: 20px 7px;
}

	.tx-cal-rechts-liste-odd,
	.tx-cal-rechts-liste-even {
		float:left;
		display: block;
		position:relative;
		padding: 3px;
		width: 155px;			
		margin-bottom: 15px;
		background-color: #EB6;
		border: 1px solid #390;
	}
	
		.tx-cal-rechts-liste-odd h4,
		.tx-cal-rechts-liste-even h4,		
		.tx-cal-rechts-liste-odd a,
		.tx-cal-rechts-liste-even a {
			font-size:1em;
			color:#333333;
		}	
		
		/*#####################*/
		/*	Kategorien
		/*#####################*/
		.kategorie-Eltern,
		.kategorie-Kinder,
		.kategorie-Profis {
			display: block;
			float: right;
			margin-left: 3px;
			height:17px;
			width:15px;
			background:url(../images/kategorie_e_klein.jpg) no-repeat;
		}
		
		.kategorie-Kinder {
			background-image:url(../images/kategorie_k_klein.jpg);			
		}
		
		.kategorie-Profis {
			background-image:url(../images/kategorie_p_klein.jpg);		
		}

/*######################################*/
/* Cal Detail 
/*######################################*/
.cal-event-detail-titel {
	font-weight:bold;
	font-size:1.5em;
	color:#0066CC;
}

.cal-event-detail-startdate {
	float:left;
	padding:5px 5px 5px 0px;
}

.cal-event-detail-enddate {
	padding:5px 5px 5px 0px;
}

.cal-event-detail-starttime {
	float:left;
	padding:0px 5px 5px 0px;
}

.cal-event-detail-endtime {
	padding:0px 5px 5px 0px;
}

.cal-event-detail-beschreibung {
	padding-top:10px;
}
/*######################################*/
/* Kursangebote-Detailansicht
/*######################################*/

.kurse-detail {
	margin: 15px 0 0 20px;
}

.tx-kurse-pi1 {
	float:left;
	width:526px;
}

.tx-kurse-pi1 h4 {
	margin-bottom: 0.6em;
	font-size: 1em;
	color: #06C;
}

#content .tx-kurse-pi1 p {
	margin-left: 1.5em;
}
/*######################################*/
/* Kursangebote-Liste
/*######################################*/
.tx-kurse-pi1 .pagebrowser {
	clear: both;
	margin-bottom: 1em;
	font-size: 0.9em;
}

	.tx-kurse-pi1 .pagebrowser a {
		margin: 0 1px;
	}
	
	.tx-kurse-pi1 .pagebrowser .active {
		margin: 0 1px;
		color: #359905;
		font-weight: bold;
	}
	
	.kurse-liste-even,
	.kurse-liste-odd {
		float:left;
		margin-bottom:15px;
		padding: 5px;
		width: 514px;
		border: 1px solid #390;
	}
	
	#content .tx-kurse-pi1 h4 a {
		color: #06C;
	}
	
	.tx-kurse-pi1 .more {
		float: right;
	}
	
	#kursangebot-karte {
		float:right;
		position:relative;
		margin-bottom: 15px;
		width:494px;
		height:348px;
		background:url(/fileadmin/gesunde-kita.de/images/karte-mv.gif) no-repeat;
	}
			
		#kursangebot-karte a {
			position:absolute;
			display:block;
			width:20px;
			height:20px;
			background:url(/fileadmin/gesunde-kita.de/images/checkbox-empty.gif) no-repeat;
		}
		
			#kursangebot-karte a:hover,
			#kursangebot-karte .active {
				background-image:url(/fileadmin/gesunde-kita.de/images/checkbox-checked.gif);			
			}
				
		#region-west {
			top:240px;
			left:94px;	
		}
		
		#region-mitte {
			top:229px;
			left:257px;			
		}
		
		#region-nord {
			top:122px;
			left:204px;					
		}
		
		#region-ost {
			top:203px;
			left:386px;			
		}
	
	#kursangebot-form {
		position: absolute;
		z-index: 100;
	}
	
	#kursangebot-form select {
		float: left;
		font-size: 0.9em;
	}
	
	#kursangebot-form label {
		display: block;
		clear: left;
		float: left;
		margin-bottom: 9px;
		width: 95px;
	}
	
	#kursangebot-form-submit {
		clear: left;
		float: left;
		margin: 10px 0 0 18px;
		padding: 2px;
		background-color: #390;
		color: #FFFF09;
		font-size: 0.9em;
		border: 1px solid #170;
		cursor: pointer;
	}

/*######################################*/
/* KursVorschlag
/*######################################*/

	.tx-kursvorschlag-pi1 td img {
		vertical-align:middle;
	}
	
	.tx-kursvorschlag-pi1 fieldset {
		position:relative;
		width:506px;
		float:left;
		margin:10px 0 10px 0;
		padding:10px;
		background-color:#ffdb94;
		border-bottom-style:none;
		border-width:0px;
	}
	
	.tx-kursvorschlag-pi1 fieldset legend {
		position:absolute;
		top:-16px;
		left:3px;
		min-width:150px;
		height:20px;
		width:150px;
		display:block;
		padding:5px 5px 0 10px;
		margin-left:-10px;
		background:url(../images/register.gif) no-repeat;
		color:#359905;
	}
	
	.tx-kursvorschlag-pi1 fieldset textarea {
		float:left;
	}
	
	.tx-kursvorschlag-pi1 fieldset .hint {
		float:left;
		width:170px;
		margin-left:5px;
		color:#359905;
	}
	
	.tx-kursvorschlag-pi1 #region {
		position: relative;
		width: 494px;
		height:348px;
		background:url(/fileadmin/gesunde-kita.de/images/karte-mv.gif) left top no-repeat;
	}
	
	.tx-kursvorschlag-pi1 #region .hint {
		position: absolute;
		left: 15px;
		top: 15px;
	}
	
	.tx-kursvorschlag-pi1 .error {
		color:#FF0000;
	}
	
	.tx-kursvorschlag-pi1 .success {
		color:#359905;
		font-weight:bold;
	}

	.tx-kursvorschlag-pi1 #region1 {
		position: absolute;
		top: 240px;
		left: 94px;
	}
	
	.tx-kursvorschlag-pi1 #region2 {
		position: absolute;
		top: 229px;
		left: 257px;
	}
	
	.tx-kursvorschlag-pi1 #region3 {
		position: absolute;
		top: 122px;
		left: 204px;
	}
	
	.tx-kursvorschlag-pi1 #region4 {
		position: absolute;
		top: 203px;
		left: 386px;
	}