/*
## -------------------------------------------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
## ----------- STYLESHEET-DEFINITIONEN -------------------------------------------------------------- ##      
## ------ (c) 2002-2008 Galileo Webdesign ----------------------------------------------------------- ##
## ---------- www.galileo-webdesign.de -------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
## ---- Zuletzt geändert am: 07.10.2008, DJ --------------------------------------------------------- ##
##
## -------------------------------------------------------------------------------------------------- ##
## INHALT-------------------------------------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
##
## WEBSITE-STYLESHEET ECOLE-MODE
##
## 1. Dokumentstruktur: Definition von DIV-IDs und Containern für Normalansicht
## 2. Druckansicht: Definition von DIV-IDs und Containern für Druckansicht
## 3. Globale Formatierung: Formatierung von HTML-Elementen
## 4. Navigation: Formatierung der Navigation
## 5. Individuelle Formatierung: Formatierung von sonstigen Inhaltselementen
## 6. Typo3-Klassen: RTE-Klassen und Typo3-Anpassungen
## 7. Typo3-Extensions: Formatierung von Typo3-Erweiterungen
## 8. Formulare: Individuelle Formatierung für Formulare
##
## -------------------------------------------------------------------------------------------------- ##
## FARBKARTE ---------------------------------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
##
## @colordef	#c4dc40; hellgrün; Seitenhintergrund
## @colordef	#DE973E; orange; Hauptüberschrift, Links, Überschriften (H2, H3, H5)
## @colordef	#333333; grau; Überschrfiten (H4, H6), Standardtext
## @colordef	#484a40; dunkelgrau; Hintergrund der Haupt- und Subnavigation
## @colordef	#808080; grau; Hintergrund aktive Links 1. und 2. Ebene
## @colordef	#55584C; dunkelgrau; Hintergrund Link-Hover 1. und 2. Ebene
## @colordef	#ffffff; weiss; Links der Haupt- und Subnavigation
## 
 */




/* ----------------------------------------------------------------------------------------------------------- */
/* 1. DOKUMENTSTRUKTUR --------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- HTML UND BODY ---------------------------------------------------------------------------------------- */  
 html {height:100%;}
 body {margin:0px; padding:0px; background-color:#c4dc40;}
 /* --- Body Website --- */ 
 .body_hg {height:100%; background-image:url(../_img/hg_body.jpg); background-position:top center; background-repeat:no-repeat;} 
 /* --- Body Druckansicht --- */ 
 .body_druck {height:100%; background-image:none;} 


 /* --- DIVS UND CONTAINER FÜR TEMPLATE (tpl_website.html) -------------------------------------------------- */
  
 /* --- Container - Nimmt (fast) alle Divs auf, horizontale Zentrierung und Hintergrund  --- */
 #container {width:800px; margin-left:auto; margin-right:auto; background-image:url(../_img/hg_container.jpg); background-position:top left; background-repeat:no-repeat;}

	/* --- Kopfbereich- Logo und Extranavigation--- */
	#kopf {height:153px; background-image:url(../_img/hg_kopf.jpg); background-position:top left; background-repeat:no-repeat;}
		/* --- Ausgelagerte Navigationspunkte --- */
		#metanav {height:24px; text-align:right; margin-right:20px;}
		/* --- Hauptnavigation--- */
		#nav1 {height:27px; margin-top:94px; margin-right:20px;}	

	/* --- Mitte - Enthält Subnavigation und Inhaltsbereich --- */
	#mitte {overflow:auto; background-image:url(../_img/hg_mitte.jpg); background-position:bottom left; background-repeat:no-repeat;}
		
		/* --- Container für Subnavigation 2. & 3. Ebene --- */	
		#links {width:234px; min-height:500px; float:left;} 
			/* --- box für Subnavigation ---- */
			#nav2 {margin-top:0px; margin-left:20px; border-bottom:solid 1px #55584C;}
		
		/* --- Container Inhaltsbereich --- */	
		#rechts {width:566px; min-height:500px; float:left;}
				/* --- Krümelnavigation --- */	
				#kruemelnav {width:455px; height:25px; float:left; padding:10px 0px 0px 33px;}
				/* --- Iconleiste --- */	
				#iconleiste {width:50px; height:25px; float:left; margin-right:auto;}			
				/* --- Seitentitel --- */	
				#titel {width:510px; clear:left; margin-left:30px; margin-right:auto; padding:10px 0px 5px 0px;}
				/* --- Inhaltsbereich --- */	
				#inhalt {width:510px; margin-left:30px; margin-right:auto; padding-bottom:50px;}

 /* --- Fußzeile --- */			
 #fuss {width:800px; height:54px; margin-left:auto; margin-right:auto; background-image:url(../_img/hg_fuss.jpg); background-position:top left; background-repeat:no-repeat;}
	#fuss_inhalt {padding-top:10px; padding-left:234px; color:#333333; line-height:20px; text-align:center;}

	
/* ----------------------------------------------------------------------------------------------------------- */
/* 2. DRUCKANSICHT ------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- HTML UND BODY ---------------------------------------------------------------------------------------- */  
 /* --- Body Druckansicht --- */ 
 .body_druck {height:100%; background-image:none;} 


 /* --- DIVS UND CONTAINER FÜR TEMPLATE (tpl_website_druck.html) --------------------------------------------- */

 /* --- Zusätzlich folgende DIVs --- */
 #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:10px 0px 20px 0px;;}
	}
 @media print {
 	 #druckleiste_unten {display:none;}
	}

 /* --- Fusszeile --- */
 #fuss_druck {width:550px; margin-left:25px; margin-right:15px; padding-bottom:10px; border-top:solid 1px #666666;}

	 

