* { margin:0;padding:0;border:0; }

body {
	background-color:#000000;
	font-family:Helvetica;
	font-size:14px;
}
h1 {
	font-family: Arial;
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
	display:block;
	text-align:right;
	border:2px solid;
	border-radius:15px;
	padding-right:15px;
	
	
}

h1.lektion1 {
	background: rgb(207,233,209); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(207,233,209,1) 0%, rgba(170,222,174,1) 17%, rgba(97,199,100,1) 33%, rgba(58,194,65,1) 40%, 		rgba(69,214,66,1) 51%, rgba(90,240,76,1) 67%, rgba(60,194,58,1) 84%, rgba(38,140,50,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(207,233,209,1)), color-stop(17%,rgba(170,222,174,1)), color-stop(33%,rgba(97,199,100,1)), color-stop(40%,rgba(58,194,65,1)), color-stop(51%,rgba(69,214,66,1)), color-stop(67%,rgba(90,240,76,1)), color-stop(84%,rgba(60,194,58,1)), color-stop(100%,rgba(38,140,50,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(207,233,209,1) 0%,rgba(170,222,174,1) 17%,rgba(97,199,100,1) 33%,rgba(58,194,65,1) 40%,rgba(69,214,66,1) 51%,rgba(90,240,76,1) 67%,rgba(60,194,58,1) 84%,rgba(38,140,50,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(207,233,209,1) 0%,rgba(170,222,174,1) 17%,rgba(97,199,100,1) 33%,rgba(58,194,65,1) 40%,rgba(69,214,66,1) 51%,rgba(90,240,76,1) 67%,rgba(60,194,58,1) 84%,rgba(38,140,50,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(207,233,209,1) 0%,rgba(170,222,174,1) 17%,rgba(97,199,100,1) 33%,rgba(58,194,65,1) 40%,rgba(69,214,66,1) 51%,rgba(90,240,76,1) 67%,rgba(60,194,58,1) 84%,rgba(38,140,50,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(207,233,209,1) 0%,rgba(170,222,174,1) 17%,rgba(97,199,100,1) 33%,rgba(58,194,65,1) 40%,rgba(69,214,66,1) 51%,rgba(90,240,76,1) 67%,rgba(60,194,58,1) 84%,rgba(38,140,50,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe9d1', endColorstr='#268c32',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
h1.lektion2 {
	background: rgb(254,239,196); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(254,239,196,1) 0%, rgba(253,226,157,1) 17%, rgba(252,196,76,1) 33%, rgba(252,188,38,1) 40%, rgba(253,183,61,1) 51%, rgba(254,184,92,1) 67%, rgba(252,174,38,1) 84%, rgba(225,173,3,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,239,196,1)), color-stop(17%,rgba(253,226,157,1)), color-stop(33%,rgba(252,196,76,1)), color-stop(40%,rgba(252,188,38,1)), color-stop(51%,rgba(253,183,61,1)), color-stop(67%,rgba(254,184,92,1)), color-stop(84%,rgba(252,174,38,1)), color-stop(100%,rgba(225,173,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(254,239,196,1) 0%,rgba(253,226,157,1) 17%,rgba(252,196,76,1) 33%,rgba(252,188,38,1) 40%,rgba(253,183,61,1) 51%,rgba(254,184,92,1) 67%,rgba(252,174,38,1) 84%,rgba(225,173,3,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(254,239,196,1) 0%,rgba(253,226,157,1) 17%,rgba(252,196,76,1) 33%,rgba(252,188,38,1) 40%,rgba(253,183,61,1) 51%,rgba(254,184,92,1) 67%,rgba(252,174,38,1) 84%,rgba(225,173,3,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(254,239,196,1) 0%,rgba(253,226,157,1) 17%,rgba(252,196,76,1) 33%,rgba(252,188,38,1) 40%,rgba(253,183,61,1) 51%,rgba(254,184,92,1) 67%,rgba(252,174,38,1) 84%,rgba(225,173,3,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(254,239,196,1) 0%,rgba(253,226,157,1) 17%,rgba(252,196,76,1) 33%,rgba(252,188,38,1) 40%,rgba(253,183,61,1) 51%,rgba(254,184,92,1) 67%,rgba(252,174,38,1) 84%,rgba(225,173,3,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feefc4', endColorstr='#e1ad03',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}

h1.lektion5 {
	background: rgb(244,176,233); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(244,176,233,1) 0%, rgba(232,136,189,1) 44%, rgba(224,74,101,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(244,176,233,1)), color-stop(44%,rgba(232,136,189,1)), color-stop(100%,rgba(224,74,101,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(244,176,233,1) 0%,rgba(232,136,189,1) 44%,rgba(224,74,101,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(244,176,233,1) 0%,rgba(232,136,189,1) 44%,rgba(224,74,101,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(244,176,233,1) 0%,rgba(232,136,189,1) 44%,rgba(224,74,101,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(244,176,233,1) 0%,rgba(232,136,189,1) 44%,rgba(224,74,101,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b0e9', endColorstr='#e04a65',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}	
h1.lektion3{
	background: rgb(229,220,234); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(229,220,234,1) 0%, rgba(211,194,222,1) 17%, rgba(175,142,198,1) 33%, rgba(161,114,192,1) 40%, rgba(167,123,205,1) 51%, rgba(175,132,224,1) 67%, rgba(156,114,192,1) 84%, rgba(141,74,174,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(229,220,234,1)), color-stop(17%,rgba(211,194,222,1)), color-stop(33%,rgba(175,142,198,1)), color-stop(40%,rgba(161,114,192,1)), color-stop(51%,rgba(167,123,205,1)), color-stop(67%,rgba(175,132,224,1)), color-stop(84%,rgba(156,114,192,1)), color-stop(100%,rgba(141,74,174,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(229,220,234,1) 0%,rgba(211,194,222,1) 17%,rgba(175,142,198,1) 33%,rgba(161,114,192,1) 40%,rgba(167,123,205,1) 51%,rgba(175,132,224,1) 67%,rgba(156,114,192,1) 84%,rgba(141,74,174,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(229,220,234,1) 0%,rgba(211,194,222,1) 17%,rgba(175,142,198,1) 33%,rgba(161,114,192,1) 40%,rgba(167,123,205,1) 51%,rgba(175,132,224,1) 67%,rgba(156,114,192,1) 84%,rgba(141,74,174,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(229,220,234,1) 0%,rgba(211,194,222,1) 17%,rgba(175,142,198,1) 33%,rgba(161,114,192,1) 40%,rgba(167,123,205,1) 51%,rgba(175,132,224,1) 67%,rgba(156,114,192,1) 84%,rgba(141,74,174,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(229,220,234,1) 0%,rgba(211,194,222,1) 17%,rgba(175,142,198,1) 33%,rgba(161,114,192,1) 40%,rgba(167,123,205,1) 51%,rgba(175,132,224,1) 67%,rgba(156,114,192,1) 84%,rgba(141,74,174,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5dcea', endColorstr='#8d4aae',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}	
h1.lektion4{
	
	background: rgb(207,229,233); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(207,229,233,1) 0%, rgba(170,216,222,1) 17%, rgba(97,191,199,1) 33%, rgba(58,181,194,1) 40%, rgba(66,209,214,1) 51%, rgba(76,240,235,1) 67%, rgba(58,190,194,1) 84%, rgba(38,123,140,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(207,229,233,1)), color-stop(17%,rgba(170,216,222,1)), color-stop(33%,rgba(97,191,199,1)), color-stop(40%,rgba(58,181,194,1)), color-stop(51%,rgba(66,209,214,1)), color-stop(67%,rgba(76,240,235,1)), color-stop(84%,rgba(58,190,194,1)), color-stop(100%,rgba(38,123,140,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(207,229,233,1) 0%,rgba(170,216,222,1) 17%,rgba(97,191,199,1) 33%,rgba(58,181,194,1) 40%,rgba(66,209,214,1) 51%,rgba(76,240,235,1) 67%,rgba(58,190,194,1) 84%,rgba(38,123,140,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(207,229,233,1) 0%,rgba(170,216,222,1) 17%,rgba(97,191,199,1) 33%,rgba(58,181,194,1) 40%,rgba(66,209,214,1) 51%,rgba(76,240,235,1) 67%,rgba(58,190,194,1) 84%,rgba(38,123,140,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(207,229,233,1) 0%,rgba(170,216,222,1) 17%,rgba(97,191,199,1) 33%,rgba(58,181,194,1) 40%,rgba(66,209,214,1) 51%,rgba(76,240,235,1) 67%,rgba(58,190,194,1) 84%,rgba(38,123,140,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(207,229,233,1) 0%,rgba(170,216,222,1) 17%,rgba(97,191,199,1) 33%,rgba(58,181,194,1) 40%,rgba(66,209,214,1) 51%,rgba(76,240,235,1) 67%,rgba(58,190,194,1) 84%,rgba(38,123,140,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe5e9', endColorstr='#267b8c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
h2 {
	margin-top:15px;
	font-family:Arial;
	font-size:1.5em;
	font-weight:bold;
	color:black;
	clear:both;
	margin-left:20px;
	padding-top:20px;
	display:block;	
}

h2.dialog {
	background:url(../images/icon_dialog.gif) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;
}
.h2subheading {
	color:gray;
	
}

.h2orange {
	color:#f9bb00;
	white-space: pre;
}

h2.vokabular {
	background:url(../images/icon_vokabular.gif) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;}

h2.exercise {
	background:url(../images/icon_exercise.gif) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;
}
h2.pattern{
	background:url(../images/icon_pattern.gif) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;
}
h2.grammatik{
	background:url(../images/icon_grammatik.gif) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;
}	
h2.sprache{
	background-color: lightgray;
}	
h2.kultur{
	background:url(../images/icon_kultur.png) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;
}
h2.text{
	background:url(../images/icon_text.png) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;
}
h2.koreanisch{
	background:url(../images/icon_koreanisch.png) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;
}
h2.activity{
	background:url(../images/icon_activity.png) no-repeat;
	line-height:44px;
	border-bottom:1px solid #000000;
	padding:3px;
	padding-left:80px;
}
h2.nix{
	font-family:Papyrus;
	color:#6b9bd2;
		
}		
p {
	padding:10px;
}

label {
	float:left;
}

.floatRight {
	float:right;
	padding-left:1em;
	
}
.floatLeft {
	float:left;
	padding-right:1em;
}
.floatCenter {
	float:right;
	margin-right:70%;
}
.paragraph {
	padding:45px;
	padding-top: 25px;
}

.lightBlue {
	color:#8ab5dd;
}

.lightGrey {
	color:#bfc0c0;
}
.sidelink {
	margin-top:10px;
	display:block;
	padding:2px 5px;
	background-color:#000000;
	font-weight:bold;
	color:#ffffff;
	padding-left:-40px;
	width:50px;
	text-align:center;
}

.tipp {
	background-color:#fdf5f8;
	font-family:Comic Sans;
	color:#000000;
	width:50%;
	float:right;
	-moz-box-shadow: 0 0 5px #e8e8e8;
	-webkit-box-shadow: 0 0 5px#e8e8e8;
	box-shadow: 0 0 5px #e8e8e8;
	border:1px solid #dfcece;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;

}

.addinfo {
	background-color:#f1f8f9;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:15px;
	display:block;
	width:60%;
	
}
.addinfosmall {
	background-color:#f1f8f9;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:15px;
	display:block;
	width:20%;
	
	
}
.swappies {
	background-color:#e5e5e5;
	padding:20px;
}

.swappies p {
	display:none;
}

.swapper {
	cursor:pointer;
	font-size:15px;
}

.vocabulary {
	background-color:#f1f8f9;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px dotted #000000;
	padding:5px;
	
}

.examples {
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px solid #1bb3b7;
	padding:15px;
	width:35%;
	
}

.exampleswide {
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px solid #1bb3b7;
	padding:15px;
	width:90%;
	
}
.examplesL2 {
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px solid #1bb3b7;
	padding:15px;
	width:30%;
}

.exampleswideL2 {
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px solid #1bb3b7;
	padding:15px;
	width:90%;
}
.examples legend {
	
	background-color:#1bb3b7;
	color:#ffffff;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:15px;
}

.exampleswide legend {
	
	background-color:#1bb3b7;
	color:#ffffff;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:15px;
}
.inlineinput {
	font-size:12px;
	color:#000000;
	border-bottom:1px dotted #1bb3b7;
}
.textinput{
	font-size:16px;
	background-color:#fcd978;
	width:300px;
}
.textinput2 {
	font-size:12px;
	background-color:#fff;

}
.textinput3 {
	font-size:12px;
	background-color:#f8f8f7;
}
.textinput4 {
	font-size:12px;
	background-color:#f8f8f7;
	width:300px;
}
.textinput5{
	font-size:12px;
	width:300px;
	font-family:"Comic Sans MS";
	background-color: #fef6f9;
	
}
.textinput6{
	font-size:12px;
	width:60px;
	font-family:"Comic Sans MS";
	background-color: #fef6f9;
	
}
. {
	font-size:12px;
	background-color:#f8f8f7;
	width:100px;
}
.words {
	background-color:#fffaed;
	padding:1em;
	text-align:right;
	color:black;
	font-size:14px;
	clear:both;
	display:hidden;
}

#pages {
	background-color:#ffffff;
	width:800px;
}

#dialogbox {
	border:3px solid black;
	background-color:white;
	font-weight:bold;
	padding:20px;
	position:absolute;
	top:500px;
	left:300px;
	width:500px;
	height:350px;
	box-shadow: 10px 10px 5px #888;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display:hidden;
}
ul.example {
list-style-image: url(../images/beispiel.gif);
margin-left:20px;
padding-top:5px;
line-height:20px;
}

p.oval-thought {
	
	font-family: "Comic Sans MS";
	border:solid black;
	position:relative;
	width:210px;
	padding:20px 15px;
	margin:1em auto 80px;
	text-align:center;
	color:#000; 
	background:#fff;
	/* css3 */
	/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);
	/*
	NOTES:
	-webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
	-webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
	Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
	*/
	-webkit-border-top-left-radius:220px 120px;
	-webkit-border-top-right-radius:220px 120px;
	-webkit-border-bottom-right-radius:220px 120px;
	-webkit-border-bottom-left-radius:220px 120px;
	-moz-border-radius:220px / 120px;
	border-radius:220px / 120px;
}

.oval-thought p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought:before {
	border: solid black;
	content:"";
	position:absolute;
	bottom:-20px;
	left:50px;
	width:30px;
	height:30px;
	background:#fff;
	/* css3 */
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}

/* creates the smaller circle */
.oval-thought:after {
	border:solid black;
	content:"";
	position:absolute;
	bottom:-30px;
	left:30px;
	width:15px;
	height:15px;
	background:#fff;
	/* css3 */
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}
.exlist ol{
	padding:5px;
	list-style-type: upper-alpha;
	color:#e84a87;
}

.extable {
	padding-top:10px;
	margin-top:25px; 
	width:90%;
	
	margin-left:45px;
	height:50px;
	border-top:solid black 2px;
	border-bottom:solid black 2px;
	border-collapse:collapse;
}
.extable th {
	border-top:solid black 2px;
	border-bottom:solid black 2px;
}	
.extable td{
	
}

.black{
		color:#000;
}


.patternbox {
	
	-moz-border-radius:15px;
	border-radius:15px;
	border:double #d7c9ba;
	padding:15px;
	width:35%;
	margin-right:30px;
	margin-bottom: 20px;
}
	
.red{
	color:#e62e8b;
}
.turkis{
	color:#1bb3b7;
}
.exercise-table{
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 90%;
	border-collapse: collapse;
	text-align: left;
}

.exercise-table th{
	font-size: 14px;
	font-weight: normal;
	background-color: #f1f8f9;
	padding: 3px 4px;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	color:black;
	border-left: 1px dashed;
	border-right:1px dashed;
}
.exercise-table td{
	border-bottom: 1px solid #ccc;
	color: black;
	padding: 2px 3px;
	border-left: 1px dashed;
	border-right:1px dashed;
	border-top: 1px solid #ccc;
}
.exercise-table tbody{
	border-top: 2px solid black;
	border-bottom:2px solid black;
}


.regie{
	font-size:10px;
	border:1px dotted #e62e8b;
	padding:5px;
	width:21%;
	}
.regie legend {
	color: #e62e8b;
	font-weight:bold;
}
.grey-shadow{
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:transparent;
	background-color:#e5e5e5;

	margin-right: 20px;
	margin-top:15px;
	margin-bottom: 20px;
	padding:20px;
	
}
.orange-shadow{
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:transparent;
	background-color:#ffffcc;

	margin-right: 20px;
	margin-top:15px;
	margin-bottom: 20px;
	padding:20px;
	
}
.marginRight{
	margin-right:100px;
}
.bigMarginRight{
	margin-right:300px;
}
.marginLeft {
	margin-left:100px;
}
.clearRight{
	clear:right;
}
.clearLeft{
	clear:left;
}	
.clearBoth{
	clear:both;
}
.marginTop{
	margin-top:40px;
}
.matchbox32{
	width:32%;
}
.uebersetzung{
	font-family: sans-serif;
	font-style: italic;
	color:gray;
	font-size: small;
}
.whitetable {
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:transparent;
	background-color:#fff;
	margin:5px;
	padding:2px;
}
.vocabularyBox{
	background-color:#f1f8f9;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px dotted #000000;
	padding:5px;
	position:absolute;
	top:500px;
	left:300px;
	width:500px;
	height:350px;
}
.translation_de {
	padding:20px;
}
.translation_de ol {
	display:none;
}
.pfeil {
	width:0px; 
	height:0px; 
	border-bottom:5px solid transparent;  /* left arrow slant */
	border-top:5px solid transparent; /* right arrow slant */
	border-left:5px solid #2f2f2f; /* bottom, add background color here */
	font-size:10px;
	line-height:0px;
	display:block;
	
}
ul.qna{

margin-left:40px;
padding-top:5px;
line-height:20px;
font-family: Courier;
ul.qna li:nth-child(1) {
    list-style-image: url(..images/question.gif);
}
ul.qna li:nth-child(2) {
    list-style-image: url(..images/answer.gif);

}
	}
.sprachbetrachtung{
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:transparent;
	background-color:#f8f8f7;

	margin-right: 20px;
	margin-top:15px;
	margin-bottom: 20px;
	padding:50px;
	
}
.zusatzinfo{
	
	background-color:#f8f8f7;

	
	margin-top:15px;
	margin-bottom: 20px;
	padding:30px;
	padding-right:100px;
	padding-left:75px;
}
.ueberschrift3{
	color:#a688bd;
}
.gram-table{
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 90%;
	border-collapse: collapse;
	text-align: center;
	border-bottom:2px solid black;
	border-top:2px solid black;
}
.gram-table th{
	font-size: 14px;
	font-weight: normal;
	background-color: #f1f8f9;
	padding: 5px 8px;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	color:#20adb3;
	border-right:1px dashed;
	border-left:1px dashed;
}
.gram-table td{
	border-bottom: 1px solid #ccc;
	border-right:1px dashed;
	border-left:1px dashed;
	color: black;
	padding: 6px 8px;
}

.gramtable2{
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 90%;
	border-collapse: collapse;
	text-align: center;
}
.gramtable2 th{
	font-size: 14px;
	font-weight: normal;
	background-color: #f1f8f9;
	padding: 5px 8px;
	color:black;
	border-right:1px solid;
	border-left:1px solid;
	border-bottom:1px solid;
	border-top:1px solid black;
}
.gramtable2 td{
	border-bottom: 1px solid black;
	border-top:1px solid black;
	border-right:1px solid;
	border-left:1px solid;
	color: black;
	padding: 6px 8px;
}
.gramtable2 thead{
	border-top:2px solid black;
	border-bottom:2px solid black;
	
}
.gramtable3{
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 90%;
	border-collapse: collapse;
	text-align: center;
	border-bottom:2px solid black;
}
.gramtable3 th{
	font-size: 14px;
	font-weight: bold;
	background-color: #fef3e8;
	padding: 5px 8px;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	color:black;
	border-right:1px dashed;
	border-left:1px dashed;
}
.gramtable3 td{
	border-bottom: 1px solid #ccc;
	border-right:1px dashed;
	border-left:1px dashed;
	color: black;
	padding: 6px 8px;
}

.pattern-table {
	text-align: left;
	color:gray;
	-moz-border-radius:15px;
	border-radius:15px;
	border: double #d7c9ba;
	padding:10px;
	margin-right:30px;
	margin-bottom: 20px;
	font-size:13px;
}

.pattern-table th{
	color:black;
	padding-left:5px;
}
.patternTranslation{
	line-height:2.1em;
	font-family: sans-serif;
	font-style: italic;
	color:gray;
	font-size: small;
}
.dialogtable{
	
	margin: 10px;
	width: 90%;
	border-collapse: collapse;
	text-align: left;
	
}
.dialogtable th{
	color:#e62e8b;
	width:20px;
	vertical-align: top;
	font-weight:400;
	
}
.exampletable{
	
	margin: 10px;
	width: 90%;
	border-collapse: collapse;
	text-align: left;
	
}
.exampletable th{
	color:#1bb3b7;
	width:20px;
	vertical-align: top;
	font-weight:400;
}
.voc-table{
	text-align:left;
	
}
.voc-table th{
	color:black;
	font-weight: 100;
	vertical-align:top;
}
.voc-table td{
	color:#8ab5dd;
	font-weight:100;
	vertical-align: top;
}
.listening-table{
	font-size: small;
}
.listening-table th{
	font-weight:100;
	color:black;
	
}
.listening-table td{
	font-family: sans-serif;
	font-style: italic;
	color:gray;
}
.textcenter {
	text-align:center;
}
.buchstaben{
	padding-left:5px;
	list-style-type: upper-alpha;
	color:#e84a87;
}
.kleinbuchstaben{
	padding-left:5px;
	list-style-type:lower-alpha;
}
.whitebox {
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:transparent;
	background-color:#fff;

	margin-right: 2px;
	margin-top:2px;
	margin-bottom: 2px;
	padding:20px;
}
.wortauswahl {
	text-align: center;
	color:black;
	-moz-border-radius:15px;
	border-radius:15px;
	border:2px solid #e85499;
	padding:10px;
	margin-right:30px;
	margin-bottom: 20px;
	font-size:13px;
}

.dottedbox{	
	background-color:#f8f8f7;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px dotted #000000;
	padding:5px;
}	
.dottedbox2{	
	background-color:#fff;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px dotted #000000;
	padding:7px;
	margin-right:20px;
}	

.width30{
	width:30%;
	}
.width40{
	width:40%;
}
.width50{
	width:50%;
}

.lineheight19{
	line-height:19px;
}
.graybox {
	-moz-border-radius: 15px;
	border-radius: 7px;
	border:transparent;
	background-color:#f8f8f7;

	margin-right: 2px;
	margin-top:2px;
	margin-bottom: 2px;
	padding:10px;
}
.loesung {
	display:none;
		
}
.width85{
	width:85%;
}
.width70{
	width:70%;
}
.uebung-table {

	border-bottom:1px solid black;
	border-right:none;
	border-left:none;	
	border-top:1px solid black;
	border-collapse: collapse;
}
.uebung-table thead{
	border-top:2px solid black;
	border-bottom:2px solid black;
	border-right:none;
	border-left:none;
}
.uebung-table td {
	border-bottom:1px solid black;
		padding:5px;

}
.uebung-table th{
	border-right:none;
	border-left:none;
}
.zahlentable{
	border-collapse:collapse;
	text-align:left;
}
.zahlentable td{
	border-bottom:1px solid #8ab5dd;
	border-top:1px solid #8ab5dd;
	padding:5px;
}
.zahlentable th{
	border-bottom:1px solid #8ab5dd;
	border-top:1px solid #8ab5dd;
	color:#1bb3b7;
}
.width50{
	width:50%;
}

.width60{
	width:60%;
}

.width40{
	width:40%;
}
.bold {
	font-weight:bold;
}
img.centered{
	display:block;
	margin-left: auto;
	margin-right:auto;
}

.sideinfo{
	padding:10px;
	display:block;
	width:18%;
	font-size: small;
}
.sideinfo2{
padding:15px;
	display:block;
	width:50%;
	font-size: small;
}
.sideinfo3{
	padding:10px;
	display:block;
	width:22%;
	font-size: x-small;
}
.sideinfo4{
	padding:10px;
	display:block;
	width:30%;
	font-size: small;
}

.beispielvorgabe{
	font-family:"Brush Script MT";
	background-color: #f5b6ce;
}
.erklaerung{
	font-family:"Trebuchet MS";
	background-color: #f8f8f7;
}
.abstandL{
	margin-left:30px;
	text-align:center;
}
.abstandL td { padding:1em; }

.linksbuendig{
	text-align: left;
}
.einschub{
	font-family:sans-serif;
	font-weight:100;
	font-style: oblique;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin-left:35px;
	margin-right:35px;
	padding-left:15px;
	padding-right:15px;
}
.redbox{
	border:2px solid red;
}

.graubox{
border:2px solid gray;
}
.small{
	font-size: small;
	font-weight: 100;
}
.verweis {
	margin-top:10px;
	display:block;
	padding:2px 5px;
	background-color:gray;
	font-weight:bold;
	color:#ffffff;
	padding-left:-40px;
	width:90px;
	text-align:center;
	margin-left:-46px;
}
.spickzettel{
	margin-left:30px;
	padding-left:
	font-size: smaller;
	border-left:double aqua;
	font-weight: 100;
}
.spickzettel em{
	font-weight: bold;}
/* Navigation */
#navigation { position:fixed;top:10px;left:810px;width:210px;height:90%;border:1px solid #d2d2d2;-webkit-border-radius: 5px;border-radius: 5px;padding:10px;overflow:scroll; }
#navigation ul { margin-left:10px; }
#navigation li a { color:#d2d2d2;font-weight:bold;text-decoration:none;font-size:1.2em; }
#navigation li ul li a { color:#d2d2d2;font-weight:normal;text-decoration:none;font-size:1em; }

.formtables td { padding:0.2em; }
.textfieldgreen { padding:0.3em;background-color:#b1d789;width:120px;border-bottom:#b1d789; }
.textfieldorange { padding:0.3em;background-color:#fcd978;width:120px;border-bottom:#fcd978; }
.mediumtextfieldorange { padding:0.3em;background-color:#fcd978;width:200px;border-bottom:#fcd978; }
.longtextfieldorange { padding:0.3em;background-color:#fcd978;width:300px;border-bottom:#fcd978; }
.shorttextfieldorange{ padding:0.3em;background-color:#fcd978;width:80px;border-bottom:#fcd978; }
.textfieldlila { padding:0.3em;background-color:#c9c0de;width:120px;border-bottom:#c9c0de; }
.longtextfieldlila{padding:0.3em;background-color:#c9c0de;width:300px;border-bottom:#c9c0de; }
.shorttextfieldlila{padding:0.3em;background-color:#c9c0de;width:40px;border-bottom:#c9c0de; }
.shortesttext1{padding:0.3em;background-color:#b1d789;width:25px;border-bottom:#c9c0de; text-align:center;}
.textfieldblue { padding:0.3em;background-color:#96d8ef;width:120px;border-bottom:#96d8ef; }
.longtextfieldblue { padding:0.3em;background-color:#96d8ef;width:300px;border-bottom:#96d8ef; }
.textfieldpink { padding:0.3em;background-color:#f5b6ce;width:120px;border-bottom:#f5b6ce; }
.longtextfieldblue { padding:0.3em;background-color:#96d8ef;width:300px;border-bottom:#96d8ef; }
.shorttextfieldpink { padding:0.3em;background-color:#f5b6ce;width:40px;border-bottom:#f5b6ce; }
.longtextfieldpink { padding:0.3em;background-color:#f5b6ce;width:300px;border-bottom:#f5b6ce; }
.midtextfieldpink{ padding:0.3em;background-color:#f5b6ce;width:80px;border-bottom:#f5b6ce; }
.submittd { text-align:right; }
.submitbutton { 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
	border:1px solid #a0a0a0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:0.5em 1em 0.5em 1em;
	cursor:pointer;
}
.error { color:#f9a9a9; }

.vocabularylink { clear:both;display:block;font-weight:bold;text-decoration:none;color:#000000; }

.solution{	
	background-color:#ffddcb;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px dotted #000000;
	padding:10px;
}	


#overlays { position:absolute;top:20%;left:20%;cursor:move; }