/* Eingeblendete Punktzahl beim Lernen */
.punktzahl {
    color: #a0a0a0;
    font-size: 12px;
}

/* Einen Link-Mouse-Cursor anzeigen bei Richfaces Popup-Controls */
.viewsourcehidelink {
        display: block; cursor: pointer; text-align: right; text-decoration: none; padding : 2px
}

.geloescht {
  text-decoration: line-through;
}

.bold {
    font-weight: bold;
}

/*  Verwendet bei den Popup-Hilfstexten, die automatisch erscheinen beim Fragezeichen */
.popup {
    background-color:rgb(238,255,255);
    color: #000000;
    border: 2px solid #CCCCCC;
    font-size:smaller;
    padding: 5px;
    width:400px;
}

.popup_html {
    background-color:rgb(238,255,255);
    color: #000000;
    border: 2px solid #CCCCCC;
    font-size:smaller;
    padding: 5px;
    width:500px;
}

.popup-gross {
    background-color:rgb(238,255,255);
    color: #000000;
    border: 2px solid #CCCCCC;
    font-size:smaller;
    padding: 5px;
    width:500px;
}

.table-center {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* Definiert das Aussehen der  Tabelle der Kurse-Bestellseite. Beispiel /jsf/bestellung/content_bestellung1.jsp */
.column-preis {
    text-align: right;
    width: 70px;
    white-space: nowrap;
    vertical-align: top;
}

.column-labels {
    width: 220px;
    white-space: nowrap;
}

.column-max-width {
    width: 400px;
    border: 2px solid #CCCCCC;
}

.column-dauer {
    text-align: center;
    width: 90px;
    white-space: nowrap;
    vertical-align: top;
}

.w-120 {
    width: 120px;
}


.w-200 {
    width: 200px;
}
.w-250 {
    width: 250px;
}
.w-220 {
    width: 220px;
}
.w-300 {
    width: 300px;
}
.w-450 {
    width: 450px;
}

.column-datum {
    text-align: center;
    width: 110px;
    vertical-align: top;
}

.column-center {
	text-align: center; vertical-align: top;
}
.column-left {
	text-align: left; vertical-align: top;
}
.column-right {
	text-align: right;
}


/* Definiert das Aussehen der  Tabelle der Kurse-Bestellseite. Alternierende Hintergrundfarben für Zeilen. */

.table-row1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #424242;
	background-color: #ffffff;
	vertical-align: top;
	border: none;
}

.table-row2 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #e5ebe6;
	vertical-align: top;
	border: none;
}

/* Definiert das Farbschema für den Lernfortschritt.  */

.ampel0 {
    background-color:rgb(0, 255, 0);
}
.ampel1 {
    background-color:rgb(128, 255, 128);
}
.ampel2 {
    background-color:rgb(255, 255, 0);
}
.ampel3 {
    background-color:rgb(255, 128, 64);
}
.ampel4 {
    background-color:rgb(242, 0, 0);
}


/* Wird noch verwendet in den Seiten, die noch nicht auf Tiles angepasst worden sind. Definiert das Aussehen der Titelzeile */
.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: bold }
.title-not-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: normal }


/* Definiert das Aussehen des normalen Standardtextes */
.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444}
.text-lernen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #444444}


.titel-bestellung { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #444444; font-weight: bold; }

.text-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; font-weight: bold;}
.text-white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff}


