body, div, p, table {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  background-color:#005500;
  padding:0px;
  margin:0px;
  cursor:crosshair;
}
body {
  /*background:url('hintergrund-karo.svg');*/
}
input, select {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
}
div#farbauswahl {
  position:absolute;
  top:5px;
  right:5px;
  box-shadow: 3px 3px 3px #696969;
  background-color:#005500;
}
div#weiss {
  width:22px;
  height:22px;
  background-color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#weiss:hover,
div#blau:hover,
div#gruen:hover,
div#orange:hover,
div#rot:hover,
div#violett:hover,
div#gelb:hover,
div#bildladen:hover,
div#speichern:hover,
div#radiergummi:hover,
div#neue_folie:hover,
div#folieninhalt_loeschen:hover {
  border-color:#f60;
  cursor:pointer;
}
div#blau {
  width:22px;
  height:22px;
  background-color:#80b3ff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#gruen {
  width:22px;
  height:22px;
  background-color:#66ff00;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#orange {
  width:22px;
  height:22px;
  background-color:#FFA500;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#rot {
  width:22px;
  height:22px;
  background-color:#ff5555;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#violett {
  width:22px;
  height:22px;
  background-color:#ff00ff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#gelb {
  width:22px;
  height:22px;
  background-color:#FFFF00;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#speichern {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#bildladen {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#platzhalter {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#neue_folie {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#folieninhalt_loeschen {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#radiergummi {
  /*margin-top:22px;*/
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#005500;
}
div#zeichenflaeche {
  /*width:100%;*/
  background-color:#005500;
  background-image:url('hintergrund_karo.svg');
  background-repeat: no-repeat;
  position:absolute;
  left:0px;
  top:0px;
}
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;
}