html, body {
  width:100%;
  height:100%;
}
body {
  background:#667788 url('/home-1440580975/bilder/kurs_bg.jpg') no-repeat center;
  background-size:cover;
  font-size:1em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
#Tabelle_01 {
  width:100%;
  height:100%;
}
#all {
  display:table;
  position:relative;
  margin:0 auto;
  width:90%;
  height:100%;
}
#headbox, #contentbox, #footbox { display:table-row; }
#head, #foot {
  display:table-cell;
  vertical-align:middle;
}
#head { height:20%; }
#content {
  display:table-cell;
  vertical-align:top;
}
#headtop {
  background-color:rgba(0,0,0,0.2);
  margin-top:2px;
  padding:3px;
  border:1px solid transparent;
  border-radius:2px;
}
#headright {
  position:absolute;
  top:0;
  right:-5%;
  max-width:40%;
}
#headrightimg {
  max-width:100%;
  max-height:2.3em;
}
#contentright { font-size:0.8em; }
#foot {
  text-align:center;
  height:20%;
}
.footentry {
  display:inline-block;
  vertical-align:top;
}
#kurstyp {
  position:absolute;
  top:0;
  left:-5%;
  color:#ffffff;
  font-size:0.5em;
  z-index:-1;
}
#kursname {
  color:#ffffff;
  font-weight:bold;
  text-shadow:1px 1px 1px #000000;
}
#ueb_frage {
  clear:both;
  margin:10px 0;
  padding:3px;
  background-color:rgba(129,222,255,0.502);
  border:2px ridge #d1e3fb;
  border-radius:2px;
  color:#ffff00;
  text-align:center;
  text-shadow:1px 1px 1px #000000;
  font-weight:bold;
}
#frage, #contentright, #erkl, .bildantw_text {
  margin-bottom:10px;
  padding:5px;
  background-color:rgba(129,222,255,0.502);
  border:2px ridge #d1e3fb;
  border-radius:2px;
  color:#000066;
}
.userimgbox1 {
  width:100%;
  display:inline-block;
  position:relative;
}
.userimgbox1:after {
  padding-top:68.75%;
  display:block;
  content:'';
}
.userimgbox2 {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  background-image:url('/home-1440581048/bilder/kurs_imgbox_bg.png');
  background-size:cover;
  -webkit-background-size:cover;
  padding:2.5% 2.25% 2.25% 1.75%;
}
.userimg {
  width:100%;
  height:auto;
}
.userimg_defaultsize { height:100% !important; }
.video_with_fallback {
  display:block;
  text-align:center;
}
.bt_antw {
  width:100%;
  background:url('/home-1440581088/bilder/kurs_but_antw_3multistate.png') no-repeat;
  background-size:100% 300%;
  -webkit-background-size:100% 300%;
  color:#ffff00;
  text-align:center;
  text-shadow:0px 0px 1px #000000, 0px 0px 2px #000000, 0px 0px 5px #000000, 0px 0px 10px #000000;
  cursor:pointer;
}
.bt_antw > .dhbcontent { padding:9px 4px; }
.bt_antw.hover, .bt_antw.processing {
  background-position:left center;
  background-color:;
  color:#ff6600;
  text-shadow:0px 0px 1px #ffffff, 0px 0px 2px #ffffff, 0px 0px 5px #ffffff, 0px 0px 10px #ffffff;
}
.bt_antw.clicked {
  background-position:left bottom;
  background-color:;
  color:#ffffff;
}
.bt_nav_box { width:120px; }
.bt_nav {
  width:100px;
  background:url('/home-1440581139/bilder/kurs_but_nav_3multistate.png') no-repeat;
  background-size:100% 300%;
  -webkit-background-size:100% 300%;
  color:#ffff00;
  text-align:center;
  text-shadow:1px 1px 1px #000000;
  cursor:pointer;
}
.bt_nav > .dhbcontent { padding:9px 4px; }
.bt_nav.hover, .bt_nav.processing {
  background-position:left center;
  background-color:;
  color:#ff6600;
}
.bt_nav.clicked {
  background-position:left bottom;
  background-color:;
  color:#ffffff;
}
.bt_nav.disabled {
  background:url('/home-1440581168/bilder/kurs_but_nav_disabled.png') no-repeat;
  background-color:;
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
  text-shadow:none;
  color:rgba(153,153,153,0.6);
  cursor:default;
}
.bt_nav2 {
  width:40px;
  margin-right:5px;
  background:url('/home-1440581185/bilder/kurs_but_nav2_3multistate.png') no-repeat;
  background-size:100% 300%;
  -webkit-background-size:100% 300%;
  cursor:pointer;
}
.bt_nav2.disabled { display:none; }
.bt_nav2.hover, .bt_nav2.processing, .bt_nav2_static:hover { background-position:left center; }
.bt_nav2.clicked, .bt_nav2_static:active { background-position:left bottom; }
.bt_bildantw {
  background-size:100% 100%;
  -webkit-background-size:100% 100%;
  height:100%;
  cursor:pointer;
}
.bt_bildantw:hover { opacity:0.65; }
#f3b { display:block !important; }
#f3b_r {
  display:block !important;
  text-align:center;
}
.f3b_c {
  display:inline-block !important;
  width:28%;
  padding:0 10px;
  text-align:left;
}
.diagr {
  position:relative;
  max-width:90%;
  height:;
  background-size:100% 100%;
}
.diagr_value {
  position:absolute;
  top:13px;
  left:100%;
  padding-left:5px;
  font-size:10px;
  line-height:12px;
}
.diagr_balken_komplett {
  position:absolute;
  top:15px;
  left:0;
  right:0;
}
.diagr_balken_01 {
  background:url('/home-1440581235/bilder/kurs_auswert_balken_01.png') no-repeat;
  background-size:100% 100%;
  height:8px;
}
.diagr_balken_02 {
  background:url('/home-1440581239/bilder/kurs_auswert_balken_02.png') no-repeat;
  background-size:100% 100%;
  height:8px;
}
.diagr_balken_03 {
  background:url('/home-1440581244/bilder/kurs_auswert_balken_03.png') no-repeat;
  background-size:100% 100%;
  height:8px;
}
.diagr_balken_04 {
  background:url('/home-1440581248/bilder/kurs_auswert_balken_04.png') no-repeat;
  background-size:100% 100%;
  height:8px;
}
.diagr_grmin {
  position:absolute;
  top:-4px;
}
.diagr_grmax {
  position:absolute;
  top:-4px;
}
.diagr_grmin_img {
  position:absolute;
  left:-2px;
  width:3px;
  height:15px;
  background:url('/home-1440581261/bilder/kurs_auswert_grmin.gif') no-repeat;
}
.diagr_grmax_img {
  position:absolute;
  left:-2px;
  width:3px;
  height:15px;
  background:url('/home-1440581267/bilder/kurs_auswert_grmax.gif') no-repeat;
}
.diagr_grmin_value, .diagr_grmax_value {
  position:absolute;
  bottom:0;
  left:-2px;
  font-size:10px;
  line-height:12px;
}
.highlight1 {
  font-weight:normal;
  color:#000066;
  text-shadow:0px 0px 2px #ffffff;
}
.highlight2 {
  font-weight:normal;
  color:#000066;
  text-shadow:0px 0px 2px #ffffff;
}
.highlight3 {
  font-weight:normal;
  color:#000066;
  font-style:italic;
  font-size:0.8em;
}
.highlight4 {
  color:#ff0a00;
  font-weight:normal;
  text-shadow:0 0 1px #000000, 0 0 2px #000000;
  background-color:rgba(0,0,0,0.3);
  padding:0 2px;
}
.highlight5 {
  font-weight:bold;
  color:#ff0a00;
  text-shadow:0 0 1px #000000, 0 0 2px #000000;
  background-color:rgba(0,0,0,0.3);
  padding:0 2px;
}
.highlight6 {
  color:#ffcc00;
  font-weight:normal;
  text-shadow:0 0 2px #000000;
  background:rgba(0,0,0,0.8);
  background-color:rgba(0,0,0,0.3);
}
.highlight7 { color:#ffff00; }
.highlight8 { color:#80ff00; }
#feedb_richtig { font-weight:bold; }
.loading, .noscript {
  text-align:center;
  font-size:2em;
  line-height:1.5em;
}
.processing { cursor:wait !important; }
.empty, .newbutton_delayed { display:none; }
@media screen and (orientation: portrait) {
  html { overflow-y:hidden; }
  body { overflow-y:scroll; }
  .f3b_c { width:40%; }
  #la01c2 { margin-top:5px; }
}
@media tv, projection, print, screen and (orientation: landscape) {
  body { background-attachment:fixed; }
  #la01c1 {
    width:47%;
    float:left;
    margin-right:16px;
  }
  #la01c2 {
    width:47%;
    float:right;
    overflow:hidden;
  }
  #contentright { clear:both; }
  #erkl { min-height:150px; }
}
@media only screen and (min-width: 75em) {
  body { font-size:1em; }
}
@media only screen and (min-height: 30em) {
  #ueb_frage.empty {
    display:block;
    visibility:hidden;
  }
  #headrightimg { max-height:75px; }
  .diagr { max-width:50%; }
}
@media tv, projection, screen and (orientation: landscape) and (min-width: 50.1em) {
  #kurstyp {
    position:static;
    float:right;
    font-size:1em;
    text-shadow:1px 1px 1px #000000;
  }
  #headmain, #contentmain {
    float:left;
    width:70%;
  }
  #headright {
    position:static;
    text-align:right;
  }
  #headrightimg { max-height:75px; }
  #headright, #contentright {
    float:right;
    width:25%;
  }
  #contentright {
    clear:none;
    min-height:150px;
  }
}
@media tv, projection, screen and (orientation: landscape) and (min-width: 50.1em) and (min-height: 500px) {
  #erkl, #contentright { min-height:300px; }
  #headrightimg { max-height:100px; }
}
@media tv, projection, screen and (orientation: landscape) and (min-width: 50.1em) and (min-height: 600px) {
  #erkl, #contentright { min-height:400px; }
  #headrightimg { max-height:120px; }
}
@media print {
  * {
    background:transparent !important;
    color:#000000 !important;
    text-shadow:none !important;
  }
  #foot { display:none; }
}