/*
## -------------------------------------------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
## ----------- STYLESHEET-DEFINITIONEN -------------------------------------------------------------- ##      
## ------ (c) 2002-2008 Galileo Webdesign ----------------------------------------------------------- ##
## ---------- www.galileo-webdesign.de -------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
## ---- Zuletzt geändert am: 12.08.2008, DJ --------------------------------------------------------- ##
##
## -------------------------------------------------------------------------------------------------- ##
## INHALT-------------------------------------------------------------------------------------------- ##
## -------------------------------------------------------------------------------------------------- ##
##
## WEBSITE-STYLESHEET
##
## 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			#efeff4				blassblau
## Standardlinks				#1a66ff				blau
## Standardtext					#333333				dunkelgrau
## Überschriften (H1-H3)		#1a66ff				blau
## Überschriften (Sonst)		#333333				grau
## Hauptnavigation(aus/an)		#ffffff/#ffffff		weiss
## Subnavigation (aus/an)		#ffffff/#ffffff 	weiss
## Subsubnavigation	(aus/an)	#333333/#333333 	dunkelgrau
## Formulare (Input, Select)	#333333				dunkelgrau
## Formulare (Legend, Label)	#333333				dunkelgrau
##
*/



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


 /* --- HTML UND BODY --- */  
 html {height:100%;}
 body {height:100%; margin:0px; padding:0px; background-color:#333333;}
 /* --- Body Website --- */ 
 .body_hg {height:100%;} 
 /* --- 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  --- */
 #container1 {position: relative; min-height:600px; width:770px; margin-left:auto; margin-right:auto;}

 /* --- Leerer Kopfbereich --- */
 #leerkopf {height:65px;}		

		/* --- Sprachwahl  --- */
		#sprache {width:110px; height:24px; padding-top: 40px; float:right; text-align:right;}

 /* --- Container - Zentrierung im äußeren Container  --- */
 #container2 {position: relative; width: 100%; height: 100%; background-image:url(../_img/hg_container2.gif); background-position:top left; background-repeat:repeat-y; border:solid 1px #666666;}

	/* --- Kopfbereich- Logo und Extranavigation--- */
	#kopf {width:770px; height:65px; background-image:url(../_img/cubik_logo.jpg); background-position:top left; background-repeat:no-repeat;}

	/* --- Leiste - Nimmt Suche und Nav auf --- */
	#leiste {width:100%; height:99px; clear:both; background-color: #990000;}

		#linksbild {width:180px; height:99px; float:left; background-image:url(../_img/cubik_left.jpg); background-position:top left; background-repeat:no-repeat;}
		/* --- Ausgelagerte Navigationspunkte --- */
		#metanav {width:456px; height:24px; padding-top: 5px; padding-right: 5px; float:right; text-align:right;}
		
		#areatitle {height:24px; padding-top:40px; margin-left: 190px; clear:right; font-size: 25px; color: white; letter-spacing: 1px;}

	/* --- Mitte - Enthält Subnavigation und Inhaltsbereich --- */
	#mitte {width:100%; clear:left;}
		
		/* --- Container für Subnavigation 2. & 3. Ebene --- */	
		#links {width:176px; height:400px; float:left;} 
			/* --- box für Subnavigation ---- */
			#subnav {margin-top:40px;}
			/* --- box für SubSubnavigation ---- */
				#subsubnav {}
		
		/* --- Container Inhaltsbereich --- */	
		#rechts {width:590px; float:left;}
				/* --- Krümelnavigation --- */	
				#kruemelnav {width:450px; height:40px; float:left; margin-left:15px;}
				/* --- Iconleiste --- */	
				#iconleiste {width:50px; height:40px; float:left; margin-right:auto;}			
				/* --- Seitentitel --- */	
				#titel {width:560px; clear:left; margin-left:15px; margin-right:auto;}
				/* --- Inhaltsbereich --- */	
				#inhalt {width:560px; clear:left; margin-left:15px; padding-top:10px; margin-right:auto; padding-bottom:15px;}

	 /* --- Fußzeile --- */			
	 #fuss {width:100%; height:34px;}

/* --- Leerer Fußbereich --- */
#leerfuss {height:65px; clear:both;}		
		#fuss_inhalt {padding-top: 5px; line-height:20px; text-align:center;}
		#fuss_inhalt a {color: #cccccc;}

	
 /* --- 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 Druckschaltflächen --- */
 @media screen {
 	 #druckleiste_unten {width:550px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-top:10px;}
	}
 @media print {
 	 #druckleiste_unten {display:none;}
	}

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

	 

/* ----------------------------------------------------------------------------------------------------------- */
/* 2. 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:5px; margin-bottom:5px;}

 /* --- Standardlink-Formatierung --- */
 a {color: #990000; text-decoration:none;}
 a:link {color: #990000; text-decoration:none;}
 a:visited {color: #990000; text-decoration:none;}
 a:hover {color: #990000; text-decoration:underline;}
 a:active {color: #990000; text-decoration:underline;}
 
 /* --- Überschriften --- */
 /* --- p.hx sind RTE-Klassen --- */
 h1 {font-size:16px; font-weight:bold; letter-spacing:1px; color: #990000; margin:0px; padding:0px; line-height:40px;}
 h2, p.h2 {font-size:13px; font-weight:bold; color: #990000; margin:0px; padding:0px; line-height:22px; letter-spacing:1px; margin-top:5px;}
 h3, p.h3 {font-size:13px; font-weight:bold; color: #333333; margin:0px; padding:0px; line-height:22px; letter-spacing:1px; margin-top:5px;}
 h4, p.h4 {font-size:13px; font-weight:bold; color:#990000; margin:0px; padding:0px; line-height:22px; letter-spacing:0px; border-bottom:solid 1px #cccccc;}
 h5, p.h5 {font-size:12px; font-weight:bold; color: #333333; margin:0px; padding:0px; line-height:22px; letter-spacing:0px; border-bottom:solid 1px #cccccc;}
 h6, p.h6 {font-size:12px; font-weight:bold; color: #990000; margin:0px; padding:0px; line-height:22px; background-color:#F3F1F1; padding-left:3px;}
 h7, p.h7 {font-size:12px; font-weight:bold; color:#333333; margin:0px; padding:0px; line-height:22px;  background-color:#F3F1F1; 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;}


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

 /* --- HAUPTNAVIGATION -------------------------------------------------------------------------------------- */
 
 /* --- Container des Navigationselements --- */
 #nav div.navbox {height:27px; float:right; line-height:22px; padding-bottom:5px; padding-left:15px; padding-right:15px; cursor:pointer;}

 /* --- Aktiver Zustand und Bildwechsel --- */
 #nav div.an {background-image:url(../_img/nav_an.jpg); background-position:top left; background-repeat:repeat-x;}
 #nav div.an a {color:#ffffff; font-weight:bold;}
 #nav div.an a:hover {color:#ffffff; 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:#ffffff; text-decoration:none;}
 #nav div.aus a:hover {color:#ffffff; text-decoration:none;}


 /* --- SUBNAVIGATION ---------------------------------------------------------------------------------------- */
 
 /* --- Container des Navigationselements --- */
 #subnav div.navbox {height:auto; line-height:21px; font-size:12px; padding-left:15px; border-bottom:solid 1px #cccccc; cursor:pointer;}
 
 /* --- Aktiver Zustand und Bildwechsel --- */
 #subnav div.an {color:#ffffff; background-color: #990000;}
 #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;}
 #subnav div.an:hover {background-color: #cc0000;}
 
 /* --- Inaktiver Zustand und Bildwechsel --- */
 #subnav div.aus {color:#ffffff; background-color: #990000;}
 #subnav div.aus a {color:#ffffff; text-decoration:none;}
 #subnav div.aus:hover {background-color: #cc0000;}
 #subnav div.aus:hover a {color:#ffffff;} 
 #subnav div.aus a:hover {color:#ffffff;  text-decoration:none;}


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

 /* --- Container des Navigationselements --- */
 #subsubnav div.navbox {height:auto; line-height:20px; padding-left:30px; font-size:11px; border-bottom:solid 1px #ffffff; cursor:pointer;}
 
 /* --- Aktiver Zustand und Bildwechsel --- */
 #subsubnav div.an {color:#333333; background-color: #eeeeee;}
 #subsubnav div.an a {color:#333333; font-weight:bold; text-decoration:none;}
 #subsubnav div.an a:hover {color:#333333; font-weight:bold; text-decoration:none;}
 #subsubnav div.an:hover {background-color: #dddddd;}
 
 /* --- Inaktiver Zustand und Bildwechsel --- */
 #subsubnav div.aus {color:#333333; background-color: #eeeeee;}
 #subsubnav div.aus a {color:#333333;}
 #subsubnav div.aus:hover {background-color: #dddddd;}
 #subsubnav div.aus:hover a {color:#333333;}
 #subsubnav div.aus a:hover {color:#333333;}


 /* --- METANAVIGATION -------------------------------------------------------------------------------------- */
 #metanav {font-size:11px; color:#ffffff;}
 #metanav a {color:#ffffff; text-decoration:none;}
 #metanav a:visited {color:#ffffff; text-decoration:none;}
 #metanav a:hover {color:#ffffff; 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;}
 
 
 /* --- FUSS -------------------------------------------------------------------------------------------------*/
 #fuss_inhalt {font-size:10px; color:#666666;}
 
 
 /* --- 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 ------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- Standardlinks des Typo3-Systems --- */
 a.typolink, a.internal-link, a.internal-link-new-window, a.download, a.mail {color: #990000; text-decoration:none;}
 a.typolink:link, a.internal-link:link, a.internal-link-new-window:link, a.download:link, a.mail:link {color: #990000; text-decoration:none;}
 a.typolink:visited, a.internal-link:visited, a.internal-link-new-window:visited, a.download:visited, a.mail:visited {color: #990000; text-decoration:none;}
 a.typolink:hover, a.internal-link:hover, a.internal-link-new-window:hover, a.download:hover, a.mail:hover {color: #990000; text-decoration:underline;}
 
 /* --- Externe Links des Typo3-Systems --- */
 a.external-link, a.external-link-new-window {color: #990000; text-decoration:none; border-bottom:dotted 1px #1a66ff;} 
 a.external-link:link, a.external-link-new-window:link {color: #990000; text-decoration:none; border-bottom:dotted 1px #1a66ff;}
 a.external-link:visited, a.external-link-new-window:visited {color: #990000; text-decoration:none; border-bottom:dotted 1px #1a66ff;}
 a.external-link:hover, a.external-link-new-window:hover {color: #990000; text-decoration:none; border-bottom:solid 1px #1a66ff;}
 
 /* --- Sitemap (Inhaltselement) --- */
 div.csc-sitemap {margin-top:5px;}
 div.csc-sitemap > div.sitemap_level1 {margin-left:5px; padding-left:5px; font-size:12px; font-weight:bold; letter-spacing:1px; color:#4B64D3; line-height:25px; background-color:#F3F1F1;}
 div.csc-sitemap > ul {margin-left:0px; padding-left:30px; list-style-type:disc; padding-bottom:10px; background-color:#FFFFFF;}
 div.csc-sitemap > ul > li {line-height:18px; font-weight:bold; font-size:11px;}
 div.csc-sitemap > ul > li > ul {padding-left:20px; list-style-type:disc;}
 div.csc-sitemap > ul > li > ul > li {line-height:16px; font-size:11px;}
 
 /* --- 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;}
 
 /* --- Image Gallery Plugin(Inhaltselement) ---------------------------------------------------------------- */
 /* --- Allgemein --- */
 #image_gallery {padding-top:10px;}
 #image_gallery #browse_back {margin-top:15px;}
 /* --- Listenansicht --- */
 #image_gallery_list {}
 #image_gallery_list table {border:none;}
 #image_gallery_list table td {width:105px; font-size:11px; padding-bottom:25px;}
 #image_gallery_list img.ImageGallery_thumbnail_image {border:solid 1px #cccccc;}
 /* --- Datailansicht --- */
 #image_gallery_detail {}
 #image_gallery_detail table td,  #image_gallery_detail p {font-size:11px;}
 #image_gallery_detail table td#medium_image {padding:5px; background-color:#f5f6fc;}
 #image_gallery_detail table td#go_next {padding-top:25px; padding-left:5px;}
 #image_gallery_detail table td#go_previous {padding-top:25px; padding-right:5px;} 

 
 /* --- RTE: Farben, die im RTE zur Verfeugung stehen --- */
 .rot {color:#cc0000;}
 .blassgrau {color:#ececec;}
 .hellgrau {color:#cccccc;}
 .grau {color:#666666;}
 .dunkelgrau {color:#333333;}
 .schwarz {color:#000000;}
 .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;}
 
/* ----------------------------------------------------------------------------------------------------------- */
/* 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:#333333; margin:0px; padding:0px; padding-left:2px;}
 input:focus, textarea:focus {background-color:#f5f6fc; color:#333333;}
 label, legend {font-family:arial; color:#333333;}
 legend {padding:10px; font-weight:bold; font-size:12px;}

 /* ---- 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:#990000; height:18px; color:#ffffff; font-weight:bold; margin-top:5px;}
 div.csc-mailform-field input.submit:hover {background-color:#cc0000; color:#ffffff;}

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