/* Text, der klein erscheinen soll: Versionsnummer, Dateiname bei der Fotoverwaltung */
.text-klein { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #000000}

/* Wird verwendet als Hintergrundfarbe des Baumes */
.baum1 {background-color: #ffffee; color: #F0F0F0}
.baum2 {background-color: #ffffee; color: #F0F0F0}

/* Wird verwendet als Hintergrundfarbe des Baumes wenn eine Zeile markiert ist. */
.baum_selected {background-color: #fccd37; font-weight: bold; color: #FCE203}

/* Wir verwendet als Hintergrundfarbe des Baumes, wenn ein LO nicht in TE verwendet wird */
.notinte {background-color: #ffff00; font-weight: bold}

/* Fontgrösse für die verschiedenen Ebenen des Baumes */

/* Fontgrösse für die Haupt-ebene */
.b-t {font-weight: bold; font-size: 16px}
/* Fontgrösse für die Ebene 2 */
.b-t2 {font-weight: bold; font-size: 14px}
/* Fontgrösse für die Ebene 3 */
.b-t3 {font-weight: normal; font-size: 12px}
/* Fontgrösse für die Ebene 4 */
.b-t4 {font-weight: normal; font-size: 11px}

/* Hintergrundfarbe für Verzeichnisse, die zum Lernen markiert worden sind */
.l1 {background-color: rgb(195,255,225)}
.l2 {background-color: rgb(195,255,225)}

/* Schriftart für Verzeichnisse, die ausgewählt sind zum lernen: Unterstrichen-Effekt beim Mouse-Over */
a.s {  color: #000000; text-decoration: none}
a.s:hover {color: #000000; text-decoration: underline}

/* Schriftart für Verzeichnisse, die NICHT ausgewählt sind zum lernen: ausgegraut + Unterstrichen-Effekt beim Mouse-Over */
a.g {  color: #b0b0b0; text-decoration: none}
a.g:hover {color: #b0b0b0; text-decoration: underline}

/* Hintergrundfarbe für Verzeichnisse, die gesperrt, weil abgelaufen sind */
.c1 {background-color: rgb(250,207,211)}
.c2 {background-color: rgb(250,207,211)}

/* Hintergrundfarbe für Verzeichnisse, die einem Kurs (Lernprofil) zugeordnet sind */
.lp1 {background-color: #d0d0f0}
.lp2 {background-color: #d0d0d0}


/* Definiert Aussehen der Titelzeilen bei den M/C-Masken. Verwendet nur von /WEB-INF/jsp/lo/mc/edit_content_1.jsp und /WEB-INF/jsp/lo/mc/mc_popup_edit_1.jsp */
.header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: white}

/* Aussehen des Tabellen-Kopfes */
.table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; background-color: #211E1E; font-weight: bold}

/* Definiert Aussehen des Titelbalkens für Popup-Seiten. Beispiel: /WEB-INF/jsp/baum/legende.jsp */
.table_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; background-color: #211e1e; font-weight: bold}

/* Definiert Aussehen des Titelbalkens für einige Popup-Seiten. Beispiel: /WEB-INF/jsp/baum/baum_entfalten.jsp */
.table_title2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; background-color: #211e1e; font-weight: normal}

/* Definiert Hintergrund für Seiten, die noch nicht auf Tiles umgestiegen sind */
.fundo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #E6E7E9}

/* Hintergrundfarbe für die Kreuzchen bei MC-Fragen. Verwendet in WEB-INF/jsp/mc/training/training_falsch_content.jsp */
.mc_error { background-color: #ff0000 }
.mc_ok { background-color: #00ff00 }

/* Hintergrundfarbe, die die gelernten TE hervorhebt in der Liste aller TE. Verwendet in WEB-INF/jsp/kunde/selektierte_treiningseinheiten.jsp */
.te_gelernt { background-color: rgb(185, 248, 118) }


.unsichtbar { visibility: hidden }
/* Aussehen der Eingabe-Knöpfe (ohne Mouse-over) */
.form { font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #ccc; color: #330000; border: solid 1px #cccccc; }
/* Aussehen der Eingabe-Knöpfe (mit Mouse-over) */
.form2 { font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #666; color: #330000; border: solid 1px #cccccc; }
/* Aussehen der Eingabefelder */
.form_feld { font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #ffffff; color: #330000; border-style: solid; border-width: 1px; border-color: #cccccc}
/* Eingabefeld mit fixed-size Fonts */
.form_feld_fixed { font-family: 'Courier New',Courier,monospace; font-size: 12px; font-weight: normal; background-color: #ffffff; color: #330000; border-style: solid; border-width: 1px; border-color: #cccccc}
/* Drop-down-Listen, die etwas kleiner sind als normal */
.form-klein { font-family: Verdana; font-size: 9px; font-weight: normal; background-color: #ffeeee; color: #330000; border-style: solid; border-width: 1px; border-color: #cccccc}
/* Eingabefelder fürs Einloggen */
.form_logon { font-family: Verdana; font-size: 12px; font-weight: normal; background-color: #ffffff; color: #000033; border-style: solid; border-width: 1px; border-color: #cccccc}
/* Listen, die von Formularen verwendet werden, wo der Font proportional sein muss: /WEB-INF/jsp/baum/baum_edit.jsp, /WEB-INF/jsp/lo/te/trainingseinheit_popup_edit.jsp, /WEB-INF/jsp/lo/te/trainingseinheit_popup_edit2.jsp */
.form_proportional { font-family: Courier; font-size: 12px; font-weight: normal; background-color: #ffeeee; color: #330000; border-style: solid; border-width: 1px; border-color: #cccccc}


/* Font für Fehlermeldungen */
.error { color: #FF0000 }
/* Markierung für Pflichtfelder */
.pflicht {color: #FF0000; font-weight: bold}
/* Font mit weisser Farbe für Filmmasken */
.film {color: #FFFFFF; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
a.film {  color: #FFFFFF; text-decoration: none}
a.film:hover {color: #FFFFFF; text-decoration: underline}
/* Font wird von der Fehlerverwaltung verwendet: /WEB-INF/jsp/fehler/browse_content.jsp */
.fehler2 {color: #FF0000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
.fehler-table { border-style: solid; border-width: 1px; border-color: #ff0000}

/* Allgemeines Aussehen von Links */
a {  color: #af150F; text-decoration: none}
a:hover {color: #af150F; text-decoration: underline}

/* Wird vom Popup-Menu verwendet für ausgegraute Befehle */
.grau{
    cursor:default;
    text-decoration:none;
    color:#a0a0a0;
    font-size:12px;
    font-family:verdana;
    padding:3px;
}