/*
## ---------------------------------------------- ##
## ---------------------------------------------- ##
## ----------- STYLESHEET-DEFINITIONEN ---------- ##      
## ------ (c) 2002-2008 Galileo Webdesign ------- ##
## ---------- www.galileo-webdesign.de ---------- ##
## ---------------------------------------------- ##   
## ---------------------------------------------- ##
## ---- Zuletzt gendert am: 14.03.2008, DJ ----- ##
##
## ---------------------------------------------- ##
## INHALT---------------------------------------- ##
## ---------------------------------------------- ##
##
## 1. Struktur der Website: Definition von DIV-IDs und Containern
## 2. Globale Formatierung: Formatierung von HTML-Elementen
## 3. Individuelle Formatierung: Formatierung von Inhaltselementen und Navigation
## 4. Typo3-Klassen: RTE-Klassen und Typo3-Anpassungen
## 5. Formulare: Individuelle Formatierung für Formulare
##
## ---------------------------------------------- ##
## FARBKARTE ------------------------------------ ##
## ---------------------------------------------- ##
##
## Seitenhintergrund			#d6d5d5
## Standardlinks				#cc0000
## Standardtext					#333333
## Überschriften (H1-H3)		#333333
## Überschriften (Sonst)		#000000
## Hauptnavigation				#333333/#000000
## Subnavigation				#ffffff/#ffffff
## Subsubnavigation				#333333/#cc0000
## Formulare (Input, Select)	#333333
## Formulare (Legend, Label)	#333333
## Linien 						#666666
##
*/



/* ----------------------------------------------------------------------------------------------------------- */
/* 1. STRUKTUR DER WEBSITE ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- DIVS UND CONTAINER FR TEMPLATE (tpl_website.html) --------------------------------------------------- */

 /* --- Container - Nimmt alle Divs auf  --- */
 #container {width:770px; min-height:100%; position:relative;}

	/* --- Kopfbereich- Logo und Extranavigation--- */
	#kopf {width:770px; height:80px; background-image:url(../_img/hg_kopf.jpg); background-position:top left; background-repeat:no-repeat;}
		/* --- Ausgelagerte Navigationspunkte --- */
		#metanav {width:710px; height:24px; float:left; text-align:right;}
		/* --- Sprachwahl --- */
		#sprache {width:60px; height:24px; float:left; text-align:right;}
		

	/* --- Leiste - Nimmt Suche und Nav auf --- */
	#leiste {width:770px; height:35px; background-image:url(../_img/hg_leiste.jpg); background-position:top left; background-repeat:no-repeat;}
		/* --- Suchleiste --- */
		#suche {width:180px; height:35px; float:left; background-image:url(../_img/hg_suche.jpg); background-position:top left; background-repeat:no-repeat;}
		/* --- Hauptnavigation--- */
		#nav {width:590px; height:35px; float:left;}	

	/* --- Mitte - Entählt Subnavigation und Inhaltsbereich --- */
	#mitte {width:770px; overflow:auto; clear:left;}
		
		/* --- Container für Subnavigation 2. & 3. Ebene --- */	
		#links {width:180px; height:400px; float:left; background-image:url(../_img/hg_links.jpg); background-position:top left; background-repeat:no-repeat;} 
			/* --- box für Subnavigation ---- */
			#subnav {border-right:solid 1px #333333; border-top:solid 1px #333333; border-bottom:solid 1px #333333;}
			/* --- box für SubSubnavigation ---- */
				#subsubnav {}
			
			
		/* --- Container Inhaltsbereich --- */	
		#rechts {width:590px; float:left; background-image:url(../_img/hg_rechts.jpg); background-position:top left; background-repeat:no-repeat;}
				/* --- Krümelnavigation --- */	
				#kruemelnav {width:550px; margin-left:15px; margin-right:25px;}
				/* --- Seitentitel --- */	
				#titel {width:550px; margin-left:25px; margin-right:15px;}
				/* --- Inhaltsbereich --- */	
				#inhalt {width:550px; margin-left:25px; margin-right:15px; padding-bottom:15px;}

	/* --- Fusszeile --- */	
	/* --- Position bezieht sich auf Elternelement Container (s.o.) --- */		
	#fuss {width:770px; position:absolute; bottom:0px; margin-top:10px;}
		#fuss_inhalt {width:770px; height:20px; margin-top:10px; background-color:#666666; color:#FFFFFF; line-height:20px; text-align:center;}

	/* --- Iconleiste --- */	
	/* --- Iconsleiste ausserhalb des Textflusses --- */
	#iconleiste {position:absolute; z-index:4; top:120px; left:700px}
	
	
 /* --- DRUCKANSICHT (tpl_website.print.html) --------------------------------------------------------------- */
 
 /* --- Template enthält nur #titel und #inhalt (siehe oben) --- */

 /* --- 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 Druckschaltflchen --- */
 @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 #666666;}

	 

