/* stylesheet für index*/
@import url("navigationF.css"); /* import die css-Datei für das Navigationsmenue des Besuchers*/
@import url("navigationA.css"); /* import die css-Datei für das Navigationsmenue der Administration*/

/*@import url("navigationDD.css"); /* import die css-Datei für das Navigationsmenue der Administration*/
body 
{
	background: url(image/htgindex.gif) no-repeat; /* Hintergrundbild für gesamten bildschirm / no-repeat = für keine Bildwiederholungen */
	background-position: center; /* Anordnung des Hintergrundes */
	background-position: top; /* Anordnung des Hintergrundbildes */
	/*background-color: #FFF; /* umliegende Farbe des indexbildes*/
	font-family: Verdana;
	font-size: 10pt;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

a 
{
	/*color: #558855; /* Linkfarben*/
	color: #333333; /* Linkfarben*/
}

a:hover
{
	color: #009966; /* Hover der Linkfarben */
}

a img 
{
	
}

/*root_site setup */
#root_site
{
	position: center;
	margin-top: 0px; /* Abstand zur oberen Bildschirmkante */
	width: 950px; /* Breite des Fensters */
	height: auto; /* Höhe des Fensters, durch auto geht die Seite automatisch mit dem Inhalt mit */
	/*background-color: #FFF;	/* Hintergrundfarbe des Fensters */
}

	#head_main_container /* Platz für das Headerbild definieren */
	{
		/*background: #CCCCCC ; /* Hintergrundfarbe den Container*/
		/*width: 100%; /* Breite */
		/*height: 163px; /* Höhe (Höhe des Javascriptes=179px) */
		/*padding: 0px 0px 0px 0px ; /* Abstand zu den Rändern */
	}
	
		/*.header_background /* Headerbild ausgeschaltet weil ein JavaScript läuft (kann auch kleiner sein) */
		{
			width: 100%; /* Breite des Headerbildes */
			height: 179px; /* Höhe des Headerbildes */
			background: url(banner.1.gif) no-repeat; /* Headerbildadresse */
			background-position: center; /* Position des Headerbildes */
		}
	
	#navi_main_container /* Navigationsleiste */
	{
		/*background: #A9A9A9; /* darkgray Hintergrundfarbe des navi main_container*/
		background: url(image/bannerstreifen.jpg) no-repeat; /* Hintergrundbild Navigation */
		width: 100%;
		height: auto; /* neue Höhe des Navi Maincontainers*/
		/*height: 26px; /* alte Höhe des Navi Maincontainers*/
		margin-top: 0px;
		padding: 0px 0px 2px 0px ; /* Abstand zu den Rändern */
		
	}
	
		.navi_container /* Darstellung der Navigationsleiste */
		{
			width: 100%;
			height: 26px;
			background: url(image/bannerstreifen.jpg) no-repeat; /* Hintergrundbild Navigation */
			background-position: center;
		}
	
	#content_main_container
	{
		background: url(image/startbild.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: 650px;
		/*height: 550px;*/
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
		.content_left_main /* Platz für linkes Textfeld*/
		{
			width: 80%; /* Breite*/
			height: 100%; /* Höhe*/
			/*background-color: #FFF; /* weisse Hintergrundfarbe*/
			float: left; /* Ausrichtung am Bildschirm*/
		}
			.content_left_table
			{
				padding: 10px 5px 10px 10px; /* Abstände der Textbox zum Rand top right bottom left - oben rechts unten links */
                width: 100%; /* breite*/
				height: 100%; /*Höhe*/			
				margin-top: 70px; /* Abstand der Textbox zum oberen Rand*/
				margin-left: 150px; /* Abstand der Textbox zum oberen Rand*/

			}
			.content_leftlightbox_main /* Platz für linkes Textfeld*/
		{
			width: 100%; /* Breite*/
			height: 80%; /* Höhe*/
			/*background-color: #FFF; /* weisse Hintergrundfarbe*/
			float: left; /* Ausrichtung am Bildschirm*/
		}
			.content_leftlightbox_table
			{
				padding: 0px 0px 0px 0px; /* Abstände der Tabelle zum Rand top right bottom left - oben rechts unten links */
                width: 70%; /* breite*/
				height: 80%; /*Höhe*/			
				margin-top: -20px; /* Abstand der Tabelle zum oberen Rand*/
				margin-left: 70px; /* Abstand der Tabelle zum oberen Rand*/

			}
				.willkommen_box /* Erscheinungsbild Textbox Links*/
				{
					background: url(image/transparent.png) no-repeat; /* Hintergrundbild für gesamten bildschirm / no-repeat = für keine Bildwiederholungen */
					/*background-color: #CCCCCC; /* Hintergrundfarbe der Textbox*/
					padding: 3px 3px 3px 3px ; /* Abstand des Textes in der Textbox zum Rand*/
					border-radius: 10px; /* für abgerundete Ecken der Textbox*/
				}
			
		.content_reight_main /* Platz für rechtes Textfeld*/
		{
			width: 20%; /* breite*/
			height: 100%; /*Höhe*/
			/*background-color: #FFF; /* Hintergrundfarbe*/
			float: right; /* anordnung am Bildschirm*/
		}
			.content_reight_table
			{
				padding: 5px 10px 0px 5px; /* Abstände des Textes zum Rand top right bottom left - oben rechts unten links */
				border-left: dotted 3px #CCCCCC; /* Trennstrich zwischen linken und rechten Main */
				margin-left: 30px; /*Abstand der Textbox zum linken TabellenRand*/
				margin-top: 6px; /* Abstand der Textbox zum oberen TabellenRand*/
			}
				.content_table_headline /* Überschreift für Textbox*/
				{
					font-size: 14pt; /* Schriftgrösse*/
					font-weight: bold; /* Schriftart fett*/
					font-variant: small-caps; /* wie Kapitälchen in Word*/
					/*text-decoration: line-through 1px #CCCCCC; /* Schriftumrandung*/
					color: #045538; /* Dunkelgrün Schriftfarbe*/
					/*color: #558855; /*Hellgrün Schriftfarbe*/
					border-bottom: dotted 1px #558855; /* Unterstreichungslinie*/
					padding-top: 0px; /*Ausrichtung zum Rand*/
				}
				
				.veranstaltung_box /* Erscheinungsbild Textbox Links*/
				{
					background: url(image/transparent.png) no-repeat; /* Hintergrundbild für gesamten bildschirm / no-repeat = für keine Bildwiederholungen */
					/*background-color: #CCCCCC; /* Hintergrundfarbe der Textbox*/
					padding: 3px 3px 3px 3px ; /* Abstand des Textes in der Textbox zum Rand*/
					border-radius: 10px; /* für abgerundete Ecken der Textbox*/
				}
	
	#content_angebote_container
	{
		background: url(image/htgseite.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
			.ang_table
			{
				padding: 5px 5px 5px 5px; /* Abstände der Textbox zum Rand top right bottom left - oben rechts unten links */
                width: 65%; /* breite der Angebotstabelle*/
				height: 100%; /*Höhe*/			
				margin-top: 20px; /* Abstand der Textbox zum oberen Rand*/
				margin-left: 170px; /* Abstand der Textbox zum linken Rand*/
				
			}
			
				.ang_kategorie_table /* Erscheinungsbild Textbox Links*/
					{
						width: 100%; /* breite*/
						/*background: url(image/transparent.png) no-repeat; /* Hintergrundbild für gesamten bildschirm / no-repeat = für keine Bildwiederholungen */
						/*background-color: #CCCCCC; /* Hintergrundfarbe der Textbox*/
						padding: 3px 3px 3px 3px ; /* Abstand des Textes in der Textbox zum Rand*/
						/*border-radius: 10px; /* für abgerundete Ecken der Textbox*/
						margin: 0px 0 0 0; /* Abstand zwischen den Tabellen */
					}
				.ang_content_kategorie_headline /* Überschreift für Textbox*/
					{
						font-size: 20pt; /* Schriftgrösse*/
						font-weight: bold; /* Schriftart fett*/
						font-variant: small-caps; /* wie Kapitälchen in Word*/
						color: #045538; /* Dunkelgrün Schriftfarbe*/
						/*color: #558855; /*Hellgrün Schriftfarbe*/
						border-bottom: dotted 1px #558855; /* Unterstreichungslinie*/
						padding-top: 0px; /*Ausrichtung zum Rand*/
					}
			.ang_bereich_table /* Erscheinungsbild Textbox Links*/
				{
					width: 100%; /* breite*/
					/*background: url(image/transparent.png) no-repeat; /* Hintergrundbild für gesamten bildschirm / no-repeat = für keine Bildwiederholungen */
					/*background-color: #CCCCCC; /* Hintergrundfarbe der Textbox*/
					padding: 3px 3px 3px 3px ; /* Abstand des Textes in der Textbox zum Rand*/
					/*border-radius: 10px; /* für abgerundete Ecken der Textbox*/
					margin: 0px 0 0 0; /* Abstand zwischen den Tabellen */
				}
			
			
				.ang_bereich_headline /* Überschreift für Textbox*/
				{
					font-size: 16pt; /* Schriftgrösse*/
					font-weight: bold; /* Schriftart fett*/
					/*font-variant: small-caps; /* wie Kapitälchen in Word*/
					/*text-decoration: line-through 1px #CCCCCC; /* Schriftumrandung*/
					color: #045538; /* Dunkelgrün Schriftfarbe*/
					/*color: #558855; /*Hellgrün Schriftfarbe*/
					border-bottom: dotted 1px #558855; /* Unterstreichungslinie*/
					padding-top: 10px; /*Textausrichtung zum Rand*/
				}
				
				.ang_bereich_text /* Überschreift für Textbox*/
				{
					font-size: 13pt; /* Schriftgrösse*/
					font-weight: bold; /* Schriftart fett*/
					/*font-variant: small-caps; /* wie Kapitälchen in Word*/
					/*text-decoration: line-through 1px #CCCCCC; /* Schriftumrandung*/
					color: #045538; /* Dunkelgrün Schriftfarbe*/
					/*color: #558855; /*Hellgrün Schriftfarbe*/
					/*border-bottom: dotted 1px #558855; /* Unterstreichungslinie*/
					padding: 0px 0px 0px 0px; /*Textabstand zum Rand*/
				}
				
			.ang_text_table /* Erscheinungsbild Textbox Links*/
				{
					width: 100%; /* breite*/
					/*background: url(image/transparent.png) no-repeat; /* Hintergrundbild für gesamten bildschirm / no-repeat = für keine Bildwiederholungen */
					/*background-color: #CCCCCC; /* Hintergrundfarbe der Textbox*/
					padding: 3px 3px 3px 3px ; /* Abstand des Textes in der Textbox zum Rand*/
					/*border-radius: 10px; /* für abgerundete Ecken der Textbox*/
					margin: 0px 0 0 0; /* Abstand zwischen den Tabellen */
				}	
				
				
				.ang_text1 /* Überschreift für Textbox*/
				{
					font-size: 13pt; /* Schriftgrösse*/
					font-weight: bold; /* Schriftart fett*/
					color: #045538; /* Dunkelgrün Schriftfarbe*/
					/*color: #558855; /*Hellgrün Schriftfarbe*/
					/*border-bottom: dotted 1px #558855; /* Unterstreichungslinie*/
					padding-top: 8px; /*Ausrichtung zum Rand*/
					/*padding: 0px 0px 10 0px; /*Ausrichtung zum unteren Rand*/
					
				}
	
				.ang_text2 /* Überschreift für Textbox*/
				{
					font-size: 13pt; /* Schriftgrösse*/
					/*font-variant: small-caps; /* wie Kapitälchen in Word*/
					/*text-decoration: line-through 1px #CCCCCC; /* Schriftumrandung*/
					color: #000; /* schwarz Schriftfarbe*/
					/*color: #558855; /*Hellgrün Schriftfarbe*/
					/*border-bottom: dotted 1px #558855; /* Unterstreichungslinie*/
					padding-top: 0px; /*Ausrichtung zum Rand*/
				}
	
	#content_lageplan_container
	{
		background: url(image/lageplan.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	#content_anfrage_container
	{
		background: url(image/anfrage.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#content_admin_anfrage_container
	{
		background: url(image/htgseite.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#content_historie_container
	{
		background: url(image/historie.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#content_galerie_container
	{
		background: url(image/galerie.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#content_newsletter_container
	{
		background: url(image/newsletter.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#content_gast_container
	{
		background: url(image/gaestebuch.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
		
	
	#content_under_construction_container
	{
		background: url(image/under_construction.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: auto;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#content_admin_termine_container
	{
		background: url(image/htgseite.gif) no-repeat; /* Hintergrundbild für den Container / no-repeat = für keine Bildwiederholungen */
		/*background: #FFF ; /* weiss als Hintergrundfarbe des MainContainers */
		width: 100%;
		height: 500px;
		float: left;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
	}
	
		.content_admin_termine_table
			{
				padding: 10px 5px 10px 10px; /* Abstände der Textbox zum Rand top right bottom left - oben rechts unten links */
                width: 100%; /* breite*/
				height: 100%; /*Höhe*/			
				margin-top: 0px; /* Abstand der Textbox zum oberen Rand*/
				margin-left: 150px; /* Abstand der Textbox zum oberen Rand*/

			}
	
	#footer_main_container /* Platz für Fusstextfeld*/
	{
		background: #333333 ; /* Hintergrundfarbe*/
		width: 100%; /* Breite nach Vorgabe der root_site*/
		height: auto; /* automatische Höhe, je nach Textmenge*/
		/*float: left; /* Ausrichtung am Bildschirm*/
	}
		#footer_container
		{
			padding: 1px 10px 0px 10px; /* Abstand der Tabelle zum Containerrand*/
		}
		
			.footer_table_setup /* Erscheinungsbild der Tabelle im Footer*/
			{
				font-family: arial; /* Schriftart*/
				font-size: 10pt; color: #FFFFFF;/* Schriftgroesse und Farbe in der Tabelle*/
				text-align: center; /* Textausrichtung*/
				
			}
			
			.footer_table_setup td /* Erscheinungsbild der Spalten im Footer*/
			{
				/*height: 12px;/* Höhe der Zelle*/
				/*widht: 170Px; /* Breite der Zelle*/
				/*border-bootom: dotted 1px #FFF; /* untere Linien der Linkzellen*/
			}
			
			td.footer_logo/* Logo als Tabelle*/
			{
				widht: 35Px; /* 88 als Breite der Zelle*/
				border: none; /* Rahmenlinien des Logo*/
			}
			
			.footer_table_setup a /* Erscheinungsbild der Links im Footer*/
			{
				color: #FFF; /* Schriftfarbe der Links*/
				text-decoration: none; /* Text unterstrichen etc,*/
			}
			
			.footer_table_setup a:hover /* Hoverfarbe der Links im Footer*/
			{
				color: #CCCC99; /* Schriftfarbe der Links*/
				text-decoration: underline; /* Beim Hoovern ist Text unterstrichen,*/
			}