/* ----------------------------------------------------------------------------------------------------------- */
/* 3. GLOBALE FORMATIERUNG ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- 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 {}

 /* --- Anpassung des Abstands von P-Tags (Wichtig bei RTE-Nutzung) --- */
 p {margin-top:0px; margin-bottom:0px;}

 /* --- Standardlink-Formatierung --- */
 a {color:#99AF20; text-decoration:none;}
 a:link {color:#99AF20; text-decoration:none;}
 a:visited {color:#99AF20; text-decoration:none;}
 a:hover {color:#99AF20; text-decoration:underline;}
 a:active {color:#99AF20; text-decoration:underline;}
 
 /* --- Überschriften --- */
 /* --- p.hx sind RTE-Klassen --- */
 h1 	  {font-size:24px; font-weight:500; color:#DE973E;  margin:0px; padding:0px; line-height:24px; letter-spacing:0px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px;}
 h2, p.h2 {font-size:17px; font-weight:400; color:#DE973E; margin:0px; padding:0px; line-height:20px; letter-spacing:0px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:2px; }
 h3, p.h3 {font-size:17px; font-weight:400; color:#DE973E; margin:0px; padding:0px; line-height:20px; letter-spacing:0px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:2px; border-bottom:dotted 1px #E8E8E8;}
 h4, p.h4 {font-size:14px; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:22px; letter-spacing:1px;}
 h5, p.h5 {font-size:12px; font-weight:bold; color:#DE973E; margin:0px; padding:0px; line-height:20px;}
 h6, p.h6 {font-size:12px; font-weight:bold; color:#333333; background-color:#F2F7D4; margin:0px; padding:0px; line-height:20px; padding-left:3px;}


 /* ---- 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 --------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- HAUPTNAVIGATION -------------------------------------------------------------------------------------- */
 
 /* --- Container des Navigationselements --- */
 #nav1 div.navbox {height:26px; font-size:13px; float:right; line-height:26px; padding-left:15px; padding-right:15px; cursor:pointer;}

 /* --- Aktiver Zustand und Bildwechsel --- */
 #nav1 div.an {background-color:#808080;}
 #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:#55584C;}
 #nav1 div.aus a {color:#ffffff; text-decoration:none;}
 #nav1 div.aus a:hover {color:#ffffff; text-decoration:none;}


 /* --- SUBNAVIGATION ---------------------------------------------------------------------------------------- */
 
 /* --- Container des Navigationselements --- */
 #nav2 div.navbox {height:auto; line-height:24px; font-size:12px; padding-left:15px; border-top:solid 1px #55584C; cursor:pointer;}
 
 /* --- Aktiver Zustand und Bildwechsel --- */
 #nav2 div.an {color:#ffffff; background-color:#808080;}
 #nav2 div.an a {color:#ffffff; font-weight:bold; text-decoration:none;}
 #nav2 div.an a:hover {color:#ffffff; font-weight:bold; text-decoration:none;}
 
 /* --- Inaktiver Zustand und Bildwechsel --- */
 #nav2 div.aus {color:#ffffff;}
 #nav2 div.aus a {color:#ffffff; text-decoration:none;}
 #nav2 div.aus:hover {background-color:#55584C;}
 #nav2 div.aus:hover a {color:#ffffff;} 
 #nav2 div.aus a:hover {color:#ffffff;  text-decoration:none;}


 /* --- SUBSUBNAVIGATION -------------------------------------------------------------------------------------- */
 #nav3 {}

 /* --- Container des Navigationselements --- */
 #nav3 div.navbox {height:auto; line-height:18px; padding-left:40px; font-size:11px; cursor:pointer; border-top:solid 1px #55584C;}
 
 /* --- Aktiver Zustand und Bildwechsel --- */
 #nav3 div.an {color:#ffffff; background-image:url(../_img/nav3_an.gif);}
 #nav3 div.an a {color:#c4dc40; font-weight:bold; text-decoration:none;}
 #nav3 div.an a:hover {color:#c4dc40; font-weight:bold; text-decoration:none;}
 
 /* --- Inaktiver Zustand und Bildwechsel --- */
 #nav3 div.aus {color:#ffffff; background-image:url(../_img/nav3_aus.gif);}
 #nav3 div.aus a {color:#ffffff;}
 #nav3 div.aus:hover {background-image:url(../_img/nav3_hover.gif);}
 #nav3 div.aus:hover a {color:#ffffff;}
 #nav3 div.aus a:hover {color:#ffffff;}


 /* --- 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 {font-size:11px; line-height:20px;}
 #kruemelnav a, 
 #kruemelnav a:link,
 #kruemelnav a:visited {color:#99AF20; text-decoration:none;}
 #kruemelnav a:hover {color:#99AF20; text-decoration:underline;}
 #kruemelnav span.an a {color:#666666;}

 
/* ----------------------------------------------------------------------------------------------------------- */
/* 5. INDIVIDUELLE FORMATIERUNG ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */
 
 /* --- FUSS -------------------------------------------------------------------------------------------------*/
 #fuss_inhalt {font-size:10px; color:#666666;}
 
 
 /* --- DRUCKANSICHT (tpl_website.print.html) --------------------------------------------------------------- */
 #fuss_druck {line-height:15px; font-size:10px; color:#000000; text-align:center;}
 #druckleiste_unten, #druckleiste_oben {text-align:center;}



/* ----------------------------------------------------------------------------------------------------------- */
/* 6. TYPO3-KLASSEN ------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- Standardlinks des Typo3-Systems --- */
 a.typolink, a.internal-link, a.internal-link-new-window, a.download, a.mail {color:#DE973E; text-decoration:none;}
 a.typolink:link, a.internal-link:link, a.internal-link-new-window:link, a.download:link, a.mail:link {color:#DE973E; text-decoration:none;}
 a.typolink:visited, a.internal-link:visited, a.internal-link-new-window:visited, a.download:visited, a.mail:visited {color:#DE973E; text-decoration:none;}
 a.typolink:hover, a.internal-link:hover, a.internal-link-new-window:hover, a.download:hover, a.mail:hover {color:#DE973E; text-decoration:underline;}
 
 /* --- Externe Links des Typo3-Systems --- */
 a.external-link, a.external-link-new-window {color:#DE973E; text-decoration:none; border-bottom:dotted 1px #DE973E;} 
 a.external-link:link, a.external-link-new-window:link {color:#DE973E; text-decoration:none; border-bottom:dotted 1px #DE973E;}
 a.external-link:visited, a.external-link-new-window:visited {color:#DE973E; text-decoration:none; border-bottom:dotted 1px #DE973E;}
 a.external-link:hover, a.external-link-new-window:hover {color:#DE973E; text-decoration:none; border-bottom:solid 1px #DE973E;}
 
 /* --- Inhaltselement: Sitemap --- */
 .sitemap {margin:15px 0px 0px 0px;}
 .sitemap_root {width:160px; background-color:#DE973E; padding-left:10px; font-weight:bold; cursor:pointer; -moz-border-radius:3px;}
 .sitemap_root:hover {background-color:#E6AF6A;}
 .sitemap_root a {color:#484941; font-size:13px; line-height:30px; font-weight:bold; text-decoration:none;} 

 .sitemap_1 {margin:0px 10px 20px 80px; padding:10px 10px 0px 0px; background-image:url(../_img/sitemap_hg_vertikal_gross.png); background-position:left bottom; background-repeat:no-repeat;}
 .sitemap_1 .sitemap_hg {padding-left:20px; margin:0px 0px 0px 1px; background-image:url(../_img/sitemap_hg_horizontal.png); background-position:left center; background-repeat:no-repeat;}
 .sitemap_1 .sitemap_box {width:160px; background-color:#ACC524; margin:5px 10px 0px 0px; padding-left:10px; cursor:pointer; -moz-border-radius:3px;}
 .sitemap_1 .sitemap_box a {color:#484941; font-size:13px; line-height:30px; font-weight:bold; text-decoration:none;}
 .sitemap_1 .sitemap_box:hover {background-color:#C4DC40;}

 .sitemap_2 {margin:0px 10px 10px 101px; padding:10px 20px 0px 0px; background-image:url(../_img/sitemap_hg_vertikal.png); background-position:left bottom; background-repeat:no-repeat;}
 .sitemap_2 .sitemap_hg {padding-left:20px; margin:0px 0px 0px 1px;}
 .sitemap_2 .sitemap_box {background-color:#CBE056; margin:5px 10px 0px 0px; padding-left:10px;}
 .sitemap_2 .sitemap_box a {font-size:11px; line-height:24px; font-weight:bold;}
 .sitemap_2 .sitemap_box:hover {background-color:#D9E882;}

 .sitemap_3 {margin:0px 10px 20px 101px; padding:10px 20px 0px 0px; background-image:url(../_img/sitemap_hg_vertikal.png); background-position:left bottom; background-repeat:no-repeat;}
 .sitemap_3 .sitemap_hg {padding-left:20px; margin:0px 0px 0px 1px;}
 .sitemap_3 .sitemap_box {background-color:#E0EC98; margin:5px 10px 0px 0px; padding-left:10px;}
 .sitemap_3 .sitemap_box a {font-size:11px; line-height:24px; font-weight:normal;}
 .sitemap_3 .sitemap_box:hover {background-color:#EDF4C4;}
 
 /* --- Dateiverweise (Inhaltselement) --- */
 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;}
 
 /* --- Bild und TextmitBild (Inhaltselement) --- */
 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-STYLES -------------------------------------------------------------------------- */
 /* --- RTE: Farben, die im RTE zur Verfeugung stehen --- */
 .hellgrün {color:#c4dc40;}
 .orange {color:#DE973E;}
 .dunkelgrau {color:#484a40;}
 .grau {color:#808080;}  
 .hellgrau {color:#A6A6A6;}
 
 /* --- RTE: Zusätzliche P-Styles --- */
 p.box1 {background-color:#F2F7D4; border:solid 1px #c4dc40; padding:5px; margin-top:0px;}
 
 /* --- RTE: Listen-Styles --- */
 ul.ul1 {list-style-type:none; padding-left:1.5em; margin-left:0px;}
 ul.ul1 li {background-image:url(../_img/liste.gif); background-repeat:no-repeat; background-position:left center; padding-left:1.6em;}
 ul.ul2 {list-style-type:none; padding-left:1.5em; margin-left:0px;}
 ul.ul2 li {background-image:url(../_img/liste2.gif); background-repeat:no-repeat; background-position:left top; padding-left:1.6em;}
 
 /* --- RTE: Tabellen-Styles --- */
 /* --- Initialisieren der Styles --- */
 table.table1 {}
 table.table2 {}
 tr.tr1 {}
 tr.tr2 {} 
 td.td1 {}
 td.td2 {}
 /* --- Tabelle 1 --- */
 table.table1 {margin:1em 0em; border-collapse:collapse; border-spacing:0px;}
 table.table1 p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:11px;}
 table.table1 th,  table.table1 td {padding:3px 3px 3px 5px;}
 table.table1 th {color:#006699; background-color:#D4EBF7; border:solid 1px #AAD7EF; font-size:11px; font-weight:bold; text-align:center;}
 table.table1 td {color:#333333; border:solid 1px #AAD7EF; font-size:11px; line-height:14px;} 
 table.table1 tr.tr1 td {color:#006699; background-color:#D4EBF7; border:solid 1px #AAD7EF; font-size:11px; font-weight:bold; text-align:center;}
 table.table1 tr.tr2 td {background-color:#F3F3F3;}
 table.table1 td.td1 {color:#006699; background-color:#D4EBF7; border:solid 1px #AAD7EF; font-size:11px; font-weight:bold; text-align:center;}
 table.table1 td.td2 {background-color:#F3F3F3;}
 /* --- Tabelle 2 --- */
 table.table2 {margin:1em 0em; border-collapse:collapse; border-spacing:0px;}
 table.table2 p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:11px;}
 table.table2 th,  table.table2 td {padding:2px 2px 2px 4px;}
 table.table2 th {color:#333333; background-color:#F0ECDB; border:solid 1px #D0C893; font-size:11px; font-weight:bold;}
 table.table2 td {color:#333333; border:solid 1px #D0C893; font-size:11px;} 
 table.table2 tr.tr1 td {color:#333333; background-color:#F0ECDB; border:solid 1px #D0C893; font-size:11px; font-weight:bold;}
 table.table2 tr.tr2 td {background-color:#F7F6ED;}
 table.table2 td.td1 {color:#333333; background-color:#F0ECDB; border:solid 1px #D0C893; font-size:11px; font-weight:bold;}
 table.table2 td.td2 {background-color:#F7F6ED;}
 
 /* --- Bilder --- */
 img.image1 {border:solid 1px #cccccc;}
 img.image2 {border:solid 2px #cccccc; padding:2px; margin:3px;}


/* ----------------------------------------------------------------------------------------------------------- */
/* 7. TYPO3-EXTENSIONS --------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */


 
/* ----------------------------------------------------------------------------------------------------------- */
/* 8. FORMULARE ---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

 /* ---- Allgemein --- */
 form {margin:0px; padding:0px;}
 fieldset {border:solid 1px #c4dc40; background-color:#F2F7D4;}
 input, select, textarea {font-family:arial; font-size:11px; line-height:16px; border:solid 1px #c4dc40; color:#333333; margin:0px; padding:0px; padding-left:2px;}
 input:focus, textarea:focus {background-color:#E0EC98; 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:#F2F7D4; border:solid 1px #ACC524; padding:10px; width:475px;}
 
 /*
  * @workaround Einheitliche Fieldsetdarstellung für IE6/IE7
  */
 fieldset {position:relative; margin-top:1.0em; padding-top:2.0em;}
 legend {position:absolute; top:-0.6em; left:0.5em;}

 /* ---- Typo3 CSC-Mailforms (Inhaltselement) --- */
 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:#F2F7D4; height:18px; color:#333333; font-weight:bold; border-color:#ACC524; margin-top:5px;}
 div.csc-mailform-field input.submit:hover {background-color:#ACC524; color:#ffffff;}

 
 /* --- DRUCKANSICHT (tpl_website.print.html) --------------------------------------------------------------- */
 #druckleiste_oben input, #druckleiste_unten input {width:150px; height:21px; color:#333333; background-color:#F2F7D4; text-align:center; font-weight:bold; border:solid 1px #ACC524; margin-left:24px; margin-right:25px;}
 #druckleiste_oben input:hover, #druckleiste_unten input:hover {background-color:#ACC524; color:#ffffff;}