html {margin:0;padding:0;-webkit-text-size-adjust:none;overflow-y: scroll;}
body {margin:0;padding:0;background-color:#fff;font-family:"Helvetica Neue", Helvetica, Verdana;color:#222;font-size:17px;-webkit-text-size-adjust: none;overflow-x:hidden;}

* html .clearfix{height: 1%;overflow: visible;}
*+html .clearfix{min-height: 1%;}
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}

/** HIDING FOCUSING */
a:active, a {outline: none;}
:focus {-moz-outline-style: none; }
:-moz-any-link:focus {outline: none;}

a img {border:0px solid #fff;}

#container {max-width:1000px;margin:0 auto;padding:48px 0 0 0;position:relative;}
#navigator {position:fixed;left:0;top:0;height:48px;background:#333;width:100%;margin:0;z-index:10;}

#n_elements {position:relative;color:#fff;height:100%;max-width:1000px;margin:0 auto;}

.master-button {position:absolute;top:0;left:0;height:30px;width:30px;background:#333 url(../images/master.svg) 50% 50% no-repeat;padding:2px 12px;margin:7px 0;border-right:1px solid #565656;cursor:pointer;}
.content-button {position:absolute;top:0;right:0;height:30px;width:30px;background:#333 url(../images/arrow-right.svg) 50% 50% no-repeat;padding:2px 12px;margin:7px 0;border-left:1px solid #565656;cursor:pointer;}

.no-svg .master-button {background-image:url(../images/master.png);}
.no-svg .content-button {background-image:url(../images/arrow-right.png);}
.no-svg .back-button {background-image:url(../images/arrow-left.png);}

#loading_gif {width:100%;position:absolute;z-index:5;left:50%;margin:0 -50%;top:48px;text-align:center;display:none;}
#loading_gif p {background:#fff;min-width:320px;margin:0 auto;height:2000px;padding:5em 0 0 0;}

#navigation {float:left;background:#fff;min-height:400px;padding:0 0 5em 0;}
#navigation h2 {margin:0 0 2% 0;}

#search {margin:1.5em 5% 0 5%;width:100%;}
.searchform {margin:0 auto;width:100%;}
.s {width: 70%;height: 30px;margin:0;padding: 4px 0 4px 4px;color:#333;border: 1px solid #d9d9d9;font-size:16px;box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.s:hover,.s:focus, .s:active {border: 1px solid #C9C9C9;}

.submit {width:16%;font-size:1em;height:40px;padding: 4px 0 4px 4px;margin:0 0 0 1%;background:#f1f1f1;border:1px solid #d9d9d9;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;cursor:pointer;-webkit-appearance: none;-webkit-transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-o-transition: all .15s ease-in-out;transition: all .15s ease-in-out;}
.submit:hover {background-color:#F7F7F7;border: 1px solid #C9C9C9;}
.submit:active, .submit:focus {background:#E2E2E2;box-shadow: inset 0 1px 3px #D6D6D6;-moz-box-shadow: inset 0 1px 3px #D6D6D6;-webkit-box-shadow: inset 0 1px 3px #D6D6D6;border: 1px solid #bfbfbf;}

#select {margin:1.5em 5% 0 5%;width:100%;}
#select select {width:70%;font-size:16px;margin:0 0 10px 0;height: 30px;padding: 8px 0 0 4px;color:#333;border: 1px solid #d9d9d9;box-sizing:content-box;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}

.disabled {color:#ccc;border:1px solid #ccc !important;background-color:#F7F7F7;}
.active {color:#00ca2b;font-weight:bold;background:#f1f1f1;}

#menue {margin:40px 5% 0 5%;padding:10px 0 0 0;border-top:1px solid #ccc;}
#menue ul {list-style-type:none;margin:0;padding:0;}
#menue ul li {margin:1.5em 0 0 0;}
#menue ul li:first-child {margin:0.5em 0 0 0;}
#menue ul li:last-child {margin:0.5em 0 0 0;}
#menue ul li a {text-decoration:none;color:#f9022c;padding:0;border-bottom:1px solid #F9022C;}

#menue ul ul {list-style-type:square !important;margin:0 0 1em 20px;font-size:0.85em;}
#menue ul ul li {margin:0;}

.appstorebadge {float:left;margin:0 10px 0 0;}
.androidbadge {float:left;}

.support h2 {cursor:pointer;}
.support div {display:none;}
.suppborder {border-bottom:1px solid #ccc;}

.terms h2 {cursor:pointer;font-size:0.8em;}
.terms div {display:none;font-size:0.8em;}

.logo {display:block;margin:-4% 0 0 0;border-bottom:0px solid #fff !important;}
.logo img {max-width:80%;height:auto;}

#block-2, #block-3,#block-4 {display:none;}

#results {margin:1.5em 5% 0 5%;width:100%;}

.count {font-size:0.9em;color:#555;}

.results {list-style-type:none;margin:0;padding:0;width:80%;}
.results li {padding:5px 0;}

.results li a {text-decoration:none;color:#f9022c;padding:0;border-bottom:1px solid #F9022C;}

#print_header, #print_footer {display:none;}

#content {background:#fff;padding:0px 0 2em 0;float:left;overflow-x:hidden;}

[role="navigation"],
[role="main"] {
	-webkit-transition: .2s all ease;
	-moz-transition: .2s all ease;
	-o-transition: .2s all ease;		
	-ms-transition: .2s all ease;
	transition: .2s all ease;		
	width: 100%;
	padding: 0%;
	display: block;	
	position: relative;
}
[role="navigation"] {margin-left:0%;z-index: 2;	}
[role="main"] {margin-left:100%;z-index: 1;}
	
.active-nav [role="navigation"] {margin-left: 0;width: 100%;}
.active-nav .master-button {display:none;}
.active-content .content-button {display:none;}
.active-nav [role="main"]{margin-left:100%;}
.active-content [role="navigation"] {	margin-left: -100%;}
.active-content [role="main"] {margin-left: 0%;}

#meta {width:90%;margin:40px 5%;border-bottom:1px solid #ccc;padding:0 0 10px 0;}

.share {float:left;vertical-align:middle;}

.printicon {float:right;}

#content #meta a {border:0px solid #fff;display:block;}

@media all and (max-width: 320px) {
.s {min-width:0;width: 210px;}
#select select {min-width:0;width: 200px;}
.androidbadge {float:right !important;}
.facebook .fb-like {display:block;margin:0 auto;width:280px;}

.widthfix {width:300px !important;}

}

@media all and (min-width: 1024px) {

body {background-color:#ccc;}

#loading_gif {width:60%;left:40% !important;margin-left:0;z-index:5;text-align:center;display:none;}

#navigation {width:39%;float:left;background:#fff;min-height:200px;margin:0 1% 0 0;}
.back-button {position:absolute;top:0;left:39%;}

#content {float:left;background:#fff;max-width:600px;margin:0 auto;min-width:320px;padding:-20px 0 2em 0;overflow:hidden;}

.searchform {text-align:left;}
.s {min-width:0;width: 270px;}
#select select {min-width:0;width: 270px;}

.submit {height:40px;margin:0px 0 0 5px;}

.results {max-width:300px;}
	
.master-button {display: none;}			
.content-button {display: none;}
}

#sitemap {width:90%;padding:1% 5%;background:#fff;}
#sitemap a {text-decoration:none;color:#f9022c;padding:0;border-bottom:1px solid #F9022C;}
#sitemap ul {margin:0 0 0 1%;padding:0 0 0 4%;}
#sitemap li {padding:3px 0;}

/* exercise.css */

/* Loader */

/* Aufgabenausspielung */

#content a {text-decoration:none;color:#f9022c;padding:0;border-bottom:1px solid #F9022C;}
p {margin:0.8em 0;}

h1,h2,h3,h4 {padding:0;}
h1 {font-size:1.5em;letter-spacing:-1.2px;margin:0 0 0.6em 0;color:#565656;}
h2 {font-size:1.3em;letter-spacing:-1px;margin:0.7em 0 0 0;color:#333;}
h3 {font-size:1.15em;letter-spacing:-0.8px;margin:0.6em 0 1em 0;color:#565656;}
h4 {font-size:1em;margin:0.5em 0 0.2em 0;color:#888;}

.clear {clear:both;}
.center {text-align:center;}
.hidden {display:block;}
div.equation {width:60%;text-align:center;font-size:0.8em;font-weight:bold;border:2px dashed #ccc;border-radius:5px;margin:0 auto 1em auto;}
.emph{font-style:italic;font-weight:bold;}

img.single, img.polylongdiv {margin:2em auto;display:block;}

.text_a, .blue {color:#0000ff;}
.text_b, .red, .cancel {color:#ff0000;}
.text_c, .green {color:#00ff00;}
.text_d, .gray {color:#cccccc;}
.text_e, .orange {color:#ff8c00;}

#gallery_0, #gallery_1, #gallery_2 {position:relative;cursor:pointer;}

/* list classes */

ul {margin:1em 0;padding:0 0 0 2em;}
ol {margin:1em 0;}

ol li {border-radius:5px;border:2px solid #ccc;padding:0.3em;margin:0 0 0.3em 0;}
ol ol {margin:0.3em 0 0.3em 1.3em;padding:0;}
ol ol li {border-radius:0px;border:none !important;padding:0.3em;margin:0 0 0.3em 0;}
ol.algorithmus {list-style-type:upper-roman;padding:0 0 0 1.3em;margin:0.3em 0 1em 0;}
ol.algorithmus li {color:#222;text-decoration:none;border-radius:5px;border:2px solid #ddd;background:#ddd;margin:0.2em 0 0 0;}
ol ul {list-style-type:square;margin:0 0 0 1em;padding:0 0 1em 0.6em;}

ol.list_notindexed {}
ol.list_preindexed {list-style-type:none;}

ul.list_notindexed {}
ul.list_preindexed {}

/* table classes */
table {display:block;margin:1.5em auto;empty-cells:show;border-collapse:collapse;}
table td {border-style:inset;border:1px inset #333;padding:0.1em 0.5em;text-align:center;}

table.tabelle-statistik {border:0px solid #fff;border-collapse :collapse;font-size:10.5px;}
table.tabelle-statistik td {border:none;border-right:1px dotted #565656;border-bottom:1px dotted #565656;}
table.tabelle-statistik tr td:first-child {border-right:2px solid #565656;padding-right:1em;text-align:right;font-weight:bold;}
table.tabelle-statistik tr td:last-child {border-right:0px solid #fff;}
table.tabelle-statistik tr.r0 td {border-bottom:2px solid #565656;font-weight:bold;}
table.tabelle-statistik tr:last-child td {border-bottom:0px solid #fff;}

table.wertetabelle {border:0px solid #fff;border-collapse :collapse;}
table.wertetabelle td {border:none;border-right:1px solid #565656;}
table.wertetabelle td.r0 {border-bottom:2px solid #565656;}
table.wertetabelle td.c0 {border-right:2px solid #565656;padding-right:1em;}
table.wertetabelle tr td:last-child {border-right:0px solid #333;}

table.uebersicht {border:0px solid #fff;border-collapse :collapse;}
table.uebersicht td {border:none;border-right:1px solid #565656;}
table.uebersicht td.r0 {border-bottom:2px solid #565656;}
table.uebersicht tr td:last-child {border-right:0px solid #565656;}

table.kontingenztafel {border:0px solid #fff;border-collapse :collapse;}
table.kontingenztafel td {border:none;border-right:1px solid #565656;border-bottom:1px solid #565656;}
table.kontingenztafel td.r0 {border-bottom:2px solid #565656;}
table.kontingenztafel td.c0 {border-right:2px solid #565656;padding-right:1em;}
table.kontingenztafel tr td:last-child {border-left:2px solid #565656;border-right:0px solid #333;}
table.kontingenztafel tr:last-child td {border-bottom:0px solid #565656;border-top:2px solid #565656;}

table.kontingenztafel3D {border:0px solid #fff;border-collapse :collapse;}
table.kontingenztafel3D td {border:none;border-right:1px solid #565656;border-bottom:1px solid #565656;}
table.kontingenztafel3D td.r0 {border-bottom:2px solid #565656;}
table.kontingenztafel3D td.c0 {border-right:2px solid #565656;padding-right:1em;}
table.kontingenztafel3D tr td:last-child {border-left:2px solid #565656;border-right:0px solid #333;}
table.kontingenztafel3D tr:last-child td {border-bottom:0px solid #565656;border-top:2px solid #565656;}


table.wertetabelle-md {border:0px solid #fff;border-collapse : collapse;}
table.wertetabelle-md td {border:none;border-right:1px solid #565656;}
table.wertetabelle-md td.r0 {border-bottom:2px solid #565656;}
table.wertetabelle-md td.c1 {border-right:2px solid #565656;padding-right:1em;}
table.wertetabelle-md tr td:last-child {border-right:0px solid #fff;}

table.differential {border:0px solid #fff;border-collapse:collapse;}
table.differential td {padding:0.15em 0.2em;border:none;border-right:1px solid #565656;}
table.differential td.r0 {border-bottom:2px solid #565656;}
table.differential td.c1 {border-right:1px solid #565656;padding-right:1em;}

table.grenzwert {border-collapse:collapse;border:1px solid #565656;}
table.grenzwert td {border:0;border-right:1px solid #565656;padding:3px;} 
table.grenzwert td.r0 {border-bottom:2px solid #565656;} 
table.grenzwert td td:last-child {border-right:0px solid #fff;} 

table.newton {border-collapse:collapse;}
.newton td {border:1px inset #565656;padding:0.2em;} 

table.tabelle {border-collapse:collapse;}
.tabelle td {border:1px inset #565656;}

table.noborders {border:0px solid #fff;}
table.noborders td {border:0px solid #fff !important;}

table.stemnleaf, table.stemnleaf td  {border:0px solid #fff;border-collapse :collapse;}
table.stemnleaf td.c0,table.stemnleaf td.c2 {border-right:2px solid #565656;}
table.stemnleaf td.c0 {text-align:right;}
table.stemnleaf td.c1 {text-align:left;}

table.stemnleaf2, table.stemnleaf2 td  {border:0px solid #fff;border-collapse :collapse;}
table.stemnleaf2 td.c1 {border-right:2px solid #565656;border-left:2px solid #565656;}
table.stemnleaf2 td.c0 {text-align:right;}
table.stemnleaf2 td.c2 {text-align:left;}

table.doppeltetrennlinie6zeilen, table.doppeltetrennlinie4zeilen {border:0px solid #fff;border-collapse :collapse;}
table.doppeltetrennlinie6zeilen td,table.doppeltetrennlinie4zeilen td {border:0px solid #fff;}

table.doppeltetrennlinie6zeilen td.c0, table.doppeltetrennlinie4zeilen td.c0 {border-right:2px solid #565656;padding-right:1em;}
table.doppeltetrennlinie6zeilen td.r1,table.doppeltetrennlinie4zeilen td.r1,table.doppeltetrennlinie6zeilen td.r3 {border-bottom:2px solid #565656;}

table.urnenmodell {border:0px solid #fff;}
table.urnenmodell td {border-right:1px solid #565656;border-bottom:1px solid #565656;}
table.urnenmodell td.r0 {border-bottom:2px solid #565656;}
table.urnenmodell td.c0 {border-right:2px solid #565656;}
table.urnenmodell tr td:last-child {border-right:0px solid #333;}
table.urnenmodell tr:last-child td {border-bottom:0px solid #565656;}

table.urnenmodell-2 {border:0px solid #fff;}
table.urnenmodell-2 td {border-right:1px solid #565656;border-bottom:1px solid #565656;}
table.urnenmodell-2 td.r0 {border-bottom:2px solid #565656;}
table.urnenmodell-2 td.c0 {border-right:2px solid #565656;}
table.urnenmodell-2 tr td:last-child {border-left:2px solid #565656;border-right:0px solid #333;}
table.urnenmodell-2 tr:last-child td {border-top:2px solid #565656;border-bottom:0px solid #565656;}

/* background table */
.back1 {background-color:#f19f02;}
.back1-light {background-color:#f2c878;}
.back2 {background-color:#38ea45;}
.back2-light {background-color:#a2e8a7;}
.back3 {background-color:#2991e9;}
.back3-light {background-color:#7bb6e8;}



/******************** iPad Screen ********************/

#single {width:90%;margin:20px 5%;}

.gallery_hint {height:200px; width:100%;background:url(../images/photoswipe_play.png) no-repeat center center;}

.exercise {margin:0 0 1em 0;}
#solution {margin:0 0 1.2em 0;}
h3.solution {margin:1.5em 0 1.2em 0;}

#exercise {}
#tips {}

#content h3 a {margin:8px 0;font-weight:normal;color:#111;border-radius:5px;border:2px solid #008c4f;background:#008c4f;padding:0.2em 0.3em;text-decoration:none;font-size:15px;}
#content a.showTipSolution{color:#222;text-decoration:none;display:block;border-radius:5px;border:2px solid #ccc;background:#ccc;padding:0.4em !important;margin:15px 0;text-align:center;font-weight:bold;font-size:15px;}
#content a.tipGroupCaption {color:#565656;display:block;border-radius:5px;border:2px solid #ccc !important;background:#ccc;padding:0.4em;margin:2em 0 2em 0;}
#content div.exerciseGroupCaption {margin:3em 0 0 0;}
#content a.exerciseGroupCaption {display:block;border-radius:0;border:0px solid #fff;padding:0.4em;margin:0 0 1em 0;}

#content .list_header {margin:0;}
#content .list_header h4{color:#222;text-decoration:none;display:block;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;border:2px solid #dedede;background:#fff;padding:0.4em 0.4em 0.4em 1em !important;margin:0;font-weight:normal;}

#content .list_header h4:hover {cursor:pointer;}

ol.exercise_list {list-style-type:lower-roman;padding:0 0 0 2em;margin:0;-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;border:2px solid #dedede;border-top:none;}
ol.exercise_list li {border-radius:0;border:0px solid #fff;padding:0.3em 0.4em;margin:0.2em 0;}
ol.exercise_list li:first-child {margin-top:0;}


/* li */
#li {font-size:13px;position:absolute;}

/* Hier wieder position:fixed;top:0;left:0; fuer app version einbinden*/
#li #assignment {border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom:2px solid #ccc;background-color:#ccc;font-size:17px;margin:0;padding:5px 10px 12px 10px;z-index:2;width:300px;}
#li ul {margin:0;padding:0;list-style-type:none;}

/*Für Listen aus den Aufgaben heraus*/

#li ul li {padding:0 0 10px 0;}
#li ul li ul, #li ul li ol {margin:10px 0 0 10px;padding:0;}

#li ol li {border-radius:0;border:none;padding:0.3em;margin:0 0 0.3em 0;}

#li img {display:none;}
#li .exercise {padding:7px 10px 0 10px;line-height:16px;margin:0;}
#li .meta {font-size:17px;background-color:#fff;font-weight:bold;padding:13px 0 13px 5px;margin:0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
#li .meta.first {border-top:0px solid #fff;}
#li .done {color:#111;background:#008C4F;}
#li .processed {color:#555;background:#ffe17f;}
#li .difficulty {display:block;float:right;margin:0 10px 0 0;width:17px;height:17px;}
#li .d1 {background:url(../images/difficulty_1.png) no-repeat;}
#li .d2 {background:url(../images/difficulty_2.png) no-repeat;}
#li .d3 {background:url(../images/difficulty_3.png) no-repeat;}
/* li */

/******************** Android/iPhone ********************/

@media screen and (max-width: 480px) {

body {font-size:15px;line-height:20px;}
#single {width:92%;margin-left:4%;margin-right:4%;}

h1 {font-size:1.4em;margin:0 0 0.8em 0;color:#565656;}
h2 {font-size:1.26em;margin:0.5em 0 0 0;}
h3 {font-size:1.15em;margin:0.6em 0 1em 0;}
h4 {font-size:1em;margin:0.5em 0 0.2em 0;}

.gallery_hint {height:160px;}

#content div.exerciseGroupCaption {margin:3em 0 0 0;}
#content a.exerciseGroupCaption {display:block;border-radius:5px;border:2px solid #ccc !important;padding:5px;margin:0 0 15px 0;}

img.single, img.polylongdiv {margin:1em auto;display:block;}

/* list classes */

ul {margin:0.6em 0;padding:0 0 0 1.3em;}
ol {margin:0.6em 0;padding:0;}

ol li {border-radius:5px;border:2px solid #ccc;padding:0.3em;margin:0 0 0.3em 0;}
ol ol {margin:0.3em 0 0.3em 1.3em;padding:0;}
ol ol li {border-radius:0px;border:none !important;padding:0.3em;margin:0 0 0.3em 0;}
ol.algorithmus {list-style-type:upper-roman;padding:0 0 0 1.3em;margin:0.3em 0 1em 0;}
ol.algorithmus li {color:#222;text-decoration:none;border-radius:5px;border:2px solid #ddd;background:#ddd;margin:0.2em 0 0 0;}
ol ul {list-style-type:square;margin:0 0 0 0.3em;padding:0 0 1em 0.6em;}

ol.exercise_list {list-style-type:lower-roman;padding:0 0 0 1.3em;}
ol.exercise_list li {border-radius:0;border:0px solid #fff;padding:0.2em 0.3em;margin:0.1em 0;}

ol.list_notindexed {list-style-type:none;}
ol.list_preindexed {list-style-type:none;}

ul.list_notindexed {}
ul.list_preindexed {}

	/* print.css */

	@media print {
		body{background-color:#fff;}
		#navigation, #meta, #navigator, #n_elements {display:none;opacity: 0 !important;}
		#container, #content {width:100%;margin:0 auto;}
		.list_header, .list_header > * {display:block !important;}
		#print_header, #print_footer {display:block;}
		#print_footer {margin:40px 0 0 0;border-top:1px solid #ccc;padding:10px 0 0 0;text-align:right;font-size:0.8em;}
		div.math, ul, img {page-break-inside:avoid;}
	}