body, div, p, table {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  background-color:transparent;
  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 {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
div#farbauswahl {
  position:absolute;
  background-color:rgba(255, 102, 0, 0.2);
  top:5px;
  right:5px;
  padding-left:2px;
  padding-top:2px;
  padding-bottom:2px;
  box-shadow: 3px 3px 3px #696969;
}
/* ANFANG Linienstärke */
select#s_linienstaerke {
  font-size:10px;
  background-color:#ffffff;
  border-color:#bebebe;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  max-width:32px;
  height:20px;
}
/* ENDE Linienstärke */
div#schwarz {
  width:22px;
  height:22px;
  background-color:#000;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#schwarz:hover,
div#blau:hover,
div#gruen:hover,
div#orange:hover,
div#rot:hover,
div#violett:hover,
div#gelb:hover,
div#braun:hover,
div#grau:hover,
div#kariert:hover,
div#liniert:hover,
div#notenlinien:hover,
div#kein:hover,
div#notebookexport:hover,
div#div_gerade_linie:hover,
div#radiergummi:hover,
div#neue_folie:hover,
div#links_rechts:hover {
  border-color:#f60;
  cursor:pointer;
}
  
div#bildladen:hover, 
div#speichern:hover,
div#folieninhalt_loeschen:hover {
  cursor:pointer;
}
div#blau {
  width:22px;
  height:22px;
  background-color:#00f;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#gruen {
  width:22px;
  height:22px;
  background-color:#006400;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#orange {
  width:22px;
  height:22px;
  background-color:#f60;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#rot {
  width:22px;
  height:22px;
  background-color:#f00;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#violett {
  width:22px;
  height:22px;
  background-color:#ff00ff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#gelb {
  width:22px;
  height:22px;
  background-color:#FFCC33;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#braun {
  width:22px;
  height:22px;
  background-color:#A52A2A;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#grau {
  width:22px;
  height:22px;
  background-color:#b3b3b3;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#speichern {
  width:22px;
  height:22px;
  background-color:transparent;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:transparent;
}
div#notebookexport {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#bildladen {
  width:22px;
  height:22px;
  background-color:transparent;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:transparent;
}
div#kariert {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#bebebe;
}
div#liniert {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#bebebe;
}
div#notenlinien {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#bebebe;
}
div#kein {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#bebebe;
}
div#platzhalter {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#neue_folie {
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#folieninhalt_loeschen {
  width:22px;
  height:22px;
  background-color:transparent; /*rgba(255, 102, 0, 0.2);*/
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:transparent;
}
div#folieninhalt_loeschen:hover {
  
}
div#radiergummi {
  /*margin-top:22px;*/
  width:22px;
  height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#div_gerade_linie {
  /*margin-top:22px;*/
  max-width:22px;
  max-height:22px;
  background-color:#fff;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  border-color:#fff;
}
div#zeichenflaeche {
  /*width:100%;*/
  background-color:transparent;
  background-image:url('leer.png');
  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;
}