/* css document */


body
    {
    margin: 10px;
    background-color: #fff;
    font-family: georgia, "times new roman", times, serif;
    font-size: 11px;
    color: #999999;
    text-align: center;
    }

img, p, ul, li
    {
    margin: 0; padding: 0; border: 0;
    }
  
h1
    {
    display: none;
    }
  
#container,
#preview
    {
    margin: 0px auto;
    width: 620px;
    }
 
#container img
    {
    margin-top: 5px;
    }
   
hr
    {
    width: 600px;
    height: 1px;
    border: none;
    background-color: #ccc;
    }
.wichtig
    {
    color: red;
    font-weight: bold;
    }
    
.big
    {
    font-size: 18px;
    font-weight: bold;
    }
/* font list */

ul#fonts
    {
    margin: 10px 0 20px 0;
    }
    
ul#fonts li
    {
    position: relative;
    z-index: 1;
    width: 620px;
    height: 140px;
    display: block;
    list-style: none;
    text-indent: -5000px;
    }

/* font list links */
   
ul#fonts li a
    {
    position: absolute;
    z-index: 2;
    bottom: 24px;
    right: 28px;
    width: 53px;
    height: 18px;
    display: block;
    text-decoration: none;
    background: url(img/down.gif) no-repeat;
    }

ul#fonts li a:hover
    {
    background: url(img/down.gif) no-repeat 0 -18px;
    }

/* font list fonts */

ul#fonts li#f01
    {
    height: 183px;
    background: url(img/semp_reg.gif) no-repeat;
    }

ul#fonts li#f02
    {
    height: 183px;
    background: url(img/semp_ext.gif) no-repeat;
    }

ul#fonts li#f03
    {
    background: url(img/fru_med.gif) no-repeat;
    }

ul#fonts li#f04
    {
    background: url(img/fru_med_ext.gif) no-repeat;
    }

ul#fonts li#f05
    {
    height: 183px;
    background: url(img/bav_reg.gif) no-repeat;
    }

ul#fonts li#f06
    {
    height: 183px;
    background: url(img/bav_ext.gif) no-repeat;
    }

ul#fonts li#f07
    {
    background: url(img/fru_small.gif) no-repeat;
    }

ul#fonts li#f08
    {
    background: url(img/fru_small_ext.gif) no-repeat;
    }

ul#fonts li#f09
    {
    height: 183px;
    background: url(img/fru_reg.gif) no-repeat;
    }

ul#fonts li#f10
    {
    height: 183px;
    background: url(img/fru_ext.gif) no-repeat;
    }

ul#fonts li#f11
    {
    background: url(img/aur_reg.gif) no-repeat;
    }

ul#fonts li#f12
    {
    background: url(img/aur_ext.gif) no-repeat;
    }
ul#fonts li#f13
    {
    height: 183px;	
    background: url(img/mem_reg.gif) no-repeat;
    }
ul#fonts li#f14
    {
    height: 183px;
    background: url(img/mem_ext.gif) no-repeat;
    }
ul#fonts li#f15
    {
    height: 183px;
    background: url(img/mun_reg.gif) no-repeat;
    }
ul#fonts li#f16
    {
    height: 183px;
    background: url(img/mun_ext.gif) no-repeat;
    }
ul#fonts li#f17
    {
    height: 183px;
    background: url(img/gros_reg.gif) no-repeat;
    }
ul#fonts li#f18
    {
    height: 183px;
    background: url(img/gros_ext.gif) no-repeat;
    }
ul#fonts li#f19
    {
    height: 183px;
    background: url(img/mareib_reg.gif) no-repeat;
    }
/* text links */
 
a
    {
    color: #cc0000;
    text-decoration: none;
    } 

a:hover
    {
    text-decoration: underline;
    }