body { background-color:#222222; }

h1,h2,h3,h4,p,ul,ol,li,div,span,td,th,address,blockquote,nobr,b,i {
 font-family:Verdana,sans-serif; }

h1 { font-size:26px; color:#999999; }

h2 { font-size:16px; color:#999999; }

h2.sh2 { font-size:21px; color:#999999; }

h3,h3.xmp,h3.xpl,h3.inf,h3.tip,h3.akt { font-size:16px; color:#999999; }

h4 { font-size:13px; color:#999999; }

p,ul,ol,li,div,td,th,address,blockquote { font-size:12px; color:#999999; }


a:link { color:#999999; text-decoration:none; }

a:visited { color:#999999; text-decoration:none; }

a:active { color:#999999; text-decoration:none; }

a:hover { color:#C20000; text-decoration:none; }



#bildquer
  { position:absolute;
    height:500px;
    width:640px;
    margin:-250px 0px 0px -320px;
    top:50%;
    left:50%;
    background-color:#222222; text-align:center; vertical-align:bottom;
    }

#bildhoch
  { position:absolute;
    height:640px;
    width:440px;
    margin:-320px 0px 0px -220px;
    top:50%;
    left:50%;
    background-color:#222222; text-align:center; vertical-align:bottom;
    }

#bildquadrat
  { position:absolute;
    height:640px;
    width:640px;
    margin:-320px 0px 0px -320px;
    top:50%;
    left:50%;
    background-color:#222222; text-align:center; vertical-align:bottom;
    }

  #z
  { position:fixed; top:10px; left:10px; color:#cccccc; z-index:5; }

  #v
  { position:fixed; top:10px; right:10px; color:#cccccc; z-index:5; }

  #index
  { position:fixed; bottom:10px; left:10px; color:#444444; z-index:5; }

  #copy
  { position:fixed; bottom:10px; right:10px; font-size:10px; color:#444444; z-index:5; }

  #x
  {
   font-size:50px;
   font-weight:bold;
   color:#000000
   }
   a:link { color:#999999; text-decoration:none; }
   a:visited { color:#999999; text-decoration:none; }
   a:active { color:#999999; text-decoration:none; }
   a:hover { color:#C20000; text-decoration:none; }