body.base { 
 background-color:#ffff66; 
 color:#007da4;
 font-family:Arial,sans-serif;
 font-size:14px;
 margin:0; 
 padding:0;
}
div.centered {
 width: 926px;
 max-width: 926px;
 min-width: 926px;
}
/*
div.centered {
 width: 800px;
 max-width: 800px;
 min-width: 800px;
}
*/
div.top {
 background-color:#ffffff;
 color:#666;
 height:100px;
 padding:0;
 margin:0;
}

span.h1 {
 color:#666666;
 font-size:175%;
 float: left;
 font-style:italic; 
 font-weight:bold;
 margin-left:100px;
 margin-top:30px;
}

img.logo { 
 float:right;
 margin-top:20px;
 margin-right:10px;
}

/*
 * fasst die 2. zeile zusammen, in der die
 * beiden key-Bilder sind.
 */
div.key {
 padding:0;
 margin:0;
 text-align:left;
}

img.imgleft
{
 margin:0 0 0 -3px;
 float:left;
 border:1px solid;
 border-color:#01527d;
 height:88px;
}
img.imgright { 
 margin:0;
 border:0px solid; 
 border-color:#f0f030; 
 width:100%;
}	

/* 
 * Wir kommen zur dritten Zeile: dem Content-Bereich 
 *
 * Da die Browser unterschiedlich mit padding umgehen,
 * schachteln wir zwei divs ineinander und geben dem
 * inneren einen Rahmen (margin).
 */
div.content {
 clear:both;
 background-color:#fff;
 color:#666;
 
 margin:0;
 padding:0;
 height:400px;
}
div.inner_content {
 text-align:left;
 padding:0;
}
div.inner_content p {
 margin-left:1em;
}

div.inner_content table {
 margin:0 0 0 15em;
}

div.inner_content tr {
 margin:0 0 1em 0 ;
}
td.leftcol {
 text-align:right;
 width:7em;
 font-size:14px;
 padding-right:1em;
}
td.rightcol {
 text-align:left;
 width:25em;
 color:#666;
 padding-left:1em;
}



.h2 { 
 color:#666; 
 font-size:175%;
 text-align:center;  
 margin-top:1em;
 display:block;
}

.h3 		{ font-family:Arial,sans-serif;
		font-size:14pt;
		color:#ffffff; /* weiß */
		BACKGROUND-COLOR:#01527d; /* dunkelblau */
		line-height:22pt;
		font-weight:bold; }

.h4 		{ font-family:Arial,sans-serif;
		font-size:14pt;
		color:#ffffff; /* weiß */
		BACKGROUND-COLOR:#007da4; /* blau */
		line-height:22pt;
		font-weight:bold; }


div.big_content
{
 clear:both;
 background-color:#ffffff;
 margin:0px;
 margin-left:auto;
 margin-right:auto;
 margin-top:-60px;
}
div.big_inner_content
{
 margin:40px;
 text-align:left;
}
input.weiter
{
 margin:40px;
}
div.etop
{
 text-align:right;
 border:0px;
 margin:0px;
 padding:0px;
}


span.subscript {
 font-size:9px; 
 position:relative;
 top:3px;
}

span.superscript {
 font-size:9px; 
 position:relative;
 top:-6px;
 left:2px;
}


td#frage {
 font-weight:bold;
}

div.pause_pic {
 text-align:center;
}
img.pause_pic {
 margin-left:auto;
 margin-right:auto;
}
td.centered {
 text-align:center;
}

img.groessergleich {
 position:relative;
 top:4px;
}

img.kleinergleich {
 position:relative;
 top:4px;
}

span.logipic {
 font-size:72px;
 position:relative;
 top:-28px;
 left:4px;
}
span.logipicequal {
 font-size:72px;
 position:relative;
 top:-24px;
 left:4px;
}

td.flip {
 background-color:#ccccff;
}
td.flop {
 background-color:#ffffff;
}

table.import td {
 font-size:12px;
}

table.import th {
 font-size:12px;
}

img.multipic {
 width:89px;
}

img.logo_anzeige {
 margin:1em 1em 0 0;
}

span.important {
 color:#f00;
 font-weight:bold;
}