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



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

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

 /* --- Container - Nimmt alle Divs auf  --- */
 #container {width:772px; margin-left:auto; margin-right:auto;}

	/* --- Kopfbereich- Enthält Hauptnavigation--- */
	#kopf {width:772px; height:50px;}
		/* --- Linker Abstandshalter--- */
		#spacer {width:180px; height:50px; float:left;}
		/* --- Hauptnavigation--- */
		#nav {width:392px; height:30px; margin-top:20px; float:left;}
		/* --- Ausgelagerte Navigationspunkte --- */
		#extranav {width:200px; height:50px; float:left; text-align:right;}

	/* --- Bildleiste - Nimmt wechselnde Imagemap auf --- */
	#bildleiste {width:772px; height:90px; clear:left;}

	/* --- Mitte - Enthält Subnavigation und Inhaltsbereich --- */
	#mitte {width:772px; overflow:auto; background-image:url(../_img/mitte_hg.gif); background-position:top left; background-repeat:repeat-y;}
		/* --- Container für Subnavigation 2. & 3. Ebene --- */	
		#links {width:170px; float:left; padding-top:15px;} 
				#metanav {margin-top:25px; border-bottom:dotted 1px #cccccc; border-top:dotted 1px #cccccc;}
			
		/* --- Container Inhaltsbereich --- */	
		#rechts {width:602px; float:left;}
				/* --- Seitentitel --- */	
				#titel {width:550px; margin-left:25px; margin-right:25px; padding-top:10px;}
				/* --- Inhaltsbereich --- */	
				#inhalt {width:550px; margin-left:25px; margin-right:25px;}

	/* --- Schatten unterhalb zum Abschluss der Seite --- */		
	#schatten {width:772px; clear:left; height:30px; background-image:url(../_img/schatten_hg.jpg); background-repeat:no-repeat; background-position:top left;}

	/* --- Fußzeile --- */		
	#fuss {width:572px; height:15px; margin-bottom:15px; padding-left:5px; float:left; font-size:11px;}
	#fussrechts {width:190px; height:15px; margin-bottom:15px; padding-right:5px; text-align:right; float:left; font-size:11px;}


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

 /* --- HTML UND BODY --- */  
 html {}
 body {margin:0px; padding:0px; background-color:#ffffff;}
 /* .body_hg {height:100%; background-image:url(../_img/body_hg.gif); background-repeat:repeat-y;} */

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

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

 /* --- Standardlink-Formatierung --- */
 a {color:#124FA2; text-decoration:none;}
 a:link {color:#124FA2; text-decoration:none;}
 a:visited {color:#124FA2; text-decoration:none;}
 a:hover {color:#124FA2; text-decoration:underline;}

 /* --- Überschriften --- */
 /* --- p.ueberschriftx sind RTE-Klassen --- */
 h1 {font-size:16px; font-family:arial; font-weight:bold; color:#124FA2; margin:0px; padding:0px; line-height:40px;}
 h2, p.ueberschrift1 {font-size:14px; font-family:arial; font-weight:bold; color:#124FA2; margin:0px; padding:0px; line-height:25px}
 h3, p.ueberschrift2 {font-size:12px; font-family:arial; font-weight:bold; color:#124FA2; margin:0px; padding:0px; line-height:20px}
 h4, p.ueberschrift3 {font-size:12px; font-family:arial; font-weight:bold; color:#000000; margin:0px; padding:0px; line-height:20px}

 /* ---- Listen und Aufzählungen ---- */
 ul {margin-bottom:1px; margin-top:1px;}
 li {padding-bottom:1px; line-height:18px; font-size:12px;}

 /* --- Bilder --- */
 img {border-width:0px;}


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

 /* --- HAUPTNAVIGATION -------------------------------------------------------------------------------------- */
 
 /* --- Container --- */
 .nav {height:30px; float:left; cursor:pointer;}
 /* --- Linkes DIV - Linker Teil des Hintergrundbilds --- */
 .nav_img {width:10px; height:30px; float:left;}
 /* --- Rechtes DIV - Rechter Teil des Hintergrundbilds, Linkformatierung --- */
 .nav_link {float:left; padding-right:10px;}
 .nav_link a {font-size:11px; font-weight:bold; color:#ffffff;line-height:30px;}
 .nav_link a:visited {color:#ffffff;}
 .nav_link a:hover {text-decoration:none; color:#000000;}
 /* --- Aktiver Zustand - Bildwechsel --- */
 .an div.nav_img {background-image:url(../_img/nav_img_an_hg.jpg); background-position:top left;}
 .an {background-image:url(../_img/nav_an_hg.jpg); background-position:top right;}
 /* --- Inaktiver Zustand - Bildwechsel --- */
 .aus div.nav_img {background-image:url(../_img/nav_img_aus_hg.jpg); background-position:top left;}
 .aus {background-image:url(../_img/nav_aus_hg.jpg); background-position:top right;}


 /* --- SUBNAVIGATION ---------------------------------------------------------------------------------------- */
 
 /* --- Container --- */
 .subnav {width:163px; padding-left:7px; padding-top:3px; padding-bottom:3px; clear:left; cursor:pointer; overflow:auto;} /* --- Overflow erm�glicht Strecken des HG in Mozilla --- */
 /* --- Mittleres DIV - Nimmt Inneres DIV auf, Icon-Darstellung --- */
 .subnav_img {overflow:auto;}
 /* --- Inneres DIV - Linkformatierung, Padding schafft Platz für Icon --- */
 .subnav_link {padding-left:20px; padding-right:10px;}
 .subnav_link a {font-size:11px; color:#000000; line-height:20px;}
 .subnav_link a:visited {color:#000000;}
 .subnav_link a:hover {text-decoration:none;} 
 /* --- Aktiver Zustand - Bildwechsel --- */
 .suban, .subaus:hover {background-image:url(../_img/subnav_an_hg.jpg); background-position:bottom right; background-repeat:no-repeat;}
 .suban a {color:#ffffff; font-weight:bold;}
 /* --- Inaktiver Zustand - Bildwechsel --- */
 .subaus {background-image:url(../_img/subnav_aus_hg.jpg); background-position:bottom right; background-repeat:no-repeat;}
 .subaus:hover a {color:#ffffff;}
 /* --- Standardicon --- */
 .subnav_icon {background-image:url(../_img/icon/add.gif); background-repeat:no-repeat; background-position:top left;}	

 /* Icons für ISL-Sprachschule.de */
	/* Icons Einzelkurse */
	.icon_11, .icon_17, .icon_28, .icon_104 {background-image:url(../_img/icon/person.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icons Gruppenkurse und Lehrer */
	.icon_22, .icon_15, .icon_26, .icon_102, .icon_189 {background-image:url(../_img/icon/people-alt2.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icons Firmen */
	.icon_23, .icon_27, .icon_16, .icon_103 {background-image:url(../_img/icon/briefcase.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icons Kinder */
	.icon_13, .icon_24, .icon_110, .icon_100 {background-image:url(../_img/icon/lightbulb.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icons Extras */
	.icon_xx {background-image:url(../_img/icon/add.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Methode */
	.icon_41 {background-image:url(../_img/icon/wrench.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Leistungen */
	.icon_198 {background-image:url(../_img/icon/bars.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Fremdsprachenkorrespondent */
	.icon_18 {background-image:url(../_img/icon/pc.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Über uns */
	.icon_62 {background-image:url(../_img/icon/ok.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Übersetzungen */
	.icon_181, .icon_199, .icon_213, .icon_238 {background-image:url(../_img/icon/copy.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Deutschkurse */
	.icon_203, .icon_214, .icon_224 {background-image:url(../_img/icon/comments-blue.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Internationale Prüfungen */
	.icon_245, .icon_247, .icon_250 {background-image:url(../_img/icon/clock.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Nachhilfe */
	.icon_246, .icon_248, .icon_252 {background-image:url(../_img/icon/key-yellow.gif); background-repeat:no-repeat; background-position:top left;}

 /* Icons für ISLDeutsch.de */
	/* Icon Kursbeschreibung */
	.icon_124 {background-image:url(../_img/icon/people-alt2.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Koblenz Unterkunft */
	.icon_125 {background-image:url(../_img/icon/info.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Koblenz */
	.icon_278, .icon_299 {background-image:url(../_img/icon/koblenz.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Unterkunft */
	.icon_122 {background-image:url(../_img/icon/house.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Anmeldeformular */
	.icon_121 {background-image:url(../_img/icon/calendar.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Aktivitaeten */
	.icon_120 {background-image:url(../_img/icon/popcorn.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Visa */
	.icon_119 {background-image:url(../_img/icon/key-yellow.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Pruefungen */
	.icon_243 {background-image:url(../_img/icon/bars.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Nuetzliche Links */
	.icon_127 {background-image:url(../_img/icon/lightbulb.gif); background-repeat:no-repeat; background-position:top left;}
	/* Icon Agenturen */
	.icon_126 {background-image:url(../_img/icon/star.gif); background-repeat:no-repeat; background-position:top left;}


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

 /* --- Container --- */
 .subsubnav {width:158px; padding-left:12px; padding-top:2px; padding-bottom:2px;  clear:left; cursor:pointer;} 
 /* --- Mittleres DIV - Nimmt Inneres DIV auf, Icon-Darstellung --- */
 /* --- Overflow ermöglicht Strecken des HG in Mozilla --- */
 .subsubnav_img {overflow:auto;}
 /* --- Inneres DIV - Linkformatierung, Padding schafft Platz für Icon --- */
 .subsubnav_link {padding-left:16px; padding-right:10px;}
 .subsubnav_link a {font-size:10px; color:#666666; line-height:17px;}
 .subsubnav_link a:visited {color:#666666;}
 .subsubnav_link a:hover {text-decoration:none; color:#000000;}
 /* --- Aktiver Zustand - Bildwechsel --- */
 .subsuban {background-image:url(../_img/subsubnav_an_hg.jpg); background-position:bottom right; background-repeat:no-repeat;}
 .subsuban a {color:#000000;}
 /* --- Inaktiver Zustand - Bildwechsel --- */
 .subsubaus {background-image:url(../_img/subsubnav_aus_hg.jpg); background-position:bottom right; background-repeat:no-repeat;}
 .subsubaus:hover a {color:#000000;}
 /* --- Standardicon (wechselt nicht) --- */
 .subsubnav_icon {background-image:url(../_img/icon/new.gif); background-repeat:no-repeat; background-position:top left;} 


 /* --- METANAVIGATION -------------------------------------------------------------------------------------- */

 #metanav a {color:#666666; text-decoration:none;}
 #metanav a:visited {color:#666666; text-decoration:none;}
 #metanav a:hover {color:#666666; text-decoration:underline;}
 #metanav ul {margin-bottom: 6px; margin-top: 6px;  margin-left:5px; padding-left:20px;}
 #metanav li {padding-bottom:1px; line-height:14px; font-size:11px; font-family:arial;}


/* ----------------------------------------------------------------------------------------------------------- */
/* 4. TYPO3-KlASSEN ------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------- */

 /* --- Standardlinks --- */
 a.typolink {color:#007C51; text-decoration:none;}
 a.typolink:visited {text-decoration:none;}
 a.typolink:hover {color:#007C51; text-decoration:underline;}

 /* --- Tabellendarstellung im RTE --- */
 .htmlarea-content-body td {border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding:0px; margin:0px;}
 
 /* --- Tabellen-Klasse von Typo3 überschreiben --- */
 .contenttable {padding:0px; margin:0px; font-size:12px; border:1px solid #cccccc;}
 .contenttable td {padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; margin:1px; border:1px solid #cccccc;}
 
 /* --- Tabelle verwendet im RTE --- */
 table.noborders {border-width:0px;}
 table.noborders td {border-width:0px;}

/* ----------------------------------------------------------------------------------------------------------- */
/* 5. TYPO3-FORMULARE ---------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

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

 /* ---- Allgemein CSC-Mailsforms --- */
 div.csc-mailform-field {clear:left; padding-bottom:3px; padding-top:3px; font-size:11px;}
 div.csc-mailform-field label {width:150px; float:left; display:block; line-height:17px;}

 /* ---- Kontaktformulare --- */
 #kontaktformular fieldset {border: solid 1px #cccccc;}
 #kontaktformular div.csc-mailform-field {clear:left; padding-bottom:3px; padding-top:3px;}
 #kontaktformular label {width:125px; float:left; display:block; line-height:17px; margin-left:10px; font-size:11px;}
 #kontaktformular input {width:325px; height:17px; line-height:17px;}
 #kontaktformular textarea {width:325px; height:125px; line-height:17px; margin-bottom:5px;}
 #kontaktformular input.submit {width:100px; height:20px; line-height:17px; margin-left:135px; margin-top:5px; margin-bottom:5px; font-weight:bold; color:#ffffff; background-color:#124FA2; border:solid 1px #cccccc; cursor:pointer;}
 #kontaktformular input.submit:hover {color:#124FA2; background-color:#ffffff; border:solid 1px #124FA2;}
 
  /* ---- Ubersetzungsanfragen --- */
 #uebersetzungen fieldset {border: solid 1px #cccccc;}
 #uebersetzungen div.csc-mailform-field {clear:left; padding-bottom:3px; padding-top:3px;}
 #uebersetzungen label {width:125px; float:left; display:block; line-height:17px; margin-left:10px; font-size:11px;}
 #uebersetzungen input {width:325px; height:17px; line-height:17px;}
 #uebersetzungen textarea {width:325px; height:200px; line-height:17px; margin-bottom:5px;}
 #uebersetzungen input.submit {width:100px; height:20px; line-height:17px; margin-left:135px; margin-top:5px; margin-bottom:5px; font-weight:bold; color:#ffffff; background-color:#124FA2; border:solid 1px #cccccc; cursor:pointer;}
 #uebersetzungen input.submit:hover {color:#124FA2; background-color:#ffffff; border:solid 1px #124FA2;}

  /* ---- Registrierung (Isldeutsch.de) --- */
 #registrierung fieldset {border:solid 1px #cccccc;}
 #registrierung div.csc-mailform-field {clear:left; padding-bottom:3px; padding-top:3px;}
 #registrierung label {width:175px; float:left; display:block; line-height:17px; margin-left:10px; font-size:11px;}
 #registrierung input.submit {width:100px; height:20px; line-height:17px; margin-left:135px; margin-top:5px; margin-bottom:5px; font-weight:bold; color:#ffffff; background-color:#124FA2; border:solid 1px #cccccc; cursor:pointer;}
 #registrierung input.submit:hover {color:#124FA2; background-color:#ffffff; border:solid 1px #124FA2;} 
 #registrierung select {border:solid 1px #cccccc; width:175px; height:17px; line-height:17px;}
 #registrierung textarea {width:300px; height:100px; line-height:17px; margin-bottom:5px;}
 
	 /* ---- Registrierung Block1 --- */
	 #registrierung #block1 input {width:300px; height:17px; line-height:17px;}
	 #registrierung #block1 input.radio {width:15px; height:15px; border:none;}
	 
	 /* ---- Registrierung Block2 --- */
	 #registrierung #block2 input {width:300px; height:17px; line-height:17px;}
	 #registrierung #block2 p {font-size:11px; margin-top:20px; margin-bottom:3px; margin-left:10px; margin-right:10px;}
	 #registrierung #block2 label {width:175px;}
	 #registrierung #block2 input.date1 {width:25px; border-right:none;}
	 #registrierung #block2 input.date2 {width:50px;}
	 
	 /* ---- Registrierung Block3 --- */
	 #registrierung #block3 input {width:300px; height:17px; line-height:17px;}
	 #registrierung #block3 p {font-size:11px; margin-top:20px; margin-bottom:3px; margin-left:10px; margin-right:10px;}
	 #registrierung #block3 label {width:175px;}
	 #registrierung #block3 input.radio {width:15px; height:15px; border:none;}
	 #registrierung #block3 input.date1 {width:25px; border-right:none;}
	 #registrierung #block3 input.date2 {width:50px;}
 
 	 /* ---- Registrierung Block5 --- */
	 #registrierung #block5 p {margin-bottom:3px; margin-left:10px; margin-right:10px; font-size:11px;}
 
 /* ---- Einstufungstests --- */
 #test fieldset {padding:10px;}
 #test input.submit {width:100px; height:20px; line-height:17px; margin-left:155px; margin-top:10px; margin-bottom:5px; font-weight:bold; color:#ffffff; background-color:#124FA2; border:solid 1px #cccccc; cursor:pointer;}
 #test input.submit:hover {color:#124FA2; background-color:#ffffff; border:solid 1px #124FA2;} 
 	/* ---- Einstufungstests Fragen-Blöcke Radio Buttons --- */
	#test #test_frage input {border:none;}
	/* ---- Einstufungstests Kontakt-Block --- */
	#test #test_kontakt p {font-size:11px; margin-bottom:5px;}
 	#test #test_kontakt input {width:300px; height:17px; line-height:17px;}
   	#test #test_kontakt select {width:150px; height:17px; line-height:17px;}



/*felogin css*/
.loginform{
   width:500px;
}

.loginform label,.change_pass label {
   font-size:11px;
   line-height:17px;
   margin-left:10px;
   width:125px;
   float:left;
}
.change_pass label{
   width:170px;
}

.loginform input,.change_pass input {
   height:17px;
   line-height:17px;
   width:240px;
}

.loginform div,.change_pass div{
   padding-bottom:6px;
}
.loginform input.submit {
}
.loginform .loginsubmit,.change_pass .loginsubmit {width:100px; height:20px; line-height:17px; margin-left:135px; margin-top:5px; margin-bottom:5px; font-weight:bold; color:#ffffff; background-color:#124FA2; border:solid 1px #cccccc; cursor:pointer;}
.loginform .loginsubmit:hover,.change_pass .loginsubmit:hover {color:#124FA2; background-color:#ffffff; border:solid 1px #124FA2;}
.change_pass .loginsubmit {width:145px;}


.left_button,.right_button{
   font-weight:bold; 
   color:#ffffff; 
   background-color:#124FA2; 
   border:solid 1px #cccccc; 
   height:20px;
   width:60px;
   float:left;
   padding-left:26px;
}

.left_button{
   margin-right:4px;
}

.right_button{
   margin-left:4px;
}

.pages_links a:hover .left_button,.pages_links a:hover .right_button {
   color:#124FA2; 
   background-color:#ffffff; 
   border:solid 1px #124FA2;
}

.left_button img,.right_button img{
   display:none;
}

.pages_links a,.pages_links b{
   float:left;
   padding-right:4px;
   font-weight:bold;
}

/*tx-jfmulticontent-pi1*/
.tx-jfmulticontent-pi1{
   margin-bottom:20px;
}
.anythingControls{
   display:none;
}

.anythingWindow{
   background:#DDE9FF;
}
.anythingWindow ul li div{
   padding:10px;
}
div.anythingSlider-minimalist-square {
   padding:0 40px !important;
}

div.anythingSlider.activeSlider .anythingWindow {
   border-color:#124FA2;
}

div.anythingSlider-minimalist-round .arrow a {
   background:transparent none no-repeat scroll 0 0 !important;
   text-indent:0 !important;
   font-size:50px;
}

div.anythingSlider-minimalist-round .anythingWindow,
div.anythingSlider-minimalist-round.activeSlider .anythingWindow {
   border-color:#124FA2 !important;
}

div.anythingSlider-minimalist-round .arrow a:hover {
   text-decoration:none !important;
}