body {
 margin:0px;
 background-color:#fff;
 font-size:9pt;
 font-family:Arial,SunSans-Regular,sans-serif;
}

img {
 border:0;
}

/*Body Links*/
a:link, a:visited, a:active {
 font-size:8pt;
 text-decoration:none;
 color:#336666;
 font-family: Arial,SunSans-Regular;
}
a:active, a:hover
{ 
 text-decoration:underline;
 color:#cccc99;
 font-weight:bold;
}
/* Schwarze Tasten */
a.navi:link, a.navi:visited {
 display:block;
 position:relative;
 left:30px;
 width:122px;
 font-size:8pt;
 background-color:#000;
 margin:2px 0px;
 color:#cccc99;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 border-top:3px solid #666666;
 border-left:4px solid #777777;
 letter-spacing:2pt;
}
a.navi:active, a.navi:hover
{ 
 border-top:3px solid #999999;
 border-left:4px solid #666666;
 background-color:#336666;
 color:#ffff99;
}
a.navi:hover { margin:0px 0px 4px 0px; }
a.navi:active, #aktivs { margin:0px 0px 4px 50px;}
/* Weisse Tasten */
a.menu:link, a.menu:visited {
 display:block;
 width:150px;
 font-size:8pt;
 color:#336666;
 text-decoration:none;
 text-align:center;
 margin:0px 0px 4px 0px;
 background-color:#ffffff;
 border-bottom:4px solid #aaaaaa;
 border-right:4px solid #999999;
 letter-spacing:2pt;
}
a.menu:active, a.menu:hover { 
 border-bottom:4px solid #999;
 border-right:4px solid #666;
 background-color:#eee;
}
a.menu:hover {
margin:2px 2px;
font-weight:normal;
}
a.menu:active, #aktiv_w { margin:2px 2px 2px 52px;}
.links { float:left;
margin-bottom:100px;
margin-right:15px;
}
#kopf {
 position:absolute;
 top:50px;
 left:50px;
 background-color:transparent;
 padding:0px;
 text-align:left;
}
  
#navi {
 z-index:1;
 position:absolute;
 top:150px;
 background-color:transparent;
 padding-left:10pt;
 height:100%;
 float:left;
 margin:0px;
}
#navi_back  { 
 position:absolute;
 top:150px;
 z-index:0;
 background-color:#eee;
 width:200px;
 height:1000px; }
#inhalt {
 position:absolute;
 top:150px;
 left:215px;
 background-color:#fff;
 margin-right:140px;
 font-family:Arial,SunSans-Regular;
 font-size:13px;
 border:none;
 clear:right;
}
#text { 
position:absolute;
z-index:1;
top:0px;
left:0px;
font-face: Arial,sans-serif;
color:#336666;
height:380px;
width:150px;
}
#moove { 
position:absolute;
z-index:1;
top:-10px;
left:110px;
font-face: Arial,sans-serif;
color:#336666;
}
#sound { 
position:absolute;
top:240px;
left:160px;
}
td {
margin-top:0;
font-size: 9pt;
 }
p, label, input {
 font-size:12px;
 color:#333;
}
p.text {
font-size:11px;
padding:20px;
background-color:#fff;
width:150px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
.blaugrau {color:#336666}
td.blaugrau {background-color:#669999;}

h1 {
 color:#CCCC99;
 font-family:Arial,SansSerif;
 font-size:16pt;
 margin-top:0;}
 
h2 { font-family:Arial; font-size: 20px; font-weight: bold; color: #cccc99; margin: 0px; height:100px ; }
.schatten, h3  { color:#336666; } 
.schattiert {
position:relative; 
left:-3px;
top:-303px;
}
h3 {
font-size:12pt;
background-color:#eee;
width: 100%;
}