* {
  margin: 0; 
  padding: 0; }
html, body { 
  height: 100%; 
  width: 100%;
}
div.mein_title {
  vertical-align:middle;
  font-size:12px;
  font-family:Arial,Helvetica,sans-serif;
  padding-left:2px;
  height:24px;
  position:relative;
  float:right;
  width:120px;
  margin-left:10px;
  user-select:none;
  background-color:rgba(255, 246, 213, 0.4);
  border-color:#696969;
  border-style:solid;
  border-width:1px;
  border-radius:4px;
  /*box-shadow: 3px 3px 3px #f60;*/
  display:none;
}
canvas {
  display: block;
}

body {
  background: #f5f5f5;
  padding:0px;
  margin:0px;
}
div.mein_knopf {
  width:24px;
  height:24px;
  border-style:solid;
  border-width:1px;
  padding:0px;
  border-radius:4px;
  border-color:#696969;
  float:left;
}
input.mein_inputknopf {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  text-align:right;
  width:24px;
  height:24px;
  border-style:solid;
  border-width:1px;
  padding:0px;
  border-radius:4px;
  border-color:#696969;  
}
input.mein_inputknopf:hover {
  background-color:#fff6d5;
}

.linie_unten {
  border-bottom-style:none;
  border-bottom-width:1px;
  border-bottom-color:#696969;
  padding-bottom:10px;
}

div.mein_knopf:hover {
  box-shadow: 0 0 1px 1px #369 inset;
}

div.mein_knopf:active {
  box-shadow: 0 0 2px 2px #f60 inset;
}

.gerade_aktiv {
  box-shadow: 3px 3px 3px #f60;
}

table#meine_steuerelemente_tab {
  padding:0px;
  margin:0px;
  /*background-color:rgba(100, 100, 100, 0.2);*/
}

table#meine_steuerelemente_tab td {
  padding:2px;
}
div#path {
  background-image:url(../img/eingabeauswahl_freihand.png);
}

div#line {
  background-image:url(../img/eingabeauswahl_linie.png);
}

div#circle {
  background-image:url(../img/eingabeauswahl_kreis.png);
}

div#rectangle {
  background-image:url(../img/eingabeauswahl_rechteck.png);
}

div#erase {
  background-image:url(../img/eingabeauswahl_radiergummi.png);
}

div#text {
  background-image:url(../img/eingabeauswahl_text.png);
}

div#hintergrundgitter {
  background-image:url(../img/eingabefeld_hintergrundgitter_an.png);
}

div#darkblue {
  background-image:url(../img/farbwahl_dunkelblau.png);
}

div#blue {
  background-image:url(../img/farbwahl_blau.png);
}

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#purple {
  background-image:url(../img/farbwahl_violett.png);
}

div#black {
  background-image:url(../img/farbwahl_schwarz.png);
}

div#grey {
  background-image:url(../img/farbwahl_grau.png);
}

div#white {
  background-image:url(../img/farbwahl_weiss.png);
}

div#white {
  background-image:url(../img/farbwahl_weiss.png);
}

div#bildschirmfoto_knopf {
  background-image:url(../img/eingabefeld_bildexport.png);
}

div#vollbild_knopf {
  background-image:url(../img/icon_vollbild.png);
}

div#alles_loeschen_knopf {
  background-image:url(../img/eingabefeld_alles_loeschen.png);
}

div#steuerelemente_ausblenden {
  position:absolute;
  float:left;
  padding:0px;
  margin:0px;
}

div#b_steuerelemente_ausblenden {
  background-image:url(../img/eingabefeld_steuerelemente_einblenden.png);
  position:absolute;
  top:4px;
  left:4px;
  float:left;
  padding:0px;
  margin:0px;
}

#titel_b_steuerelemente_ausblenden {
  position:absolute;
  top:0px;
  left:26px;
  /*float:left;*/
}

div#meine_steuerelemente {
  position:absolute;
  float:left;
  top:28px;
  padding:0px;
  margin:0px;
}

#bildexport_behaelter {
  display:none;
}

#zeichenflaeche {
  background: #ffffff;
  border: thin solid #aaaaaa;
  cursor: crosshair;
  margin-left: 0px;
}

#steuerungselemente {
 padding-top: 5px;
 padding-bottom: 10px;
 padding-left: 100px;
}