/**************************************************************************************************************/
/**     
 * STYLESHEET: BOKELA.COM
 *
 * @author 			Dominic Jacob
 * @copyright  		© Galileo Webdesign, Karlsruhe, Germany
 * @see  			http://www.galileo-webdesign.de 
 * @date 			2008-10-28
 * @version			1.0
 * @lastmodified	2009-05-05
 */
/**
 * 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	#2e5e6b; dunkelblau; H1, 
 * @colordef	#0092BA; Bokela-blau; Links
 * @colordef	#FECC00; Bokela-gelb; Newsbox_odd
 * @colordef	#C82D2E; rot; Newsbox_even
 * @colordef	#2e5e6b; blau1; Überschriften (H3-H4)
 * @colordef	#006A87; blau2; Links
 * @colordef	#D4F0F7; blassblau1; Hintergrund für Fieldset
 * @colordef	#333333; dunkelgrau; Standardtext, Überschrift (H2-H5), Navigation, Formulare													
 * @colordef	#cccccc; grau; Border für Bilder 	
 * @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:#ffffff;  background-image:url(../_img/hg_body.png); background-position:center 0px; background-repeat:no-repeat;} 


	/* --- 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:987px; margin:0px auto 0px auto;}
	
		/* --- Kopfbereich  --- */
		/* --- Nimmt Metanav und optional Sprachumschalter auf --- */
		#kopf {height:110px; margin:0px 15px 0px 0px; position:relative;}
			/* --- Metanavigation --- */
			#metanav {position:absolute; left:15px; top:4px;}
			/* --- Sprachumschalter --- */
			#sprachnav {position:absolute; right:460px; top:4px;}
		
		/* --- Leiste --- */
		/* --- Nimmt horizontale Nav und optional Suchfeld auf --- */
		#leiste {height:41px; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; overflow:hidden; background-image:url(../_img/hg_leiste.png); background-position:0px 0px; background-repeat:no-repeat;}
			/* --- Suchbox --- */
			#suche {float:left; width:240px; height:40px; line-height:40px; background-image:url(../_img/hg_suche.png); background-position:top left; background-repeat:repeat-x;}
			/* --- Box für Hauptnavigation --- */
			#nav {height:40px; float:left;}	
	
		/* --- Mitte --- */
		/* --- Nimmt linke und rechte Spalte auf, optionaler Hintergrund --- */
		#mitte {clear:left; min-height:525px; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; overflow:auto; background-image:url(../_img/hg_mitte.png); background-position:top left; background-repeat:no-repeat;}
			
			/* --- Linke Spalte --- */
			/* --- Nimmt vertikale Nav und optional weitere Boxen auf --- */	
			#spalte_links {float:left; width:240px; min-height:300px; margin:3px 0px 0px 0px; background-color:#68bed5; background-image:url(../_img/hg_links.png); background-repeat:no-repeat; background-position:0px -3px;} 
				/* --- Home Button ---*/
				#icon_home {padding:10px 0px 0px 25px; background-image:url(../_img/icon_home.png); background-repeat:no-repeat; background-position:10px 10px;}
				/* --- Subnavigation ---- */
				#subnav {margin:60px 0px 0px 10px; padding:0px 0px 25px 0px;}
		
			/* --- Rechte Spalte --- */	
			/* --- Nimmt Inhaltsbereich, Titel und weitere optionale Elemente auf --- */	
			#spalte_rechts {float:left; width:690px; min-height:525px;}
					/* --- Krümelnavigation --- */	
					#kruemelnav {float:left; width:570px; margin:0px 0px 0px 25px; padding:10px 0px 5px 0px;}
					/* --- Iconleiste --- */	
					#iconleiste {float:left; width:60px; margin:0px auto 0px 0px; padding:10px 0px 5px 0px;}			
					/* --- Seitentitel --- */	
					#titel {clear:left; margin:0px 25px 0px 25px; padding:10px 0px 5px 0px;}
					/* --- Inhaltsbereich --- */	
					#inhalt {clear:left; min-height:400px; margin:0px 30px 0px 25px; padding:10px 0px 15px 0px;}
	
		/* --- Fußzeile --- */
		/* --- Nimmt Coypyright und weitere optionale Inhalte auf, Hintergrundbild --- */			
		#fuss {position:relative; clear:left; width:987px; margin:0px auto 0px auto; background-image:url(../_img/hg_fuss.png); background-position:top left; background-repeat:no-repeat;}
			/* --- Fußzeile-Inhalt --- */
			#fuss_inhalt {color:#333333; padding:10px 0px 25px 0px; text-align:center;}
			/* #logo_verlauf {position:absolute; bottom:-20px; right:0px; height:300px; width:47px; background-image:url(../_img/hg_logo_verlauf.png); background-position:-1px bottom; background-repeat:no-repeat;} */


