body {
  background-color:transparent;
}
body, table {
  font-family:"Helvetica-Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  padding:0px;
  margin:0px;
}
div.gerade_aktiv {
  background-color:lightred !important;
  color:darkred !important;
  border-color:darkred !important;
}
div#path {
  background-image:url(../img/eingabeauswahl_freihand.png);
}
div#line {
  background-image:url(../img/eingabeauswahl_linie.png);
}
div#erase {
  background-image:url(../img/eingabeauswahl_radiergummi.png);
}
div#bildschirmfoto_knopf {
  border-style:none;
  width:24px;
  height:24px;
  padding:0px;
  margin:0px;
  background-image:url(../img/eingabeauswahl_speichern.png);
}
div.mein_knopf {
  width:16px;
  height:16px;
  border-style:solid;
  border-width:1px;
  padding:0px;
  border-radius:4px;
  border-color:#696969;
  float:left;
}
div#red {
  background-image:url(../img/farbwahl_rot.png);
}
div#green {
  background-image:url(../img/farbwahl_gruen.png);
}
div#orange {
  background-image:url(../img/farbwahl_orange.png);
}
div#yellow {
  background-image:url(../img/farbwahl_gelb.png);
}
div#darkblue {
  background-image:url(../img/farbwahl_dunkelblau.png);
}
div#blue {
  background-image:url(../img/farbwahl_blue.png);
}
div#magenta {
  background-image:url(../img/farbwahl_magenta.png);
}
div#cyan {
  background-image:url(../img/farbwahl_cyan.png);
}
div#black {
  background-image:url(../img/farbwahl_black.png);
}
div#white {
  background-image:url(../img/farbwahl_white.png);
}
div#gray {
  background-image:url(../img/farbwahl_gray.png);
}
div#brown {
  background-image:url(../img/farbwahl_brown.png);
}
div#alles_loeschen_knopf {
  background-image:url(../img/eingabefeld_alles_loeschen.png);
  border-color:#f5f5f5;
}
div.mein_knopf {
  padding:0px;
  margin:0px;
}
div.mein_knopf:hover {
  cursor:pointer;
}
table#formularinhalt {
  position:absolute;
  left:0px;
  top:0px;
  background-color:#f5f5f5;
  width:1240px; /* 100% */
  border-style:solid;
  border-color:#f5f5f5;
  border-width:1px;
}
table, td {
  border-collapse:collapse;
  border-style:none;
  border-width:1px;
}
div#beaehlter {
  position:relative;
}
iframe#anzeigebereich {
  z-index:1;
} 
canvas#zeichenflaeche {
  z-index:2;  
}
#auswahl_linienstaerke,
#auswahl_deckkraft {
  width:44px;
}
iframe#anzeigebereich, 
canvas#zeichenflaeche {
  position:absolute;
  top:28px;
  left:0px;
  width:1240px;
  height:600px;
  border-style:solid;
  border-width:1px;
  border-color:#bebebe;
  margin:0px;
  /*background-color:transparent !important;*/
}
select, input[type=text], input[type=number], inputtextarea {
  border-style:solid;
  border-width:1px;
  border-color:#bebebe;
  padding:2px;
  background-color:#ffffff;
}
select:hover, input[type=text]:hover, textarea:hover {
  border-color:cornflowerblue;
}

input[type=button] {
  font-weight:bold;
  background-color:#ffffff;
  color:#000000;
  padding:1px;
  border-style:solid;
  border-color:#bebebe;
  border-width:1px;
}
input[type=button]:hover {
  color:cornflowerblue;
  background-color:#fff;
  border-color:cornflowerblue;
  cursor:pointer;
}
.nach_rechts {
  text-align:right;
}
.zentriert {
  text-align:center;
}
.nach_oben {
  vertical-align:top;
}
a:focus {
  outline: thin dotted;
}
a:active, a:hover {
  outline: 0;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover, a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}