﻿body {  background-image:url('../DivGraph/blobkgde.gif');
        font-family:'Arial', Verdana;
        color:navy;
        font-size:20px;
        }
a:link
  { color: Blue;
    text-decoration: none; }
a:active
  { color: Olive;
    text-decoration: none;
  }
a:visited
  { color: navy;
    text-decoration: none; }
a:hover
  { color: Red;
    text-decoration: none; }

div.cien {
    text-shadow: 4px 4px 2px grey;
    font-size: 54px;
    color:#DD2255;
}

td.st90 {
        width: 90px;
        height: 90px;
        text-align:center;
        vertical-align:middle;
}
div.imageHold {
 /* padding: 55px 85px;  damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.imageHold div {
  float: left;
  width: 230px;
  height: 150px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: 5px;
}

div.imageHold img {
  width: 80px;  /* wir skalieren das große bild auf die kleine größe */
  height: 80px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold img:hover {
  position: absolute;
  margin-left: -80px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -210px;  /* hier genau so */
  width: 400px;       /* die weite beim vergrößern */
  height: 400px;      /* die höhe beim vergrößern */
}
@font-face {
  font-family: 'Comic_Neue_Regular';
  src: url('../Fonts/ComicNeue-Regular.woff2') format('woff2'),
       url('../Fonts/ComicNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Comic_Neue_Bold';
  src: url('../Fonts/ComicNeue-Bold.woff2') format('woff2'),
       url('../Fonts/ComicNeue-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#ComicNeu {font-family: 'Comic_Neue_Bold',Arial;
                color:#DD2255;
                text-shadow: 4px 4px 2px #7F7F7F;/* h-shadow v-shadow blur-radius color */
                font-size: 22px;
}

@font-face {
    font-family: 'stint';
    src: url('../Fonts/StintUltraCondensed-Regular.woff2') format('woff2'),
         url('../Fonts/StintUltraCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#Stint {font-family: 'stint',Arial;
                color:navy;
                font-size: 20px;
}

hr { 
     box-shadow:4px 4px 2px #BFBFBF;
     border:solid #0000FF 2px;
}
