/**************************************************************************************************************/
/**     
 * 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-image:url(../_img/hg_body.jpg); background-position:top; background-repeat:repeat-x; background-color:#269FBE;} 


	/* --- DIVS UND CONTAINER FÜR TEMPLATE ------------------------------------------------------------------ */
	
	/* Abmessungen: Container: 800px, Inline-Elemente: 770px + 15/15px Margin */
	
	/* --- Container --- */
	/* --- Nimmt alle Divs auf, horizontale Zentrierung, optionaler Hintergrund  --- */
	#container {width:771px; margin:0px auto 0px auto; background-image:url(../_img/hg_container.jpg); background-position:top center; background-repeat:repeat-y;}
	
		/* --- Kopfbereich  --- */
		/* --- Nimmt Metanav und optional Sprachumschalter auf --- */
		#kopf {height:82px; background-image:url(../_img/hg_kopf.jpg); background-position:top left; background-repeat:no-repeat;}
			/* --- Metanavigation --- */
			#metanav {height:24px; text-align:left;}
					
		/* --- Leiste --- */
		/* --- Nimmt horizontale Nav und optional Suchfeld auf --- */
		#leiste {height:40px; clear:both; background-image:url(../_img/hg_leiste.jpg); background-position:bottom left; background-repeat:no-repeat; background-color:#1E6B95;}
			/* --- Box für Hauptnavigation --- */
			#nav {}	
	
		/* --- Mitte --- */
		/* --- Nimmt linke und rechte Spalte auf, optinaler Hintergrund --- */
		#mitte {clear:left;}
			
			/* --- Linke Spalte --- */
			/* --- Nimmt vertikale Nav und optional weitere Boxen auf --- */	
			#spalte_links {width:202px; min-height:550px; float:left;} 
				/* --- Titel-Area ---*/
				#subnavtitel {padding:0px 0px 0px 10px; margin-left:3px; line-height:25px; color:#FFFFFF; font-size:12px; font-weight:bold; background-image:url(../_img/subnav-titel.png); background-repeat:no-repeat; text-transform:uppercase;}
				/* --- Subnavigation ---- */
				#subnav {margin:0px 0px 40px 3px;}
				/* --- Wetterbox --- */
				#wetterbox {width:198px; margin-left:4px; font-size:11px; background-image:url(../_img/hg_wetterbox.jpg); background-color:#D8EDF6;}
					#wetterbox_text{margin-left:15px; line-height:25px; color:#FFFFFF; font-size:12px; font-weight:bold;}
				/* --- Newsblock auf der Startseite --- */
				#newsblock {}
		
			/* --- Rechte Spalte --- */	
			/* --- Nimmt Inhaltsbereich, Titel und weitere optionale Elemente auf --- */	
			#spalte_rechts {width:569px; float:left; min-height:550px;}		
					/* --- Seitentitelbild --- */
					#titelbild {height:180px; clear:left; margin:0px 0px 0px 0px;}
					/* --- Seitentitel --- */	
					#titel {margin:0px auto 0px 25px;}
					/* --- Krümelnavigation --- */	
					#kruemelnav {width:470px; height:40px; float:left; margin:0px 0px 0px 15px; overflow:hidden;}
					/* --- Iconleiste --- */	
					#iconleiste {width:60px; height:40px; float:left; margin:0px auto 0px 0px;}	
					/* --- Inhaltsbereich --- */	
					#inhalt {clear:left; margin:0px 15px 0px 25px; padding:10px 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:bottom left; background-repeat:no-repeat;}
			/* --- Fußzeile-Inhalt --- */
			#fuss_inhalt {margin:0px 15px 0px 15px; padding:55px 0px 20px 0px; color:#FFFFFF; line-height:15px; 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:#3DA1D8; text-decoration:none;}
	a:link {color:#3DA1D8; text-decoration:none;}
	a:visited {color:#3DA1D8; text-decoration:none;}
	a:hover {color:#3DA1D8; text-decoration:underline;}
	a:active {color:#3DA1D8; text-decoration:underline;}
	
	/* --- 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:#2e4d6b; margin:0px; padding:0px; line-height:34px;}
	h2, p.h2 {font-size:16px; font-weight:bold; color:#1E6B95; margin:0px; padding:0px; line-height:22px; letter-spacing:1px; margin-bottom:5px;}
	h3, p.h3 {font-size:16px; font-weight:bold; color:#1E6B95; 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:#1E6B95; margin:0px; padding:0px; line-height:22px;}
	h5, p.h5 {font-size:12px; font-weight:bold; color:#1E6B95; 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 {margin-bottom:1px; margin-top:1px;}
	ol {margin-bottom:1px; margin-top:1px;}
	li {padding-bottom:1px; line-height:18px; font-size:12px;}
	
	/* --- 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-size:13px; float:right; padding:4px 15px 4px 15px; margin-bottom:2px; line-height:29px; cursor:pointer; letter-spacing:1px;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav1 div.an {background-color:#3FA1D8;}
	#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 {}
	#nav1 div.aus:hover {background-color:#3FA1D8;}
	#nav1 div.aus a {font-weight:bold; color:#ffffff; text-decoration:none;}
	#nav1 div.aus a:hover {font-weight:bold; color:#ffffff; text-decoration:none;}
	
	
	/* --- 2.EBENE --------------------------------------------------------------------------------------------- */
	/* --- Container des Navigationselements --- */
	#nav2 div.navbox {height:auto; padding:0px 0px 0px 10px; line-height:25px; font-size:12px; border-bottom:solid 1px #FFFFFF; cursor:pointer;}
	/* --- 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:#333333; background-image:url(../_img/nav2_aus.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav2 div.aus a {color:#333333; font-weight:bold; 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 --------------------------------------------------------------------------------------------- */
	/* --- Container des Navigationselements --- */
	#nav3 div.navbox {height:auto; padding:0px 0px 0px 15px; line-height:23px; font-size:11px; border-bottom:solid 1px #ffffff; cursor:pointer;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav3 div.an {color:#333333; background-image:url(../_img/nav3_an.jpg); background-position:top left; background-repeat:no-repeat;}
	#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; font-weight:normal; background-image:url(../_img/nav3_aus.jpg); background-position:top left; background-repeat:no-repeat;}
	#nav3 div.aus a {color:#333333; font-weight:normal; }
	#nav3 div.aus:hover {background-image:url(../_img/nav3_hover.jpg); background-position:top left; background-repeat:no-repeat;}
	#nav3 div.aus:hover a {color:#333333;}
	#nav3 div.aus a:hover {color:#333333;}

	/* --- 4.EBENE --------------------------------------------------------------------------------------------- */
	/* --- Container des Navigationselements --- */
	#nav4 div.navbox {height:auto; padding:0px 0px 0px 20px; line-height:21px; font-size:11px; border-bottom:solid 1px #ffffff; cursor:pointer;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav4 div.an {color:#333333; background-image:url(../_img/nav4_an.jpg); background-position:top left; background-repeat:no-repeat;}
	#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:no-repeat;}
	#nav4 div.aus a {color:#333333;}
	#nav4 div.aus:hover {background-image:url(../_img/nav4_hover.jpg); background-position:top left; background-repeat:no-repeat;}
	#nav4 div.aus:hover a {color:#333333;}
	#nav4 div.aus a:hover {color:#333333;}
	
	/* --- 5.EBENE --------------------------------------------------------------------------------------------- */
	#nav5 {border-bottom:solid 1px #ffffff;}
	/* --- Container des Navigationselements --- */
	#nav5 div.navbox {height:auto; padding:0px 0px 0px 25px; line-height:19px; font-size:11px; border:none; cursor:pointer;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav5 div.an {color:#333333; font-weight:bold; background-image:none;}
	#nav5 div.an a {color:#333333; font-weight:bold; text-decoration:none;}
	#nav5 div.an a:hover {color:#333333; font-weight:bold; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav5 div.aus {color:#333333; background-image:url(../_img/nav4_aus.jpg); background-position:top left; background-repeat:repeat-y;}
	#nav5 div.aus a {color:#333333;}
	#nav5 div.aus:hover {background-image:none;}
	#nav5 div.aus:hover a {color:#333333;}
	#nav5 div.aus a:hover {color:#333333;}

	
	/* --- METANAVIGATION -------------------------------------------------------------------------------------- */
	#metanav {font-size:11px; color:#666666;}
	#metanav a {color:#666666; text-decoration:none;}
	#metanav a:visited {color:#666666; text-decoration:none;}
	#metanav a:hover {color:#666666; 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-color:#E6ECFC;}
	#newsblock div.newsblock_kopf {padding:0px 0px 0px 5px; font-weight:bold;}
	#newsblock ul {padding:5px 2em;}
	#newsblock li {}
	#newsblock li a {}
	
	/* --- FUSS --- */
	#fuss_inhalt {font-size:11px; color:#ffffff;}
	#fuss_inhalt a{font-size:11px; color:#ffffff;}
		
	/* --- 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;}

	/* --- Wechselnde Bildleiste --- */
	.titelbild_standard {background-image:url(../_img/hg_titelbild.jpg); background-position:top left; background-repeat:no-repeat;}
	/* Wir über uns */
	.titelbild_70 {background-image:url(../_img/hg_Wir.jpg); background-position:top left; background-repeat:no-repeat;}
	/* Aktuelles */
	.titelbild_69 {background-image:url(../_img/hg_Aktuelles.jpg); background-position:top left; background-repeat:no-repeat;}
	/* Regatten */
	.titelbild_68 {background-image:url(../_img/hg_Regatten.jpg); background-position:top left; background-repeat:no-repeat;}
	/* Kontakt */
	.titelbild_67 {background-image:url(../_img/hg_Kontakt.jpg); background-position:top left; background-repeat:no-repeat;}
	
	/* Intern Adressen & Kontakt */
	.titelbild_97 {background-image:url(../_img/hg_intern_Adressen.jpg); background-position:top left; background-repeat:no-repeat;}
	/* Intern Aktuelles & Termine */
	.titelbild_96 {background-image:url(../_img/hg_intern_Aktuelles.jpg); background-position:top left; background-repeat:no-repeat;}
	/* Intern Einrichtungen */
	.titelbild_95 {background-image:url(../_img/hg_intern_Einrichtungen.jpg); background-position:top left; background-repeat:no-repeat;}
	/* Intern Archiv */
	.titelbild_94 {background-image:url(../_img/hg_intern_Archiv.jpg); background-position:top left; background-repeat:no-repeat;}
	

/* ----------------------------------------------------------------------------------------------------------- */
/* 5. 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:#3DA1D8; text-decoration:none;}
	a.typolink:link, a.internal-link:link, a.internal-link-new-window:link, a.download:link, a.mail:link {color:#3DA1D8; text-decoration:none;}
	a.typolink:visited, a.internal-link:visited, a.internal-link-new-window:visited, a.download:visited, a.mail:visited {color:#3DA1D8; text-decoration:none;}
	a.typolink:hover, a.internal-link:hover, a.internal-link-new-window:hover, a.download:hover, a.mail:hover {color:#3DA1D8; text-decoration:underline;}
	
	/* --- Basisklassen: Externe Links des TYPO3-Systems --- */
	a.external-link, a.external-link-new-window {color:#3DA1D8; text-decoration:none; border-bottom:dotted 1px #3DA1D8;} 
	a.external-link:link, a.external-link-new-window:link {color:#3DA1D8; text-decoration:none; border-bottom:dotted 1px #3DA1D8;}
	a.external-link:visited, a.external-link-new-window:visited {color:#3DA1D8; text-decoration:none; border-bottom:dotted 1px #3DA1D8;}
	a.external-link:hover, a.external-link-new-window:hover {color:#3DA1D8; text-decoration:none; border-bottom:solid 1px #3DA1D8;}


	/* --- 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;}
	div.csc-sitemap ul.sitemap_level2 {list-style-type:disc;}
	div.csc-sitemap ul.sitemap_level2 li {font-size:12px; font-weight:bold; margin-bottom:0px;}
	div.csc-sitemap ul.sitemap_level3 {list-style-type:disc;}
	div.csc-sitemap ul.sitemap_level3 li {font-size:12px; font-weight:normal; margin-bottom:0px;}
	
	/* --- 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,
   	div.csc-textpic-border div.csc-textpic-single-image	img {border:2px solid #cccccc; padding:2px;}



	/* --- RTE_KLASSEN ------------------------------------------------------------------------------------- */
	
	/*--- RTE-Klassen: Colors ---*/
	.farbe1, span.farbe1, a.farbe1 {color:#2E4D6B;} /* dunkelblau */
	.farbe2, span.farbe2, a.farbe2 {color:#3D678F;} /* dunkelblau 2 */
	.farbe3, span.farbe3, a.farbe3 {color:#669ACC;} /* blau */
	.farbe4, span.farbe4, a.farbe4 {color:#1E6B95;} /* blau 2 */
	.farbe5, span.farbe5, a.farbe5 {color:#339BFF;} /* blau 3 */
	.farbe6, span.farbe6, a.farbe6 {color:#B3CCE6;} /* hellblau */
	.farbe7, span.farbe7, a.farbe7 {color:#99CDFF;} /* hellblau 2 */
	.farbe8, span.farbe8, a.farbe8 {color:#CDE6FF;} /* hellblau 3 */
	.farbe9, span.farbe9, a.farbe9 {color:#FE7D00;} /* orange */
	.farbe10, span.farbe10, a.farbe10 {color:#666666;} /* grau */
	

	/* --- RTE-Klassen: Paragraph --- */
	p.box1 {background-color:#669ACC; border:solid 1px #3D678F; padding:5px; margin-top:0px;} /* Box blau */
	p.box2 {background-color:#B3CCE6; border:solid 1px #669ACC; padding:5px; margin-top:0px;} /* Box hellblau */
	/* --- 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:0; 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:#1E6B95; background-color:#CAEAF9; border:solid 1px #9CD8F4; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 td {color:#333333; border:solid 1px #9CD8F4; font-size:12px; line-height:14px;} 
	table.table1 tr.tr1 td {color:#3D678F; background-color:#9CD8F4; border:solid 1px #9CD8F4; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 tr.tr2 td {background-color:#F2F2F2;}
	table.table1 td.td1 {color:#0068CC; background-color:#CAEAF9; border:solid 1px #9CD8F4; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 td.td2 {background-color:#F2F2F2; text-align:center;}
	/* --- Tabelle 2 --- */
	table.table2 {margin:0; 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 #B3C6E6; 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
 */
/***************************************************************************************************************/

	#wasser_liegeplatz_container {position: relative; height:700px; width:525px; padding:2px 2px 2px 2px; cursor:pointer; border:solid 1px #5A9AD8;}
	#land_liegeplatz_container {position: relative; height:700px; width:525px; padding:2px 2px 2px 2px; cursor:pointer; border:solid 1px #5A9AD8;}
	div.liegeplatz_box {position:absolute; width:150px; height:25px; font-size:11px; padding-left:3px; line-height:25px;}
	div.liegeplatz_box_frei {position:absolute; width:150px; height:25px; font-size:11px; padding-left:3px; line-height:25px;}
	div.liegeplatz_box:hover{}
	div.liegeplatz_detail_box {display:none;}
	div.mitglieder_bild_box {display:none;}
	#land_liegeplatz_container div.liegeplatz_box {text-align:center; font-size:8px;}
	#land_liegeplatz_container div.liegeplatz_box_frei {text-align:center; font-size:8px;}
	
	#liegeplatz_W01 {top:556px; left: 75px;}
	#liegeplatz_W02 {top:556px; left: 300px;}
	#liegeplatz_W03 {top:518px; left: 75px;}
	#liegeplatz_W04 {top:518px; left: 300px;}
	#liegeplatz_W05 {top:487px; left: 75px;}
	#liegeplatz_W06 {top:487px; left: 300px;}
	#liegeplatz_W07 {top:448px; left: 75px;}
	#liegeplatz_W08 {top:448px; left: 300px;}
	#liegeplatz_W09 {top:417px; left: 75px;}
	#liegeplatz_W10 {top:417px; left: 300px;}
	#liegeplatz_W11 {top:379px; left: 75px;}
	#liegeplatz_W12 {top:379px; left: 300px;}
	#liegeplatz_W13 {top:347px; left: 75px;}
	#liegeplatz_W14 {top:347px; left: 300px;}
	#liegeplatz_W15 {top:308px; left: 75px;}
	#liegeplatz_W16 {top:308px; left: 300px;}
	#liegeplatz_W17 {top:278px; left: 75px;}
	#liegeplatz_W18 {top:278px; left: 300px;}
	#liegeplatz_W19 {top:240px; left: 75px;}
	#liegeplatz_W20 {top:240px; left: 300px;}
	#liegeplatz_W21 {top:206px; left: 75px;}
	#liegeplatz_W22 {top:206px; left: 300px;}
	#liegeplatz_W23 {top:168px; left: 75px;}
	#liegeplatz_W24 {top:168px; left: 300px;}
	#liegeplatz_W25 {top:136px; left: 75px;}
	#liegeplatz_W26 {top:136px; left: 300px;}
	#liegeplatz_W27 {top:97px; left: 75px;}
	#liegeplatz_W28 {top:97px; left: 300px;}
	#liegeplatz_W29 {top:67px; left: 75px;}
	#liegeplatz_W30 {top:67px; left: 300px;}
	#liegeplatz_W31 {top:29px; left: 75px;}
	#liegeplatz_W32 {top:29px; left: 300px;}
	
	
	#liegeplatz_L01 {height:45px; width:20px; line-height:50px; top:5px; left:400px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L02 {height:45px; width:20px; line-height:50px; top:5px; left:375px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L03 {height:45px; width:20px; line-height:50px; top:5px; left:350px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L04 {height:45px; width:20px; line-height:50px; top:5px; left:325px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L05 {height:45px; width:20px; line-height:50px; top:5px; left:300px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L06 {height:45px; width:20px; line-height:50px; top:5px; left:275px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	
	#liegeplatz_L07 {height:45px; width:20px; line-height:45px; top:70px; left:395px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L08 {height:45px; width:20px; line-height:45px; top:70px; left:370px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L09 {height:45px; width:20px; line-height:45px; top:70px; left:345px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L10 {height:45px; width:20px; line-height:45px; top:70px; left:320px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L11 {height:45px; width:20px; line-height:45px; top:70px; left:295px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L12 {height:45px; width:20px; line-height:50px; top:120px; left:395px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L13 {height:45px; width:20px; line-height:50px; top:120px; left:370px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L14 {height:45px; width:20px; line-height:50px; top:120px; left:345px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L15 {height:45px; width:20px; line-height:50px; top:120px; left:320px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L16 {height:45px; width:20px; line-height:50px; top:120px; left:295px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	
	#liegeplatz_L17 {height:45px; width:20px; line-height:45px; top:185px; left:395px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L18 {height:45px; width:20px; line-height:45px; top:185px; left:370px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L19 {height:45px; width:20px; line-height:45px; top:185px; left:345px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L20 {height:45px; width:20px; line-height:45px; top:185px; left:320px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L21 {height:45px; width:20px; line-height:45px; top:185px; left:295px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L22 {height:45px; width:20px; line-height:50px; top:235px; left:395px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L23 {height:45px; width:20px; line-height:50px; top:235px; left:370px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L24 {height:45px; width:20px; line-height:50px; top:235px; left:345px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L25 {height:45px; width:20px; line-height:50px; top:235px; left:320px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L26 {height:45px; width:20px; line-height:50px; top:235px; left:295px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	
	#liegeplatz_L27 {height:45px; width:20px; line-height:45px; top:300px; left:395px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L28 {height:45px; width:20px; line-height:45px; top:300px; left:370px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L29 {height:45px; width:20px; line-height:45px; top:300px; left:345px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L30 {height:45px; width:20px; line-height:45px; top:300px; left:320px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L31 {height:45px; width:20px; line-height:45px; top:300px; left:295px; background-image:url(../_img/boot1_u.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L32 {height:45px; width:20px; line-height:50px; top:350px; left:395px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L33 {height:45px; width:20px; line-height:50px; top:350px; left:370px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L34 {height:45px; width:20px; line-height:50px; top:350px; left:345px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L35 {height:45px; width:20px; line-height:50px; top:350px; left:320px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L36 {height:45px; width:20px; line-height:50px; top:350px; left:295px; background-image:url(../_img/boot1_o.png); background-position:top left; background-repeat:no-repeat;}
	
	#liegeplatz_L50 {display:none; top:485px; left:10px;}
	
	#liegeplatz_L51 {width:45px; height:22px; line-height:22px; top:485px; left:380px; background-image:url(../_img/boot2_r.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L52 {width:45px; height:22px; line-height:22px; top:510px; left:380px; background-image:url(../_img/boot2_r.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L53 {width:45px; height:22px; line-height:22px; top:535px; left:380px; background-image:url(../_img/boot2_r.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L54 {width:45px; height:22px; line-height:22px; top:560px; left:380px; background-image:url(../_img/boot2_r.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L55 {width:45px; height:22px; line-height:22px; top:585px; left:380px; background-image:url(../_img/boot2_r.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L56 {width:45px; height:22px; line-height:22px; top:610px; left:380px; background-image:url(../_img/boot2_r.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L57 {width:45px; height:22px; line-height:22px; top:635px; left:380px; background-image:url(../_img/boot2_r.png); background-position:top left; background-repeat:no-repeat;}
	
	#liegeplatz_L58 {width:42px; height:22px; line-height:22px; top:635px; left:180px; background-image:url(../_img/boot2_l.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L59 {width:42px; height:22px; line-height:22px; top:610px; left:180px; background-image:url(../_img/boot2_l.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L60 {width:42px; height:22px; line-height:22px; top:585px; left:180px; background-image:url(../_img/boot2_l.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L61 {width:42px; height:22px; line-height:22px; top:560px; left:180px; background-image:url(../_img/boot2_l.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L62 {width:42px; height:22px; line-height:22px; top:535px; left:180px; background-image:url(../_img/boot2_l.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L63 {width:42px; height:22px; line-height:22px; top:510px; left:180px; background-image:url(../_img/boot2_l.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L64 {width:42px; height:22px; line-height:22px; top:485px; left:180px; background-image:url(../_img/boot2_l.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L65 {width:42px; height:22px; line-height:22px; top:460px; left:180px; background-image:url(../_img/boot2_l.png); background-position:top left; background-repeat:no-repeat;}
	
	#liegeplatz_L71 {height:45px; width:26px; line-height:45px; top:455px; left:70px; background-image:url(../_img/boot1_s.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L72 {height:45px; width:26px; line-height:45px; top:490px; left:85px; background-image:url(../_img/boot1_s.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L73 {height:45px; width:26px; line-height:45px; top:525px; left:100px; background-image:url(../_img/boot1_s.png); background-position:top left; background-repeat:no-repeat;}
	#liegeplatz_L74 {height:45px; width:26px; line-height:45px; top:560px; left:115px; background-image:url(../_img/boot1_s.png); background-position:top left; background-repeat:no-repeat;}
	
	
	/* Liegeplatz Legende */
	#liegeplatz_legende div {height:14px; font-size:10px; position:absolute; white-space:nowrap;}
	
	#legende_L01 {top:0px; left:430px;}
	#legende_L02 {top:12px; left:430px;}
	#legende_L03 {top:24px; left:430px;}
	#legende_L04 {top:36px; left:430px;}
	#legende_L05 {top:48px; left:430px;}
	#legende_L06 {top:60px; left:430px;}
	
	#legende_L07 {top:72px; left:430px;}
	#legende_L08 {top:84px; left:430px;}
	#legende_L09 {top:96px; left:430px;}
	#legende_L10 {top:108px; left:430px;}
	#legende_L11 {top:120px; left:430px;}
	#legende_L12 {top:132px; left:430px;}
	#legende_L13 {top:144px; left:430px;}
	#legende_L14 {top:156px; left:430px;}
	#legende_L15 {top:168px; left:430px;}
	#legende_L16 {top:180px; left:430px;}
	
	#legende_L17 {top:192px; left:430px;}
	#legende_L18 {top:204px; left:430px;}
	#legende_L19 {top:216px; left:430px;}
	#legende_L20 {top:228px; left:430px;}
	#legende_L21 {top:240px; left:430px;}
	#legende_L22 {top:252px; left:430px;}
	#legende_L23 {top:264px; left:430px;}
	#legende_L24 {top:276px; left:430px;}
	#legende_L25 {top:288px; left:430px;}
	#legende_L26 {top:300px; left:430px;}
	#legende_L27 {top:312px; left:430px;}
	
	#legende_L28 {top:324px; left:430px;}
	#legende_L29 {top:336px; left:430px;}
	#legende_L30 {top:348px; left:430px;}
	#legende_L31 {top:360px; left:430px;}
	#legende_L32 {top:372px; left:430px;}
	#legende_L33 {top:384px; left:430px;}
	#legende_L34 {top:396px; left:430px;}
	#legende_L35 {top:408px; left:430px;}
	#legende_L36 {top:420px; left:430px;}

	#legende_L50 {display:none;}
	
	#legende_L51 {top:485px; left:430px;}
	#legende_L52 {top:497px; left:430px;}
	#legende_L53 {top:509px; left:430px;}
	#legende_L54 {top:521px; left:430px;}
	#legende_L55 {top:533px; left:430px;}
	#legende_L56 {top:545px; left:430px;}
	#legende_L57 {top:557px; left:430px;}
	
	#legende_L58 {top:544px; left:235px;}
	#legende_L59 {top:532px; left:235px;}
	#legende_L60 {top:520px; left:235px;}
	#legende_L61 {top:508px; left:235px;}
	#legende_L62 {top:496px; left:235px;}
	#legende_L63 {top:484px; left:235px;}
	#legende_L64 {top:472px; left:235px;}
	#legende_L65 {top:460px; left:235px;}
	
	#legende_L71 {top:570px; left:10px;}
	#legende_L72 {top:582px; left:10px;}
	#legende_L73 {top:594px; left:10px;}
	#legende_L74 {top:606px; left:10px;}

	/* Kanu */
	#kanu_liegeplatz_container {position: relative; height:525px; width:525px; padding:2px 2px 2px 2px; cursor:pointer; border:solid 1px #cccccc;}
	#kanu_liegeplatz_container div.liegeplatz_box {width:70px; height:50px; background-color:#ADE2F9; border-radius:5px; overflow:hidden; line-height:16px; text-align: center;}
	/* Erste Reihe */
	#liegeplatz_K01 {right:22px; top:86px;}
 	#liegeplatz_K02 {right:108px; top:86px;}
 	#liegeplatz_K03 {right:22px; top:181px;}
 	#liegeplatz_K04 {right:108px; top:181px;}
 	#liegeplatz_K05 {right:22px; top:281px;}
 	#liegeplatz_K06 {right:108px; top:281px;}
 	#liegeplatz_K07 {right:22px; top:371px;}
 	#liegeplatz_K08 {right:108px; top:371px;}

	/* Zweite Reihe */
	#liegeplatz_K11 {left:271px; top:118px;}
 	#liegeplatz_K12 {left:185px; top:118px;}
 	#liegeplatz_K13 {left:271px; top:242px;}
 	#liegeplatz_K14 {left:185px; top:242px;}
 	#liegeplatz_K15 {left:271px; top:372px;}
 	#liegeplatz_K16 {left:185px; top:372px;}

	/* Dritte Reihe */
 	#liegeplatz_K21 {left:104px; top:86px;}
 	#liegeplatz_K22 {left:18px; top:86px;}
 	#liegeplatz_K23 {left:104px; top:181px;}
 	#liegeplatz_K24 {left:18px; top:181px;}
 	#liegeplatz_K25 {left:104px; top:281px;}
 	#liegeplatz_K26 {left:18px; top:281px;}
 	#liegeplatz_K27 {left:104px; top:371px;}
 	#liegeplatz_K28 {left:18px; top:371px;}


	/* --- Webcam-Formatierung --- */
	.webcam_hg {width:414px; margin-bottom:10px; background-image:url(../_img/webcam_hg.jpg); background-position:top center; background-repeat:no-repeat;}
	.webcam_head {padding:40px 0px 0px 0px;}
	
	/* --- Tooltip-Formatierung --- */
	.tooltip_box {float:left;}
	.tooltip_box_marker {clear:right;}
	.tooltip_bild {min-width:200px;}
	.tooltip_bild_mitglieder_liste {min-width:150px;}
	
	
	/* --- Listenansicht der Mitglieder --- */
	.alter_liste {}
	.alter_liste div.listenelement {padding:3px 0px 3px 5px; cursor:pointer;}
	.alter_liste div.listenelement:hover {background-color:#DEF3FC;}
	.alter_liste div.listenelement:hover a {text-decoration:none;}
	.alter_liste div.odd {background-color:#FFFFFF;}
	.alter_liste div.even {background-color:#EBF2F8;}
	
	
	/* --- Detailansicht der Mitglieder --- */
	.mitglied_box {line-height:18px;}
	.mitglied_box img {border:solid 1px #5A9AD8; padding:2px; margin-bottom:10px;}
	.mitglied_box_block_links {float:left; clear:left; width:45%; margin:25px 15px 0px 0px;}
	.mitglied_box_block_rechts {float:left; width:45%; margin:25px 0px 0px 15px;}
	.mitglied_box_status {clear:both; line-height:18px;}
	.mitglieds_status {border:solid 1px #5A9AD8;}
	.mitglieds_status td {width:70px; border:solid 1px #5A9AD8; text-align:center;}


	/* --- TYPO3-Extension: Language Selection --- */
	#sprachnav div.tx-srlanguagemenu-pi1 {width:70px; text-align:right;}
	#sprachnav div.CUR {text-align:right;}
	#sprachnav div.INACT {text-align:right;}
	#sprachnav img.tx-srlanguagemenu-pi1-flag {padding:0px; width:21px; margin:0px; padding-top:2px; margin-left:7px;}
	
	/* --- TYPO3-Extension: Indexed Search  (tpl_indexed_search.html) --- */
	/* --- Zeile "Es wurde gesucht nach..." --- */
	.tx-indexedsearch .tx-indexedsearch-whatis {margin-top:20px; margin-bottom:20px;}
	.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {font-weight:bold; font-style:italic;}
	/* --- Zeile "Ergebnisse 1-x..." --- */
	.tx-indexedsearch .tx-indexedsearch-browsebox {}
	.tx-indexedsearch .tx-indexedsearch-browsebox p {background-color:#1a66ff; color:#FFFFFF; padding:3px; margin-bottom:10px;}
	.tx-indexedsearch .tx-indexedsearch-browsebox ul {text-align:center;}
	.tx-indexedsearch .tx-indexedsearch-browsebox li {display:inline; margin-right:5px; font-size:11px;}
	/* --- Anzeige, wenn keine Suchergebnisse --- */
	.tx-indexedsearch .tx-indexedsearch-noresults {text-align:center; font-weight:bold;}
	/* --- Suchergebnisse --- */
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr {padding:0px; margin:0px; font-size:11px; line-height:16px; color:#666666;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {color:#000000;}
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:#ffffff; font-size:12px;}
	.tx-indexedsearch .tx-indexedsearch-res .noResume {color:#666666;}
	.tx-indexedsearch .res-tmpl-css {clear:both; margin-bottom:1em; }
	.tx-indexedsearch .res-tmpl-css h3 {margin:0px; padding:0px; letter-spacing:0px; font-size:13px; line-height:20px;}
	.tx-indexedsearch .res-tmpl-css h3 a {}
	.tx-indexedsearch .res-tmpl-css dl {padding:0px; margin:0px;}
	.tx-indexedsearch div.pfad {}
	/* --- Suchseite im Contentbereich --- */
	.tx-indexedsearch .tx-indexedsearch-searchbox form {padding:0px; margin:0px; margin-top:10px;}
	.tx-indexedsearch .tx-indexedsearch-searchbox fieldset {padding:0px; margin:0px; border:none;}
	.tx-indexedsearch .tx-indexedsearch-searchbox legend {display:none;}
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {width:200px; border:solid 1px #1a66ff; height:19px;}
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {width:100px; height:19px; color:#ffffff; background-color:#1a66ff; text-align:center; font-weight:bold; border:none;}
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button:hover {background-color:#1a66ff;}
	
	
	/* --- Anpassungen Login Formular --- */
	.tx-felogin-pi1 form {width:300px;}
	.tx-felogin-pi1 input {margin:0px 0px 10px 0px;}	
	.tx-felogin-pi1 input[type='submit'] {width:100px; margin:15px 0px 0px 155px; background-color:#A0DBF5; font-weight:bold; border:2px #A0DBF5 solid;} 
	.tx-felogin-pi1 input[type='submit']:hover {color:#FFFFFF; background-color:#2789BF; border:2px #2789BF solid;} 
	.tx-felogin-pi1 label {font-weight:bold;}
	.tx-felogin-pi1 input[id='user'] {width:250px;}
	.tx-felogin-pi1 input[id='pass'] {width:250px;}

	/* --- TYPO3-Extension: Indexed Search (tpl_searchbox.html) -------------------------------------------------------------------- */
	/* --- Suchbox in der Navleiste) --- */
	#searchform {margin:0px; padding:0px; padding-left:5px; padding-top:1px; padding-bottom:4px;}
	#searchform div.suchbox_text {float:left; padding-right:3px; padding-top:2px; color:#ffffff;}
	#searchform input.suchbox_suche {width:100px; height:17px; border:none; padding-left:2px; margin-top:0px; margin-bottom:0px;}
	#searchform input.suchbox_senden {width:18px; height:18px; border:none; margin-top:0px; margin-bottom:0px; background-image:url(../_img/icon_suche.jpg); background-position:center left; background-repeat:no-repeat;}


	/* --- NEWS --- */
	/* News-Liste */
	#news_startseite {}
	#news_startseite h3 {color:#333333; font-weight:bold; font-size:14px; letter-spacing:0; margin-bottom:0px; border-bottom: none;}
	#news_startseite h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; letter-spacing:1px; line-height:20px; margin-bottom:8px; color: #1E6B95}
	#news_startseite a h4 {text-decoration:none;}
	#news_startseite a:hover h4 { text-decoration: underline;}
	#news_startseite hr {border:none; border-bottom:solid 1px #E6E6E6; margin:15px 0px 15px 0px;}
	#news_startseite div.item {}
	#news_startseite div.item_links {float:left; width:auto; margin: 0px 10px 0px 0px;}
	#news_startseite div.item_links img {margin:3px 0px 0px 0px;}
	#news_startseite div.item_rechts {width:100%; float:left;}

	/* News-Detailansicht */
	#news_detail {}
	#news_detail div.datum {font-size:11px; line-height:16px; margin-bottom:10px;}
	#news_detail div.teaser {font-weight:bold; margin-bottom:15px;}
	#news_detail h3 {color:#333333; font-weight:bold; font-size:14px; letter-spacing:0; margin-bottom:0px; border-bottom: none;}
	#news_detail h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; letter-spacing:1px; line-height:20px; margin-bottom:8px;}
	#news_detail p {font-family:Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; font-size: 12px;}
	#news_detail div.item img {float:left; margin:5px 10px 10px 0px;}
	#news_detail div.anhang {margin:15px 0px 0px 0px;}
	#news_detail div.detail_nav {margin:35px 0px 0px 0px;}

	/* News-Block Linke Spalte (Startseite) */
	#news_block {padding:0px 10px 0px 10px;}
	#news_block h3 {color:#333333; font-weight:bold; font-size:14px; letter-spacing:0; margin-bottom:0px; border-bottom: none;}
	#news_block a {font-size:11px; font-weight:normal; color:#777777; line-height:15px; text-decoration:none;}
	#news_block a:hover {text-decoration:underline;}
	#news_block a span {font-weight:normal;}
	#news_block hr {border:none; border-bottom:solid 1px #efefef; margin:5px 0px 5px 0px; padding:0px;}


/* ----------------------------------------------------------------------------------------------------------- */
/* 7. FORMULARE ---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Basisklassen zur Formulargestaltung, projektindividuelle Formulardefinitionen
 *
 * @section		7.Formulare
 * @media		screen
 */
/***************************************************************************************************************/

	/* ---- Basisklassen --- */
	form {margin:0px; padding:0px;}
	fieldset {border:solid 1px #CAEAF9; background-color:#DEF3FC;}
	input, select, textarea {font-family:arial; font-size:11px; line-height:16px; border:solid 1px #99CDFF; color:#333333; margin:0px; padding:0px; padding-left:2px;}
	input:focus, textarea:focus {background-color:#DDDDDD; 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:#D4EBF7; border:solid 1px #99CDFF; padding:10px; width:475px; margin:15px 0px 0px 0px;}
	/* --- @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:#1E6B95; height:18px; color:#ffffff; font-weight:bold; border-color:#4B64D3; margin-top:5px;}
	div.csc-mailform-field input.submit:hover {background-color:#72CAF0; color:#2E4D6B;}
	
	/* --- Druckansicht(tpl_website.print.html) --- */
	#druckleiste_oben input, #druckleiste_unten input {width:150px; height:21px; color:#ffffff; background-color:#1E6993; text-align:center; font-weight:bold; border:solid 1px #1E6993; margin-left:24px; margin-right:25px;}
	#druckleiste_oben input:hover, #druckleiste_unten input:hover {background-color:#72CAF0; color:#2E4D6B;}