body, table {
    font-family:Arial,Helvetica,'Liberation Sans',sans-serif;
    font-size:12px;
    background-color:#DCDCDC;
    padding:0px;
    margin:0px;
}

div {
    padding:0px;
}

div#ausgabebereich {
    font-family:'Courier New',monospace;
    font-size:14px;
    font-weight:bold;
    background-color:white;
    width:790px;
    min-height:24px;
    border-style:solid;
    border-width:1px;
    border-color:grey;
    padding:5px;
}

table#kontrollelemente {
    background-color:#DCDCDC;
    margin-left:5px;
    padding:0px;
    width:790px;
}

span.knopf {
   display:block;
   border-style:solid;
   border-width:1px;
   border-color:grey;
   border-radius:5px;
   text-align:center;
   padding:4px;
   background-color:#F8F8FF;
   min-width:150px;
}
span.knopf:hover {
   color:#f60;
   border-color:#f60;
   background-color:rgba(255, 229, 213, 1);
   font-weight:bold;
}

a {
    text-decoration:none;
    color:grey;
    background-color:#DCDCDC;
}
a:hover {
    color:#f60;
    background-color:rgba(255, 229, 213, 1);
}