body, table {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  /*line-height:18px;*/
  background-color:#fff;
  margin:0px;
  padding:0px;
}

input[type=text] {
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size:14px;
  background-color:#fff;
  line-height:18px;
  padding:2px;
  border-style:solid;
  border-color:#bebebe;
  border-width:1px;
    
}

input[type=text]:hover {
  border-color:cornflowerblue;
}

div#ausgabefeld {
  background-color:white;
}

div#kartenvorschau {
  margin:4px;
  padding:2px;
  border-style:solid;
  border-width:1px;
  border-color:#aaaaaa;
  border-radius:5px;
  background-color:#ffffff;
  font-size:10px;
  font-family:Arial,Helvetica,sans-serif;
  /*z-index:-1;*/
}

div#navi {
  margin:0px;
  padding:0px;
}

.abstand_rechts {
  padding-right:5px;
}

table, td {
  margin:0px;
  padding:0px;
  border-collapse:collapse;
  border-style:solid;
  border-width:1px;
  border-color:#f5f5f5;
}

table#eingabetabelle {
  margin-left:10px;
}

td.mit_rahmen {
  border-color:#696969;
}

td.mit_rahmen_links {
  border-left-color:#696969;
}

td.mit_rahmen_oben {
  border-top-color:#696969;
}

td.mit_rahmen_rechts {
  border-right-color:#696969;
}

td.mit_rahmen_unten {
  border-bottom-color:#696969;
}

td.ohne_rahmen_links {
  border-left-color:#f5f5f5;
}

.nach_rechts {
  text-align:right;
}

.zentriert {
  text-align:center;
}

.nach_oben {
  vertical-align:top;
}

textarea.eingabebeschriftung {
  background-color:#ffe6d5;
  padding:0px;
  margin:0px;
  border-style:solid;
  border-color:white;
  border-width:0px;
}

textarea.eingabebeschriftung:hover {
  background-color:#ffccaa;
}


textarea.eingabe {
  background-color:white;
  padding:0px;
  margin:0px;
  border-style:solid;
  border-color:white;
  border-width:0px;
}

textarea.eingabe:focus {
  background-color:yellow;
}

span.knopf_klein {
  border-style:solid;
  border-width:1px;
  border-color:#f5f5f5;
  display:inline-block;
  padding:0px;
  /*width:16px;
  height:16px;*/
  text-align:center;
}

span.knopf_klein:hover {
  border-style:solid;
  border-width:1px;
  border-color:#f60;
  border-radius:5px;
  background-color:#ffe6d5;
  cursor:pointer;
}

span.knopf {
  border-style:solid;
  border-width:1px;
  border-color:#fff;
  display:inline-block;
  padding:2px;
  width:26px;
  height:26px;
  text-align:center;
}

span.knopf:hover {
  border-style:solid;
  border-width:1px;
  border-color:cornflowerblue;
  background-color:#DFEAF2;
  cursor:pointer;
}

input[type=button] {
  font-weight:bold;
  background-color:cornflowerblue;
  color:white;
  padding:2px;
  border-style:solid;
  border-color:#bebebe;
  border-width:1px;
  /*margin:2px;
  margin-right:10px;*/
}

input[type=button]:hover {
  color:cornflowerblue;
  background-color:#fff;
  border-color:cornflowerblue;
  cursor:pointer;
}

table#sonderzeichen td,
table#sonderzeichen2 td {
  border-collapse:collapse;
  padding:0px;
  margin:0px;
}

table#sonderzeichen input[type=button],
table#sonderzeichen2 input[type=button] {
  width:20px;
  height:20px;
  background-color:white;
  border-style:solid;
  border-width:1px;
  border-color:#696969;
  border-radius:4px;
  color:#222;
  font-weight:normal;
}

table#sonderzeichen input[type=button]:hover,
table#sonderzeichen2 input[type=button]:hover {
   border-color:cornflowerblue;
  background-color:#DFEAF2;
  cursor:pointer;
}