/**************************************************************************************************************/
/**     
 * STYLESHEET: TYPO3-Projektvorlage - Hauptstylesheet
 *
 * @author 			Dominic Jacob
 * @copyright  		©2008 Galileo Webdesign, Karlsruhe, Germany
 * @see  			http://www.galileo-webdesign.de 
 * @date 			2008-10-28
 * @version			1.0
 * @lastmodified	2008-10-28
 */
/**
 * INHALTSVERZEICHNIS
 *
 * @ref 	1.Dokumentstruktur
 * @ref 	2.Druckansicht
 * @ref  	3.HTML-Elemente
 * @ref  	4.Navigation
 * @ref 	5.Inhaltselemente
 * @ref		6.TYPO3-Basis
 * @ref		7.TYPO3-Extensions
 * @ref		8.Formulare
 */
/**
 * FARBKARTE
 *
 * @colordef	#efeff4; hellblau; Seitenhintergrund
 * @colordef	#00334E; dunkelblau; Hauptüberschrift, aktive Buttons
 * @colordef	#1a66ff; blau; Links, Überschriften (H2-H4), inaktive Buttons
 * @colordef	#AAD7EF; hellblau; Border für Boxen und Tabellen
 * @colordef	#D4EBF7; blassblau1; Hintergrund für Boxen und Tabellen
 * @colordef	#edf4f8; blassblau2; Hintergrund für Boxen und Fieldset	
 * @colordef	#333333; dunkelgrau; Standardtext, Überschrift (H5), Navigation Formulare													
 * @colordef	#cccccc; grau; Border für Bilder 	
 * @colordef	#E6E6E6; hellgrau; Helle Linie bei Überschriften und HRs
 * @colordef	#F7F7F7; blassgrau; Hintergrund im Contentbereich	
 * @colordef	#ffffff; weiss; Links der Hauptnavigation
 * 
 */
/**
 * KONVENTIONEN
 *
 * Attributreihung: element.klasse {width, height, float/clear, position, display, overflow, margin, padding, ...}
 *
 */
/**************************************************************************************************************/


/* ----------------------------------------------------------------------------------------------------------- */
/* 1. DOKUMENTSTRUKTUR --------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Definition der grundlegenden Dokumentstruktur mit Hilfe von eindeutigen DIV-Containern
 *
 * @section		1.Dokumentstruktur
 * @media		screen
 * @note		Templatedatei: tpl_website.html
 */
