body 
{
 font-family:Verdana,sans-serif;
 font-size:12px;
 background-color:#AEB3C6;
 text-align:center;
 line-height:150%
}

ul {
 font-family:Verdana,sans-serif;
 font-size:12px;
 font-weight:bold;
}

h1 {font-size:18px;color:#000000;margin:0px;}
h2 {font-size:16px;color:#000000;font-weight:bold;text-decoration:underline;}
h3 {font-size:16px;color:#000000;font-weight:bold;}
h4 {font-size:13px;color:#000000;text-decoration:underline;}

p {margin-top:0px;margin-bottom:10px;}
p.historyBack { text-align:right; }

td { font-size:13px; font-family:arial,sans-serif;}

/* Für Quellcode-Beispiele im Text */
code
{
 font-size:13px;
 color:#0000cc;;
}

ul.menuChapter { font-size:14px; }
li.menuChapter { font-size:14px; }
a.menuChapter:link, a.menuChapter:visited, a.menuChapter:active { font-size:14px;color:#233164 }
a.menuChapter:hover { font-size:14px;color:#ffffff;background-color:#233164;text-decoration:none }
/* Der Kasten mit dem Quellcode */
pre
{
 font-size:14px;
 color:#0000cc;
 padding:3px;
}

/* wird nur beim Druck angezeigt */
div.druckansicht {
	display:none;
}

iframe.frameinhalt {
	border:0px solid #000000;
	height:430px;
	width:100%;
}

/* Spieler */
div.spieler 
{
  border: 1px solid #233164;;
  background-color:#C3C6D4;
  width:610px;
  height:205px;
  margin:10px;
  margin-top:15px;
  padding:5px;
}

/* Abbildungen im Text */
div.image {
  float:right;
  border: 1px solid #000000;
  padding:3px;
  margin-left:5px;
  text-align:center;
}

div.news {
  border:1px solid #233164;
  background-color:#c3c6d4;
  margin:10px;
  margin-bottom:20px;
  padding:5px;
}

div.info {
  border:1px solid #233164;
  background-color:#c3c6d4;
  margin-top:15px;
  margin-bottom:20px;
  padding:5px;
}

div.logo 
{
	border:4px solid #233164;
	padding:0px;
	background-color:#ffffff;
	border-bottom:1px solid #ffffff;
}

td.example
{
 border-bottom:1px solid #ffffff;
 margin: 15px 0px 15px 0px;
}

img.example { margin: 10px 10px 10px 10px }

div.page 
{
	width:650px;
	margin:0px auto;
	text-align:left;
	border:1px solid #000000;
}


/* Anleitungskapitel */
div.chapter
{
  margin-top: 15px;
  padding:3px;
  border-bottom:2px solid #233164;
}

/* Sektion innerhalb eines Kapitels */
div.section
{
  border-top:1px dotted #233164;
  margin-left: 10px;
}
div.subsection
{
  border-top:1px dashed #C3C6D4;
  margin-left: 10px;
}

a.anchor 
{
	height:12px;
	width:100%;
}

a:link, a:visited, a:active, a:hover
{ 
  text-decoration:underline;
  
  color:#000050;
  font-size:12px;
}
a:active, a:hover
{ 
  color:#ff9200;
}

span.buttonIcon { vertical-align:middle;border:1px solid #000000;padding:2px;background-color:rgb(200,208,212);}

span.menu {
  color:#233164;
  background-color:#ffffff;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  font-size:12px;
  font-weight:bold;
}

/* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
{ 
  color:#cecfc6;
  text-decoration:none;
}
a.menu:active, a.menu:hover
{ 
  color:#eeeeee;
  text-decoration: overline underline
}

/* Die Titelzeile */
#title {
height:30px;
padding:5px;
text-align:center;
background-color:#233164;
color:#ffffff
}

/* Das Menü */
div.menu {
color:#ffffff;
background-color:#233164;
text-align:center;
padding:10px 0px;
}

/* Der Inhalt */
#content {
border-top:1px solid #000000;
background-color:#ffffff;
padding:5px;
color:#000000;
}

/* Programm-Hauptmenu-Optionen */
span.ProgMenu {
  font-style:italic;
  font-weight:bold;
}
/* Beschreibungen fuer Teile, die noch nicht funktionieren */
#inArbeit {
	color:#ff0000;
	font-style:italic;
}