/* ----------------------------------------------------------------------------------------------------------- */
/* 2. GLOBALE FORMATIERUNG ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

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


 /* --- Standardtext-Formatierung --- */
 div, p, table, td, ul, ol, li {font-size:12px; font-family:arial; color:#333333; font-weight:normal; line-height:18px;}
 div, table, td {}

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

 /* --- Standardlink-Formatierung --- */
 a {color:#cc0000; text-decoration:none;}
 a:link {color:#cc0000; text-decoration:none;}
 a:visited {color:#cc0000; text-decoration:none;}
 a:hover {color:#cc0000; text-decoration:underline;}
 a:active {color:#cc0000; text-decoration:underline;}
 
 /* --- Überschriften --- */
 /* --- p.hx sind RTE-Klassen --- */
 h1 {font-size:16px; font-weight:bold; letter-spacing:1px; color:#333333; margin:0px; padding:0px; line-height:40px;}
 h2, p.h2 {font-size:14px;  font-weight:bold; letter-spacing:1px; color:#333333; margin:0px; padding:0px; line-height:25px;}
 h3, p.h3 {font-size:12px;  font-weight:bold; letter-spacing:1px; color:#333333; margin:0px; padding:0px; line-height:20px;}
 h4, p.h4 {font-size:12px;  font-weight:bold; letter-spacing:1px; color:#cc0000; margin:0px; padding:0px; line-height:20px;}
 h5, p.h5 {font-size:12px;  font-weight:normal; letter-spacing:1px; color:#333333; margin:0px; padding:0px; line-height:20px; border-bottom:solid 1px #cccccc;}
 h6, p.h6 {font-size:12px;  font-weight:normal; letter-spacing:1px; color:#cc0000; margin:0px; padding:0px; line-height:20px; border-bottom:solid 1px #cccccc;}

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


/* ----------------------------------------------------------------------------------------------------------- */
/* 3. INDIVIDUELLE FORMATIERUNG ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- HAUPTNAVIGATION -------------------------------------------------------------------------------------- */
 
 /* --- Hintergrund DIVs, ermglichen untere Leiste --- */
 #nav div.aktiv {float:left; background-image:url(../_img/nav_aktiv.jpg); background-position:bottom right; background-repeat:no-repeat;}
 #nav div.inaktiv {float:left; background-color:#ffffff;}
 
 /* --- Abstandshalter, erzeugen vertikale Linien --- */
 #nav div.spacer1 {float:left; height:28px; width:1px; border-left:solid 1px #999999; background-color:#FFFFFF;}
 #nav div.spacer2 {float:left; height:28px; width:10px; border-left:solid 1px #999999;}
 #nav div.spacer1_an {float:left; height:34px; width:1px; border-left:solid 1px #999999; background-color:#FFFFFF;}
 #nav div.spacer2_an {float:left; height:28px; width:10px; border-left:solid 1px #999999;}
 
 /* --- Container des Navigationselements --- */
 #nav div.navbox {height:28px; float:left; cursor:pointer; padding-bottom:7px; line-height:28px; padding-left:0px; padding-right:10px;}

 /* --- Aktiver Zustand und Bildwechsel --- */
 #nav div.an {height:29px; padding-bottom:6px; background-image:url(../_img/nav_an.jpg); background-position:top left; background-repeat:repeat-x;}
 #nav div.an a {color:#000000; font-weight:bold;}
 #nav div.an a:hover {color:#000000; font-weight:bold; text-decoration:none;}
 
 /* --- Inaktiver Zustand und Bildwechsel --- */
 #nav div.aus {background-image:url(../_img/nav_aus.jpg); background-position:top left; background-repeat:repeat-x;}
 #nav div.aus:hover {background-image:url(../_img/nav_hover.jpg); background-position:top left; background-repeat:repeat-x;}
 #nav div.aus a {color:#333333; text-decoration:none;}
 #nav div.aus a:hover {color:#333333; text-decoration:none;}


 /* --- SUBNAVIGATION ---------------------------------------------------------------------------------------- */
 
 /* --- Container des Navigationselements --- */
 #subnav div.navbox {height:auto; line-height:23px; background-color:#666666; padding-left:10px; border-bottom:solid 1px #999999; cursor:pointer;}
 
 /* --- Aktiver Zustand und Bildwechsel --- */
 #subnav div.an {color:#ffffff; background-color:#333333;}
 #subnav div.an a {color:#ffffff; font-weight:bold; text-decoration:none;}
 #subnav div.an a:hover {color:#ffffff; font-weight:bold; text-decoration:none;}
 
 /* --- Inaktiver Zustand und Bildwechsel --- */
 #subnav div.aus {color:#ffffff;}
 #subnav div.aus a {color:#ffffff; text-decoration:none;}
 #subnav div.aus:hover {background-color:#333333;}
 #subnav div.aus a:hover {color:#ffffff; text-decoration:none;}


 /* --- SUBSUBNAVIGATION -------------------------------------------------------------------------------------- */

 /* --- Container des Navigationselements --- */
 #subsubnav div.navbox {height:auto; line-height:20px; background-color:#fff6f6; padding-left:25px; font-size:11px; border-bottom:dotted 1px #999999; cursor:pointer;}
 
 /* --- Aktiver Zustand und Bildwechsel --- */
 #subsubnav div.an {color:#cc0000; background-color:#ffffff; background-image:url(../_img/subsubnav_an.gif); background-position:top left; background-repeat:no-repeat;}
 #subsubnav div.an a {color:#cc0000; font-weight:bold; text-decoration:none;}
 #subsubnav div.an a:hover {color:#cc0000; font-weight:bold; text-decoration:none;}
 
 /* --- Inaktiver Zustand und Bildwechsel --- */
 #subsubnav div.aus {color:#333333; background-image:url(../_img/subsubnav_aus.gif); background-position:top left; background-repeat:no-repeat;}
 #subsubnav div.aus:hover {background-color:#ffe8e8}
 #subsubnav div.aus a {color:#333333; text-decoration:none; font-weight:normal;}
 #subsubnav div.aus a:hover {color:#333333; text-decoration:none; font-weight:normal;}

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


 /* --- KÜRMELNAVIGATION -------------------------------------------------------------------------------------- */
 #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;}
 
 /* --- 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;}

/* ----------------------------------------------------------------------------------------------------------- */
/* 4. TYPO3-KLASSEN ------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- Linkdarstellung im RTE anpassen --- */
 body.htmlarea-content-body a {color:#cc0000; text-decoration:none;}

 /* --- Standardlinks des Typo3-Systems --- */
 a.typolink, a.internal-link, a.internal-link-new-window, a.download, a.mail {color:#cc0000; text-decoration:none;}
 a.typolink:link, a.internal-link:link, a.internal-link-new-window:link, a.download:link, a.mail:link {color:#cc0000; text-decoration:none;}
 a.typolink:visited, a.internal-link:visited, a.internal-link-new-window:visited, a.download:visited, a.mail:visited {color:#cc0000; text-decoration:none;}
 a.typolink:hover, a.internal-link:hover, a.internal-link-new-window:hover, a.download:hover, a.mail:hover {color:#cc0000; text-decoration:underline;}
 
 /* --- Externe Links des Typo3-Systems --- */
 a.external-link, a.external-link-new-window {color:#cc0000; text-decoration:none; border-bottom:dotted 1px #cc0000;} 
 a.external-link:link, a.external-link-new-window:link {color:#cc0000; text-decoration:none; border-bottom:dotted 1px #cc0000;}
 a.external-link:visited, a.external-link-new-window:visited {color:#cc0000; text-decoration:none; border-bottom:dotted 1px #cc0000;}
 a.external-link:hover, a.external-link-new-window:hover {color:#cc0000; text-decoration:none; border-bottom:solid 1px #cc0000;}
 
 /* --- Sitemap (Inhaltselement) --- */
 div.csc-sitemap > ul {list-style:none; width:400px; padding-bottom:15px; margin-left:0px; padding-left:0px;}
 div.csc-sitemap > ul > li {list-style:none; margin-left:5px; padding-left:5px; letter-spacing:1px; color:#333333; line-height:20px;}
 div.csc-sitemap > ul > li > a {color:#333333;}
 div.csc-sitemap > ul > li > a:hover {color:#333333;}
 div.csc-sitemap > ul > li > ul {margin-left:0px; padding-left:30px; padding-bottom:10px; list-style-image:url(../_img/li_1.gif); border-top:solid 1px #cccccc;}
 div.csc-sitemap > ul > li > ul > li {letter-spacing:0px; line-height:16px; font-size:11px;}
 div.csc-sitemap > ul > li > ul > li > ul {list-style-image:url(../_img/li_2.gif);}
 div.csc-sitemap > ul > li > ul > li > ul > li {letter-spacing:0px; line-height:16px; font-size:11px;}
 
 /* --- Dateiverweise (Inhaltselement) --- */
 table.csc-uploads {border:solid 2px #ffe8e8; width:400px; margin-bottom:10px; margin-top:5px;}
 table.csc-uploads td {height:22px; margin:0px; padding:0px; border:none;}
 table.csc-uploads tr.tr-even {background-color:#ffffff;}
 table.csc-uploads tr.tr-odd {background-color:#fff6f6;}
 table.csc-uploads td.csc-uploads-fileName {vertical-align:top; padding:0px; margin:0px; padding-left:20px; background-image:url(../_img/icon_speichern.gif); background-position:top left; background-repeat:no-repeat;}
 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;}
 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;}
 
 /* --- Farben, die im RTE zur Verfeugung stehen --- */
 .rot {color:#cc0000;}
 .ascorrot {color:#ff0000;}
 .rosa {color:#ffe8e8;}
 .blassrosa {color:#fff6f6;}
 .schwarz {color:#000000;}
 .standardgrau {color:#333333;}
 .grau {color:#666666;}
 .hellgrau {color:#999999;}
 .blassgrau {color:#ececec;}
 .weiss {color:#ffffff;}

 /* --- Anpassungen der Typo3 Extension Language Selection --- */
 #sprache div.tx-srlanguagemenu-pi1 {width:70px; text-align:right;}
 #sprache div.CUR {text-align:right;}
 #sprache div.INACT {text-align:right;}
 #sprache img.tx-srlanguagemenu-pi1-flag {padding:0px; width:21px; margin:0px; padding-top:2px; margin-left:7px;}
 
 /* --- TYPO3-SUCHE (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:#666666; 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 {}
 
/* ----------------------------------------------------------------------------------------------------------- */
/* 5. FORMULARE ---------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

 /* ---- Allgemein --- */
 form {margin:0px; padding:0px;}
 fieldset {border:solid 1px #cccccc;}
 input, select, textarea {font-family:arial; font-size:11px; line-height:16px; border:solid 1px #cccccc; color:#666666; margin:0px; padding:0px; padding-left:2px;}
 input:focus, textarea:focus {background-color:#fff6f6; color:#666666;}
 label, legend {font-family:arial; color:#666666;}
 legend {padding:10px; font-weight:bold; font-size:12px;}

 /* ---- Typo3 CSC-Mailforms --- */
 div.csc-mailform-field {clear:left; padding-bottom:3px; padding-top:3px; font-size:11px;}
 div.csc-mailform-field label {width:100px; float:left; display:block; line-height:17px; font-weight:bold; padding-left:5px;}
 div.csc-mailform-field input {width:300px; height:17px;}
 div.csc-mailform-field textarea {width:300px; height:150px;}
 div.csc-mailform-field input.submit {width:150px; height:21px; color:#ffffff; background-color:#666666; text-align:center; font-weight:bold; border:solid 1px #ffffff;}
 div.csc-mailform-field input.submit:hover {background-color:#000000;}
 
 /* --- DRUCKANSICHT (tpl_website.print.html) --------------------------------------------------------------- */
 #druckleiste_oben input, #druckleiste_unten input {width:150px; height:21px; color:#ffffff; background-color:#666666; text-align:center; font-weight:bold; border:solid 1px #ffffff; margin-left:24px; margin-right:25px;}
 #druckleiste_oben input:hover, #druckleiste_unten input:hover {background-color:#000000;}

 /* --- TYPO3-SUCHE (tpl_searchbox.html) -------------------------------------------------------------------- */
 /* --- Suchbox (in der Navleiste) --- */
 #searchform {margin:0px; padding:0px; padding-left:3px; padding-top:3px; padding-bottom:4px;}
 #searchform div.suchbox_text {float:left; padding-right:1px; padding-top:2px;}
 #searchform div.suchbox_text:first-letter {text-transform:uppercase;}
 #searchform input.suchbox_suche {width:93px; border:solid 1px #666666; height:17px; padding-left:2px;}
 #searchform input.suchbox_senden {width:20px; height:22px; border:none; background-image:url(../_img/icon_suche.gif); background-position:center left; background-repeat:no-repeat;}
 #searchform input.suchbox_senden:hover {background-image:url(../_img/icon_suche_aktiv.gif); background-position:center left; background-repeat:no-repeat;}
 
 /* --- TYPO3-SUCHE (tpl_indexed_search.html) ---------------------------------------------------------------- */
 /* --- Suchbox (in der Suchseite) --- */
 .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 #666666; height:19px;}
 .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {width:100px; height:19px; color:#ffffff; background-color:#666666; text-align:center; font-weight:bold; border:none;}
 .tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button:hover {background-color:#000000;}