body {
  background-color:#F5F5F5;
  margin-left:15px;
  margin-top:15px;
  leftmargin:15px;
  topmargin:15px;
}

body.beispiel {
	background-color: #FFFFFF;
}

td {
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  color: #000000;
}

th {
  font-family:Verdana, Helvetica, sans-serif;
  font-size:12px;
  color: #000000;
  font-weight:bold;
}

.inhalt {
  background-color: #D3D3D3;
}
.arbeit {
  background-color: #D3D3D3;
}
.nav {
  background-color: #D3D3D3;
  line-height:12px;
}
.aktiv {
  font-weight:bold;
  color:#8B0000;
  line-height:12px;
}
.tools {
  background-color:#CD5C5C;
}

.lektion {
  background-color: #FFFFFF;    
}

input, textarea {
  background-color:#FFFFFF;
  font-family: "Courier New", mono;
  color:#000000;
  font-size:12px;
}

.aufgabe {
  font-family: "Courier New", mono;
  color:#000000;
  font-size:12px;  
	width:520px;
  height:200px;
}

input.knopf {
  width: 100px;
  font-family: Verdana, Helvetica, sans-serif;
  color:#F5F5F5;
  margin-right:10px;
  background-color:#CD5C5C; 
  font-weight: bold;
  font-size:10px;
}

input.knopfi {
  width: 100px;
  font-family: Verdana, Helvetica, sans-serif;
  color:#D3D3D3;
  margin-right:10px;
  background-color:#CD5C5C;
  font-style:italic;
  font-weight:bold;
  font-size:10px;
}

input.knopfk {
  width: 35px;
  font-family: Verdana, Helvetica, sans-serif;
  color:#F5F5F5;
  background-color:#CD5C5C; 
  font-weight: bold;
  font-size:10px;
}

input.knopfki {
  width: 35px;
  font-family: Verdana, Helvetica, sans-serif;
  color:#D3D3D3;
  background-color:#CD5C5C; 
  font-style:italic;
  font-weight:bold;
  font-size:10px;
}

h1 {
  font-family:Verdana, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#8B0000;
  margin-top: 15px;
  margin-left:0px;
  margin-right:15px;
}

h1.gloss {
  background-color:#D3D3D3;
  padding:3px; 
}

h2 {
  font-family:Verdana, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#8B0000;
  margin-left:0px;
  margin-right:15px; 
}

h3 {
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#8B0000;
  font-weight: normal;
  margin-left:15px;
  margin-right:15px;
}

h4 {
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
  text-align:center;
  margin-left:15px;
  margin-right:15px;
}

p {
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  line-height:16px;
  color:#000000;
}

p.titel {
	font-size:14px;
	font-weight:bold;
  margin-top:4px;
  margin-left:5px;
  margin-bottom:4px;
}

ul,ol {
  font-family:Verdana, Helvetica, sans-serif;
  font-size:11px;
  margin-left:25px;
  margin-right:15px;
  line-height:14px;
  color:#000000;
}

dl {
  font-family:Verdana, Helvetica, sans-serif;
  margin-left:15px;
  font-size:11px;
  color:#000000;
}

dt {
   /*font-weight:bold;*/
   margin-top:4px;
   margin-bottom:2px;
}

dd {
	 line-height:14px;
   margin-right:15px;
}

em {
   color:#8B0000;
   font-weight: bold;
   font-style: normal;
}

code {
	font-family:"Letter Gothic MT", mono, "Courier New";
	color:#0000CD;
  font-size: 12px;
  font-weight:bold;
}

var {
	color:#000000;
  font-weight:bold; 
}

kbd {
	color:#000000;
  font-weight:normal;
}

a:link {
  color:#8B0000;  
}

a:visited {
  color:#CD5C5C;
}

a.inaktiv {
	font-style:italic;
}

a.tool {
  color:#F5F5F5; 
  text-decoration:none;
}

a:link.tool {
  color:#F5F5F5;  
}

a:visited.tool {
  color:#D3D3D3;  
}

a:hover.tool {
	text-decoration:underline;
}

a.menu {
  color:#8B0000; 
  text-decoration:none;
  } 
  
a:link.menu {
  color:#8B0000;  
}

a:visited.menu {
  color:#CD5C5C;  
}

a:hover.menu {
	text-decoration:underline;
}

a.elem {
  color:#0000CD; 
  font-size:12px;
  font-weight:bold;
  text-decoration:none; 
}

a:link.elem {
  color:#0000CD; 
  font-size:12px;
  font-weight:bold;
  text-decoration:none; 
}

a:visited.elem {
  color:#0000CD; 
  font-size:12px;
  font-weight:bold;
  text-decoration:none; 
}

.hell {
	color:#F5F5F5;
}

.beisp {
	 background-color:#F5F5F5;
}

.mark {
	background-color:#AFEEEE;
}

.frage {
  color:#8B0000;
  background-color:#F5F5F5;
  margin-top:10px;
  margin-bottom:5px;
}

.er {
	background-color:#AFEEEE;
  font-style:italic;
}

.ind2 { margin-left:20px; }
.ind4 {	margin-left:40px; }
.ind6 {	margin-left:60px; }
.ind8 { margin-left:80px; }
.ind10 { margin-left:100px; }
.ind12 { margin-left:120px; }