/**************************************************************************************************************/
/**     
 * 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-12-11
 */
/**
 * 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	#143154; dunkelblau; Ral Blau Basis
 * @colordef	#2E4A6B; dunkelblau; Blau Nav
 * @colordef	#EDA04E; orange; Ral Orange Basis
 * @colordef	#HEX; FARBE; FUNKTION
 * @colordef	#HEX; FARBE; FUNKTION
 * 
 */
/**
 * 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:0; padding:0; height:100%;}
	/* --- Body Website --- */ 
	/* --- optional Hintergrundfarbe und oder Hintergrundbild --- */
	.body_hg {background-color:#ffffff; background-image:url(../_img/hg_body.png); background-position:center top; background-repeat:no-repeat;} 


	/* --- DIVS UND CONTAINER FÜR TEMPLATE ------------------------------------------------------------------ */
	
	/* Abmessungen: Container: 930px, Inline-Elemente: 770px + 15/15px Margin */
	
	/* --- Container --- */
	/* --- Nimmt alle Divs auf, horizontale Zentrierung, optionaler Hintergrund  --- */
	#container {width:936px; margin:0px auto 0px auto;}
	
		/* --- Kopfbereich  --- */
		/* --- Nimmt Metanav und optional Sprachumschalter auf --- */
		#kopf {height:80px; margin:0px 3px 0px 3px; position:relative;}
			/* --- Metanavigation --- */
			#metanav {height:24px; margin:0px; text-align:right; position:absolute; top:0px; right:0px; z-index:3;}
			#link_startseite {width:220px; height:65px; display:block; position:absolute; top:35px; left:-35px;}
		
		/* --- Leiste --- */
		/* --- Nimmt horizontale Nav und optional Suchfeld auf --- */
		#navleiste {height:40px; margin:0px 3px 0px 203px; clear:both;  background-image:url(../_img/hg_navleiste.png); background-position:top left; background-repeat:no-repeat;}
			/* --- Box für Hauptnavigation --- */
			#nav {height:40px;}	
		/* --- Bildleiste --- */
		/* --- Nimmt wechselnde Titelbilder auf--- */
		#bildleiste {height:180px; clear:both; margin:0px 3px 0px 3px; overflow:hidden; background-image:url(../_img/hg_bildleiste.png); background-position:top left; background-repeat:no-repeat;}
	
		/* --- Mitte --- */
		/* --- Nimmt linke und rechte Spalte auf, optinaler Hintergrund --- */
		#mitte {clear:left; overflow:auto; margin:0px 0px 0px 0px; background-image:url(../_img/hg_mitte.png); background-position:top center; background-repeat:repeat-y;}
			
			/* --- Spalte 1 (links) --- */
			/* --- Nimmt vertikale Nav und optional weitere Boxen auf --- */	
			#spalte_1 {width:203px; margin:0px 0px 0px 0px; min-height:375px; float:left; background-image:url(../_img/hg_spalte_1.png); background-position:top center; background-repeat:repeat-y;} 
				/* --- Subnavigation ---- */
				#subnav {margin:0px 0px 0px 3px}
					/* --- Subnavigation ---- */
					#subnav_kopf {height:28px; background-color:#143154;}
					
			/* --- Spalte 2 (mittig) --- */	
			/* --- Nimmt Inhaltsbereich, Titel und weitere optionale Elemente auf --- */	
			#spalte_2 {width:590px; min-height:400px; float:left;}
					/* --- Krümelnavigation --- */	
					#kruemelnav {width:510px; height:20px; float:left; margin:0px 0px 10px 20px;}
					/* --- Iconleiste --- */	
					#iconleiste {width:60px; height:20px; float:left; margin:0px auto 10px 0px;}			
					/* --- Seitentitel --- */	
					#titel {clear:left; margin:0px auto 0px 20px; padding:10px 0px 0px 0px;}
					/* --- Inhaltsbereich --- */	
					#inhalt {margin:0px auto 0px 20px; padding:10px 20px 15px 0px;}
			
			/* --- Spalte 3 (rechts) --- */	
			#spalte_3 {width:140px; margin:0px 3px 0px 0px; padding-top:75px; min-height:400px; float:left;}
				/* --- Newsblock auf der Startseite --- */
				#newsblock {}
	
		/* --- Fußzeile --- */
		/* --- Nimmt Coypyright und weitere optionale Inhalte auf, Hintergrundbild --- */			
		#fuss {height:50px; clear:left; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; background-image:url(../_img/hg_fuss.png); background-position:top left; background-repeat:no-repeat;}
				#copyright {padding-top:10px; text-align:center;}

	/* --- Metatags --- */
	#metatags {height:40px; clear:left; background-image:url(../_img/hg_metatags.png); background-position:top left; background-repeat:repeat-x;}

/* ----------------------------------------------------------------------------------------------------------- */
/* 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; background-color:#F1F2F3;} 
	
	/* --- 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:25px; padding-bottom:20px;}
	}
	@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:20px;}
	}
	@media print {
	 	#druckleiste_unten {display:none;}
	}
	
	/* --- Fusszeile --- */
	#fuss_druck {width:550px; margin-left:25px; margin-right:25px; 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:#6695CC; text-decoration:none;}
	a:link {color:#6695CC; text-decoration:none;}
	a:visited {color:#6695CC; text-decoration:none;}
	a:hover {color:#6695CC; text-decoration:underline;}
	a:active {color:#6695CC; text-decoration:underline;}
	
	/* --- Anpassung für Überschriften --- */
	h4 a:link, h4 a:visited {color:#336299;}
	h5 a:link, h5 a:visited {color:#333333;}
	
	/* --- 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; letter-spacing:1px; color:#143154; margin:0px; padding:0px; line-height:20px;}
	h2, p.h2 {font-size:15px; font-weight:bold; color:#336299; margin:0px; padding:0px; line-height:20px; letter-spacing:1px; margin-bottom:3px;}
	h3, p.h3 {font-size:15px; font-weight:bold; color:#336299; margin:0px; padding:0px; line-height:20px; letter-spacing:1px; margin-bottom:3px; border-bottom:dotted 1px #cccccc;}
	h4, p.h4 {font-size:13px; font-weight:bold; color:#336299; margin:0px; padding:0px; line-height:20px;}
	h5, p.h5 {font-size:13px; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:20px;}
	
	/* ---- Listen und Aufzählungen ---- */
	ul {margin:0px 0px 0px 25px; padding:0px; list-style:disc; list-style-image:url(../_img/li_bullet.gif);}
	ol {margin:0px 0px 0px 25px; padding:0px;}
	li {line-height:18px; font-size:12px;}
	ul li {}
	
	/* --- 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; height:.1px; font-size:0; line-height:0;}


/* ----------------------------------------------------------------------------------------------------------- */
/* 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 {margin-left:0px;}
	/* --- Container des Navigationselements --- */
	#nav1 div.navbox {height:40px; float:left; padding:0px 21px 0px 20px; line-height:40px; font-size:12px; letter-spacing:1px; font-weight:bold; text-transform:uppercase; cursor:pointer;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav1 div.an {background-color:#336299;}
	#nav1 div.an a {color:#ffffff;}
	#nav1 div.an a:hover {color:#ffffff; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav1 div.aus {background-image:none;}
	#nav1 div.aus:hover {background-color:#336299;}
	#nav1 div.aus a {color:#ffffff; text-decoration:none;}
	#nav1 div.aus a:hover {color:#ffffff; text-decoration:none;}
	
	
	/* --- 2.EBENE --------------------------------------------------------------------------------------------- */
	#subnav_kopf {padding:0px 0px 0px 10px; font-size:12px; text-transform:uppercase; font-weight:bold; color:#ffffff; line-height:28px; letter-spacing:1px;}
	/* --- Container des Navigationselements --- */
	#nav2 div.navbox {height:auto; padding:0px 0px 0px 15px; margin:0px; font-weight:bold; line-height:24px; 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.png); background-repeat:repeat-y; background-position:top;}
	#nav2 div.an:hover a {color:#FFFFFF;}
	#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:#2E426B; background-image:url(../_img/nav2_aus.png); background-repeat:repeat-y; background-position:top;}
	#nav2 div.aus a {color:#2E426B; text-decoration:none;}
	#nav2 div.aus:hover {color:#FFFFFF; background-image:url(../_img/nav2_hover.png); background-repeat:repeat-y; background-position:top;}
	#nav2 div.aus:hover a {color:#FFFFFF;} 
	#nav2 div.aus a:hover {color:#FFFFFF; text-decoration:none;}
	
	
	/* --- 3.EBENE --------------------------------------------------------------------------------------------- */
	#nav3 {border-bottom:solid 1px #FFFFFF;}
	/* --- Container des Navigationselements --- */
	#nav3 div.navbox {height:auto; padding:0px 0px 0px 25px; margin:0px; font-weight:normal; line-height:20px; font-size:11px; cursor:pointer; border:none;}
	/* --- Aktiver Zustand und Bildwechsel --- */
	#nav3 div.an {color:#2E426B; font-weight:bold; background-image:url(../_img/nav3_an.png); background-repeat:repeat-y; background-position:top;}
	#nav3 div.an:hover {color:#2E426B; background-image:url(../_img/nav3_hover.png); background-repeat:repeat-y; background-position:top;}
	#nav3 div.an:hover a {color:#2E426B;}
	#nav3 div.an a {color:#2E426B; font-weight:bold; text-decoration:none;}
	#nav3 div.an a:hover {color:#2E426B; font-weight:bold; text-decoration:none;}
	/* --- Inaktiver Zustand und Bildwechsel --- */
	#nav3 div.aus {color:#666666; background-image:url(../_img/nav3_aus.png); background-repeat:repeat-y; background-position:top;}
	#nav3 div.aus a {color:#666666; text-decoration:none;}
	#nav3 div.aus:hover {color:#2E426B; background-image:url(../_img/nav3_hover.png); background-repeat:repeat-y; background-position:top;}
	#nav3 div.aus:hover a {color:#2E426B;}
	#nav3 div.aus a:hover {color:#2E426B; text-decoration:none;}
	
	
	/* --- METANAVIGATION -------------------------------------------------------------------------------------- */
	#metanav {font-size:11px; color:#2e4a6b;}
	#metanav a {color:#2e4a6b; text-decoration:none;}
	#metanav a:visited {color:#2e4a6b; text-decoration:none;}
	#metanav a:hover {color:#2e4a6b; 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 {margin:30px 10px 0px 15px;}
	#newsblock p {font-size:11px; color:#666666; line-height:15px;}
		
	/* --- 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;}

	
	/* --- Copyright --- */
	#copyright {font-size:11px; color:#2e4a6b;}
	
	#spalte_3 p, #spalte_3 div {font-size:11px; text-align:center; 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:#6695CC; text-decoration:none;}
	a.typolink:link, a.internal-link:link, a.internal-link-new-window:link, a.download:link, a.mail:link {color:#6695CC; text-decoration:none;}
	a.typolink:visited, a.internal-link:visited, a.internal-link-new-window:visited, a.download:visited, a.mail:visited {color:#6695CC; text-decoration:none;}
	a.typolink:hover, a.internal-link:hover, a.internal-link-new-window:hover, a.download:hover, a.mail:hover {color:#6695CC; text-decoration:underline;}
	
	/* --- Basisklassen: Externe Links des TYPO3-Systems --- */
	a.external-link, a.external-link-new-window {color:#6695CC; text-decoration:none; border-bottom:dotted 1px #6695CC;} 
	a.external-link:link, a.external-link-new-window:link {color:#6695CC; text-decoration:none; border-bottom:dotted 1px #6695CC;}
	a.external-link:visited, a.external-link-new-window:visited {color:#6695CC; text-decoration:none; border-bottom:dotted 1px #6695CC;}
	a.external-link:hover, a.external-link-new-window:hover {color:#6695CC; text-decoration:none; border-bottom:solid 1px #6695CC;}


	/* --- 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 {border:2px solid #cccccc; padding:2px;}
	

	/* --- RTE_KLASSEN ------------------------------------------------------------------------------------- */
	
	/*--- RTE-Klassen: Colors ---*/
	.farbe1, span.farbe1, a.farbe1 {color:#0000ff;} /* blau */
	.farbe2, span.farbe2, a.farbe2 {color:#030367;} /* 02 blau */
	.farbe3, span.farbe3, a.farbe3 {color:#cc0000;} /* rot */
	.farbe4, span.farbe4, a.farbe4 {color:#ff0000;} /* vodafone rot */
	.farbe5, span.farbe5, a.farbe5{color:#df1b76;} /* T-com magenta */
	.farbe6, span.farbe6, a.farbe6 {color:#ffff00;} /* gelb */
	.farbe7, span.farbe7, a.farbe7 {color:#ff9900;} /* orange */
	.farbe8, span.farbe8, a.farbe8 {color:#009900;} /* gruen */
	.farbe9, span.farbe9, a.farbe9 {color:#989898;} /* t-com grau */
	.farbe10, span.farbe10, a.farbe10 {color:#666666;} /* grau */
	
	/* --- RTE-Klassen: Paragraph --- */
	p.box1 {background-color:#B3CAE6; border:solid 1px #6695CC; padding:5px; margin-top:0px;} /* Box blau */
	p.box2 {background-color:#F8D1A8; border:solid 1px #EDA04E; padding:5px; margin-top:0px;} /* Box magenta */
	/* --- beachte auch H1-H6 im Bereich HTML-Elemente! --- */
	
	/* --- 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:#2E4A6B; background-color:#B3CAE6; border:solid 1px #6695CC; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 td {color:#333333; border:solid 1px #6695CC; font-size:12px; line-height:14px;} 
	table.table1 tr.tr1 td {color:#2E4A6B; background-color:#B3CAE6; border:solid 1px #6695CC; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 tr.tr2 td {background-color:#DBE5F1;}
	table.table1 td.td1 {color:#2E4A6B; background-color:#B3CAE6; border:solid 1px #6695CC; font-size:12px; font-weight:bold; text-align:center;}
	table.table1 td.td2 {background-color:#DBE5F1;}
	/* --- 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 #D6D8DB; 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, p.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, div.align-center, td.align-center, th.align-center, img.align-center {text-align:center;}
	.align-left, p.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, div.align-left, td.align-left, th.align-left, img.align-left {text-align:left;}
	.align-right, p.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, div.align-right, td.align-right, th.align-right, img.align-right {text-align:right;}
	.align-justify, p.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, div.align-justify, td.align-justify, th.align-justify, img.align-justify {text-align:justify;}


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

	/* --- Basisklassen Listendarstellung ---*/
	.liste {}
	.liste div.box {width:100%; background-color:#F1F2F3; position:relative;}
	.liste div.box_spalte_1 {float:left;}
	.liste div.box_spalte_2 {float:left;}
	.liste div.box_spalte_3 {float:left;}
	.liste div.separator {clear:both; height:3px; background-color:#ffffff; line-height:0; font-size:0;}
	.liste img {border-right:solid 2px #ffffff;}
	
	
	/* --- Anpassung Liste Ausstellungsstücke ---*/
	#ausstellungsstueck_list div.box_spalte_1 {width:30%;}
	#ausstellungsstueck_list div.box_spalte_2 {width:40%;}
	#ausstellungsstueck_list div.box_spalte_3 {width:28%; text-align:right;}
	#ausstellungsstueck_list span.ausstellungsstueck_hersteller {display:block;}
	#ausstellungsstueck_list span.ausstellungsstueck_artikelnummer {display:block;}
	#ausstellungsstueck_list span.ausstellungsstueck_sonderpreis {display:block; margin:20px 0px 0px 0px; font-weight:bold; font-size:16px; color:#143154;}
	#ausstellungsstueck_list span.ausstellungsstueck_uvp {display:block; color:#336299;}
	#ausstellungsstueck_list a.ausstellungsstueck_url_detail {display:block; position:absolute; bottom:5px; right:5px;  background-color:#336299; padding:1px 3px; color:#ffffff; text-decoration:none; font-weight:bold; border:solid 1px #ffffff;}
	#ausstellungsstueck_list a.ausstellungsstueck_url_detail:hover {background-color:#8BA3C0; text-decoration:none;}
	
	
	/* --- Anpassung Detailansicht Ausstellungsstücke ---*/
	#ausstellungsstueck_detail {width:100%; padding:2px; border:solid 2px #D6D8DB;}
	#ausstellungsstueck_detail div.box {position:relative; width:100%; background-color:#F1F2F3; padding:0px 0px 0px 0px;}
	#ausstellungsstueck_detail div.box_zeile_oben {padding:5px 25px 10px 10px; border-bottom:solid 2px #ffffff; background-image:url(../_img/hg_ausstellungsstuecke_detail_box.png); background-position:bottom right;}  
	#ausstellungsstueck_detail div.box_spalte_1 {float:left; width:150px; padding:20px 0px 25px 15px;}
	#ausstellungsstueck_detail div.separator {height:2px; background-color:#ffffff; line-height:0; font-size:0;}
	#ausstellungsstueck_detail div.box_spalte_2 {float:left; width:65%; padding:20px 0px 25px 0px; margin-left:15px;}
	#ausstellungsstueck_detail div.ausstellungsstueck_artikelnummer {}
	#ausstellungsstueck_detail div.ausstellungsstueck_hersteller {color:#336299; margin-bottom:15px;}
	#ausstellungsstueck_detail div.ausstellungsstuck_kontakt {line-height:16px;}
	#ausstellungsstueck_detail div.beschreibung {line-height:16px;}
	#ausstellungsstueck_detail div.ausstellungsstueck_sonderpreis {position:absolute; right:30px; top:70px; font-weight:bold; font-size:18px; color:#ffffff; text-align:right;}
	#ausstellungsstueck_detail div.ausstellungsstueck_uvp {position:absolute; right:31px; top:87px; color:#ffffff; text-align:right;}
	#ausstellungsstueck_detail div.box_zeile_unten {padding:5px 15px 5px 15px; background-color:#D6D8DB; border-top:solid 2px #ffffff;}  
	#ausstellungsstueck_detail a.ausstellungsstueck_url_list {display:block; width:140px; background-color:#336299; padding:1px 3px; color:#ffffff; text-decoration:none; font-weight:bold; border:solid 1px #ffffff; text-align:center;}
	#ausstellungsstueck_detail a.ausstellungsstueck_url_list:hover {background-color:#8BA3C0; text-decoration:none;}
	/* Ergänzung Lupe */
	#ausstellungsstueck_detail div.ausstellungsstueck_bild {position:relative;}
	#ausstellungsstueck_detail div.ausstellungsstueck_lupe {position:absolute; bottom:5px; right:5px; width:20px; height:20px; background-image:url(../_img/lupe.png); background-position:center top; background-repeat:no-repeat;}
	
	/* --- Anpassung Liste Aktuelles ---*/
	#aktuelles_list {margin-top:10px;}
	#aktuelles_list div.box {margin-bottom:35px;}
	
	/* --- Anpassung Liste Aktuelles Startseite ---*/
	#startseite {}
	#startseite div.box {margin-bottom:30px; padding:0px 0px 0px 0px;}
	

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

	/* ---- Basisklassen --- */
	form {margin:0px; padding:0px;}
	fieldset {border:solid 1px #B3CAE6; background-color:#D9E4F2;}
	input, select, textarea {font-family:arial; font-size:11px; line-height:16px; border:solid 1px #B3C4E6; color:#333333; margin:0px; padding:0px; padding-left:2px;}
	input:focus, textarea:focus {background-color:#EDEDED; 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:#EBF0FA; border:solid 1px #B3C4E6; 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:0em; 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:300px; height:16px;}
	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:#336299; height:18px; color:#ffffff; font-weight:bold; border-color:#336299; margin-top:5px;}
	div.csc-mailform-field input.submit:hover {background-color:#8BA3C0; color:#ffffff; border-color:#B3C4E6;}
	
	/* --- Druckansicht(tpl_website.print.html) --- */
	#druckleiste_oben input, #druckleiste_unten input {width:150px; height:21px; color:#ffffff; background-color:#336299; text-align:center; font-weight:bold; border:solid 1px #336299; margin-left:24px; margin-right:25px;}
	#druckleiste_oben input:hover, #druckleiste_unten input:hover {background-color:#8BA3C0; color:#ffffff;}