#space {font-size:1px;}
#tabgesamt { width:700px; border:1px solid #666666; background:#EFEFEF; }
#tabcont { width:650px; }
#tabcontheight {height:400px;}
#tabhead {background:#BFBFBF; font-family:Helvetica; font-size:10pt; color:#666666; border-bottom:1px solid #666666; height:25px; padding-left:25px;}

#tdlab {width:200px; font-family:Helvetica; font-size:10pt; color:#000000;}
#tdlabf {width:200px; font-family:Helvetica; font-size:10pt; color:#ff0000;}

#tdtf {width:450px; font-family:Helvetica; font-size:10pt; color:#000000;}
#tdtff {width:450px; font-family:Helvetica; font-size:10pt; color:#ff0000;}

td { font-family:Helvetica; font-size:12pt; color:#000000; }
.tdf { font-family:Helvetica; font-size:12pt; color:#ff0000; }
p { font-family:Helvetica; font-size:12pt; color:#000000; }
a { font-family:Helvetica; font-size:12pt; color:#ff0000; text-decoration:none;}

.tf {
border: #7D7D7D 1px solid;
font-family: Helvetica;
font-size: 11pt;
color: #000000;
background-color: #FFFFFF;
height:18px;
width:450px;
}
.tf1 {
border: #7D7D7D 1px solid;
font-family: Helvetica;
font-size: 11pt;
color: #000000;
background-color: #FFFFFF;
width:450px;
}
.bt {
border: #7D7D7D 1px solid;
font-family: Helvetica;
font-size: 11pt;
color: #5F0000;
background-color: #DFDFDF;
height:16px; cursor:pointer;
width:450px;
}

body
{
background-position: top center;
background-repeat:no-repeat;
background-image: url(https://www.eposs-it.de/Fotolia/Fotolia_46587130_L.jpg);
background-repeat:no-repeat;
margin: 0 auto;
background-color: #666666;
font-family: Helvetica ,  sans-serif;
text-align:center;

margin: auto;
width: 40%;
border: 0;
padding: 10px;

}


.typewriter h1 {
  color: #ff0000;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid green; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation:
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: green; }
}