@CHARSET "UTF-8";

/*
* Grund-Zeichenformatierungen
*/
p,ul,li,td,h1,h2,h3,h4,form,input {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #333333;
}

h1 {
	font-size: 18px;
}

h1.fuermobil {
	display: none;
}

/*
* Formatierung des Hauptteil-Div
*/
div #hauptteil { 
	position: absolute;
	left: 1px;
}

/*
*	Formatierungen fuer "normale" Formulare
*/
form {
	width: 60em;
}

form p {
	position: relative;
}

label {
	float: left;
	width: 10em;
}

.feedback {
	position: absolute;
	margin-left: 11em;
	left: 200px;
	right: 0;
}

.feedback0 {
	position: absolute;
	margin-left: 11em;
	left: 200px;
	right: 0;
	color: #009900;
}

input.c0 {
	background-color: #CCFFCC;
}

/*
* Formatierungen fuer die Formulare, die nur die Knoepfe "Bearbeiten" oder "Loeschen" enthalten
*/
form.knopfintabelle {
	width: 8em;
}

form.knopfintabelle input[type="submit"] {
	font-size: 8px;
	width: 8em;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

form.bearbeitungsform {
	width: auto;
}

form.bearbeitungsform input[type="submit"] {
	font-size: 8px;
	width: 8em;
	left: 100px;
}

form.bearbeitungsform input[type="text"] {
	width: 15em;
}

form.bearbeitungsform input.zahl {
	width: 3em;
}

form.bearbeitungsform select {
	width: 17em;
}

.vorschlag, .remove, .updateFormButton, .editTransWord{
    cursor: pointer;
}

/*
* Formatierungen fuer Tabellen
*/
table,tr,td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 4px;
}

td.erweiterungsfrage,tr.erweiterungsfrage {
	background-color: #FFFFCC;
	font-style: italic;
}

/*
* Formatierung fuer die Lektionsauswahl
*/
.pensum0,.pensum1,.pensum2 {
	float: left;
	line-height: 2em;
	margin-right: 4em;
}

.pensum3 {
	line-height: 2em;
	margin-right: 500px;
}

/*
* Eingabefelder

*/

input.add .error {
    background-color: "#FFCCCC";
}

/*
	Alles für die Navigation
*/

div#navigation {
	position: relative;
	left: 0px;
	z-index: 10;
}

	/*Der leftbutton wird von javascript erzeugt, aber nur auf mobilen geraeten gebraucht.*/
div .leftButton {
	display: none;
}


#navigation ul {
 width: 100%;
 float: left;
 padding: 0;
 margin-left: 0;
 border-bottom: 1px solid #778;
 font: bold 12px Helvetica, Verdana, sans-serif;
}

#navigation ul li {
	list-style: none;
	margin: 0;
	float: left;
}

/*
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 720px;
	float: left;
	background: #FAA819;
}
*/
#navigation ul li a {
	padding: 10px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background-color: #666;
	text-decoration: none;
	/*background-image: url(title-glass.png);*/
	background-position: 50%;
	background-repeat: repeat-x;
	display: block;
	width: 8em;
	height: 3.5em;
}

#navigation ul li a:link {
	color: white;
}

#navigation ul li a:visited {
	color: #ffff00;
}

#navigation ul li a:link:hover,#navigation ul li a:visited:hover {
	color: #000;
	background-color: #aae;
	border-color: #227;
}

#navigation ul li a#current {
	background: white;
	border-bottom: 1px solid white;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}  /* for IE6 */
* html .clearfix {
	height: 1%;
}

/* for IE7 */
*:first-child+html .clearfix {
	min-height: 1px;
}

#navigation ul li ul { /*display: none;*/
	position: absolute;
	width: 7em;
	left: -999px;
	float: none;
	border-bottom: none;
}

#navigation ul li:hover ul {
	display: block;
	left: auto;
}

#navigation ul li ul li a {
	background: #999;
	border: 1px solid black;
	margin-top: 4px;
}

/*
* Formatierung fuer den Bereich der Schlussbuttons	
*/
div#schlussbuttons {
	clear: both;
	margin-top: 4em;
}

div#schlussbuttons form {
	width: auto;
}


div.Memoriere {
	font-size: 2em;
	color: #339900;
}

.fremdsprMem, .dtMem {
	font-size: 2em;
	color: #339900;
}

div.Fertig {
	background-image: url(../images/meer.png);
	height: 400px;
	width: 600px;
}

/*
* For the modal dialog boxes:
*/
div.modalDialogBox {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    display:none;
    background-color: rgba(0,0,0,0.8);
    z-index:101;
}

div.modalDialogBox:target {
    display:block;
}

div.modalDialogBox div {
    position:fixed;
    top:15%;
    left:15%;
    width:50%;
    height:50%;
    background-color:#DDDDDD;
    z-index:102;
}

div.modalDialogBox div a {
    text-decoration: none;
    color:#336633;
}