/* allgemeine Formate */
body { background-image:url("../../../books/finale/pics/back.gif"); background-repeat:repeat-x; font-family:arial; font-size:small; line-height:1.5em; margin:0px; xoverflow:hidden; }
p { margin:0px; }
a { color:black; text-decoration:none; }
img { border-style:none; }
span.redfont { color:red; }
span.unicode { font-family:"Arial Unicode MS"; }
span.yellow { background-color:yellow; }
span.blue { background-color:blue; color:white; }
span.orange { background-color:#F9A615; }
form { margin:0px; padding:0px; }
table { border-collapse:collapse; border-width:0px; margin:0px; }
hr { width:70%; text-align:left; }

/* Kopfgrafik */
img.headbutton { position:absolute; top:-10px; left:25px; }
img.headfinale { position:absolute; top:2px; left:107px; }
img.headwestermann { position:relative; top:0px; right:50px; vertical-align:top; padding-left:50px; }

div.impressum { font-size:0.8em; position:absolute; text-align:center; bottom:1px; width:100%; }
div.impressum a { text-decoration:underline; margin-left:1em; color:black; }
div.impressum a:hover { background-color:#C5DDF1; }

table.testthumb img { border:solid 1px black; margin-right:1em; }
table.testthumb a.white:hover { margin-bottom:2em; background-color:white; }
table.testthumb { margin-bottom:1em; }

div.progressbarframe { font-size:1px; border-style:solid; border-width:1px; border-color:#006FA6; position:absolute; bottom:10px; right:-20px; width:100px; height:10px; background-color:#006FA6; }
div.progressbar { font-size:1px; border-style:solid; border-width:1px; border-color:#006FA6; position:absolute; bottom:10px; right:-20px; width:100px; height:10px; background-color:#C5DDF1; }
div.progresslable { cursor:default; color:black; position:absolute; bottom:22px; width:100px; right:-20px; }

div.loading { position:absolute; top:200px; left:0px;}

/* Kopfbalken */
div.head { background-image:url("../../../books/finale/pics/headbar.gif"); position:absolute; top:18px; left:2%; width:96%; height:36px; }
div.head div.menu { text-align:right; position:absolute; right:0px; display:inline; }
div.head div.menu a.menu { background-color:#8CC6DE; color:#006FA6; font-weight:bold; cursor:pointer; font-size:0.8em; position:relative; margin-right:10px; padding:2px 6px; top:7px; border-style:solid; border-width:1px; border-color:#006FA6; }
div.head div.menu a.menu:hover { background-color:#A2D0EF; }
div.head span.title { left:150px; color:black; font-size:24px; font-weight:bold; position:relative; bottom:-12px; }
div.head div.menu a.fontsize { font-weight:bold; color:#006FA6; cursor:pointer; font-size:1em; position:relative; margin-right:4px; padding:0px 4px 2px 4px; top:8px; border-style:solid; border-width:1px; border-color:#009EE0; }
div.head div.menu a.fontsize:hover { background-color:#94D2F2; color:#008aBC; }
div.head img.glass { vertical-align:top; cursor:pointer; margin-top:7px; margin-right:4px; }

/* Hilfsbuttons für die Navigation */
div.navigation { z-index:1000; position:absolute; bottom:0px; right:5%; }

/* Usercontent */
div.usercontent { position:absolute; width:92%; left:70px; top:80px; }
div.usercontent a { cursor:pointer; text-decoration:underline; color:black; }
div.usercontent a:hover { background-color:#A2D0EF; }
div.usercontent h2 { margin-bottom:20px; color:#006FA6; font-size:1.4em; }
div.usercontent h3 { font-size:1em; margin:0em 0em 0.5em 0em; }
div.usercontent p.h3 { xfont-size:1.2em; background-color:#E0F2FB; width:100%; }
div.usercontent h4 { margin:1.6em 0em 0.6em 0em; padding:1px 0px 1px 1em; background-image:url("../../../books/finale/pics/titlebar.gif"); background-repeat:no-repeat; background-color:white; font-size:1em; }
div.usercontent h5 { font-size:1em; margin:1.5em 0em 0em 0em; font-weight:bold; }
div.usercontent span.button { xpadding-top:4em; }
div.usercontent td.intro p { margin-bottom:1em; }
div.usercontent td.intro a.claim { font-weight:bold; color:#006FA6; }
div.usercontent ul { margin-top:0em; }

div.usercontent table.content { border-collapse:collapse; border-width:0px; margin:0px; position:absolute; width:95%; left:0px; top:0px; }
div.usercontent table td { vertical-align:top; padding:0em; }
div.usercontent table.mailresponse td { padding:0.15em; }

div.usercontent div.login { width:16em; margin:0em 0.5em 1em 2em; border-color:#006FA6; border-style:solid; border-width:1px; }
div.usercontent div.login input { width:13em; }
div.usercontent div.login p { margin:0.2em 0.5em; }
div.usercontent div.title { background-image:url("../../../books/finale/pics/titlebar.gif"); font-weight:bold; padding:0px; margin:0px 0px 0.7em 0px; border-color:#9BC8EB; border-style:solid; border-width:1px; }

div.usercontent span.message { color:red; font-size:0.8em; line-height:1.5em; }
p.message { color:red; font-size:0.8em; line-height:1.5em; }

/* Finalebutton */
span.button img { width:3.4em; cursor:pointer; position:relative; z-index:2; }
span.button a { text-decoration:none; margin:0em; background-image:url("../pics/ankerbar.gif"); cursor:pointer; z-index:1; padding:0.2em 1.5em; left:-1em; color:#006FA6; font-weight:bold; border-style:solid; border-width:1px; border-color:#006FA6; position:relative; top:-1.2em; }
span.button a:hover { color:#17B0FF; }

/* Finalebutton2 */
div.button2 img { width:3.4em; cursor:pointer; position:relative; z-index:2; }
div.button2 a { text-decoration:none; margin:0em; background-image:url("../pics/ankerbar.gif"); cursor:pointer; z-index:1; padding:0.2em 1.5em; left:-1em; color:#006FA6; font-weight:bold; border-style:solid; border-width:1px; border-color:#006FA6; position:relative; top:-1.2em; }
div.button2 a:hover { color:#17B0FF; }

table.registers { margin-top:1em; }
td.registers { padding:0px; margin:0px; }
td.registers a { color:#006FA6; font-weight:bold; text-decoration:none; border-style:solid; border-bottom-style:none; border-width:1px; border-color:#006FA6; background-color:#84CEF7; margin:0px 2px 0px 4px; padding:3px 8px; cursor:pointer; }
td.registers a:hover { background-color:#94D6F7; }
td.registers a.active { background-color:white; }
td.registersTutor a { color:#005074; background-color:#71b3d7; font-weight:bold; text-decoration:none; border-style:solid; border-bottom-style:none; border-width:1px; border-color:#006FA6; margin:0px 2px 0px 4px; padding:3px 8px; cursor:pointer; }
td.registersTutor a:hover { background-color:#8dc2df; }
td.registersTutor a.active { background-color:white; }

div.registerPages { position:relative; xtop:-1em; margin:0px; padding:0px 1em 2em 1em; border:solid 1px #006FA6; }
div.registerPages p { width:100%; }


/* Seite Buchauswahl (= userHome.php) */
table.bookselection { border-width:0px; border-collapse:collapse; margin-top:2em; }
xdiv.usercontent table.bookselection td { padding:0em 0.5em 0.5em 0em; }
div.usercontent table.bookselection td { padding:0.15em; }
table.bookselection select { width:30em; }

/* Überblicksseite */
div.page_overview { margin:1em 0em; padding:1em 1em 2em 1em; border:solid 1px #006FA6; position:absolute; left:70px; top:80px; width:100%; bottom:80px; }
div.page_overview p.title { color:#006FA6; font-size:1.4em; font-weight:bold; margin-bottom:12pt; }
div.page_overview p { margin-bottom:6pt; }
div.page_overview li { xfont-weight:bold; color:black; margin-bottom:6pt; }

div.page_overview td { vertical-align:top; }
ul.joblist a { font-weight:bold; background-color:#99BDE2; font-size:1em; color:#006FA6; cursor:pointer; margin-left:0.8em; padding:0.1em 0.6em; border-style:solid; border-width:1px; border-color:#006FA6; }
ul.joblist a:hover { color:#17B0FF; xbackground-color:#94D2F2; }

/* Scorm-Seite */
div.page_scorm { position:absolute; left:120px; top:76px; }
div.page_scorm_2 { position:absolute; left:220px; top:76px; }
div.page_scorm iframe { width:600px; height:400px; background-color:yellow; }

/* Position HTML-Seite */
div.page_html { position:absolute; left:70px; top:80px; }
div.page_html div.taskTitle { border-style:none; padding:0px; margin-bottom:0.5em; }
div.page_html div { width:100%; overflow:auto; border-style:solid; border-width:1px; border-color:#006FA6; position:relative; padding:3px 5px; }
div.page_html table { margin-top:-0em; margin-bottom:2em; width:95%; border-collapse:separate; border-spacing:3px; }
div.page_html table td { line-height:1.3em; vertical-align:top; padding:2px 4px; border-style:none; xborder:solid 2px green; }
div.page_html tr.odd0 { background-color:#C5DDF1; }

div.page_html div.taskResultsNavi { border-style:none; padding:0px; position:absolute; left:0px; bottom:1.5em; overflow:shown; }

div.taskResultsDetails p { margin:0.5em 0em 1.5em 0em; }
div.taskResultsDetails p.title { margin-bottom:0em; color:#006FA6; font-weight:bold; }
div.taskResultsDetails img { height:1.5em; vertical-align:middle; }
div.taskResultsDetails a { text-decoration:underline; }
div.taskResultsDetails a:hover { background-color:#C5DDF1; }
div.taskResultsTipps p { margin:0.5em 0em 1.5em 0em; }
div.taskResultsTipps a { font-size:0.8em; text-decoration:underline; }
div.taskResultsTipps a:hover { background-color:#C5DDF1; }
div.taskResultsTipps table.finaleBook { margin-left:2px; border-color:green; margin:0px; vertical-align:top; }
div.taskResultsTipps table.finaleBook td { border-style:none; padding:0px 10px 0px 0px; vertical-align:top; line-height:12pt; }

p.resultPages a { border-style:solid; border-bottom-style:none; border-width:1px; border-color:#006FA6; background-color:#A2D0EF; margin:0px 2px 0px 4px; padding:3px 8px; cursor:pointer; }
p.resultPages a:hover { background-color:#C5DDF1; }
p.resultPages a.active { background-color:white; #C5DDF1; }

/* Darstellung von Brüchen mit Tabellen */
table.frac { line-height:0.5em; font-size:4em; display:inline; position:relative; vertical-align:middle; border-collapse:collapse; }
table.frac td.num { border-bottom:1px solid black; text-align:center; font-size:0.25em; margin:0px; padding:0px 0.2em; }
table.frac td.denom { text-align:center; font-size:0.25em; margin:0px; padding:0px 0.2em; }

div.fields a table.frac { margin-right:-0.1em; }
div.fields a table.frac tr { xborder-style:outset; }
div.fields a table.frac td.num { border-bottom:1px solid black; background-color:#A1C8E9; }
div.fields a table.frac td.denom { background-color:#A1C8E9; }
div.fields a.ISBerror table.frac td { background-color:red; color:white; }
div.fields a.ISBcorrect table.frac td { background-color:lightgreen; }

/* Linieare Gleichungssysteme */
table.lsoe { font-size:4em; display:inline; vertical-align:middle; border-style:none; border-collapse:collapse; }
table.lsoe td { border-left-style:solid; border-right-style:solid; border-width:1px; border-color:black; font-size:0.25em; text-align:left; margin:0px; padding:0px 0.2em; }

/************************************************* */
/* Aufgabenseite */
/************************************************* */

/* Position Elemente Aufgabenseite */
div.page_tasks { position:absolute; left:70px; top:80px; }
div.page_task_navi { padding-top:2.5em; position:absolute; bottom:1.5em; }

/* besondere Formate innerhalb von Texten */
p.texttitle { font-size:1.1em; font-weight:bold; }
p.textauthor { font-style:italic; }
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.5em; }
p.textsource span.texttitle { font-style:italic; }
span.example { font-style:italic; }
p.formula { display:inline; }

table.withlines { border-collapse:collapse; }
table.withlines td { text-align:center; padding:0px 1em; border-style:solid; border-color:black; border-width:1px; }
table.withlines td.noline { border-style:none; }
table.withlines td.blue { background-color:#C5DDF1; }
table.withlines tr.blue { background-color:#C5DDF1; }

table.withbars { border-collapse:collapse; }
table.withbars td span { width:200px; background-color:cyan; text-align:right; }
table.withbars td div { position:absolute; vertical-align:bottom; display:inline; background-color:cyan; text-align:right; }

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

/* Aufgabentitle und -text */
div.taskTitle { cursor:default; color:#006FA6; font-size:1.2em; font-weight:bold; position:absolute; top:0px; width:100%; }
div.taskText { cursor:default; position:absolute; top:2em; width:100%; padding-bottom:1.5em; }
div.taskText p { }
div.taskText p.num { margin-left:2.2em; text-indent:-2.2em; }
div.taskText p img.tasknr { width:1.6em; position:relative; top:0.4em; margin-right:0.6em; }
div.taskText span.blue { background-color:blue; color:white; }
div.taskText span.yellow { background-color:yellow; }
div.taskText span.orange { background-color:#F9A615; }

span.smallFrac { font-size:80%; }

/* Felderposition */
div.fields { cursor:default; left:2.2em; position:absolute; width:90%; }
div.fields div { position:absolute; }

/* Hintergrundbild */
img.fieldBackPic { position:absolute; }

/* allgemeine Feldelemente */
div.fieldHead { line-height:1.2em; position:absolute; top:0px; left:0px; width:100%; background-color:#C5DDF1; font-weight:bold; }
div.fieldHead p { padding:4px 8px; }
div.fieldFoot { line-height:1.2em; position:absolute; bottom:0px; left:0px; width:100%; background-color:#C5DDF1; font-weight:bold; }
div.fieldFoot p { padding:4px 8px; }
div.fieldContent { padding:4px 8px 2px 8px; overflow:auto; position:absolute; left:0px; width:100%; }

/* Drag/Drop-Fähnchen */
a.dragDropElement { position:relative; white-space:normal; font-weight:bold; padding:0px 4px; xbackground-color:#A1C8E9; cursor:pointer; font-family:"comic sans ms"; color:#0079AC; border-style:outset; border-width:1px; margin-right:12px; }
a.dragDropElement span.blank { white-space:normal; font-size:0px; }
div a.dragDropElement { font-weight:bold; color:#0079AC; white-space:nowrap; }
div.dragdroptest { xwidth:100px; xheight:50px; left:50px; position:absolute; background-color:cyan; }

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

/* Textfeld */
div.textField { }
div.textField div.fieldContent { }
div.textFieldBlue { background-color:#C5DDF1; }
div.textFieldFrame { border-style:solid; border-width:1px; border-color:#006FA6; }
div.textFieldLyric { white-space:nowrap; border-style:solid; border-width:1px; border-color:#009EE0; }


xdiv.textFieldFrame div.fieldContent p.formula { background-color:yellow; line-height:4em; }
xdiv.textFieldFrame div.fieldContent p.formula table.frac { display:inline; border:1px black solid; }

/* Bildfeld */
div.picField { }
div.picField div.fieldContent { padding:0px; padding-top:0px; padding-bottom: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; }

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

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

/* MC-Feld */
div.choiceField div.fieldContent { background-color:#C5DDF1; }
table.choiceTable td { border-style:none; vertical-align:bottom; text-align:center; padding-bottom:1em; }
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 input { cursor:pointer; }
table.choiceTable input.ISBcorrect { background-color:green; }
table.choiceTable input.ISBerror { background-color:red; }

table.choiceTable span { xpadding:2px; }
table.choiceTable span.ISBcorrect { background-color:green; }
table.choiceTable span.ISBerror { background-color:red; }

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 { border-style:solid; border-width:1px; border-color:#006FA6; }
div.elementsField div.fieldContent{ line-height:1.8em; }
div.elementsField a { white-space:nowrap; 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.elementsField a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.elementsField a.ISBcorrect { background-color:#00ff00; }
/* 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; }

/* Sammelbox */
div.boxField { background-color:#EBECED; border-style:solid; border-width:1px; border-color:#C5C6C8; }
div.boxField 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.boxField div.fieldContent{ padding-top:2px; line-height:1.7em; background-image:url("../../../books/finale/pics/note17.gif"); background-attachment:scroll; background-color:transparent; }
div.boxField a { white-space:nowrap; font-weight:bold; padding:0px 4px; background-color:transparent; cursor:pointer; font-family:"comic sans ms"; color:#009EE0; border-style:none; margin-right:12px; }
div.boxField a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.boxField a.ISBcorrect { color:#0079AC; background-color:#00ff00; }
//div.boxField a.dragDropElementISBerror { color:#ffffff; background-color:#ff0000; }
//div.boxField a.dragDropElementISBcorrect { color:#0079AC; background-color:#00ff00; }
/* mit Zeilenumbruch innerhalb der Elemente */
div.boxFieldWrap { background-color:#EBECED; border-style:solid; border-width:1px; border-color:#C5C6C8; }
div.boxFieldWrap 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.boxFieldWrap div.fieldContent{ padding-top:2px; line-height:1.7em; background-image:url("../../../books/finale/pics/note17.gif"); background-attachment:scroll; background-color:transparent; }
div.boxFieldWrap a { white-space:normal; font-weight:bold; padding:0px 4px; background-color:transparent; cursor:pointer; font-family:"comic sans ms"; color:#009EE0; border-style:none; margin-right:12px; }
div.boxFieldWrap a.ISBerror { color:#ffffff; background-color:#ff0000; }
div.boxFieldWrap a.ISBcorrect { color:#0079AC; background-color:#00ff00; }
//div.boxFieldWrap a.dragDropElementISBerror { color:#ffffff; background-color:#ff0000; }
//div.boxFieldWrap a.dragDropElementISBcorrect { color:#0079AC; background-color:#00ff00; }

/* Lückentext */
div.gapField div.fieldContent {background-color:#C5DDF1; }
div.gapField div.fieldContent p { line-height:1.7em; }
div.gapField div.fieldContent td { xtext-align:left; vertical-align:top; line-height:2em; }
div.gapField div.fieldContent td a { margin:0.2em 0em; }
div.gapField a { 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.gapField 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.gapField a.empty { width:20px; padding:0px 15px; }
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 { margin:-1px 0px; padding:0px 0.2em; border:1px inset; }
div.gapField input { vertical-align:middle; font-family:"comic sans ms"; color:#0079AC; 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:1px inset; text-align:center; }
div.gapField 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-family:"comic sans ms"; font-weight:bold; white-space:normal; background-color:#A1C8E9; margin:0px; cursor:pointer; color:#0079AC; 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:#A1C8E9; margin:0px; cursor:pointer; color:#0079AC; 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 { vertical-align:middle; font-family:"comic sans ms"; color:#0079AC; 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 { background-color:#C5DDF1; }
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-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; }
div.gapPicField img { position:absolute; }
div.gapPicField a { font-family:"comic sans ms"; font-weight:bold; position:absolute; white-space:nowrap; background-color:#A1C8E9; margin:0px; cursor:pointer; color:#0079AC; padding:0px 4px; border-style:outset; border-width:1px; }
div.gapPicField a.empty { 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 input { position:absolute; white-space:nowrap; background-color:#A1C8E9; margin:-2px 0px; cursor:pointer; font-family:"comic sans ms"; color:#0079AC; width:5px; overflow:visible; padding:0px 4px; border-style:outset; 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; }

/* Wechseltext */
div.switchField { line-height:1.7em; background-color:#C5DDF1; }
div.switchField a { white-space:nowrap; background-color:#A1C8E9; margin:0px; cursor:pointer; color:#00498C; padding:0px 4px; border-style:outset; border-width:1px; }
div.switchField a.ISBerror { background-color:red; color:white; }
div.switchField a.ISBcorrect { background-color:lightgreen; }

div.switchFieldHiddenGaps { line-height:1.7em; background-color:#C5DDF1; }
div.switchFieldHiddenGaps a { padding:0px; white-space:normal; margin:0px; cursor:pointer; }
div.switchFieldHiddenGaps a.ISBerror { background-color:red; }
div.switchFieldHiddenGaps a.ISBcorrect { background-color:lightgreen; }

/* Markiertext */
div.markField div.fieldContent { background-color:#C5DDF1; }
div.markField span.blank { display:none; }
div.markField a { cursor:pointer; border:2px #C5DDF1 none; margin:0px; padding:0px; border-bottom-style:solid; }
div.markField a.ISBcorrect { border-color:green; }
div.markField a.ISBerror { border-color:red; }
div.markField a.blue { color:white; background-color:blue; }
div.markField a.red { background-color:red; }
div.markField a.green { background-color:green; }
div.markField a.yellow { background-color:yellow; }
div.markField a.orange { background-color:#F9A615; }
div.markField a.blueISBcorrect { color:white; border-color:green; background-color:blue; }
div.markField a.redISBcorrect { border-color:green; background-color:red; }
div.markField a.greenISBcorrect { border-color:green; background-color:green; }
div.markField a.yellowISBcorrect { border-color:green; background-color:yellow; }
div.markField a.orangeISBcorrect { border-color:green; background-color:#F9A615; }
div.markField a.blueISBerror { color:white; border-color:red; background-color:blue; }
div.markField a.redISBerror { border-color:red; background-color:red; }
div.markField a.greenISBerror { border-color:red; background-color:green; }
div.markField a.yellowISBerror { border-color:red; background-color:yellow; }
div.markField a.orangeISBerror { border-color:red; background-color:#F9A615; }

div.markField2 div.fieldContent { background-color:#C5DDF1; }
div.markField2 span.blank { display:none; }
div.markField2 a { cursor:pointer; background-color:#A1C8E9; margin:0px; cursor:pointer; padding:0px 4px; border:1px outset; }
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; }
div.markField2 a.ISBcorrect { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:green; }
div.markField2 a.ISBerror { border-bottom-width:2px; 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:2px; 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:2px; 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-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.sortField div.fieldContent { line-height:1.7em; background-color:#C5DDF1; }
div.sortField a { 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; }