html, body {
  width: 100%;
  height: 100%;
  font-family: 'Poppins', sans-serif;
  background-color: #000000;
  color: #cccccc;
  font-size: 12pt !important;
  padding: 0px;
  margin: 0px;
}

body {
  padding: 5px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  color: #ffffff;
  margin: 0;
}

a,
a:link,
a:active,
a:visited,
a:focus {
  color: #FFDD99;
}


.voffset-top-lg   { margin-top: 30px; }
.voffset-top      { margin-top: 15px; }
.voffset-top-sm   { margin-top:  8px; }
.voffset-top-xs   { margin-top:  3px; }
.voffset-top-none { margin-top:  0px; }

.voffset-lg   { margin-bottom: 30px; }
.voffset      { margin-bottom: 15px; }
.voffset-sm   { margin-bottom:  8px; }
.voffset-xs   { margin-bottom:  3px; }
.voffset-none { margin-bottom:  0px; }

.voffsets-lg   { margin-bottom: 30px; margin-top: 30px; }
.voffsets      { margin-bottom: 15px; margin-top: 15px; }
.voffsets-sm   { margin-bottom:  8px; margin-top:  8px; }
.voffsets-xs   { margin-bottom:  3px; margin-top:  3px; }
.voffsets-none { margin-bottom:  0px; margin-top:  0px; }

.hoffset-left-lg   { margin-left: 30px; }
.hoffset-left      { margin-left: 15px; }
.hoffset-left-sm   { margin-left:  8px; }
.hoffset-left-xs   { margin-left:  3px; }
.hoffset-left-none { margin-left:  0px; }

.hoffset-lg   { margin-right: 30px; }
.hoffset      { margin-right: 15px; }
.hoffset-sm   { margin-right:  8px; }
.hoffset-xs   { margin-right:  3px; }
.hoffset-none { margin-right:  0px; }

.hoffsets-lg   { margin-right: 30px; margin-left: 30px; }
.hoffsets      { margin-right: 15px; margin-left: 15px; }
.hoffsets-sm   { margin-right:  8px; margin-left:  8px; }
.hoffsets-xs   { margin-right:  3px; margin-left:  3px; }
.hoffsets-none { margin-right:  3px; margin-left:  0px; }

.rnb_table {
  width: 99%;
  min-width: 800px;
  margin-bottom: 20px;
}

.rnb_column {
  width: auto;
  padding: 0px;
}

.aktie {
  font-size: 10pt;
  border: 1px solid #888;
  margin: 0px;
  padding: 5px;
  background-color: #222;
}

.aktie.finished {
  color: #6c0;
  background-color: #240;
}

.progress_bar {
  width: 100%;
  height: 8px;
  border: solid #666 1px;
  background-color: #000;
}

.progress_gauge {
  border: 0;
  height: 8px;
}

.main_progress.progress_bar    { height: 52px; margin-top: 0.3em; }
.main_progress .progress_gauge { height: 52px; text-align: center; color: #000000; font-size: 50px; font-weight: bold; line-height: 52px;}

.main_progress_wrapper {
  width: 99%;
}

.img_table td {
  padding: 0.5em;
}

.preview_image {
  border: 1px solid #FFFFFF;
  width: 100%;
}