@import url("nav.css");

body
{
	font-family: Arial, Helvetica, sans-serif;
	background:#F0F0F0 url(images/bg_streifen_oben.gif) repeat-x;
	margin:0;
	font-size: 80%;
	line-height: 130%;
}

#CONTENT
{
	line-height: 150%;
}

#CONTENT_BORDER 
{
	background:url(images/ro.jpg) right top no-repeat; /* Schmuckbild oben rechts */
}
#CONTENT_BORDER h2
{
	color:#DEDEDE; /* Ueberschriftenfarbe im Kopf */
	padding:0 0 0 20px;
	margin-top:0;
	width:60%;
	line-height: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.75em;
}

#CONTENT img
{
	border-style:solid groove groove solid;
	border-width:1px 3px 3px 1px;
	border-color:#CCCCCC;
	padding:5px;
}

#CONTENT a:hover img /* Rahmenfarbe aendern wenn Link auf Bild */
{
	border-style:solid groove groove solid;
	border-width:1px 3px 3px 1px;
	border-color:#FF9900;
	padding:5px;
}

h1, h2, h3, h4 {color:#018;} /* Für Ueberschriften generiert von Typo 3*/

h1,h1.u1-lektion /* Lektionsüberschriften */
{
	color: #018;
	font-size:1.37em;
	font-weight:normal;
	margin-top: 2px; /* 2px nach unten, weil sonst im IE Umlaute ohne Punkte sind */
	/*padding-bottom:10px;*/
	line-height: 130%;
	border-top: 1px solid #DDD;
	background:#F0F0F0 url(images/bg_h1_streifen.jpg) no-repeat center bottom;
	padding:1px 4px 9px 2px;
	letter-spacing:1px;
}

h2,h2.u2-abschnitt /* Abschnittsüberschriften */
{
	color: #018;
	font-size:1.3em;
	font-weight:normal;
	margin-top: 2px;
	border-top: 1px solid #E1E1E1;
	background:#F5F5F5 url(images/bg_h2_streifen.jpg) no-repeat center bottom;
	padding:1px 0 6px 2px;
	letter-spacing:1px;
}
#CONTENT_BORDER h2 {border:none;background:none;letter-spacing:normal;}

h3,h3.u3-absatz /* Absatzüberschriften */
{
	color: #018;
	font-size:1.1em;
	font-weight: normal;
	margin: 2em 0 1em 0;
	background:#F9F9F9 url(images/bg_h2_streifen.jpg) no-repeat center bottom;
	padding:0 0 5px 2px;
	letter-spacing:1px;
}

h4,h4.u4-absatz /* Satzüberschriften */
{
	color: #018;
	font-size:1.0em;
	margin: 1.8em 0 1em 0;  /*1em nach unten, weil sonst Überschrift ohne Abstand über Tabelle/Infokasten*/
	letter-spacing:1px;	
}

/* Abstaende von Folgeueberschriften bzw. Absaetzen */
h1.u1-lektion + h3.u3-absatz {margin-top:0;}
h2.u2-abschnitt + h3.u3-absatz {margin-top:0;}
h3.u3-absatz + p {margin-top:-10px;}
h4.u4-absatz + p {margin-top:-10px;}



h2.lernziel /* Überschrift Lernziel */
{
	color: #018;
	font-size:1.2em;
	background:url(images/lernziel.gif) no-repeat;
	/* verschiebt Text 52px nach rechts - Abstand vom linken Rand = zur Grafik */
	padding-left:52px;
	/* verschiebt folgenden Absatz 8px nach unten - Grafik wird sonst verdeckt */
	padding-bottom:8px;
	border:none;
	
}

.lernzieltext /* Einführung in die Lektionen = Lernziele dieser Lektion*/
{
	color: #333;
	font-size:0.8em;
	font-weight:normal;
}

h3.frage-diskussion /* Für Fragen die im Diskussionsforum diskutiert werden sollen */
{
	color: #333;
	font-size:1.0em;
	background:url(images/frage_diskussion.gif) no-repeat;
	padding-left:52px;
	padding-bottom:8px;
	min-height: 32px;
}

.frage-diskussion-text /* Für Text nach dem ersten Satz innerhalb von h3.frage-diskussion */
{
	font-weight: normal;
}

h2.frage-lektion /* Für die Übungsaufgaben am Ende der Lektionen */
{
	color: #018;
	font-size:1.3em;
	background:url(images/aufgabe.gif) no-repeat;
	margin: 2px 0 0;
	padding-left:52px;
	/* verschiebt folgenden Absatz 24px nach unten - Grafik wird sonst unten verdeckt */
	padding-bottom:24px;
	border:none;
}

h3.frage-wissen/* Für Wissensfragen in den Lektionen */
{
	color: #333;
	font-size:1.0em;
	background:url(images/frage.gif) no-repeat;
	padding-left:52px;
	padding-bottom:8px;
	min-height: 32px;
}

.frage-wissen-text /* Für Text nach dem ersten Satz innerhalb von h3.frage-wissen */
{
	font-weight: normal;
}

h3.hinweis /* Hinweise */
{
	color: #333;	
	font-size:1.0em;
	background:url(images/hinweis.gif) no-repeat;
	padding-left:52px;
	padding-bottom:8px;
}

.hinweistext /* Für Text nach dem ersten Satz innerhalb von h3.hinweis */
{
	font-weight: normal;
}


/* Zeichenformate */
.z-code /* farbige Darstellung von Programmcode, Quellcode ... */
{
	font-family: "Courier New", "Times New Roman", serif;
	font-size: 0.9em;
	color: #36F;
}

.z-code-xml /* farbige Darstellung von xml-Code (für TK XML) */
{
	font-family: "Courier New", "Times New Roman", serif;
	color: #800;
}

.z-code-kommentar /* graue Darstellung von Kommentaren im Programmcode, Quellcode ... */
{
	font-family: "Courier New", "Times New Roman", serif;
	font-size: 0.9em;
	color: #808080;
}

.z-hervorhebung /* Für die farbliche Hervorhebung von Textstellen */
{
	color: #B00;
}

.z-anweisung /* Für Anweisungen an die Teilnehmer */
{
	color: #B00;
	font-weight:normal;
	padding-left:3px;
    border-left: 3px solid #A00;
}

.z-kursiv /* Für die kursive Hervorhebung von Textstellen */
{
	font-style: italic;
}

.z-fett /* Für die fette Hervorhebung von Textstellen */
{
	font-weight: bold;
	color:#222;
}

.z-formelzeichen /* Für kleine Buchstaben z. B. in mathematischen Formeln: te, ta, DiJ */
{
	font-size:90%;
	font-weight:lighter;
}


/* Absatzformate */
.abbildung /* Bildbeschreibung */
{
	font-size:0.85em;
	color:#008;
}

.abbildung img /* Umbruch*/
{
	display:block
}

.eingerueckt /* Für das Einrücken von Texten */
{
	margin-left:20px;
	margin-top:2px;
}

.infokasten /* Für Informationen die ausserhalb des Fließtextes dargestellt werden */
{
	background: #FFFFDD;
	padding:5px 10px;
	border:1px solid #CCC;
	-moz-border-radius: 15px;
}

.buchzitat /* Für Informationen die ausserhalb des Fließtextes dargestellt werden */
{
	background:#EED;
	color:#444;
	padding:5px 10px;
	border:1px dashed #CCC;
	-moz-border-radius: 10px;
}

.zitat /* Für das Einrücken von zitiertem Text, kursiv */
{
	background:#FFF7ED url(images/zitat.gif) top right no-repeat;
	font-style:italic;
	padding:10px 20px 10px 15px;
	border:1px solid #E5E5E5;
}

.quellenangabe /* Für die Quellenangaben im laufenden Text */
{
	font-size:1.2em;
	font-variant:small-caps;
}

.glossareintrag /* Für die Suchbegriffe im Glossar */
{
	color: #369;
	font-size:1.0em;
	font-weight: bold;
	margin-bottom: -12px;
}
.glossaralphabet {
	background-color:#F0F0F0;
	border:1px solid #DDD;
	font-weight:bold;
	margin-bottom:-8px;
	padding-left:2px;
}

/* Die Kommentare beziehen sich auf noch zu ergänzenden Quellcode (Links, Bilder u.ä.). */
/* Kommentar-Texte müssen vor Veröffentlichung gelöscht werden! */
.kommentar
{
	color: #F00;
	font-size: 0.9em;
}

/* für die Wissensfragen */
.tabfrage td {background:#F0F0F0; vertical-align:top;}
.tabantwort td {background:#DDD; vertical-align:top;}

.frage {color:#006;font-weight:bold;}
.antwort {color:#006;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
.loesung {color:#666;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.loesungfalsch 
{
	color:#600;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/falsch.gif) no-repeat;
	background-position: right top;
	padding-right:34px;
	padding-bottom:16px;
	min-height:30px;
}
.loesungrichtig
{
	color:#060;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/richtig.gif) no-repeat;
	background-position: right top;
	padding-right:34px;
	padding-bottom:16px;
	min-height:30px;
}
p:first-line.loesungrichtig {font-weight:bold}
p:first-line.loesungfalsch {font-weight:bold}


/* Listen */
ul {list-style:url(images/bp_lev01.gif);}
ul ul {list-style:url(images/bp_lev02.gif);}
ul.ul-lernzielliste /* Andere Blickfangpunkte vor Lernzielen und eingerückt */
{
	
	list-style:square;
	color: #333;
	font-size:1.0em;
	font-weight:normal;
	margin-top:3px;
	margin-bottom:3px;
}

ul.ul-buchstaben /* Listen mit Kleinbuchstaben */
{
	list-style:lower-alpha;
}

ul.ul-fett /* Ganzer Text fett in Listen mit Blickfangpunkten */
{
	font-weight:bold;
}

ul.ul-iii /* Listen mit römischen Kleinbuchstaben */
{
	list-style:lower-roman;
}

ol.ol-fett /* Ganzer Text fett in Listen mit Nummerierung */
{
	font-weight:bold;
}


/* Tabellen */
table.table-kleinschrift-rahmen /* Tabellen mit kleinerer Schrift und Linien */
{
	font-size:0.85em; border-collapse:collapse;
}

table.table-kleinschrift-rahmen td 
{
	border:1px solid #BBB;
	padding:2px 3px;
	vertical-align:top;
}

table.table-kleinschrift-rahmen2er /* 2 spaltige Tabellen mit kleinerer Schrift und Linien */
{
	font-size:0.85em;
	border-collapse:collapse;
	width:100%
}

table.table-kleinschrift-rahmen2er td 
{
	border:1px solid #BBB;
	padding:2px 3px;
	vertical-align:top;
	width:50%;
}

table.table-kleinschrift-rahmen3er /* 3 spaltige Tabellen mit kleinerer Schrift und Linien */
{
	font-size:0.85em;
	border-collapse:collapse;
	width:100%
}

table.table-kleinschrift-rahmen3er td 
{
	border:1px solid #BBB;
	padding:2px 3px;
	vertical-align:top;
	width:33%;
}

table.table-textausrichtung /* Fuer vertikale Textausrichtung in Tabellen */
{

}
table.table-textausrichtung td
{
	vertical-align:top;
	padding:2px 10px 2px 3px;
}

table.table-text-bild /* Fuer Text und daneben ein Bild */
{
	
}
table.table-text-bild td
{
	vertical-align:top;
	padding:2px 10px 2px 3px;
}

table.table-text-bild td p { margin-top: 0;} /* Fuer Moz Absaetze in Tabellenzellen ganz oben */

table.table-text-bild-mittig /* Fuer Text und daneben ein Bild ohne Ausrichtung nach oben*/
{
	
}
table.table-text-bild-mittig td
{
	padding:2px 10px 2px 3px;
}

table.table-hinterlegt /* Fuer unterlegte Tabellendaten, z. B. bei den Quellen */
{

}

table.table-hinterlegt td
{
	vertical-align:top;
	padding:2px 10px 2px 3px;
	background:#F0F0F0;
}

.hinterlegung /* Fuer farbige Hinterlegung von Tabellenzellen. -zeilen oder -spalten */
{
	background:#F0F0F0;
}

/* Formular Elemente */
SELECT {  
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px 
}


input, textarea {
	font-family: Arial, Helvetica, sans-serif; 
	color: #555;
	border:  1px solid #69C;
	padding: 1px 4px;
	font-size: 12px  
}


/* Footer */
.footer {
	color:#FFF;
	background:#006;
	font-size:0.85em;
	text-align:right;
	padding-right:9%;
}

/* Nach oben Link scrollend */
#toplink {
position:absolute;
border: 1px solid #69C;
padding: 2px;
background-color: #FFF;
width: auto;
visibility: hidden;
z-index: 100;
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;
}

#CONTENT td.icon img {border:none;padding:0}