body {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  top:0px;
  left:0px;
}

@font-face {
  font-family: 'SourceCodePro';
  font-style: normal;
  font-weight: 400;
  src: local('SourceCodePro'), 
       local('SourceCodePro'), 
       url('../fonts/SourceCodePro.otf') format('opentype');
}

div#navi {
  position:absolute;
  top:0px;
  right:0px;
  /*max-width:820px;*/
  left:0px;
  height:26px;
  background-color:#f5f5f5; /*lightgrey;*/
}

body.hilfeseite {
  background-color:#f5f5f5;
}

div.hilfepunkt {
  background-color:white;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  line-height:17px;
  width:800px;
}

div.hilfepunkt ul > li {
  line-height:22px;
  padding-top::10px;
  padding-bottom:10px;
  list-style-type:none;
}

div.hilfepunkt li pre {
  background-color:#2E3436;
  color:white;
  font-family:'SourceCodePro';
  font-size:11px;
  font-weight:bold;
  border-style:solid;
  border-width:1px;
  border-color:#2E3436;
  border-radius:5px;
  width:640px;
  padding-left:10px;
}

span.ergaenzung {
  color:#f60;
}

div#editor1 { 
  position: absolute;
  top: 26px;
  right:0px;
  bottom:0px;
  left:0px;
  font-family:'SourceCodePro';
  font-size:11pt;
}

img#dateiauswahlknopf {
  vertical-align:middle;
  padding-left:5px;
  padding-right:5px;
}

img#speicherknopf {
  vertical-align:middle;
  padding-left:5px;
  padding-right:5px;
}

img#exportknopf {
  vertical-align:middle;
  padding-left:5px;
  padding-right:20px;
}

img#hilfe {
  vertical-align:middle;
  border-style:none;
}

a#hilfelink {
  border-style:none;
}

a#hilfelink:hover {
  cursor:default;/*help;*/
}

a#fakeField {
  border-style:none;
}

a#fakeField:hover {
  cursor:default;/*help;*/
}

img#loeschen {
  margin-top:4px;
  float:right;
}

select {
  background-color:#f5f5f5 !important;
  border-style:solid !important;
  border-width:1px !important;
  border-color:#f5f5f5 !important;
  border-radius:5px !important;
}


select:hover {
  border-style:solid !important;
  border-width:1px !important;
  border-color:#f5f5f5 !important;
}

option {
  border-style:solid !important;
  border-width:1px !important;
  border-color:#f5f5f5 !important;
}

a.linkbereich {
  height:12px;
  cursor:pointer;
  border-bottom:dotted 1px grey; 
  text-decoration:none;
  color:black;
}
a.linkbereich:hover {
  background-color:#e9f3f8;
}

/* für schmälere Fenster als ca. 790px*/
@media all and (max-width:790px) {
  div#navi {
    height:52px;
  }
  div#editor1 { 
    top:52px;
  }
}

/* für noch schmälere Fenster als ca. 460px*/
@media all and (max-width:460px) {
  div#navi {
    height:78px;
  }
  div#editor1 { 
    top:78px;
  }
}

/* für extrem schmale Fenster kleiner als ca. 320px*/
@media all and (max-width:320px) {
  div#navi {
    height:104px;
  }
  div#editor1 { 
    top:104px;
  }
}