.titel { font-size:24px;font-family:Arial, Helvetica, sans-serif; color:#333333; }
.untertitel { font-size:16px;font-family:Arial, Helvetica, sans-serif; color:#333333; }
.text { font-size:14px;font-family:Arial, Helvetica, sans-serif; color:#333333; }



.kursiv { font-style:italic; }
.fett { font-weight:bold; }
.unterstrichen {text-decoration:underline; }



.rot { font-size:14px;font-family:Arial, Helvetica, sans-serif; color:#ff0000; }
.gelb { font-size:14px;font-family:Arial, Helvetica, sans-serif; color:#ffff00; }
.gruen { font-size:14px;font-family:Arial, Helvetica, sans-serif; color:#00ff00; }



.sequoia { font-size:20px;font-family:Arial, Helvetica, sans-serif; color:#ff0000; }
.sequoia2 { font-size:20px;font-family:Arial, Helvetica, sans-serif; color:#00ff00; }



a:link { color:#333333; }
a:visited { color:#333333; }
a:hover { color:#333333; }
a:active { color:#333333; }



body { background-color:#cccccc; }



.rahmen { border:solid 2px #333333; }

.rahmen_rot { border:solid 2px #ff0000; }
.rahmen_gelb { border:solid 2px #ffff00; }
.rahmen_gruen { border:solid 2px #00ff00; }



#js-popup {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(overlay.png);
}
#js-popup-box {
      position: absolute;
      padding: 3px;
      background: #cccccc;
      border: 2px ridge #333333;
      text-align: center;
      font-size: 80%;
}
#js-popup-image {
      margin: 0;
      padding: 0;
}
#js-popup-close {
      position: absolute;
      top: 2px;
      right: 2px;
      cursor: pointer;
}
#js-popup-resize {
      position: absolute;
      top: 5px;
      left: 5px;
      cursor: pointer;
}