@charset "ISO-8859-1";
html, body {margin:0; padding:0; font-family:Georgia, 'Times', 'Times New Roman', serif; font-size:1em}
th, td {padding:0.2em}
img {border:none; margin:auto}
p {margin:0}
p + p {text-indent:3ex}
p#fuss {margin:1em auto; text-align:center}

a:link {color:rgb(205,45,45)}
a:visited {color:rgb(102,30,19)}
a:active {color:rgb(15,25,200)}

q {font-style:italic;}
q:lang(de)  {quotes:"\00BB" "\00AB" "\203A" "\2039"}
q:lang(en) {quotes:"\201C" "\201D" "\2018" "\2019"}
q:before {content:open-quote}
q:after {content:close-quote}
/*q:before, q:after {font-style:normal}*/

@media screen, projection, print{
th {border:2px solid black; font-weight:bold}
td {border:1px solid black; text-align:justify}
 li * {border:2px solid black; font-weight:bold; text-align:center; padding:0.2em 0.5em;}
 li strong {font-variant:small-caps; }
}

@media screen, projection {
div {margin:0 0.5em 0.5em; padding:0.5em}
 li strong {background:/* url("tab.png") bottom repeat-x */rgb(255,160,0)}
 li a {text-decoration:none}
  li a:hover {background-color:rgb(255,255,125)}
  li a:active {background-color:rgb(255,160,0)}
td:first-child {background-color:rgb(220,255,240)}
td + td {background-color:rgb(240,240,255)}
td + td + td {background-color:rgb(255,240,240)}
th:first-child {background-color:rgb(125,255,125)}
th:first-child + th {background-color:rgb(90,105,255); color:white}
th + th +th {background-color:rgb(255,125,125)}
}

@media screen, print {
table, thead, tbody, tr, th, td {border-collapse:collapse; vertical-align:top}
tr td:first-child {width:16%}
tr * + td {width:42%}
table {border:3px solid black; background-color:white}
thead {border:solid black; border-width:3px 0}
ul {margin:0.5em 0.5em 0 0.5em; list-style-type:none; border-bottom:3px solid black; padding:0.2em;}
li {display:inline; margin:0}
 li * {border-bottom:none; margin-right:0.5em}
 li strong {border-bottom:3px solid rgb(255,160,0)}
  }

@media screen {
div {border:3px solid black; border-top:none; background-color:rgb(255,236,159)}
}

@media print{
tr, td {page-break-inside:avoid}
table + p, ul {display:none}
}

@media projection {
/*Zentiriert*/
h1, tr th:first-child + th + th, td:first-child, tbody tr:after {text-align:center}
/*Abstände*/
div {margin-top:0; padding-top:0}
/*Verteilung auf Folien*/
tr + tr {page-break-before:always}
/*Hinweiskasten*/
div:after {display:block; position:fixed; top:6.9em; right:3.5em; width:14em; border:1px solid rgb(211,211,211); padding:1em; color:gray}
div:lang(de):after {content:"Sie befinden sich momentan in Operas Präsentations-Modus.\A Benutzen Sie Bild auf und Bild ab, um zwischen den einzelnen Fragen zu wechseln.\A Diesen Modus können sie mit F11 wieder verlassen."}
div:lang(en):after {content:"You are currently in the \201C OperaShow\201D mode.\A Use Page up and Page down to move between the individual questions.\A You can leave this mode with F11."}
/*Tabellenelemnte als Blockelemente*/
table, thead, tbody, tr, td, th {display:block}
/*Ausblenden der ersten zwei Kopfzeilen*/
tr th:first-child, tr th:first-child + th {display:none}
ul {list-style-type:none}
/*Überschrift, Sprachauswahl und Dons Antwort auf jeder Folie*/
h1, li *, tr th:first-child + th + th {position:fixed}
/*Positionierung:*/
/*Überschrift*/
h1 {width:98%; top:0.5em; left:0.5em; padding:0.1em; border:4px outset blue; background-color:rgb(220,255,240);}
/*unsichtbar*/
thead tr, ul {width:0; height:0; margin:0; padding:0;}
/*Sprache*/
li * {width:5em}
/*Deutsch*/
li:first-child * {bottom:2.1em; left:1em}
/*Englisch*/
li:first-child + li *{bottom:1em; left:6.5em}
/*Link zur inaktiven Sprache*/
li a {border-color:rgb(211,211,211); z-index:1}
li a:hover {border-color:black}
/*Aktive Sprache*/
li strong {z-index:2}
/*"Dons Antwort"-Beschriftung*/
tr th:first-child + th + th {right:0.5em; top:43em; width:10em}
/*Namenskasten*/
td:first-child {position:relative; top:1.1em; left:-0.5em; border-width:2px; width:10em; background-color:rgb(90,105,255); color:white}
/*Frage- und Antwortkästen*/
td:first-child + td, td:first-child + td + td {width:48%; padding:1em; height:16em}
td:first-child + td + td {height:20em !important}
/*Dons Antwort*/
td:first-child + td + td {position:relative; left:49%; top:-1.5em}
/*Abstand zu Überschschrift*/
tbody tr {margin:3.5em 0 1em}
/*Fragennummerierung*/
tbody tr:after {display:block; margin:0.7em 0 1em; counter-increment:frage}
tbody:lang(de) tr:after {content:"Frage " counter(frage) " von 19"}
tbody:lang(en) tr:after {content:"Question " counter(frage) " of 19"}
/*Logo*/
html {background:url("LogoAusblend.png") left bottom fixed no-repeat}
}