/* ----------------------------------------------------------------------------------------------------------- */
/* 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:650px; margin:0px auto 0px auto;}
	
	/* --- Inhaltscontainer --- */ 
	#mitte_druck {width:565px; float:left; background-color:#FFFFFF;}
	
	/* --- Obere Leiste mit Druckschaltflächen --- */
	#druckleiste_oben {clear:left; padding:25px 0px; text-align:center;}
	
	/* --- Untere Leiste mit Druckschaltflächen --- */
	#druckleiste_unten {clear:left; padding:25px 0px; text-align:center;}

	/* --- Ausblenden der Druckleisten beim Ausruck --- */
	@media print {
		#druckleiste_oben {display:none;}
	 	#druckleiste_unten {display:none;}
	}
	
	/* --- Grafik in Druckansicht ---*/
	#druck_logo {float:left; width:84px;}
	#druck_logo img {overflow:visible; border:none; margin:0px; padding:0px;}
	
	/* --- Fusszeile --- */
	#fuss_druck {padding-bottom:10px; border-top:solid 1px #cccccc; line-height:15px; font-size:11px; color:#333333; text-align:center;}

	/* --- Buttons --- */
	#druckleiste_oben input, #druckleiste_unten input {width:150px; height:21px; color:#ffffff; background-color:#006A87; text-align:center; font-weight:bold; border:solid 1px #90C6D5; margin-left:24px; margin-right:25px;}
	#druckleiste_oben input:hover, #druckleiste_unten input:hover {background-color:#0092BA; color:#ffffff;}
	 

