
 body
 {
	margin: 0px;
	padding: 0px;
	font-family: verdana,arial;
	font-size: 12px;
	text-align: center;
 }



	a
	{
		color: #888888;
	}

		a:hover
		{
			color: #AAAAAA;
		}

		a img
		{
			border: none;
		}



	#head
	{
		height: 153px;
		margin-top: 30px;
		background-repeat: repeat-x;
		background-image: url('../pix/head_background.jpg');
	}



	#menu
	{
		height: 128px;
		background-color: #00A550;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}

		#menu ul
		{
			margin: 0px;
			padding: 0px;
			list-style-type: none;	
		}

			#menu ul li
			{
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}


		#menu div.inner
		{
			width: 960px;
			height: 128px;
			margin: auto;
			text-align: left;
			overflow: hidden;
		}

			#menu div.menu1
			{
				float: left;
				width: 179px;
				height: 128px;
				border-right: 1px solid #FFFFFF;
			}

				#menu div.menu1 ul
				{
					padding-top: 26px;
				}

					#menu div.menu1 ul li
					{
						height: 28px;
					}

						#menu div.menu1 ul li a
						{
							position: absolute;
							display: block;
							width: 145px;
							font-size: 15px;
							color: #E6E6E6;
							text-decoration: none;
							text-align: right;
						}

							#menu div.menu1 ul li a:hover
							{
								margin-top: -4px;
								font-size: 20px;
							}

							#menu div.menu1 ul li a.active
							{
								margin-top: -4px;
								font-size: 20px;
								color: #FFFFFF;
							}


			#menu div.menu2
			{
				width: 780px;
				height: 128px;
				overflow: hidden;
			}

				#menu div.menu2 ul li
				{
					float: left;
				}

					#menu div.menu2 ul li a
					{
						display: block;
						width: 259px;
						height: 128px;
						text-align: left;
						border-right: 1px solid #FFFFFF;
						background-repeat: repeat-x;
						cursor: pointer;
						overflow: hidden;
					}

						#menu div.menu2 ul li a span.text
						{
							display: none;
						}

						#menu div.menu2 ul li a span.image1
						{
							display: block;
							position: absolute;
							width: 135px;
							height: 128px;
							margin-left: 20px;
							background-repeat: no-repeat;
							background-position: left top;
						}

						#menu div.menu2 ul li a span.image2
						{
							display: block;
							float: right;
							width: 144px;
							height: 128px;
							background-repeat: no-repeat;
							background-position: right top;
						}

						#menu div.menu2 ul li a.kinder
						{
							background-image: url('../pix/menu_button_kinder_bg.jpg');
						}

							#menu div.menu2 ul li a.kinder span.image1
							{
								background-position: 12px top;
								background-image: url('../pix/menu_button_kinder_text.jpg');
							}

							#menu div.menu2 ul li a.kinder span.image2
							{
								background-image: url('../pix/menu_button_kinder.jpg');
							}

						#menu div.menu2 ul li a.jugendliche
						{
							background-image: url('../pix/menu_button_jugendliche_bg.jpg');
						}

							#menu div.menu2 ul li a.jugendliche span.image1
							{
								background-image: url('../pix/menu_button_jugendliche_text.jpg');
							}

							#menu div.menu2 ul li a.jugendliche span.image2
							{
								background-image: url('../pix/menu_button_jugendliche.jpg');
							}

						#menu div.menu2 ul li a.erwachsene
						{
							background-image: url('../pix/menu_button_erwachsene_bg.jpg');
						}

							#menu div.menu2 ul li a.erwachsene span.image1
							{
								background-image: url('../pix/menu_button_erwachsene_text.jpg');
							}

							#menu div.menu2 ul li a.erwachsene span.image2
							{
								background-image: url('../pix/menu_button_erwachsene.jpg');
							}



						#menu div.menu2 ul li a.active
						{
							width: 359px;
						}

						#menu div.menu2 ul li a.small
						{
							width: 209px;
						}

							#menu div.menu2 ul li a.small span.image1
							{
								width: 165px;
								background-position: center top;
							}

							#menu div.menu2 ul li a.small span.image2
							{
								display: none;
							}

	#body
	{
		background-repeat: repeat-x;
		background-image: url('../pix/body_background.jpg');
	}

		#body div.inner
		{
			width: 960px;
			margin: auto;
			text-align: left;
		}

			#body div.menu
			{
				float: left;
				width: 180px;
				padding-top: 30px;
				text-align: right;
			}

				#body div.menu ul
				{
					margin: 0px;
					padding: 0px;
					padding-right: 35px;
					list-style-type: none;
				}

					#body div.menu ul li
					{
						margin: 0px;
						padding: 0px;
						padding-bottom: 20px;
						list-style-type: none;
					}

						#body div.menu ul li a
						{
							/*padding-right: 8px;*/
							padding-left: 8px;
							color: #808080;
							text-decoration: none;
							background-position: left 4px;
							background-repeat: no-repeat;
							background-image: url('../pix/dot.gif');
						}

							#body div.menu ul li a:hover
							{
								color: #404040;
							}

							#body div.menu ul li a.active
							{
								color: #303030;
							}

			#body div.content
			{
				float: left;
				width: 520px;
			}

				#body div.content div.text
				{
					padding: 35px;
					padding-top: 28px;
					line-height: 1.5;
					color: #404040;
				}

					#body div.content div.text h1
					{
						margin: 0px;
						margin-bottom: 8px;
						padding: 0px;
						padding-bottom: 14px;
						font-size: 20px;
						font-weight: normal;
						font-family: Georgia, serif;
						color: #009F4D;
						border-bottom: 1px solid #CCCCCC;
					}

					#body div.content div.text h2
					{
						margin: 0px;
						padding: 0px;
						padding-top: 12px;
						padding-bottom: 8px;
						font-size: 16px;
						font-weight: normal;
						font-family: Georgia, serif;
						color: #505050;
					}

					#body div.content div.text h3
					{
						margin: 0px;
						padding: 0px;
						padding-top: 8px;
						padding-bottom: 2px;
						font-size: 14px;
						font-weight: normal;
						font-family: Georgia, serif;
						color: #808080;
					}

					#body div.content div.text p
					{
						margin: 0px;
						padding: 0px;
						padding-top: 8px;
						padding-bottom: 12px;
					}

					#body div.content div.text blockquote
					{
						margin-left: 0px;
						padding-left: 40px;
						font-style: italic;
						color: #707070;
						background: url(../pix/quote.gif) no-repeat;
					}

					#body div.content div.text form
					{
						margin: 0px;
						padding: 10px;
					}

						#body div.content div.text form p
						{
							
						}

							#body div.content div.text form p span
							{
								display: block;
								float: left;
								width: 100px;
							}

							#body div.content div.text form p input
							{
								width: 240px;
								padding: 4px;
								font-family: verdana,arial;
								font-size: 12px;
								letter-spacing: 1px;
								color: #606060;
								border: 1px solid #A5A5A5;
								background-color: #FFFFFF;
								background-repeat: no-repeat;
								background-image: url('../pix/input_background.gif');
							}

							#body div.content div.text form p textarea
							{
								width: 310px;
								height: 120px;
								padding: 4px;
								font-family: verdana,arial;
								font-size: 12px;
								letter-spacing: 1px;
								color: #606060;
								border: 1px solid #A5A5A5;
								background-color: #FFFFFF;
								background-repeat: no-repeat;
								background-image: url('../pix/input_background.gif');
							}

							#body div.content div.text form p.submit input
							{
								width: auto;
								margin-right: 10px;
								padding: 4px;
								padding-left: 13px;
								padding-right: 6px;
								padding-bottom: 3px;
								color: #FFFFFF;
								border: none;
								background: #00A550;
								overflow: visible;
								background-repeat: no-repeat;
								background-position: 6px 9px;
								background-image: url('../pix/submit.gif');
							}

					#body div.content div.text div.image
					{
						height: 160px;
					}

					#body div.content div.text div.imageline
					{
						height: 8px;
						margin-bottom: 10px;
						overflow: hidden;
						background-repeat: no-repeat;
						background-position: center center;
						border-bottom: 1px solid #CCCCCC;
					}

					#body div.content div.text div.album
					{
						width: 450px;
						height: 250px;
						overflow: hidden;
					}

						#body div.content div.text div.album div.albuminner
						{
							width: 450px;
						}

							#body div.content div.text div.album div.albuminner a
							{
								display: block;
								width: 450px;
								height: 250px;
								margin-bottom: 10px;
								overflow: hidden;
								background-repeat: no-repeat;
								background-position: center center;
							}

								#body div.content div.text div.album div.albuminner a span
								{
									display: none;
									width: 448px;
									height: 248px;
									cursor: pointer;
									border: 1px solid #000000;
									background-repeat: no-repeat;
									background-position: right center;
									background-image: url('../pix/image_next.gif');
									filter: alpha(opacity=60);
									-moz-opacity: 0.6;
									opacity: 0.6;
								}

									#body div.content div.text div.album div.albuminner a:hover span
									{
										display: block;
									}

					#body div.content div.text #albumcontrol
					{
						margin-top: 8px;
						padding-top: 8px;
						border-top: 1px solid #CCCCCC;
					}

						#body div.content div.text #albumcontrol a
						{
							padding-left: 5px;
							padding-right: 5px;
							text-decoration: none;
							border-right: 1px solid #CCCCCC;
						}

							#body div.content div.text #albumcontrol a.active
							{
								color: #000000;
							}


			#body div.info
			{
				float: right;
				width: 225px;
				padding-top: 10px;
				color: #505050;
			}


				#body div.info h2
				{
					margin: 0px;
					margin-bottom: 8px;
					padding: 0px;
					padding-top: 20px;
					padding-bottom: 9px;
					font-size: 17px;
					font-weight: normal;
					font-family: Georgia, serif;
					color: #009F4D;
					border-bottom: 1px solid #CCCCCC;
				}


				#body div.info h3
				{
					margin: 0px;
					padding: 0px;
					padding-top: 3px;
					padding-bottom: 3px;
					font-size: 14px;
					font-weight: normal;
					font-family: Georgia, serif;
					color: #808080;
				}


				#body div.info p
				{
					margin: 0px;
					padding: 0px;
					padding-top: 1px;
					padding-bottom: 5px;
				}


			#body div.footer
			{
				clear: both;
				width: 1px;
				height: 1px;
				overflow: hidden;
			}


