html
{  font-family:          arial,sans-serif;
   font-size:            16px;
}
body
{  width:                900px;
   margin:               5px auto;
   background-color:     #dddddd;
   color:                #000;
   counter-reset:        zaehler;
   margin-bottom:		 2em;
}
dt
{  margin-top:           0.3em;
}
dt:after
{  content:              ":";
}
dd
{  margin-left:          10em;
   margin-top:           -19px;
}
div
{  width:                900px;
   border:               2px solid black;
   border-color:         white black black white;
}
div a
{  display:              block;
   position:             relative;
   background-color:     #eeeeee;
   border:               1px solid black;
   border-radius:        10px;
   margin-left:          597px;
   margin-bottom:        -27px;
   width:                275px;
   padding:              1px 10px;
}
.hervorhebung
{  color:                #0000dd;
}
.rot
{  color:                red;
}
.titel                                          /* Titel der 3 Boxen */
{  border:               1px solid black;
   border-bottom:        1px solid #eeeeee;
   width:                100px;
   height:               24px;
   background-color:     #eeeeee;
   background-repeat:    no-repeat;
   background-position:  2px 2px;
   border-top-left-radius:         10px;
   border-top-right-radius:        10px;
   position:             relative;
   z-index:              2;
}
.quell-titel
{  margin:               6px auto 0 6px;
   float:                left;
   background-image:     url(quelltext.gif);
}
.css-titel
{  margin:               6px 6px 0 453px;
   background-image:     url(css.gif);
   width:                51px;
}
.ergebnis-titel
{  margin:               6px auto 0 6px;
   background-image:     url(ergebnis.gif);
}
.inhalt                                         /* 3 Boxen Quelltext, CSS, Ergebnis */
{  border:               1px solid black;
   padding:              5px;
   font-size:            12px;
   background-color:     #eeeeee;
   white-space:          pre;
   position:             relative;
   z-index:              1;
}
.quell
{  clear:                left;
   margin:               -1px 3px 6px 6px;
   width:                429px;
   float:                left;
   font-family:          monospace, sans-serif;
}
.css
{  margin:               -1px 6px 6px 453px;
   width:                429px;
   font-family:          monospace, sans-serif;
}
iframe
{  clear:                right;
   margin:               -1px 6px 6px 6px;
   width:                876px;
}
h1, h2, h3
{  margin-top:           2em;
}
h1
{  font-size:            24px;
}
h2
{  font-size:            20px;
}
h3
{  font-size:            18px;
}
h3:before
{  content:              counter(zaehler) ". ";
   counter-increment:    zaehler;
}
code
{  white-space:          pre;
}
.neu
{  margin-top:           2em;
}
#gplusone
{position: fixed;
 top: 10px;
 left:10px;
 border: none;
}