body {
    background-color:#C0C0C0;
    background-image:url(../img/background.jpg);
    background-size:2000px;
    font:bold large 'Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height:1.4em;
    text-shadow: 0px 0px 5px #DDDDDD;
/*    font-weight: lighter;
    font-size: 12pt;
    letter-spacing: 0.5px;*/
  }
  #lettern {
    position:absolute;
    left:23px;
    top:8px;
    background-repeat:no-repeat;
    background-image:url(../img/lettern-handsetzerei-interlaced@2x.png);
    background-size: 750px 765px;
    /* Die nächste Zeile ist nur für IE7 & IE8 */
    background-image /*\**/:url(../img/lettern-handsetzerei.png);\9
  }
  #home {
    position:absolute;
    width:200px;
    left:398px;
    text-align:right;
    top:29px;      
  }
  #home img {
    height: 26px;
  }
  #full {
    position:absolute;
    left:12px;
    top:52px;      
    right:12px;
  }
  #full form {
    white-space: nowrap;
  }
  #full form dt {
    display: inline-block;
    float:left;
    text-align: right;
    left: 2px;
    width: 582px;
    margin-right:25px;
  }
  #full form dd {
    display: block;
    text-align: left;
    margin-bottom: 35px;
  }
  #full form dd input, 
  #full form dd textarea {
    position: relative;
    border-style: none;
    padding: 5px;
    top: -5px;
    width: 450px;
    font-size: 16px;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.4em;
    background-color: rgba(255,255,255,.5);
    box-shadow: 1px 1px 8px rgba(0,0,0,.3);    
  }
  #full form dd input:focus, 
  #full form dd textarea:focus {
    background-color: rgba(255,255,255,0.7);
  }
  .button, 
  a.button,
  #full form dd input[type="submit"] {
    background: #333;
    color: #BBA;
    font-weight: bold;
    letter-spacing: 1px;
    width: inherit;
    padding: 0px;
    font-size: 110%;
    -moz-transform: matrix(1, 0, 0, -1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -o-transform: matrix(1, 0, 0, -1, 0, 0);
    box-shadow: 3px -4px 7px rgba(92,92,92,.7);
    line-height: .9em;
    padding-bottom: 0.2em;
  }
  .button:hover, 
  .button:focus, 
  a.button:hover,
  a.button:focus,
  #full form dd input:hover[type="submit"],
  #full form dd input:focus[type="submit"] {
    color: #EEE;
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    box-shadow: 3px 4px 7px rgba(92,92,92,.7);
  }
  #top {
    position:absolute;
    left:621px;
    top:93px;      
    right:12px;
  }
  #main {
    position:absolute;
    left:621px;
    top:323px;    
  }
  #bottom {
    position:absolute;
    left:621px;
    top:506px;     
    white-space:nowrap;
  }
  h1 {
    line-height: 1.8em;
    font-size: 1em;
    border-top: 11px solid #221;
    color: #222;
    // margin-top:6px;
    margin-top:4em;
    // margin-top:0px; //
    // padding-top:0px; //
    // line-height: 1em; //
    width:100%;
  }
  h2 {
    position:absolute;
    left:-300px;
    width:267px; 
    text-align:right; 
    font-size: 1em;
  }
  p {
    margin-top:-1px;
    line-height:1.5em;
  }
  div p, 
  div h1, 
  div h2 {
    margin-left:6px;
    margin-bottom:2em;
  }
  div#top h1 {
    // margin-top:3em;
  }
  div#top h1.first {
    margin-top:6px;;
  }
  em {
    font-style: normal; 
    font-weight: lighter;
  }
  div.serie {
    margin-top:1em;
  }
  div.serie div.tr {
    vertical-align:bottom;
    display:table-row; 
  }
  div.serie div.tr div {
    display:table-cell;
    padding-right:0px;
    vertical-align:bottom;
    font-size:0.75em;
    letter-spacing:0.2px;
    line-height:1.35em;
    font-weight:bold;
    padding-bottom:0.6em;
    white-space:nowrap;

  }
  div.serie h2 {
    margin-top:0em;
  }
  div.tr img {
    vertical-align:top;
    margin-bottom:-0.3em;
    padding-right:6px;
     width: 222px;
  }
  div.imageline {
    // white-space:nowrap;
  }
  
  div.imageline p {
    // font-weight:normal;
  }
  a, 
  a:link, 
  a:active, 
  a:hover {
    color:black;
    text-decoration:none;
    border:none;
  }
  a:hover {
    color:white;
    text-shadow: 0px 0px 5px rgba(100,100,100,.4)
  }
  a[name]:hover {
    color:black;
  }
  a img {
    border:none;
  }
  input:focus, textarea:focus {
    outline: 3px solid black;
    outline-offset: 1px;
    box-sizing: content-box;
  }
/* Versionierung
- 005 für die erste handsetzerei.ch website vom Juli 2013
- 006 ...? 
- 007 mit Ergänzungen speziell für MSIE 8 
- 009 mit breitem Rand um aktives eingabefeld, erstellt basierend auf V007 (November 2020)