/* ----------------------------------------------------------------------------------------------------------- */
/* 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:#0092BA; text-decoration:none;}
	a:link {color:#0092BA; text-decoration:none;}
	a:visited {color:#0092BA; text-decoration:none;}
	a:hover {color:#0092BA; text-decoration:underline;}
	a:active {color:#0092BA; 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:20px; font-weight:bold; color:#2e5e6b; margin:0px; padding:0px; letter-spacing:1px; line-height:20px;}
	h2, p.h2 {font-size:14px; font-weight:bold; color:#333333; margin:0px 0px 10px 0px; padding:6px 3px 8px 5px; letter-spacing:1px; line-height:18px; background-image:url(../_img/hg_ueberschriften.png); background-position:left bottom; background-repeat:no-repeat;}
	h3, p.h3 {font-size:14px; font-weight:bold; color:#2e5e6b; margin:0px; padding:0px; line-height:20px; border-bottom:dotted 1px #cccccc; margin-bottom:5px;}
	h4, p.h4 {font-size:14px; font-weight:bold; color:#2e5e6b; margin:0px; padding:0px; line-height:20px;}
	h5, p.h5 {font-size:12px; font-weight:bold; color:#666666; 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 ---------------------------------------------------------------------------------------------- */
	#nav1 {padding:1px 0px 0px 0px;}
	/* --- Container des Navigationselements --- */
	#nav1 div.navbox {float:left; height:40px; padding:0px 25px 5px 25px; line-height:40px; text-transform:uppercase; cursor:pointer;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav1 div.an {background-image:url(../_img/nav1_an.png); background-position:0px 0px; 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 {}
	#nav1 div.aus:hover {background-image:url(../_img/nav1_hover.png); background-position:0px 0px; background-repeat:repeat-x;}
	#nav1 div.aus a {color:#ffffff; font-weight:bold; text-decoration:none;}
	#nav1 div.aus a:hover {color:#ffffff; font-weight:bold; text-decoration:none;}
	
	
	/* --- 2.EBENE --------------------------------------------------------------------------------------------- */
	
	/* Home Icon */
	#icon_home a {color:#ffffff;}
	#icon_home a:hover {text-decoration:none; font-weight:bold;}
	/* Kopfzeile der Subnavigation */
	.subnav_kopf {color:#ffffff; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
	
	/* --- Container des Navigationselements --- */
	#nav2 div.navbox {height:auto; padding:6px 0px 6px 25px; line-height:18px; font-size:12px; cursor:pointer; background-image:url(../_img/nav_2_aus.png); background-repeat:no-repeat; background-position:10px 12px;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav2 div.an {color:#00566E; background-image:url(../_img/nav_2_an.png);}
	#nav2 div.an a {color:#00566E; font-weight:bold; text-decoration:none;}
	#nav2 div.an a:hover {color:#00566E; font-weight:bold; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav2 div.aus {color:#ffffff;}
	#nav2 div.aus a {color:#ffffff; text-decoration:none;}
	#nav2 div.aus:hover {background-image:url(../_img/nav_2_an.png);}
	#nav2 div.aus:hover a {color:#00566E; font-weight:normal;} 
	#nav2 div.aus a:hover {color:#00566E; font-weight:normal; text-decoration:none;}
	
	
	/* --- 3.EBENE --------------------------------------------------------------------------------------------- */
	#nav3 {margin:0px 0px 10px 0px;}
	/* --- Container des Navigationselements --- */
	#nav3 div.navbox {height:auto; margin-left:15px; padding:0px 0px 0px 25px; line-height:18px; font-size:11px; cursor:pointer; background-image:url(../_img/nav_3_aus.png); background-repeat:no-repeat; background-position:15px 7px;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav3 div.an {color:#00566E; background-image:url(../_img/nav_3_an.png);}
	#nav3 div.an a {color:#00566E; font-weight:bold; text-decoration:none;}
	#nav3 div.an a:hover {color:#00566E; font-weight:bold; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav3 div.aus {color:#ffffff;}
	#nav3 div.aus a {color:#ffffff;}
	#nav3 div.aus:hover {background-image:url(../_img/nav_3_an.png);}
	#nav3 div.aus:hover a {color:#00566E; font-weight:normal;}
	#nav3 div.aus a:hover {color:#00566E; font-weight:normal;}

	
	/* --- 4.EBENE --------------------------------------------------------------------------------------------- */
	#nav4 {clear:left; padding:5px 0px 20px 0px; margin:0px 0px 0px 25px;}
	#nav4 a {padding:6px 19px 5px 19px; color:#264E59; font-weight:bold; text-decoration:none; background-image:url(../_img/nav4_rechts.png); background-repeat:no-repeat; background-position:right top; line-height:25px;}
	#nav4 ul {list-style:none; margin:0; padding:0;}
	#nav4 li {float:left; background-image:url(../_img/nav4_links.png); background-repeat:no-repeat; background-position:left top; padding:1px 2px 0px 2px;  cursor:pointer;}
	#nav4 li.an {background-position:0% -30px;}
	#nav4 li.an a {background-position:100% -30px;}
	#nav4 li.aus:hover, li.aus:hover a {background-position:0% -30px;}
	#nav4 li.aus:hover a {background-position:100% -30px;}
	
	
	/* --- METANAVIGATION -------------------------------------------------------------------------------------- */
	#metanav {font-size:11px; color:#333333;}
	#metanav a {color:#333333; text-decoration:none;}
	#metanav a:visited {color:#333333; text-decoration:none;}
	#metanav a:hover {color:#333333; 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:#0092BA; text-decoration:underline;}
	#kruemelnav span.an a {color:#0092BA;}



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

	/* --- FUSS --- */
	#fuss_inhalt {font-size:10px; color:#666666;}



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


	/* --- 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 1px #cccccc; width:550px; margin-bottom:10px; margin-top:5px; background-color:#FFFFFF;}
	table.csc-uploads td {margin:0px; padding:0px; border:none;}
	table.csc-uploads tr.tr-even {background-color:#F5F6F6;}
	table.csc-uploads tr.tr-odd {background-color:#CFCFCF;}
	table.csc-uploads td.csc-uploads-fileName {padding:5px; margin:0px;}
	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 {width:50px; padding:10px 0px 10px 10px; margin:0px;}
	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: Paragraph --- */
	p.box1 {background-color:#90D0E0; border:solid 1px #54B8CE; padding:5px; margin-top:0px;} /* Box blau */
	p.box2 {background-color:#FFE680; border:solid 1px #FECC00; padding:5px; margin-top:0px;} /* Box gelb */
	/* --- 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.png); background-repeat:no-repeat; background-position:0px 5px; padding-left:1.6em;}
	.ul1 li ul {list-style-type:none; padding-left:1.5em; margin-left:0px;}
	.ul1 li ul li {background-image:url(../_img/li_bullet_2.png); background-repeat:no-repeat; background-position:0px 5px; 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.png); background-repeat:no-repeat; background-position:0px 5px; padding-left:1.6em;}
	.ul2 li ul {list-style-type:none; padding-left:1.5em; margin-left:0px;}
	.ul2 li ul li {background-image:url(../_img/li_bullet_1.png); background-repeat:no-repeat; background-position:0px 5px; 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:#FFFFFF; background-color:#68BED5; border:solid 1px #026581; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 td {color:#333333; border:solid 1px #026581; font-size:12px; line-height:14px;} 
	table.table1 tr.tr1 td {color:#FFFFFF; background-color:#68BED5; border:solid 1px #026581; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 tr.tr2 td {background-color:#D9E2F2;}
	table.table1 td.td1 {color:#FFFFFF; background-color:#68BED5; border:solid 1px #026581; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 td.td2 {background-color:#D9E2F2;}
	/* --- 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;}

	/* --- RTE-Klassen: Textsatz --- */
	.align-center {text-align:center;}
	.align-left  {text-align:left;}
	.align-right {text-align:right;}
	.align-justify {text-align:justify;}
	.indent {padding-left:25px;}
	.outdent {padding-left:0px;}


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

	/* --- TYPO3-Extension: Language Selection --- */
	#sprachnav div.sprachnav_kopf {float:left; font-size:11px; color:#333333;}
	#sprachnav div.tx-srlanguagemenu-pi1 {width:90px; text-align:right; float:left;}
	#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:30px;}
	.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:#006A87; color:#FFFFFF; padding:5px 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:#333333;}
	.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; color:#2e5e6b; letter-spacing:0px; font-size:13px; line-height:20px; border-bottom:dotted 1px #cccccc;}
	.tx-indexedsearch .res-tmpl-css h3 a {color:#2e5e6b;}
	.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:5px 3px; margin:0px; border:none; background-color:#B5D9E3;}
	.tx-indexedsearch .tx-indexedsearch-searchbox legend {display:none;}
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {width:200px; border:solid 1px #90C6D5; height:19px;}
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {width:100px; height:20px; color:#ffffff; border:solid 1px #90C6D5; background-color:#006A87; text-align:center; font-weight:bold; border:none;}
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button:hover {background-color:#0092BA;}
	
	/* --- TYPO3-Extension: Indexed Search (tpl_searchbox.html) -------------------------------------------------------------------- */
	#suche div.suchbox_text {float:left; padding:12px 3px 0px 10px; color:#ffffff; font-size:11px;}
	/* --- Suchbox in der Navleiste) --- */
	#searchform {float:left; margin:0px; padding:5px 0px 0px 0px;}
	#searchform div.suchbox_suche {float:left; padding:7px 3px;}
	#searchform div.suchbox_senden  {float:left; padding:6px 3px;}
	#searchform div.suchbox_suche input {width:130px; height:18px; border:none;}
	#searchform div.suchbox_senden input {width:18px; height:19px; cursor:pointer; border:none;  background-image:url(../_img/icon_suche.png); background-position:center left; background-repeat:repeat-x;}


	/* --- TYPO3-Extension: News; Startseiten-, Listen- und Detailansicht ---*/	
	#startseite_news {padding:35px 0px;}
	#startseite_news div.startseite_news_titel {padding:0px 0px 10px 10px; color:#ffffff; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
	#startseite_news div.start_headline {margin-left:15px; font-weight:bold; font-size:14px; color:#2e5e6b;}
	#startseite_news div.start_box_gelb {width:200px; padding:5px; margin:0px 15px 20px 15px; background-color:#FECC00; background-image:url(../_img/hg_news_start_odd.png); background-position:top left; background-repeat:no-repeat; cursor:pointer;}
	/* -- #startseite_news div.start_box_rot {width:200px; padding:5px; margin:15px; background-color:#C82D2E; background-image:url(../_img/hg_news_start_even.png); background-position:top left; background-repeat:no-repeat;} --*/
	#startseite_news div.start_titel {margin:0px 0px 5px 0px; font-weight:bold; font-size:12px; color:#2e5e6b; line-height:16px;}
	#startseite_news div.start_inhalt {line-height:14px; font-size:12px;}
	#startseite_news div.start_link {text-align:right;}
	#startseite_news div.start_image img {border:solid 2px #AAAAAA; padding:2px; margin:5px 5px 5px 0px; background-color:#FFFFFF;}
	
	.list_container {clear:both;}
	.list_headline {margin-bottom:5px; border-bottom:dotted 1px #cccccc; font-weight:bold; font-size:14px; color:#2e5e6b; text-decoration:none; letter-spacing:1px;}
	.list_image img {float:left; border:solid 2px #AAAAAA; padding:2px; margin:5px 15px 20px 0px;}
	
	.detail_headline {margin-bottom:5px; border-bottom:dotted 1px #cccccc; font-weight:bold; font-size:14px; color:#2e5e6b; text-decoration:none; letter-spacing:1px;}
	.detail_image img {float:left; border:solid 2px #AAAAAA; padding:2px; margin:5px 5px 5px 0px;}


	/* ------- Quiz ------- */
	.quiz {border:none; padding:0px 10px 10px 20px;}
	.quiz_fragen {border:none; background-color:transparent;}
	.quiz_auswerten {padding:5px; background-color:#DAECF1; border:1px solid #B5D9E3; cursor:pointer; font-weight:bold; margin:10px 0px 0px 520px;}
	.quiz_auswerten:hover {padding:5px; background-color:#DAECF1; border:1px solid #B5D9E3; cursor:pointer; font-weight:bold; margin:10px 0px 0px 520px;}
	.quiz_answer {margin:0px 0px 10px 20px;}
	.quiz_answer input {margin:0px 10px 0px 0px; border:none;}
	.richtige_antwort {min-height:75px; background-image:url(../_img/icon_richtig.png); background-position:left top; background-repeat:no-repeat;}
	.falsche_antwort {min-height:75px; background-image:url(../_img/icon_falsch.png); background-position:left top; background-repeat:no-repeat;}
	.richtig {padding:0px 0px 0px 55px; color:#6AAC24; font-weight:bold; font-size:13px;}
	.falsch {padding:0px 0px 0px 55px; color:#CF0101; font-weight:bold; font-size:13px;}
	.trennlinie_quiz {border-top:dotted #666666 1px;}
	.antwort_text {padding:0px 0px 0px 55px;}
	
/* ----------------------------------------------------------------------------------------------------------- */
/* 7. FORMULARE ---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/**
 * Basisklassen zur Formulargestaltung, projektindividuelle Formulardefinitionen
 *
 * @section		7.Formulare
 * @media		screen
 */
/***************************************************************************************************************/

	/* ---- Basisklassen --- */
	form {margin:0px; padding:0px;}
	fieldset {border:solid 1px #90C6D5; background-color:#B5D9E3;}
	input, select, textarea {font-family:arial; font-size:11px; line-height:16px; border:solid 1px #90C6D5; color:#333333; margin:0px; padding:0px; padding-left:2px;}
	input:focus, textarea:focus {background-color:#F7F0D4; color:#333333;}
	label, legend {font-family:arial; color:#333333;}
	.label {font-family:arial; font-size:11px; color:#333333; padding-left:10px;}
	.radio {font-family:arial; font-size:11px; color:#333333; padding-left:10px;}
	.check {font-family:arial; font-size:11px; color:#333333; padding-left:10px;}
	legend {padding-left:10px; font-weight:bold; font-size:12px;}
	/* ---- Standardklasse für Fehlermeldungen und Mitteilungen --- */
	.error {background-color:#C9F4FF; border:solid 1px #AAE0EF; padding:10px; width:475px;}

	/* ---- 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:300px; height:18px;}
	div.csc-mailform-field input.radio {width:auto; height:auto;}
	div.csc-mailform-field input.check {width:auto; height:auto;}	
	div.csc-mailform-field input.check2 {width:auto; height:auto; margin-left:125px;}	
	div.csc-mailform-field textarea {width:300px; margin-bottom:5px;}
	div.csc-mailform-field label {width:125px; float:left; display:block; line-height:17px; padding-left:10px;}
	div.csc-mailform-field input.submit {width:100px; background-color:#006A87; height:20px; color:#ffffff; font-weight:bold; border-color:#90C6D5; margin-top:5px;}
	div.csc-mailform-field input.submit:hover {background-color:#0092BA; color:#ffffff;}
	div.tx-thmailformplus-pi1 div.captcha img {border:solid 1px #90C6D5;}