body,table { font-family:Trebuchet MS,arial,sans-serif,Helvetica; font-size:16pt }
body { background-color:#ffffee; max-width:972px; margin:0 auto; padding:32pt; }
h4, h3 { width:80%; background-color:#FFEEEE; }
u { border-bottom:1px solid red; text-decoration:none; cursor:help; }
img {cursor:pointer; }

sup,sub { font-size:70%; }
a:link { color:#0000E0; text-decoration:none }
a:visited { color:#000080; text-decoration:none }
a:hover { color:#E00000; text-decoration:none }
a:active { color:#E00000; text-decoration:none }
a:focus { color:#00E000; outline: none; text-decoration:none }

.kom { color:#CC3366; cursor:help; text-decoration:none; }
.box { margin-left:8px; margin-top:4px; margin-bottom:4px; border:ridge grey; float:right; width:35%; background-color:#E9E9FF; padding:12px; font-family:Georgia,serif; font-size:75%; }
.uebrigens { margin-left:8px;margin-top:4px; margin-bottom:16px; border:ridge grey; float:left; width:48%; background-color:#FFFFC8; padding:12px; font-size:75%; }

[id^="applet_container"] {
    margin: auto;
  }
  
  .copy {
    margin-left: 60%;
    background-color: #EEFFEE;
    text-align: right;
    font-size: medium;
  }
  
  .merke {
    margin-left: 3em;
    margin-right: 3em;
    border-left: 4px double red;
    padding: 1em;
  }
<!--
a.tooltip {text-decoration:none; margin-left:32px; float:right;}
.tooltip span.info{display:none;}
.tooltip:hover span.info{display:block; position:absolute; right:16px; bottom:10px; width:35%; z-index:100; color:#000000; background-color:#E9E9FF; border:ridge grey; padding:12px; font-family:Georgia; font-size:75%;}
-->