/* allgemeine Styles ************************************ */
* { font-size:10pt; font-family:arial; margin:0px; padding:0px; vertical-align:top; border-style:none; line-height:1.5em; }
body { background-color:#C2D434; color:black; }
table { border-spacing:0px; border-collapse:collapse; }
a { cursor:pointer; text-decoration:none; color:black; }
a.text { text-decoration:underline; color:black; }
a.button { font-weight:bold; }
a.buttonOver { font-weight:bold; }
p { margin-bottom:10px; }
p.message { font-size:8pt; color:red; margin:0px; }
p.moreButtons a { margin-right:20px; }
h1 { font-size:13pt; color:#008000; font-weight:bold; margin-bottom:14px; }
h2 { font-size:11pt; font-weight:bold; margin-bottom:8px; }
h2.colored { background-color:#CAE186; margin:30px -10px 12px -10px; padding:0px 10px; }
h3 { font-weight:bold; padding-top:10px; }
h3.padding { font-weight:bold; padding-top:10px; padding-bottom:8px; }
*.button { cursor:pointer; }
*.red { color:red; }
img.button { vertical-align:middle; margin-top:-2px; margin-right:8px; }
input { vertical-align:baseline; padding:0px 3px; }
textarea { vertical-align:middle; padding:0px 3px; }
label { vertical-align:baseline; }
select { vertical-align:baseline; }
u { vertical-align:baseline; }
b { vertical-align:baseline; }



/* Bereich für Debugging-Meldungen */
span.debugging p { background-color:white; font-size:8pt; line-height:1em; margin:2px 200px 2px 5px; padding:2px; }
*.developersHint { xdisplay:none; text-decoration:none; color:#999999; border:solid 1px #999999; padding:4px; margin:8px 0px; }
*.developersHint * { color:#999999; text-decoration:none; font-size:8pt; margin:2px 0px; line-height:1em; }
span.developersHint { font-size:8pt; padding:1px; text-decoration:none; }
*.debugHint { display:none; text-decoration:none; color:#999999; border:dashed 1px #999999; padding:4px; margin:8px 0px; }
*.debugHint * { color:#999999; text-decoration:none; font-size:8pt; margin:2px 0px; line-height:1em; }
span.debugHint { font-size:8pt; padding:1px; text-decoration:none; }

/* Logo (= absolut positionierte Elemente) ********/
img.schroedelLogo { position:absolute; top:0px; margin-left:350px; }

/* ZKV-Image-Button `*/
a.zkvimage { }

/* Acrobat-Reader-Button */
span.acrobatbutton { display:block; margin-top:30px; }
span.acrobatbutton p { font-size:8pt; width:35%; }

/* Rahmen für Inhalte ***************************/

/* Content-Tabelle */
table.frame { width:100px; }


/* Kopf mit Logo */
table.frame td.contentLogo { width:900px; background-color:#A9CD37; height:90px; }
table.frame td.contentLogo div.links { color:white; font-size:8pt; position:absolute; top:6px; right:150px; }
table.frame td.contentLogo div.links a { color:white; font-size:8pt; padding:0px 4px; }
table.frame td.contentLogo div.links a:hover { text-decoration:underline; }

/* Impressum-Feld */
table.frame td.contentImpressum { background-color:#389238; padding:6px 8px; }
table.frame td.contentImpressum * { color:white; font-size:8pt; }
table.frame td.contentImpressum a { margin:0px 6px; }
table.frame td.contentImpressum a:hover { text-decoration:underline; }

/* Abstandshalter für weiße Balken */
div.gap { background-color:white; font-size:1px; }
td.gap { background-color:white; font-size:1px; }
img.gap1gif { width:14px; height:14px; }



/* Styles für Ansicht, wenn KEIN User eingeloggt ist ********************/

/* linke Spalte */
td.noUserLeft { background-color:#AACD35; }

/* Login-Feld */
td.login { padding:10px 10px 10px 20px; background-color:#389238; }
td.login p { margin-bottom:4px; color:white; }
td.login p.title { font-weight:bold; font-size:11pt; margin:0px; }
td.login p.name { font-weight:bold; font-size:13pt; padding:4px 0px; margin:0px; }
td.login input { font-family:arial; font-size:11pt; margin-bottom:4px; }
td.login a { color:white; }
td.login span.error { color:yellow; }

/* Tabelle für die Linkliste im (!) Login-Feld (= Erweiterung zu table.linklist, siehe unten) */
td.login table.linklist td { color:white; }
td.login table.linklist td img { margin-left:0px; xmargin-top:3px; }

/* Info-Link-Feld in der linken Spalte  */
td.noUserInfo { width:235px; background-color:#CAE186; }
td.noUserInfo p.title {padding:4px 0px 4px 20px;  margin-bottom:8px; font-weight:bold; background-color:#AACD35; }

/* Hauptfeld rechts */
td.main { padding:16px 30px; background-color:#CAE186; }
td.mainStudent { background-color:#E2F0BF; }
td.mainStudent div.head { padding:10px 30px; background-color:#AACD35; color:white; }
td.mainStudent div.head a { color:white; }
td.mainStudent div.head h1 { color:white; font-size:14pt; margin-bottom:0px; }
td.mainStudent div.content { padding:16px 30px; }
td.mainStudent div.content h1 { font-size:14pt; }
td.mainStudent div.content p { font-size:12pt; }


/* Styles für Ansicht, wenn User eingeloggt ist ********************/

/* Rahmen für Hauptinhalts-Zelle */
td.contentBack { padding:10px 20px; padding-top:0px; background-color:#AACD35; }

/* Registerreiter */
table.register tr { xmargin:0px 1em; }
table.register td { padding-top:10px; vertical-align:bottom; border-bottom:solid 1px #39913A; }
table.register td.register { border-bottom:none; }
table.register td.registerAdmin { padding-left:20px; }
table.register td.registerAdmin a { font-size:9pt; }
table.register td.registerAdmin a:hover{ text-decoration:underline; }

/* Rahmen für den Inhalt */
table.contentFrame { width:100%; }
table.contentFrame td.content { background-color:#E2F0BF; border:solid 1px #39913A; border-top:none; }
table.contentFrame td.contentInfo { background-color:#E2F0BF; border:solid 1px #39913A; }
table.contentFrame td.shaddowRight { background-repeat:repeat-y; background-image:url("../pics/screen/shaddow1r.gif"); }
table.contentFrame td.shaddowBottom { background-repeat:repeat-x; background-image:url("../pics/screen/shaddow1u.gif"); }

/* eigentliche Inhaltsfelder */
table.content td.left { padding:10px 0px 10px 10px; }
table.content td.main { background-color:#E2F0BF; }


/* Admin-Feld links bei eingeloggten User */
div.loggedincol { background-color:#CAE186; width:220px; padding:0.5em 0px; font-size:9pt; }
div.loggedincol h1 { margin:0px 8px; font-size:11pt; color:black; }
div.loggedincol p { margin-left:8px; margin-right:8px; }
div.loggedincol p.name { font-size:14pt; }

/* Tabelle für eine Linkliste (im Admin-Feld) */
table.linklist tr { cursor:pointer; }
table.linklist tr.buttonOver { background-color:#FEFFD3; }
table.linklist td { font-size:9pt; padding:3px 10px 3px 0px; }
table.linklist td img { margin-left:8px; margin-top:4px; }
table.linklist td img.margin { margin-left:20px; }



/* Styles für Hauptinhalt ********************/

/* Zeile für die Breadcrumbs */
p.breadcrumb { font-size:8pt; }
p.breadcrumb * { font-size:8pt; margin:0px 0px 8px 0px; }
p.breadcrumb a:hover { text-decoration:underline; }

/* Feld für die Darstellung der Infos des Event-Systems */
div.events { background-color:#FEFFD3; border:solid 1px #999999; padding:10px 16px; margin-bottom:14px; }
div.events h3 { margin:0px 0px 10px 0px; padding:0px; }

/* Tabelle mit einer Aufzählungsliste */
table.liste { border:solid 1px #999999; background-color:#E0EDB5; margin:6pt 0pt 6pt 0pt; }
table.liste th { background-color:#389238; color:white; padding:2px 16px 2px 16px; text-align:left; }
table.liste tr.Over { background-color:white; }
table.liste tr.odd { background-color:#CAE186; }
table.liste tr.oddOver { background-color:white; }
table.liste td { vertical-align:top; padding:8px 16px 6px 16px; }
table.liste td.borderright { border-right:solid 1px #389238; }
table.liste td.borderbottom { border-bottom:solid 1px #389238; }
table.liste td.borderbottomodd { background-color:#CAE186; border-bottom:solid 1px #389238; }

/* div für die Passwortdarstellung */
table.liste div.passwordHidden { margin-left:24px; margin-top:4px; font-weight:normal; display:none; }
table.liste div.passwordShown { margin-left:24px; margin-top:4px; font-weight:normal; }

/* Tabelle für Eingabeformulare */
table.inputField { width:100%; background-color:#FEFFD3; border:solid 1px #999999; padding:4px 10px; margin-bottom:20px; }
table.inputField td { padding:0px 10px; xvertical-align:middle; }
table.inputField td.borderright { border-right:solid 1px #999999; }
table.inputField td.bordertop { border-top:solid 1px #999999; }
table.inputField td.borderbottom { border-bottom:solid 1px #999999; }
table.inputField td.borderbottomright { border-bottom:solid 1px #999999; border-right:solid 1px #999999; }
table.inputField tr.first td { padding-top:4px; }
table.inputField tr.second td { padding-bottom:6px; }
table.inputField tr.single td { padding-top:6px; padding-bottom:6px; }
table.inputField tr.competence td { white-space:nowrap; padding-top:4px; padding-bottom:4px; background-color:#CAE186; }
table.inputField tr.sheet td { padding-top:6px; padding-bottom:6px; }
table.inputField tr.sheet0 td { padding-top:6px; padding-bottom:6px; border-top:solid 1px #999999; }
table.inputField input.text { width:220px; border:solid 1px #999999; }
table.inputField input.datetext { vertical-align:baseline; width:90px; border:1px solid #999999; }
table.inputField input.timetext { vertical-align:baseline; width:60px; border:1px solid #999999; }
table.inputField input.box { margin-right:4px; }
table.inputField select { border:solid 1px #999999; vertical-align:baseline; }
table.inputField table.liste td { vertical-align:top; padding:8px 16px 6px 16px; }
table.inputField textarea.testDescription { width:90%; border:solid 1px #999999; height:60px; }
table.inputField input.testName { width:90%; border:solid 1px #999999; vertical-align:baseline; }
table.inputField span { vertical-align:baseline; }

/* Div für einen Hinweis mmit Häkchenbild */
div.hint { position:relative; width:90%; background-color:#FEFFD3; border:solid 1px #999999; padding:16px 10px 8px 70px; margin-top:26px; margin-bottom:24px; }
div.hint img.hint { position:absolute; top:-15px; left:-8px; }

/* Ergebnisbalken */
div.resultFrame { margin-top:2px; height:10px; position:relative; width:200px; background-color:white; border:solid 1px black; padding:2px; }
div.resultFrame div { position:relative; font-size:6px; height:10px; overflow:hidden; }
div.resultFrame div.resultRed { background-color:#CD3301; color:#CD3301; }
div.resultFrame div.resultYellow { background-color:#FFCC00; color:#FFCC00; }
div.resultFrame div.resultGreen { background-color:#389238; color:#389238; }
div.resultFrame div.average { position:absolute; height:14px; top:0px; width:2px; font-size:16px; background-color:black; }
div.resultFrame div.condition { position:absolute; height:12px; top:0px; width:1px; font-size:12px; border-left:dotted 1px #999999; }

div.taskInputFrame { width:760px; height:200px; border:solid 1px #999999; margin:6px 0px; padding:4px; background-color:white; }

/* Hilfe-Krokodil */
td.crocoback { width:245px; background-color:#C3DC77; }
img.croco { position:absolute; top:350px; margin-left:-520px; }

/* Tabelle für die Aufzählung eines Tests */
table.test { border:solid #399238 1px; background-color:#CAE186; margin-bottom:14px; }
table.test td { font-weight:bold; font-size:12pt; vertical-align:middle; padding:8px 4px 8px 10px; }

/* Element für die Abschlussseite */
div.finished { position:relative; }
img.crocoFinished { position:absolute; top:120px; left:20px; }
img.frameFinished { position:absolute; top:30px; left:250px; }
div.divFinished { position:absolute; top:70px; left:270px; width:300px; text-align:center; }
div.divFinished p { font-size:16pt; font-weight:bold; }

div.page_confirm { position:absolute; width:80%; top:0px; left:0px; }
div.page_confirm div.curtain { background-color:white; background:url("../pics/screen/curtain2.png"); position:absolute; width:690px; height:457px; filter:Alpha(opacity=70, finishopacity=70, style=0); }
div.page_confirm img.question { position:absolute; top:238px; left:-24px; xwidth:430px; xheight:110px; }
div.page_confirm div.question { xbackground-color:#E2F0BF; position:absolute; top:290px; left:-10px; width:410px; }
div.page_confirm div.question p { font-size:12pt; font-weight:bold; }
div.page_confirm div.question a { font-size:12pt; font-weight:bold; }

div.progressbar { font-size:10pt; position:absolute; top:-52px; right:43px; width:150px; }
div.progressbar p { color:white; font-size:10pt; font-weight:bold; }
div.progressbar_frame { width:150px; padding:2px; border:solid 1px #39913A; background-color:white; }
div.progressbar_frame div { background-color:#AACD35; color:#AACD35; width:0px; height:8px; font-size:6px; }


/*************************************************/
/* Aufgabenstyles                                 */
/*************************************************/

/* Aufgabentitle und -text */
div.taskTitle { display:none; cursor:default; font-size:1.2em; font-weight:bold; }
div.taskText { margin:6px 0px 10px 32px; cursor:default; font-weight:bold; position:relative; width:610px; }
div.taskText p { margin:0px; line-height:18pt; }

#div.taskText span.blue { background-color:blue; color:white; }
#div.taskText span.yellow { background-color:yellow; }
#div.taskText span.orange { background-color:#F9A615; }
span.emphasize { font-size:12pt; border-bottom:solid 2px green; }

/* Sonderformate */
span.mark { font-size:12pt; border-bottom:solid 2px green; }

#span.unicode { font-family:"Arial Unicode MS"; }
#span.redfont { color:red; }
#span.yellow { background-color:yellow; }
#span.blue { background-color:blue; color:white; }
#span.orange { background-color:#F9A615; }

/* Fortschrittsbalken `*
div.progressbarframe { background-image:url("../pics/screen/progress.jpg"); background-repeat:repeat-x; font-size:1px; border:solid 1px #aaaaaa; width:100px; height:10px; }
div.progressbar { position:relative; top:-12px; left:0px; font-size:1px; border:solid 1px #aaaaaa; width:100px; height:10px; background-color:white; }
div.progresslable { cursor:default; color:black; }

/* besondere Formate innerhalb von Texten *
p.texttitle { font-size:1em; font-weight:bold; margin-bottom:1em; }
p.textauthor { font-style:italic; position:relative; top:-0.9em; }
p.note { font-size:0.8em; line-height:1.5em; }
p.headline { font-weight:bold; }
sup { font-size:0.8em; position:relative; top:-2px; }
p.note sup { font-size:1em; }
span.dramaspeaker { font-weight:bold; }
span.dramadirection { font-style:italic; }
p.textsource { font-size:0.8em; margin-top:1.5em; line-height:1.2em; }
p.textsource span.texttitle { font-style:italic; }
span.example { font-style:italic; }
span.emphasize { xfont-style:italic; font-weight:bold; }
span.foreign { font-style:italic; }
span.term { font-style:italic; }
span.emphasizeStrong { font-style:italic; font-weight:bold; }
p.formula { display:inline; }
img.floatLeft { margin:0px 15px 0px 0px; float:left; }

/* Listen im Inhaltsfeld *
div.fieldContent ol { padding-left:2em; margin-left:0px; list-style:decimal; }
div.fieldContent ul { padding-left:2em; margin-left:0px; }
div.fieldContent li { margin:0px 0px 12px 0px; }
div.fieldContent ol li ul li { margin:0px; }

/* Aufgabenfeld */
div.page_tasks { position:relative; margin:0px; }
div.page_tasks img.taskSound { position:absolute; display:block; left:-32px; top:2px; cursor:pointer; }

/* Felderposition */
div.fields { font-weight:bold; margin:0px 0px 10px 0px; background-color:white; border:solid 1px #399238; cursor:default; position:relative; width:610px; height:250px; }
div.fields div { position:absolute; }
div.fieldsTop { height:12px; overflow:hidden; cursor:default; position:absolute; width:750px; }
div.fieldsBottom { height:12px; overflow:hidden; cursor:default; position:absolute; width:750px; }

/* allgemeine Feldelemente */
div.fieldHead p { font-weight:bold; font-size:1em; padding:0px 8px 4px 2px; text-decoration:none; }
div.fieldFoot { line-height:1em; position:absolute; bottom:0px; left:0px; width:100%; background-color:#C5DDF1; font-weight:bold; }
div.fieldFoot p { padding:4px 8px; }
div.fieldContent { overflow:auto; position:absolute; xpadding:14px 20px; }
div.fieldContent a { font-size:12pt; }

/* Drag/Drop-Fähnchen */
a.dragDropElement { font-size:12pt; position:absolute; white-space:normal; font-weight:bold; cursor:pointer; color:#999999; }
a.dragDropElement span.blank { white-space:normal; font-size:0px; }
#div a.dragDropElement { font-weight:bold; color:#0079AC; white-space:nowrap; }
#div.dragdroptest { left:50px; position:absolute; background-color:cyan; }


/************************************************* */
/* Felder */
/************************************************* */

/* Textfeld */
div.textField { }
div.textField div.fieldContent { font-size:12pt; }
div.textField div.fieldContent p { font-size:12pt; }
div.textFieldBlue { background-color:#C5DDF1; }
div.textFieldFrame { border:solid 1px #3D4257; padding:8px; }
div.textFieldLyric { white-space:nowrap; border-style:solid; border-width:1px; border-color:#009EE0; }

div.textFieldCenter { font-size:12pt; }
div.textFieldCenter div.fieldContent p { font-size:12pt; text-align:center; }
div.textFieldCenter div.fieldContent p b { font-size:12pt; }
div.textFieldCenter div.fieldContent p i { font-size:12pt; }

/* Bildfeld */
div.picField { }
div.picField div.fieldContent { text-align:center; padding:0px;}
div.picField img { vertical-align:bottom; }

/* urlFields *
div.urlField { }
div.urlField img { cursor:pointer; }

/* FileField *´
div.fileField div.fieldContent { padding:0px; margin:0px; overflow:hidden; }

/* Audiofeld *
div.audioField { }
div.audioField img { cursor:pointer; }
div.audioFieldCenter { text-align:center; }
div.audioFieldCenter img { cursor:pointer; }

/* Medienfeld *
div.mediaFieldHead { position:relative; }
div.mediaFieldContent { position:relative; }
div.mediaFieldFoot { position:relative; }

/* ??? *
img.btnpic { cursor:pointer; }

/* MC-Feld, Auswahl unsichtbar */
div.choiceField div.fieldContent { }
table.choiceTable table { margin:0px; padding:0px; cell-spacing:0px; }
table.choiceTable td { margin:0px; padding:0px; border-style:none; width:100px; vertical-align:bottom; text-align:center; }
table.choiceTable td p { cursor:pointer; }
table.choiceTable td p.ISBerror img { border:solid 3px red; }
table.choiceTable td p.ISBcorrect img { border:solid 3px green; }
table.choiceTable td.choiceHeadLeftCol { white-space:nowrap; padding-bottom:0.4em; padding-right:5px;}
table.choiceTable td.choiceHeadRightCol { white-space:nowrap; padding-bottom:0.4em; }
table.choiceTable td.answerChoiceField { text-align:left; border-width:0px; }
table.choiceTable td { xdisplay:none; }
table.choiceTable input { display:none; cursor:pointer; }
table.choiceTable input.ISBcorrect { background-color:green; }
table.choiceTable input.ISBerror { background-color:red; }
table.choiceTable img { margin-right:15px; }
table.choiceTable span.ISBcorrect { background-color:green; }
table.choiceTable span.ISBerror { background-color:red; }
table.choiceTable table { margin-left:1px; margin-right:10px; }
table.choiceTable table td { border:solid 1px black; }

/* MC-Feld mit gefärbten Elementen*/
div.choiceFieldColored div.fieldContent { }
div.choiceFieldColored table.choiceTable td.answerChoiceField p { font-size:12pt; font-weight:bold; margin-bottom:4px; text-align:center; background-color:#C3DC77; border:solid 1px #39913A; }
div.choiceFieldColored table.choiceTable td.answerChoiceField span.checked p { background-color:#389238; color:white; }
div.choiceFieldColored table.choiceTable td.answerChoiceField p.ISBcorrect { margin-bottom:4px; text-align:center; border:solid 1px #39913A; background-color:lightgreen; }
div.choiceFieldColored table.choiceTable td.answerChoiceField p.ISBerror { margin-bottom:4px; text-align:center; border:solid 1px #39913A; background-color:red; }

/* MC-Feld mit gefärbten Elementen nebeneinander*
div.choiceFieldColoredBottom div.fieldContent { xfont-size:1em; }
div.choiceFieldColoredBottom table.choiceTable td.answerChoiceField p { margin-bottom:4px; margin-right:10px; text-align:center; border:outset 2px; background-color:<?php echo $gapBackColor; ?>; }
div.choiceFieldColoredBottom table.choiceTable td.answerChoiceField p.ISBcorrect { margin-bottom:4px; text-align:center; border:outset 2px; background-color:lightgreen; }
div.choiceFieldColoredBottom table.choiceTable td.answerChoiceField p.ISBerror { margin-bottom:4px; text-align:center; border:outset 2px; background-color:red; }

div.choiceFieldColoredBottom table.frac { margin-left:10px; }
div.choiceFieldColoredBottom table.frac td { border-style:none; width:1px; }
div.choiceFieldColoredBottom table.frac td.num { border-bottom:1px solid black; text-align:center; font-size:0.25em; margin:0px; padding:0px 0.2em; }


/* MC-Feld mit gefärbten kleinen Elementen*
div.choiceFieldColoredSmall div.fieldContent { font-size:0.7em; }
div.choiceFieldColoredSmall table.choiceTable td.answerChoiceField p { margin-bottom:4px; text-align:center; border:outset 2px; background-color:<?php echo $gapBackColor; ?>; }
div.choiceFieldColoredSmall table.choiceTable td.answerChoiceField p.ISBcorrect { margin-bottom:4px; text-align:center; border:outset 2px; background-color:lightgreen; }
div.choiceFieldColoredSmall table.choiceTable td.answerChoiceField p.ISBerror { margin-bottom:4px; text-align:center; border:outset 2px; background-color:red; }

/* MC-Feld mit ??? *
div.choiceFieldSolo div.fieldContent { background-color:#C5DDF1; }
div.choiceFieldSolo table.choiceTable td { border-style:none; vertical-align:top; text-align:center; padding-bottom:1em; }
div.choiceFieldSolo table.choiceTable td.answerChoiceField { text-align:left; border-width:0px; }
div.choiceFieldSolo table.choiceTable input { margin-left:3em; cursor:pointer; }
div.choiceFieldSolo table.choiceTable input.ISBcorrect { background-color:green; }
div.choiceFieldSolo table.choiceTable input.ISBerror { background-color:red; }

/* Elementfeld */
div.elementsField { }
div.elementsField div.fieldContent{ padding:0px; text-align:center; line-height:1.8em; }
div.elementsField a { line-height:2.2em; white-space:wrap; margin:0px 14px 0px 0px; padding:2px 12px 2px 12px; background-color:#C3DC77; cursor:pointer; border:solid 1px #399238; }

/* mit Zeilenumbruch innerhalb der Elemente *
div.elementsFieldWrap { border-style:solid; border-width:1px; border-color:#006FA6; }
div.elementsFieldWrap div.fieldContent{ line-height:1.7em; }
div.elementsFieldWrap a { white-space:normal; font-weight:bold; padding:0px 4px; background-color:#A1C8E9; cursor:pointer; font-family:"comic sans ms"; color:#0079AC; border-style:outset; border-width:1px; margin-right:12px; }
div.elementsFieldWrap a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.elementsFieldWrap a.ISBcorrect { background-color:#00ff00; }


/* mit Bildern *
div.elementsFieldPic div.fieldContent { line-height:80px; }
div.elementsFieldPic a { text-decoration:none; padding:0px; border-style:none; margin:4px 12px 4px 0px; }
div.elementsFieldPic div.fieldContent a:hover { text-decoration:none; }
div.elementsFieldPic a img { border-style:none; }
div.elementsFieldPic a.ISBerror img { border:solid 2px red; }
div.elementsFieldPic a.ISBcorrect img { border:solid 2px green; }

/* Elementfeld mit fixierten Elementen*
div.elementsFieldFixed { xfont-size:1em; }
div.elementsFieldFixed div.fieldContent{ text-align:center; line-height:1.8em; }
div.elementsFieldFixed a { line-height:1.5em; font-size:0.9em; white-space:nowrap; font-weight:bold; padding:2px 4px 2px 0px; background-color:<?php echo $gapBackColor; ?>; cursor:pointer; font-family:"<?php echo $gapFont; ?>"; color:<?php echo $gapFontColor; ?>; border-style:outset; border-width:1px; margin-right:12px; }
div.elementsFieldFixed a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.elementsFieldFixed a.ISBcorrect { background-color:#00ff00; }



/* Sammelbox */
div.boxField { background-color:#e2f0bf; border:solid 1px #a0a0a0; }
div.boxField div.fieldHead { xbackground-color:yellow; padding:4px 10px 0px 10px; line-height:12px; height:12px; overflow:visible; }
div.boxField div.fieldHead p { margin:0px; padding:0px; font-size:12pt; height:12px; overflow:visible; }
div.boxField div.fieldContent{ xbackground-color:#e2f0bf; xborder:solid 1px #a0a0a0; margin:0px; padding:8px 10px; line-height:1.5em; }
div.boxField a { line-height:2.2em; white-space:wrap; margin:0px; padding:2px 12px 2px 12px; background-color:#C3DC77; cursor:pointer; border:solid 1px #399238; margin-right:12px; }
xdiv.boxField a.ISBerror { color:#ffffff; background-color:#ff0000; }
xdiv.boxField a.ISBcorrect { background-color:#00ff00; }
div.boxField a img { border-style:none; }

/* mit Zeilenumbruch innerhalb der Elemente *
div.boxFieldWrap { background-color:#EBECED; border:solid 1px #a0a0a0; }
div.boxFieldWrap div.fieldHead { overflow:hidden; height:1em; margin:0px; border:none 0px; padding:0px 10px; text-decoration:underline; font-family:"<?php echo $gapFont; ?>"; color:<?php echo $gapFontColor; ?>; }
div.boxFieldWrap div.fieldHead p { height:1em; line-height:1em; font-size:0.9em; }
div.boxFieldWrap div.fieldContent{ margin:0px; padding:0px 10px; line-height:1.5em; }
div.boxFieldWrap a { line-height:2em; font-size:0.9em; white-space:normal; font-weight:bold; margin:0px; padding:2px 0px 2px 6px; background-color:<?php echo $gapBackColor; ?>; cursor:pointer; font-family:"<?php echo $gapFont; ?>"; color:<?php echo $gapFontColor; ?>; border-style:outset; border-width:1px; margin-right:10px; }
div.boxFieldWrap a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.boxFieldWrap a.ISBcorrect { background-color:#00ff00; }
div.boxFieldWrap a img { border-style:none; }

/* Sammelbox mit Bildern *
div.boxFieldPic { background-color:#EBECED; border:solid 1px #a0a0a0; }
div.boxFieldPic div.fieldHead { overflow:hidden; height:1em; margin:0px; border:none 0px; padding:0px 10px; text-decoration:underline; font-family:"<?php echo $gapFont; ?>"; color:<?php echo $gapFontColor; ?>; }
div.boxFieldPic div.fieldHead p { height:1em; line-height:1em; font-size:0.9em; }
div.boxFieldPic div.fieldContent{ margin:0px; padding:0px 10px; line-height:1.5em; }
div.boxFieldPic a { line-height:2em; font-size:0.9em; white-space:nowrap; font-weight:bold; margin:0px; padding:2px 0px 2px 6px; cursor:pointer; font-family:"<?php echo $gapFont; ?>"; color:<?php echo $gapFontColor; ?>; border-style:none; margin-right:10px; }
xdiv.boxFieldPic a.ISBerror {  }
div.boxFieldPic a.ISBerror img { border:solid 2px red; }
div.boxFieldPic a.ISBcorrect img { border:solid 2px green; }
div.boxFieldPic a img { border-style:none; }



/* Arrangefeld */
div.arrangeField { }
div.arrangeField div.fieldHead { }
div.arrangeField div.fieldContent { }
div.arrangeField div.fieldContent p * { font-size:12pt; }
div.arrangeField a { height:1.5em; padding:2px 8px 2px 10px; background-color:#C3DC77; cursor:pointer; border:solid 1px #399238; margin-right:12px; top:20px; position:absolute; white-space:nowrap; font-weight:bold; }
div.arrangeField a.ISBerror { color:#ffffff; background-color:red; }
div.arrangeField a.ISBcorrect { background-color:green; }
div.arrangeField div.fieldContent div.line { background-color:green; left:2%; width:97%; position:absolute; top:60px; height:3px; padding:0px; margin:0px; border-style:none; overflow:hidden; }

/* Arrangefeld mit Bildern*
div.arrangeFieldPics { }
div.arrangeFieldPics div.fieldHead { border-bottom-style:double; border-width:3px; border-color:#C5C6C8; text-decoration:underline; background-color:transparent; font-family:"comic sans ms"; color:#009EE0; }
div.arrangeFieldPics div.fieldContent{ }
div.arrangeFieldPics a { font-size:0.9em; width:155px; margin:0px; cursor:pointer; border-style:none; top:0px; position:absolute; }
div.arrangeFieldPics a:hover { text-decoration:none; }
div.arrangeFieldPics a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.arrangeFieldPics a.ISBcorrect { color:#0079AC; background-color:#00ff00; }
div.arrangeFieldPics a img { border-style:none; }
div.arrangeFieldPics div.fieldContent div.line { display:none; }

/* Arrangefeld *
div.arrangeFieldWrap { }
div.arrangeFieldWrap div.fieldHead { border-bottom-style:double; border-width:3px; border-color:#C5C6C8; text-decoration:underline; background-color:transparent; font-family:"comic sans ms"; color:#009EE0; }
div.arrangeFieldWrap div.fieldContent{ xborder-bottom:solid 3px black; padding-top:2px; line-height:1.7em; background-image:url("../../../books/finale/pics/note17.gif"); background-attachment:scroll; background-color:#d0d0ff; }
div.arrangeFieldWrap a { display:block; font-size:0.9em; padding:2px 8px 2px 10px; background-color:<?php echo $gapBackColor; ?>; cursor:pointer; font-family:"<?php echo $gapFont; ?>"; color:<?php echo $gapFontColor; ?>; border-style:outset; border-width:1px; margin-right:12px; bottom:20px; position:absolute; font-weight:bold; }
div.arrangeFieldWrap a:hover { text-decoration:none; }
div.arrangeFieldWrap a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.arrangeFieldWrap a.ISBcorrect { color:#0079AC; background-color:#00ff00; }
div.arrangeFieldWrap a img { border-style:none; }
div.arrangeFieldWrap div.fieldContent div.line { background-color:black; left:2%; width:96%; position:absolute; bottom:10px; height:3px; padding:0px; margin:0px; border-style:none; overflow:hidden; }


/* Lückentext */
div.gapField div.fieldContent { background-color:#C3DC77; }
xdiv.gapField div.fieldContent p { line-height:24pt; font-size:12pt; }
xdiv.gapField div.fieldContent td {  vertical-align:top; line-height:2em; }
xdiv.gapField div.fieldContent td a { margin:0.2em 0em; }
div.gapField a { background-color:#C3DC77; line-height:20pt; vertical-align:baseline; white-space:nowrap; margin:0px; padding:2px 12px 2px 12px; border:solid 1px #39913A; }
div.gapField a.empty { background-color:white; line-height:18pt; vertical-align:baseline; width:100px; white-space:nowrap; margin:0px; padding:0px 12px 0px 12px; }
#div.gapField a.widthtest { font-size:12pt; white-space:nowrap; background-color:white; cursor:pointer; border:solid 1px #39913A; }
#div.gapField a.ISBerror { color:white; background-color:red; }
#div.gapField a.ISBcorrect { background-color:lightgreen; }
#div.gapField a.emptyISBerror { color:white; background-color:red; width:20px; padding:0px 15px; }
#div.gapField a.emptyISBcorrect { background-color:lightgreen; width:20px; padding:0px 15px; }
div.gapField a.focused { background-color:#C3DC77; line-height:20pt; vertical-align:baseline; white-space:nowrap; margin:0px; padding:2px 12px 2px 12px; border:solid 1px #39913A; }
div.gapField input { font-size:12pt; vertical-align:middle; font-weight:bold; position:relative; top:0px; margin:0px; overflow:visible; width:20px; padding:0px 2px 0px 2px; background-color:white; border:solid 1px #39913A; text-align:center; }
div.gapField i { font-size:12pt; }

/* Lückentext mit verborgenen Lücken */
div.gapFieldHiddenGaps div.fieldContent { background-color:#C3DC77; }
div.gapFieldHiddenGaps p { line-height:20pt; vertical-align:baseline; }
div.gapFieldHiddenGaps p * { font-weight:bold; margin:0px; line-height:20pt; font-size:12pt; vertical-align:baseline; }
div.gapFieldHiddenGaps a { padding:3px 1px; overflow:visible; white-space:nowrap; }
div.gapFieldHiddenGaps input { line-height:18pt; padding-bottom:1px; vertical-align:middle; overflow:visible; width:20px; background-color:white; border:solid 1px #39913A; text-align:center; }

/* Lückentext mit verborgenen Lücken *
div.gapFieldHiddenGaps div.fieldContent { background-color:#C3DC77; }
#div.gapFieldHiddenGaps div.fieldContent p { line-height:24pt; font-size:12pt; }
#div.gapFieldHiddenGaps div.fieldContent td {  vertical-align:top; line-height:2em; }
#div.gapFieldHiddenGaps div.fieldContent td a { margin:0.2em 0em; }
div.gapFieldHiddenGaps a { background-color:green; line-height:20pt; vertical-align:baseline; white-space:nowrap; margin:0px; padding:0px 2px 0px 2px; }
#div.gapFieldHiddenGaps a.empty { background-color:white; line-height:18pt; vertical-align:baseline; width:100px; white-space:nowrap; margin:0px; padding:0px 2px 0px 2px; }
#div.gapFieldHiddenGaps a.widthtest { font-size:12pt; white-space:nowrap; background-color:white; cursor:pointer; border:solid 1px #39913A; }
#div.gapFieldHiddenGaps a.ISBerror { color:white; background-color:red; }
#div.gapFieldHiddenGaps a.ISBcorrect { background-color:lightgreen; }
#div.gapFieldHiddenGaps a.emptyISBerror { color:white; background-color:red; width:20px; padding:0px 15px; }
#div.gapFieldHiddenGaps a.emptyISBcorrect { background-color:lightgreen; width:20px; padding:0px 15px; }
div.gapFieldHiddenGaps a.focused { background-color:#C3DC77; line-height:20pt; vertical-align:baseline; white-space:nowrap; margin:0px; padding:2px 12px 2px 12px; border:solid 1px #39913A; }
div.gapFieldHiddenGaps input { font-size:12pt; vertical-align:baseline; font-weight:bold; position:relative; top:0px; margin:0px; overflow:visible; width:20px; padding:0px 2px 0px 2px; background-color:white; border:solid 1px #39913A; text-align:center; }
div.gapFieldHiddenGaps i { font-size:12pt; }



/* Lückentext mit zentrierten Zeilen *
div.gapFieldCenter div.fieldContent { xfont-size:1em; }
div.gapFieldCenter div.fieldContent p { line-height:1.7em; text-align:center; }
div.gapFieldCenter div.fieldContent td { vertical-align:top; line-height:2em; }
div.gapFieldCenter div.fieldContent td a { margin:0.2em 0em; }
div.gapFieldCenter a { font-size:0.9em; position:relative; top:-1px; font-family:"<?php echo $gapFont; ?>"; font-weight:bold; white-space:nowrap; background-color:<?php echo $gapBackColor; ?>; margin:0px; cursor:pointer; color:<?php echo $gapFontColor; ?>; padding:2px 4px; border-style:outset; border-width:1px; }
xxxdiv.gapFieldCenter a.widthtest { font-family:"<?php echo $gapFont; ?>"; font-weight:bold; white-space:nowrap; background-color:<?php echo $gapBackColor; ?>; margin:0px; cursor:pointer; color:<?php echo $gapFontColor; ?>; padding:0px 4px; border-style:outset; border-width:1px; }
div.gapFieldCenter a.empty { width:40px; padding:2px 25px; }
div.gapFieldCenter a.ISBerror { color:white; background-color:red; }
div.gapFieldCenter a.ISBcorrect { background-color:lightgreen; }
div.gapFieldCenter a.emptyISBerror { color:white; background-color:red; width:20px; padding:0px 15px; }
div.gapFieldCenter a.emptyISBcorrect { background-color:lightgreen; width:20px; padding:0px 15px; }
div.gapFieldCenter a.focused { margin:-1px 0px; padding:0px 0.2em; border:1px inset; }
div.gapFieldCenter input { font-size:0.9em; vertical-align:middle; font-family:"<?php echo $gapFont; ?>"; color:<?php echo $gapFontColor; ?>; font-weight:bold; position:relative; top:0px; margin:1px 0px 1px 0px; overflow:visible; width:20px; padding:1px 2px 0px 2px; background-color:white; border:inset 1px; text-align:center; }
div.gapFieldCenter sup input { font-weight:bold; }


/*
div.gapFieldWrap div.fieldContent { background-color:#C5DDF1; }
div.gapFieldWrap div.fieldContent p { line-height:1.7em; }
div.gapFieldWrap a { font-size:0.9em; font-family:"comic sans ms"; font-weight:bold; white-space:normal; background-color:<?php echo $gapBackColor; ?>; margin:0px; cursor:pointer; color:<?php echo $gapFontColor; ?>; padding:0px 4px; border-style:outset; border-width:1px; }
div.gapFieldWrap a.widthtest { font-family:"comic sans ms"; font-weight:bold; white-space:nowrap; background-color:<?php echo $gapBackColor; ?>; margin:0px; cursor:pointer; color:<?php echo $gapFontColor; ?>; padding:0px 4px; border-style:outset; border-width:1px; }
div.gapFieldWrap a.empty { width:20px; padding:0px 15px; }
div.gapFieldWrap a.ISBerror { background-color:red; color:white; }
div.gapFieldWrap a.ISBcorrect { background-color:lightgreen; }
div.gapFieldWrap a.emptyISBerror { color:white; background-color:red; width:20px; padding:0px 15px; }
div.gapFieldWrap a.emptyISBcorrect { background-color:lightgreen; width:20px; padding:0px 15px; }
div.gapFieldWrap a.focused { margin:-1px 0px; padding:0px 0.2em; border:1px inset; }
div.gapFieldWrap input { font-size:0.9em; vertical-align:middle; font-family:"comic sans ms"; color:<?php echo $gapFontColor; ?>; font-weight:bold; position:relative; top:1px; margin:1px 0px 1px 0px; width:20px; overflow:visible; padding:1px 0.2em 0px 0.2em; background-color:white; border:1px inset; }
*
div.gapFieldHiddenGaps div.fieldContent { xfont-size:1em; }
div.gapFieldHiddenGaps div.fieldContent p { vertical-align:middle; line-height:1.7em; }
div.gapFieldHiddenGaps a.ISBerror { background-color:red; }
div.gapFieldHiddenGaps a.ISBcorrect { background-color:lightgreen; }
div.gapFieldHiddenGaps a.emptyISBerror { background-color:red; }
div.gapFieldHiddenGaps a.emptyISBcorrect { background-color:lightgreen; }
div.gapFieldHiddenGaps a { cursor:pointer; border:0px none; white-space:nowrap; overflow:visible;}
div.gapFieldHiddenGaps a.widthtest { font-family:"comic sans ms"; font-weight:bold; white-space:nowrap; background-color:#A1C8E9; margin:0px; cursor:pointer; color:#0079AC; padding:0px 4px; border-style:outset; border-width:1px; }
div.gapFieldHiddenGaps a.focused { margin:-1px 0px; padding:0px 0.2em; border:1px inset; }
div.gapFieldHiddenGaps input { font-size:0.9em; font-family:arial,sans-serif; vertical-align:middle; position:relative; top:-1px; margin:1px 0px 1px 0px; width:20px; overflow:visible; padding:1px 2px 0px 2px; background-color:white; border:1px inset; text-align:center; }

div.gapFieldHiddenGapsWrap div.fieldContent { xfont-size:1em; }
div.gapFieldHiddenGapsWrap div.fieldContent p { vertical-align:middle; line-height:1.7em; }
div.gapFieldHiddenGapsWrap a.ISBerror { background-color:red; }
div.gapFieldHiddenGapsWrap a.ISBcorrect { background-color:lightgreen; }
div.gapFieldHiddenGapsWrap a.emptyISBerror { background-color:red; }
div.gapFieldHiddenGapsWrap a.emptyISBcorrect { background-color:lightgreen; }
div.gapFieldHiddenGapsWrap a { cursor:pointer; border:0px none; white-space:normal; overflow:visible;}
div.gapFieldHiddenGapsWrap a.widthtest { font-family:"comic sans ms"; font-weight:bold; white-space:nowrap; background-color:#A1C8E9; margin:0px; cursor:pointer; color:#0079AC; padding:0px 4px; border-style:outset; border-width:1px; }
div.gapFieldHiddenGapsWrap a.focused { margin:-1px 0px; padding:0px 0.2em; border:1px inset; }
div.gapFieldHiddenGapsWrap input { font-size:0.9em; font-family:arial,sans-serif; vertical-align:middle; position:relative; top:-1px; margin:1px 0px 1px 0px; width:20px; overflow:visible; padding:1px 2px 0px 2px; background-color:white; border:1px inset; text-align:center; }

/* Lückenbild *
div.gapPicField div.fieldContent { padding:0px; margin:0px; xfont-size:1em; }
div.gapPicField img { position:absolute; }
div.gapPicField a { font-size:0.9em; font-family:"<?php echo $gapFont; ?>"; font-weight:bold; position:absolute; white-space:nowrap; background-color:<?php echo $gapBackColor; ?>; color:<?php echo $gapFontColor; ?>; margin:0px; cursor:pointer; padding:0px 4px; border-style:outset; border-width:1px; }
div.gapPicField a.empty { background-color:<?php echo $gapBackColor; ?>; width:20px; padding:0px 15px; }
div.gapPicField a.ISBerror { background-color:red; }
div.gapPicField a.ISBcorrect { background-color:lightgreen; }
div.gapPicField a.emptyISBerror { background-color:red; width:20px; padding:0px 15px; }
div.gapPicField a.emptyISBcorrect { background-color:lightgreen; width:20px; padding:0px 15px; }
div.gapPicField a img { border-style:none; }
div.gapPicField input { font-size:0.9em; font-family:"<?php echo $gapFont; ?>"; font-weight:bold; position:absolute; white-space:nowrap; background-color:white; color:<?php echo $gapFontColor; ?>; margin:0px; cursor:pointer; padding:0px 4px; border-style:inset; border-width:1px; }
div.gapPicField input.focused { width:20px; text-align:center; background-color:white; border-style:inset; }
div.gapPicField input.empty { width:20px; padding:0px 4px; }

/* Lückenbild *
div.gapPicFieldHidden div.fieldContent { padding:0px; margin:0px; }
div.gapPicFieldHidden img { position:absolute; }
div.gapPicFieldHidden a { font-size:0.9em; background-color:white; font-family:"comic sans ms"; font-weight:bold; position:absolute; white-space:nowrap; xborder:solid 1px black; }
div.gapPicFieldHidden a:hover { text-decoration:none; }
div.gapPicFieldHidden a.empty { }
div.gapPicFieldHidden a.ISBerror img { border:solid 3px red; }
div.gapPicFieldHidden a.ISBcorrect img { border:solid 3px green; }
div.gapPicFieldHidden a.emptyISBerror { xborder:solid 2px red; }
div.gapPicFieldHidden a.emptyISBcorrect { xborder:solid 2px green; }
div.gapPicFieldHidden a img { border-style:none; }
div.gapPicFieldHidden input { font-size:0.9em; position:absolute; white-space:nowrap; background-color:<?php echo $gapBackColor; ?>; margin:-2px 0px; cursor:pointer; font-family:"comic sans ms"; color:<?php echo $gapFontColor; ?>; width:5px; overflow:visible; padding:0px 4px; border-style:outset; border-width:1px; }
div.gapPicFieldHidden input.focused { width:20px; text-align:center; background-color:white; border-style:inset; }
div.gapPicFieldHidden input.empty { width:20px; padding:0px 4px; }

/* Lückenbild mit schmalen Lücken *
div.gapPicFieldSmall div.fieldContent { padding:0px; margin:0px; xfont-size:1em; }
div.gapPicFieldSmall img { position:absolute; }
div.gapPicFieldSmall a { font-size:0.9em; font-family:"<?php echo $gapFont; ?>"; font-weight:bold; position:absolute; white-space:nowrap; background-color:<?php echo $gapBackColor; ?>; color:<?php echo $gapFontColor; ?>; margin:0px; cursor:pointer; padding:0px 4px; border-style:outset; border-width:1px; }
/* StyleSheet für Rechenmasken-Screenshots *
div.gapPicFieldSmall a.empty { width:10px; padding:0px 8px; }
div.gapPicFieldSmall a.ISBerror { background-color:red; }
div.gapPicFieldSmall a.ISBcorrect { background-color:lightgreen; }
div.gapPicFieldSmall a.emptyISBerror { background-color:red; width:10px; padding:0px 8px; }
div.gapPicFieldSmall a.emptyISBcorrect { background-color:lightgreen; width:10px; padding:0px 8px; }
div.gapPicFieldSmall a img { border-style:none; }
div.gapPicFieldSmall input { font-size:0.9em; font-family:"<?php echo $gapFont; ?>"; font-weight:bold; position:absolute; white-space:nowrap; background-color:white; color:<?php echo $gapFontColor; ?>; margin:0px; cursor:pointer; padding:0px 4px; border-style:inset; border-width:1px; }
div.gapPicFieldSmall input.focused { width:5px; text-align:center; background-color:white; border-style:inset; }
div.gapPicFieldSmall input.empty { width:5px; padding:0px 4px; }


/* Wechseltext */
div.switchField { line-height:1.7em; }
div.switchField a { font-weight:bold; background-color:#C3DC77; border:solid 1px #39913A; white-space:nowrap; margin:0px; cursor:pointer; padding:0px 4px; }
div.switchField a.ISBerror { background-color:red; color:white; }
div.switchField a.ISBcorrect { background-color:lightgreen; }

div.switchFieldHiddenGaps { line-height:1.7em; }
div.switchFieldHiddenGaps a { cursor:pointer; }
div.switchFieldHiddenGaps a.ISBerror { background-color:red; }
div.switchFieldHiddenGaps a.ISBcorrect { background-color:lightgreen; }

/* Markiertext */
div.markField div.fieldContent { }
div.markField span.blank { display:none; }
div.markField p { line-height:18pt; }
div.markField p * { font-size:12pt; }
div.markField a { padding:0px 1px; cursor:pointer; margin:0px; }
div.markField a:hover { text-decoration:none; }
div.markField a.ISBcorrect { background-color:green; }
div.markField a.ISBerror { background-color:red; }
div.markField a.mark { border-bottom:solid 2px green; background-color:#e2f0bf; }
div.markField a.markISBcorrect { border-bottom:solid 2px green; background-color:green; }
div.markField a.markISBerror { border-bottom:solid 2px green; background-color:red; color:white; }
div.markField a.yellow { background-color:yellow; }
div.markField a.yellowISBcorrect { border-bottom:solid 3px green; background-color:yellow; }
div.markField a.yellowISBerror { border-bottom:solid 3px red; background-color:yellow; }
div.markField a.crossout { color:grey; text-decoration:line-through; }
div.markField a.crossout:hover { text-decoration:line-through; }
xdiv.markField a.crossoutISBcorrect { background-color:green; }
xdiv.markField a.crossoutISBerror { background-color:red; color:white; }

/* Markiertext mit Plättchen *
div.markField2 div.fieldContent { xline-height:1.65em; }
div.markField2 span.blank { display:none; }
div.markField2 p { line-height:1.8em; }
div.markField2 a { position:relative; top:-1px; font-size:0.95em; font-family:"<?php echo $gapFont; ?>"; font-weight:bold; white-space:nowrap; background-color:<?php echo $gapBackColor; ?>; margin:0px; cursor:pointer; color:<?php echo $gapFontColor; ?>; padding:2px 4px; border-style:outset; border-width:1px; }
div.markField2 a.blue { color:white; background-color:blue; }
div.markField2 a.red { background-color:red; }
div.markField2 a.green { background-color:green; }
div.markField2 a.yellow { background-color:yellow; }
div.markField2 a.rosa { background-color:#D673D6; }
div.markField2 a.orange { background-color:#F9A615; }
xxdiv.markField2 a.ISBcorrect { border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:green; }
xxdiv.markField2 a.ISBerror { border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:red; }
div.markField2 a.blueISBcorrect { color:white; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:green; background-color:blue; }
div.markField2 a.redISBcorrect { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:green; background-color:red; }
div.markField2 a.greenISBcorrect { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:green; background-color:green; }
div.markField2 a.yellowISBcorrect { border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:green; background-color:yellow; }
div.markField2 a.orangeISBcorrect { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:green; background-color:#F9A615; }
div.markField2 a.blueISBerror { color:white; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:red; background-color:blue; }
div.markField2 a.redISBerror { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:red; background-color:red; }
div.markField2 a.greenISBerror { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:red; background-color:green; }
div.markField2 a.yellowISBerror { border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:red; background-color:yellow; }
div.markField2 a.orangeISBerror { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:red; background-color:#F9A615; }
/*
div.markButtonsField div.fieldContent div { left:0px; margin:0px; padding-right:50px; line-height:50px; font-size:50px; position:relative; display:inline; }
div.markButtonsField div.fieldContent div { background-repeat:no-repeat; cursor:pointer; }
div.markButtonsField div.fieldContent div { background-image:url("../../../books/finale/pics/markBlank.gif"); }
div.markButtonsField div.fieldContent div.blue { background-image:url("../../../books/finale/pics/markBlue.gif"); }
div.markButtonsField div.fieldContent div.red { background-image:url("../../../books/finale/pics/markRed.gif"); }
div.markButtonsField div.fieldContent div.green { background-image:url("../../../books/finale/pics/markGreen.gif"); }
div.markButtonsField div.fieldContent div.yellow { background-image:url("../../../books/finale/pics/markYellow.gif"); }
div.markButtonsField div.fieldContent div.orange { background-image:url("../../../books/finale/pics/markOrange.gif"); }
div.markButtonsField div.fieldContent div.rosa { background-image:url("../../../books/finale/pics/markRosa.gif"); }
*
div.collectTextField div.fieldContent { line-height:1.7em; background-color:#C5DDF1; }
div.collectTextField a { font-size:0.9em; font-weight:bold; font-family:"comic sans ms"; color:#0079AC; white-space:nowrap; background-color:#A1C8E9; margin:0px; cursor:pointer; color:#0079AC; padding:0px 4px; border-style:outset; border-width:1px; }
div.collectTextField a.collected { color:#b0b0b0; background-color:#f0f0f0; }
div.collectTextField a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.collectTextField a.ISBcorrect { color:#0079AC; background-color:#00ff00; }
div.collectTextField a.collectedISBerror { color:#ffffff; background-color:#ff0000; }
div.collectTextField a.collectedISBcorrect { color:#0079AC; background-color:#00ff00; }
div.collectTextField span.blank { display:none; }

div.collectTextFieldHiddenGaps div.fieldContent { line-height:1.7em; background-color:#C5DDF1; }
div.collectTextFieldHiddenGaps a { cursor:pointer; margin:0px; padding:0px; }
div.collectTextFieldHiddenGaps a.collected { color:#b0b0b0; background-color:#f0f0f0; }
div.collectTextFieldHiddenGaps a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.collectTextFieldHiddenGaps a.ISBcorrect { color:#0079AC; background-color:#00ff00; }
div.collectTextFieldHiddenGaps a.collectedISBerror { color:#ffffff; background-color:#ff0000; }
div.collectTextFieldHiddenGaps a.collectedISBcorrect { color:#0079AC; background-color:#00ff00; }
div.collectTextFieldHiddenGaps span.blank { display:none; }

div.sortField div.fieldContent { line-height:1.7em; background-color:#C5DDF1; }
div.sortField a { font-size:0.9em; font-weight:bold; font-family:"comic sans ms"; color:#0079AC; white-space:nowrap; background-color:#A1C8E9; margin:0em 0.5em 0em 0em; cursor:pointer; color:#0079AC; border-style:outset; border-width:1px; }
div.sortField span.blank { display:none; }

div.sortFieldWrap div.fieldContent { line-height:1.7em; background-color:#C5DDF1; }
div.sortFieldWrap a { display:block; font-size:0.9em; font-weight:bold; font-family:"comic sans ms"; color:#0079AC; background-color:#A1C8E9; margin:0em 0.5em 0em 0em; cursor:pointer; color:#0079AC; border-style:outset; border-width:1px; }
div.sortFieldWrap span.blank { display:none; }