/***************************************************************************************************************/



	/* --- HTML UND BODY ------------------------------------------------------------------------------------ */  
	/* --- Höhenangabe notwendig zum strecken der Inlineelement --- */
	html {height:100%;}
	/* --- Zurücksetzen von Margin und Padding --- */
	body {margin:0px; padding:0px;}
	/* --- Body Website --- */ 
	/* --- optional Hintergrundfarbe und oder Hintergrundbild --- */
	.body_hg {height:100%; background-color:#8ab802; background-image:url(../_img/hg_body.png); background-position:top center; background-repeat:no-repeat;} 


	/* --- DIVS UND CONTAINER FÜR TEMPLATE ------------------------------------------------------------------ */
	
	/* Abmessungen: Container: 800px, Inline-Elemente: 770px + 15/15px Margin */
	
	/* --- Metanavigation --- */
	#metanav {width:630px; height:20px; margin:80px auto 0px auto; text-align:right;}
	
	/* --- Container --- */
	/* --- Nimmt alle Divs auf, horizontale Zentrierung, optionaler Hintergrund  --- */
	#container {position:relative; width:776px; min-height:400px; margin:0px auto 0px auto; background-image:url(../_img/hg_container.jpg); background-position:top center; background-repeat:repeat-y;}
	
		/* Absolut positionierte Elemente */
		#google-ad-rechts {position:absolute; left:800px; top:200px; z-index:3;}
		#logo {width:136px; height:130px; position:absolute; left:680px; top:-38px; z-index:3; background-image:url(../_img/logo_tsv.png); background-position:top left; background-repeat:no-repeat;}
	
		/* --- Kopfbereich  --- */
		#kopf {height:144px;}
			.kopf_hg {background-image:url(../_img/hg_kopf.jpg); background-position:top left; background-repeat:no-repeat;}
			.kopf_51 {background-image:url(../_img/hg_kopf_1.jpg);} /* Verein */
			.kopf_50 {background-image:url(../_img/hg_kopf_2.jpg);} /* Abteilungen */
			.kopf_49 {background-image:url(../_img/hg_kopf_3.jpg);} /* News */
			.kopf_3 {background-image:url(../_img/hg_kopf_4.jpg);} /* Kontakt */
	
		/* --- Leiste --- */
		/* --- Nimmt horizontale Nav und optional Suchfeld auf --- */
		#leiste {height:30px; overflow:hidden; margin:0px 6px 0px 0px; background-image:url(../_img/hg_leiste.jpg); background-position:top left; background-repeat:no-repeat;}
			/* --- Box für Hauptnavigation --- */
			#nav {height:30px;}	
	
		/* --- Mitte --- */
		/* --- Nimmt linke und rechte Spalte auf, optinaler Hintergrund --- */
		#mitte {clear:left; overflow:auto; background-image:url(../_img/hg_mitte.jpg); background-position:top left; background-repeat:no-repeat;}
			
			/* --- Linke Spalte --- */
			/* --- Nimmt vertikale Nav und optional weitere Boxen auf --- */	
			#spalte_links {width:176px; min-height:500px; float:left;} 
				/* --- Subnavigation ---- */
				#subnav {margin:40px 0px 40px 0px;}
				/* --- Newsblock auf der Startseite --- */
				#newsblock {}
		
			/* --- Rechte Spalte --- */	
			/* --- Nimmt Inhaltsbereich, Titel und weitere optionale Elemente auf --- */	
			#spalte_rechts {width:594px; float:left;}
					/* --- Krümelnavigation --- */	
					#kruemelnav {width:490px; height:40px; float:left; overflow:hidden; margin:0px 0px 0px 15px;}
					/* --- Iconleiste --- */	
					#iconleiste {width:60px; height:40px; float:left; margin:0px auto 0px 0px;}			
					/* --- Seitentitel --- */	
					#titel {width:555px; clear:left; margin:0px auto 0px 19px;}
					/* --- Inhaltsbereich --- */	
					#inhalt {width:555px; margin:0px auto 0px 19px; padding:0px 0px 15px 0px;}
	
		/* --- Fußzeile --- */
		/* --- Nimmt Coypyright und weitere optionale Inhalte auf, Hintergrundbild --- */			
		#fuss {height:54px; clear:left; background-image:url(../_img/hg_fuss.jpg); background-position:top left; background-repeat:no-repeat;}
			/* --- Fußzeile-Inhalt --- */
			#fuss_inhalt {margin:0px 15px 0px 15px; padding:20px 0px 0px 0px; color:#333333; line-height:20px; text-align:center;}


/* ----------------------------------------------------------------------------------------------------------- */
/* 2. DRUCKANSICHT ------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Anpassungen der Dokumentstruktur für die druckoptimierte Ansicht
 *
 * @section		2.Druckansicht
 * @media		print
 * @media		screen
 * @note		Templatedatei: tpl_website_druck.html
 */
/***************************************************************************************************************/
 
	/* --- Body Druckansicht --- */ 
	/* --- Enfernt evtl. gesetztes Hintergrundbild aus der Druckansicht --- */
	.body_druck {height:100%; background-image:none;} 
	
	/* --- Hauptcontainer --- */ 
	#container_druck {width:590px; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}
	
	/* --- Obere Leiste mit Druckschaltflächen --- */
	@media screen {
	 	#druckleiste_oben {width:550px; margin-left:auto; margin-right:auto; margin-top:15px; padding-bottom:10px;}
	}
	@media print {
		#druckleiste_oben {display:none;}
	}
	
	/* --- Untere Leiste mit Druckschaltflächen --- */
	@media screen {
		#druckleiste_unten {width:550px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-top:10px;}
	}
	@media print {
	 	#druckleiste_unten {display:none;}
	}
	
	/* --- Fusszeile --- */
	#fuss_druck {width:550px; margin-left:25px; margin-right:15px; padding-bottom:10px; border-top:solid 1px #cccccc;}

	 

/* ----------------------------------------------------------------------------------------------------------- */
/* 3. HTML-ELEMENTE ------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Formatierung von HTML-Elementen: Festlegung von Standardschriftgrößen, Paddings und Margins
 *
 * @section		3.HTML-ELEMENTE
 * @media		screen
 */
/***************************************************************************************************************/

	/* --- Standardtext-Formatierung --- */
	div, p, table, td, ul, ol, li {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:normal; line-height:18px;}
	div, table, td {}
	
	/* --- Standardlink-Formatierung --- */
	a {color:#0C9FD6; text-decoration:none;}
	a:link {color:#0C9FD6; text-decoration:none;}
	a:visited {color:#0C9FD6; text-decoration:none;}
	a:hover {color:#0C9FD6; text-decoration:underline;}
	a:active {color:#0C9FD6; text-decoration:underline;}
	
	/* --- Links mit Bildern --- */
	a.a_links {display:block; padding-left:16px; background-image:url(../_img/a_links.gif); background-position:top left; background-repeat:no-repeat;}
	a.a_rechts {display:block; padding-left:16px; background-image:url(../_img/a_rechts.gif); background-position:top left; background-repeat:no-repeat;}
	
	/* --- Anpassung des Abstands von P-Tags (Wichtig bei RTE-Nutzung) --- */
	p {margin-top:0px; margin-bottom:0px;} /* Standard: kein Abstand */
	
	/* --- Überschriften --- */
	/* --- RTE:Paragraph - p.hx sind RTE-Klassen (siehe auch TYPO3-Basis) --- */
	h1 {font-size:22px; font-weight:bold; letter-spacing:1px; color:#6a9900; margin:0px; padding:0px; line-height:30px; margin-bottom:10px;}
	h2, p.h2 {font-size:16px; font-weight:bold; color:#6a9900; margin:0px; padding:0px; line-height:22px; letter-spacing:1px; margin-bottom:5px;}
	h3, p.h3 {font-size:16px; font-weight:bold; color:#6a9900; margin:0px; padding:0px; line-height:22px; letter-spacing:1px; margin-bottom:5px; border-bottom:dotted 1px #cccccc;}
	h4, p.h4 {font-size:14px; font-weight:bold; color:#6a9900; margin:0px; padding:0px; line-height:22px;}
	h5, p.h5 {font-size:12px; font-weight:bold; color:#6a9900; margin:0px; padding:0px; line-height:20px;}
	h6, p.h6 {font-size:12px; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:20px;}
	
	/* ---- Listen und Aufzählungen ---- */
	ul {list-style-type:none; padding-left:1.5em; margin-left:0px; margin-bottom:1px; margin-top:1px;}
	ol {margin-bottom:1px; margin-top:1px;}
	li {background-image:url(../_img/li_bullet_2.gif); background-repeat:no-repeat; background-position:left top; padding-left:1.6em; margin-top:0px; margin-bottom:0px;}
	
	/* --- Bilder --- */
	img {border-width:0px; padding:0px; margin:0px;}
	
	/* --- Horizontale Linie --- */
	hr {width:100%; height:1px; border:none; border-top:dotted #cccccc 1px; padding-top:5px; padding-bottom:5px;}
	
	/* --- Sonstige Textformate --- */
	br {}
	b {font-weight:bold;} 
	i {font-style:italic;}
	u {text-decoration:underline;}
	
	/* --- Globale Hilfsklasse zum Aufheben von Floats --- */ 
	.clearing {clear:both;}


/* ----------------------------------------------------------------------------------------------------------- */
/* 4. NAVIGATION --------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Definition des Erscheinungsbildes für alle Navigationsmechanismen
 *
 * @section		4.Navigation
 * @media		screen
 * @note		Navigation wird definiert in Tpl: Navigation (lib.nav.*)
 */
/***************************************************************************************************************/

	/* --- 1.EBENE ---------------------------------------------------------------------------------------------- */
	/* --- Container des Navigationselements --- */
	#nav1 div.navbox {font-weight:bold; float:right; padding:0px 18px 0px 19px; line-height:30px; cursor:pointer; text-transform:uppercase;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav1 div.an {background-image:url(../_img/nav1_an.jpg); background-position:top left; background-repeat:repeat-x;}
	#nav1 div.an a {color:#ffffff; font-weight:bold;}
	#nav1 div.an a:hover {color:#ffffff; font-weight:bold; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav1 div.aus {background-image:url(../_img/nav1_aus.jpg); background-position:top left; background-repeat:repeat-x;}
	#nav1 div.aus:hover {background-image:url(../_img/nav1_hover.jpg); background-position:top left; background-repeat:repeat-x;}
	#nav1 div.aus a {color:#ffffff; text-decoration:none;}
	#nav1 div.aus a:hover {color:#ffffff; text-decoration:none;}
	
	
	/* --- 2.EBENE --------------------------------------------------------------------------------------------- */
	/* --- Container des Navigationselements --- */
	#nav2 div.navbox {height:auto; padding:0px 0px 0px 15px; font-weight:bold; line-height:28px; cursor:pointer; border-top:solid 1px #598000;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav2 div.an {color:#ffffff; background-image:url(../_img/nav2_an.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav2 div.an a {color:#FFFFFF; font-weight:bold; text-decoration:none;}
	#nav2 div.an a:hover {color:#FFFFFF; font-weight:bold; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav2 div.aus {color:#ffffff; background-image:url(../_img/nav2_aus.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav2 div.aus a {color:#ffffff; text-decoration:none;}
	#nav2 div.aus:hover {background-image:url(../_img/nav2_hover.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav2 div.aus:hover a {color:#ffffff;} 
	#nav2 div.aus a:hover {color:#ffffff; text-decoration:none;}
	
	
	/* --- 3.EBENE --------------------------------------------------------------------------------------------- */
	#nav3 {}
	/* --- Container des Navigationselements --- */
	#nav3 div.navbox {height:auto; padding:0px 0px 0px 10px; line-height:24px; font-size:11px; cursor:pointer; border-top:solid 1px #598000; font-weight:normal;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav3 div.an {color:#333333; font-weight:bold; background-image:url(../_img/nav3_an.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav3 div.an a {color:#333333; font-weight:bold; text-decoration:none;}
	#nav3 div.an a:hover {color:#333333; font-weight:bold; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav3 div.aus {color:#333333; background-image:url(../_img/nav3_aus.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav3 div.aus a {color:#333333;}
	#nav3 div.aus:hover {background-image:url(../_img/nav3_hover.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav3 div.aus:hover a {color:#333333;}
	#nav3 div.aus a:hover {color:#333333;}
	
	
	/* --- 4.EBENE --------------------------------------------------------------------------------------------- */
	#nav4 {border-top:solid 1px #598000;}
	/* --- Container des Navigationselements --- */
	#nav4 div.navbox {height:auto; padding:0px 0px 0px 24px; line-height:18px; font-size:11px; cursor:pointer; border-bottom:none; border-top:none;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav4 div.an {color:#333333; background-image:url(../_img/nav4_an.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav4 div.an a {color:#333333; font-weight:bold; text-decoration:none;}
	#nav4 div.an a:hover {color:#333333; font-weight:bold; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav4 div.aus {color:#333333; background-image:url(../_img/nav4_aus.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav4 div.aus a {color:#333333;}
	#nav4 div.aus:hover {background-image:url(../_img/nav4_hover.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav4 div.aus:hover a {color:#333333;}
	#nav4 div.aus a:hover {color:#333333;}
	
	
	/* --- METANAVIGATION -------------------------------------------------------------------------------------- */
	#metanav {font-size:11px; color:#ffffff;}
	#metanav a {color:#ffffff; text-decoration:none;}
	#metanav a:visited {color:#ffffff; text-decoration:none;}
	#metanav a:hover {color:#ffffff; text-decoration:underline;}
	
	
	/* --- KRÜMELNAVIGATION ------------------------------------------------------------------------------------ */
	#kruemelnav {line-height:30px; font-size:11px;}
	#kruemelnav a {color:#666666; text-decoration:none;}
	#kruemelnav a:visited {color:#666666; text-decoration:none;}
	#kruemelnav a:hover {color:#666666; text-decoration:underline;}



/* ----------------------------------------------------------------------------------------------------------- */
/* 5. INHALTSELEMENTE ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */ 
/**
 * Formatierung aller sonstigen Inlineelemente
 *
 * @section		5.INHALTSELEMENTE
 * @media		screen
 */
/***************************************************************************************************************/

	/* --- NEWSBLOCK --- */
	#newsblock {background-image:url(../_img/hg_newsblock.jpg); background-repeat:repeat-y;}
	#newsblock div.newsblock_kopf {padding:0px 0px 0px 5px; font-weight:bold;}
	#newsblock table {width:170px;}
	#newsblock td {font-size:11px; color:#FFFFFF; padding:0px; margin:0px; line-height:14px;}
	#newsblock li a {}
	
	/* --- FUSS --- */
	#fuss_inhalt {font-size:11px; color:#333333; line-height:15px; padding-bottom:25px;}
	#fuss_inhalt a {color:#333333; text-decoration:none;}
	#fuss_inhalt a:hover {text-decoration:underline;}
	
		
	/* --- DRUCKANSICHT (tpl_website.print.html) --- */
	#fuss_druck {line-height:18px; font-size:10px; color:#000000; text-align:center;}
	#druckleiste_unten, #druckleiste_oben {text-align:center;}



/* ----------------------------------------------------------------------------------------------------------- */
/* 6. TYPO3-BASIS -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Formatierung der Typo3-Inhaltselemente und Basisklassen, Bereitstellung der RTE-Klassen
 *
 * @section		5.TYPO3-Basis
 * @media		screen
 */
/***************************************************************************************************************/

	/* --- BASISKLASSEN -------------------------------------------------------------------------------------- */

	/* --- Basisklassen: Standardlinks des TYPO3-Systems --- */
	a.typolink, a.internal-link, a.internal-link-new-window, a.download, a.mail {color:#D87327; text-decoration:none;}
	a.typolink:link, a.internal-link:link, a.internal-link-new-window:link, a.download:link, a.mail:link {color:#D87327; text-decoration:none;}
	a.typolink:visited, a.internal-link:visited, a.internal-link-new-window:visited, a.download:visited, a.mail:visited {color:#D87327; text-decoration:none;}
	a.typolink:hover, a.internal-link:hover, a.internal-link-new-window:hover, a.download:hover, a.mail:hover {color:#D87327; text-decoration:underline;}
	
	/* --- Basisklassen: Externe Links des TYPO3-Systems --- */
	a.external-link, a.external-link-new-window {color:#D87327; text-decoration:none; border-bottom:dotted 1px #D87327;} 
	a.external-link:link, a.external-link-new-window:link {color:#D87327; text-decoration:none; border-bottom:dotted 1px #D87327;}
	a.external-link:visited, a.external-link-new-window:visited {color:#D87327; text-decoration:none; border-bottom:dotted 1px #D87327;}
	a.external-link:hover, a.external-link-new-window:hover {color:#D87327; text-decoration:none; border-bottom:solid 1px #D87327;}


	/* --- INHALTSELEMENTE ------------------------------------------------------------------------------------ */
	
	/* --- Inhaltselement: Sitemap --- */
	div.csc-sitemap {}
	div.csc-sitemap ul.sitemap_level1 {list-style-type:none; padding:0px 0px 0px 0px;}
	div.csc-sitemap ul.sitemap_level1 li {font-size:13px; font-weight:bold; margin-bottom:15px; background-image:none;}
	div.csc-sitemap ul.sitemap_level2 {list-style-type:none;}
	div.csc-sitemap ul.sitemap_level2 li {font-size:12px; font-weight:bold; margin-bottom:0px; background-image:url(../_img/li_bullet_2.gif);}
	div.csc-sitemap ul.sitemap_level3 {list-style-type:none;}
	div.csc-sitemap ul.sitemap_level3 li {font-size:12px; font-weight:normal; margin-bottom:0px; background-image:url(../_img/li_bullet_2.gif);}
	
	/* --- Inhaltselement: Dateiverweise --- */
	table.csc-uploads {border:solid 2px #f5f6fc; width:500px; margin-bottom:10px; margin-top:5px;}
	table.csc-uploads td {margin:0px; padding:0px; border:none;}
	table.csc-uploads tr.tr-even {background-color:#ffffff;}
	table.csc-uploads tr.tr-odd {background-color:#f5f6fc;}
	table.csc-uploads td.csc-uploads-fileName {vertical-align:top; padding:0px; margin:0px; padding-left:5px;}
	table.csc-uploads td.csc-uploads-fileName a {font-size:11px;}
	table.csc-uploads td.csc-uploads-fileName p {padding-top:0px; margin-top:0px; margin-bottom:0px; font-size:11px;}
	table.csc-uploads td.csc-uploads-fileSize {vertical-align:top; padding:0px; margin:0px; padding-left:5px; width:50px;}
	table.csc-uploads td.csc-uploads-fileSize p {font-size:11px; padding:0px; margin:0px;}
	
	/* --- Inhaltselement: Bild / Text mit Bild --- */
	/* --- Bildunterschrift --- */
	div.csc-textpic dd.csc-textpic-caption {font-size:11px; text-align:center;}
	/* --- Typo3-Bildrahmen überschreiben (BE-Funktion Rahmen) --- */
	div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {border:2px solid #cccccc; padding:2px;}
	

	/* --- RTE_KLASSEN ------------------------------------------------------------------------------------- */
	
	/*--- RTE-Klassen: Colors ---*/
	.farbe1, span.farbe1, a.farbe1 {color:#8AB802;} /* grün 1 */
	.farbe2, span.farbe2, a.farbe2 {color:#A9D327;} /* grün 2 */
	.farbe3, span.farbe3, a.farbe3 {color:#B2CC66;} /* grün 3 */
	.farbe4, span.farbe4, a.farbe4 {color:#D9E6B3;} /* grün 4 */
	.farbe5, span.farbe5, a.farbe5{color:#D87327;} /* orange */
	.farbe6, span.farbe6, a.farbe6 {color:#707070;} /* dunkelgrau */
	.farbe7, span.farbe7, a.farbe7 {color:#6B9A00;} /* logogrün 1 */
	.farbe8, span.farbe8, a.farbe8 {color:#8ECD00;} /* logogrün 2 */
	.farbe9, span.farbe9, a.farbe9 {color:#B1FF01;} /* logogrün 3 */
	.farbe10, span.farbe10, a.farbe10 {color:#000000;} /* schwarz */
	
	/* --- RTE-Klassen: Paragraph --- */
	p.box1 {background-color:#D9E6B3; border:solid 1px #B2CC66; padding:5px; margin-top:0px;} /* Box grün */
	p.box2 {background-color:#DDDDDD; border:solid 1px #707070; padding:5px; margin-top:0px;} /* Box grau */
	p.box3 {background-color:#E8AB7D; border:solid 1px #D87327; padding:5px; margin-top:0px;} /* Box orange */
	/* --- beachte auch H1-H6 im Bereich HTML-Elemente! --- */
	
	/* --- RTE-Klassen: List --- */
	ul.ul1 {list-style-type:none; padding-left:1.5em; margin-left:0px;}
	.ul1 li {background-image:url(../_img/li_bullet_1.gif); background-repeat:no-repeat; background-position:left top; padding-left:1.6em;}
	ul.ul2 {list-style-type:none; padding-left:1.5em; margin-left:0px;}
	.ul2 li {background-image:url(../_img/li_bullet_2.gif); background-repeat:no-repeat; background-position:left top; padding-left:1.6em;}
	
	/* --- RTE-Klassen: Table --- */
	/* --- Initialisieren der Styles --- */
	table.table1 {width:100%;}
	table.table2 {width:100%;}
	tr.tr1 {}
	tr.tr2 {} 
	td.td1 {}
	td.td2 {}
	table.table1 th {padding:2px 2px 2px 4px; margin:0px;}
	table.table1 td {padding:2px 2px 2px 4px; margin:0px;}
	table.table1 tr {padding:0px; margin:0px;}
	table.table2 th {padding:2px 2px 2px 4px; margin:0px;}
	table.table2 td {padding:2px 2px 2px 4px; margin:0px;}
	table.table2 tr {padding:0px; margin:0px;}
	/* --- Tabelle 1 --- */
	table.table1 {margin:1em 0em; border-collapse:collapse;}
	table.table1 p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px;}
	table.table1 th,  table.table1 td {padding:3px 3px 3px 5px;}
	table.table1 th {color:#6B9A00; background-color:#D9E6B3; border:solid 1px #B2CC66; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 td {color:#333333; border:solid 1px #B2CC66; font-size:12px; line-height:14px;} 
	table.table1 tr.tr1 td {color:#6B9A00; background-color:#D9E6B3; border:solid 1px #B2CC66; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 tr.tr2 td {background-color:#D9E6B3;}
	table.table1 td.td1 {color:#6B9A00; background-color:#D9E6B3; border:solid 1px #B2CC66; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 td.td2 {background-color:#D9E6B3;}
	/* --- Tabelle 2 --- */
	table.table2 {margin:1em 0em; border-collapse:collapse; border:none;}
	table.table2 p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px;}
	table.table2 th,  table.table2 td {padding:2px 2px 2px 4px;}
	table.table2 th {color:#333333; border:none; font-size:12px; font-weight:bold;}
	table.table2 td {color:#333333; border:none; font-size:12px;} 
	table.table2 tr.tr1 td {color:#333333; background-color:#F0ECDB; border:none; font-size:12px; font-weight:bold;}
	table.table2 tr.tr2 td {background-color:#F7F6ED;}
	table.table2 td.td1 {color:#333333; background-color:#F0ECDB; border:none; font-size:12px; font-weight:bold;}
	table.table2 td.td2 {background-color:#F7F6ED;}
	
	/* --- RTE-Klassen: Image --- */
	img.image1 {border:solid 2px #A9D327; padding:2px; margin:3px;}
	img.image2 {border:solid 2px #cccccc; padding:2px; margin:3px;}
	
	/* --- RTE-Klassen: Bodyformatierung --- */
	/* --- Textdarstellung an Schriftbild anpassen, Bodyfarbe setzen --- */
	.htmlarea-content-body {line-height:18px; background-image:none; background-color:#ffffff;}

 
/* ----------------------------------------------------------------------------------------------------------- */
/* 6. TYPO3-EXTENSIONS --------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Formatierung von projektindividuellen TYPO3-Extensions
 *
 * @section		6.TYPO3-Extensions
 * @media		screen
 */
/***************************************************************************************************************/

	/* Steckbriefe Liste */
	#steckbriefe_list {overflow:auto;}
	#steckbriefe_list div.item {float:left; width:100px; text-align:center; min-height:190px; border:solid 1px #A8CD37; background-color:#ECF4D2; margin:5px; padding:5px 2px 5px 2px;}
	#steckbriefe_list div.item img {padding:2px; border:solid 2px #cccccc; margin-bottom:4px;}
	#steckbriefe_list div.item p {line-height:14px;}
 
 	/* Steckbriefe Detail */
	#steckbriefe_detail {}
	#steckbriefe_detail img {padding:2px; border:solid 2px #cccccc; margin-bottom:4px;}
	
	/* Spielberichte Liste */
	#spielberichte_list {}
	#spielberichte_list img {border:solid 2px #cccccc; padding:2px;}
	#spielberichte_list div.item {clear:left; overflow:auto; margin-bottom:5px; padding-bottom:5px; border-bottom:dotted 1px #cccccc;}
	#spielberichte_list div.item_links {float:left; width:120px;}
	#spielberichte_list div.item_rechts {float:left; width:390px;}
	
	/* Spielberichte Detail */
	#spielberichte_detail {}
	
	
	/* Veranstaltungen Liste */
	#veranstaltungen_list {}
	#veranstaltungen_list img {border:solid 2px #cccccc; padding:2px;}
	#veranstaltungen_list div.item {clear:left; overflow:auto; margin-bottom:5px; padding-bottom:5px; border-bottom:dotted 1px #cccccc;}
	#veranstaltungen_list div.item_links {float:left; width:120px;}
	#veranstaltungen_list div.item_rechts {float:left; width:390px;}
	
	/* Veranstaltungen Detail */
	#veranstaltungen_detail div.titel {color:#6a9900; font-weight:bold; font-size:13px;}
	
	/* Startseite Spielberichte */
	#startseite_spielberichte {}
	#startseite_spielberichte img {border:solid 2px #cccccc; padding:2px;}
	#startseite_spielberichte div.item {clear:left; overflow:auto; margin-bottom:5px;}
	#startseite_spielberichte div.item_links {float:left; width:90px;}
	#startseite_spielberichte div.item_rechts {float:left; width:410px;}
	#startseite_spielberichte p.hinweis {text-align:right; font-style:italic;}
	
	/* Startseite Veranstaltungen */
	#startseite_veranstaltungen {}
	#startseite_veranstaltungen img {border:solid 2px #cccccc; padding:2px;}
	#startseite_veranstaltungen div.item {clear:left; overflow:auto; margin-bottom:5px;}
	#startseite_veranstaltungen div.item_links {float:left; width:90px;}
	#startseite_veranstaltungen div.item_rechts {float:left; width:410px;}
	#startseite_veranstaltungen p.hinweis {text-align:right; font-style:italic;}
	
	
/* ----------------------------------------------------------------------------------------------------------- */
/* 7. FORMULARE ---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Basisklassen zur Formulargestaltung, projektindividuelle Formulardefinitionen
 *
 * @section		7.Formulare
 * @media		screen
 */
/***************************************************************************************************************/

	/* ---- Basisklassen --- */
	form {margin:0px; padding:0px;}
	fieldset {border:solid 1px #A8CD37; background-color:#ECF4D2;}
	input, select, textarea {font-family:arial; font-size:11px; line-height:16px; border:solid 1px #A8CD37; color:#333333; margin:0px; padding:0px; padding-left:2px;}
	input:focus, textarea:focus {background-color:#F6FAEB; color:#333333;}
	label, legend {font-family:arial; color:#333333;}
	legend {padding-left:10px; font-weight:bold; font-size:12px;}
	/* ---- Standardklasse für Fehlermeldungen und Mitteilungen --- */
	.error {background-color:#BBDE4F; border:solid 1px #B2CC66; padding:10px; width:475px;}
	/* --- @workaround Einheitliche Fieldsetdarstellung für IE6/IE7 --- */
	fieldset {position:relative; margin-top:1.0em; padding-top:2.0em;}
	legend {position:absolute; top:-0.6em; left:0.5em;}
	
	/* ---- TYPO-Extension: CSC-Mailforms --- */
	div.tx-thmailformplus-pi1 form {width:500px;}
	div.tx-thmailformplus-pi1 div.hinweis {font-size:11px; padding-left:10px; padding-right:10px;}
	div.csc-mailform-field {clear:left; padding-bottom:3px; padding-top:3px; font-size:11px;}
	div.csc-mailform-field input {width:250px; height:16px;}
	div.csc-mailform-field textarea {width:250px; margin-bottom:5px;}
	div.csc-mailform-field label {width:150px; float:left; display:block; line-height:17px; padding-left:10px;}
	div.csc-mailform-field input.submit {width:100px; background-color:#A8CD37; height:18px; color:#ffffff; font-weight:bold; border-color:#A8CD37; margin-top:5px;}
	div.csc-mailform-field input.submit:hover {background-color:#ECF4D2; color:#A8CD37;}
	
	/* --- Druckansicht(tpl_website.print.html) --- */
	#druckleiste_oben input, #druckleiste_unten input {width:150px; height:21px; color:#ffffff; background-color:#A8CD37; text-align:center; font-weight:bold; border:solid 1px #A8CD37; margin-left:24px; margin-right:25px;}
	#druckleiste_oben input:hover, #druckleiste_unten input:hover {background-color:#ECF4D2; color:#A8CD37;}