<!--
/* guessmer 3.5
   css-grundlage, fuer moderne browser gibt es dann noch ein weiteres... 
   
   noch: 
   IE-fixed-JS
   modern-CSS dann noetig !?!?
   aufraeumen
   */

/* das p hier fuer NN4 */
body, p {  color: #999; font-family: Arial, Helvetica, sans-serif;
        background-color: #000000; font-size: 10pt; }
   
a {  font-family: "Courier New", Courier, mono; color: #66f; }
a:hover { color: #99f; }

td { font-family: Arial, Helvetica, sans-serif; font-size: 10pt }

/* die titelzeile */
h2 { background-color:#003; color: #bb3; 
     line-height: 1cm; vertical-align: middle;
     font-size: 14pt; font-family: "Courier New", Courier, mono; font-weight: bold;
     margin:1px; padding:5px 45px; }
     
/* der start-link in der titelzeile */
h2 a { text-decoration:none; color: #bb3;
       font-size: 14pt; font-family: "Courier New", Courier, mono; font-weight: bold; }
h2 a:hover { text-decoration:underline; color: #bb3; }


/* textauszeichnung */
.ueber {  color: #BBBB33; line-height: 1cm; vertical-align: middle; font-size: 14pt; font-family: "Courier New", Courier, mono; font-weight: bold}
.ueber2 {  color: #6666FF; 
           font-size: 12pt; font-weight: bold; text-decoration:none}

.catlink { color: #6666FF; font-size: 9pt; }
.menu_abs { text-align:left;margin-left:15px;text-indent:-10px}

.cg1 {  font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.lnklein {  font-size: 8pt; text-decoration: none}

.form {  background-color: #000000; color: #6666FF; font-size: x-small; border-style: solid}
.form2 {  background-color: #000000; color: #999999; border-style: solid}

.cen { text-align:center; }

/* layout - wird dann teilweise fuer moderne browser noch ueberschrieben  */
#navi { position:fixed; width:120px; bottom:10%;left:0; }

#inhalt { margin-left:5px; max-width:1000px}

.eintrag { margin:6px 8px; }
.eintrag img { vertical-align:middle;}
.linie { width:99%; height:4px; }
.ich { width:32px; height:40px; margin:25px 5% 0px 5%; }
.bildrechts { float:right; margin:5px; }

.debug { border: 1px solid #0f0 }

/* fuer die bildergalerie */
ul { list-style:none; }
.bildliste li { display:inline; margin:2px; }
.bildliste li img { vertical-align:middle; }
.bildrahmen { margin:15px; }
.bildrahmen img { margin-top: 10px; }
.fuss { text-align:right; font-size:x-small; }

-->
div.col_scr {
  background-color:#000;
  width:115px;
  height:3px;
  border-radius:3px;
  margin:3px;
  
  animation-duration: 20s;
  animation-name: farbw;
  animation-iteration-count: infinite;
}

@keyframes farbw {
  from { background-color:#200;  }
  25% { background-color:#d00;  }
  50% { background-color:#0d0;  }
  75% { background-color:#00d;  }
  to { background-color:#002;  }
}

div.col_scr:hover {
  animation-duration: 2s;
}