@font-face {
   font-family: 'Ubuntu Light';
   src: local('Ubuntu Light'), url('/src/Ubuntu-L.ttf') format('truetype');
}
html, body {
   height: 100%;
}
br.clear {
   clear: both;
}
pre {
   font-size: 9pt;
   font-family: monospace;
}
div.wrapper {
   float: left;
   background: #222;
   min-height: 100%;
   width: 100%;
   min-width: 1200px;
}

div.navigation_public {
#   background: #87325c; /* lila */
#   background: #147290; /* blau gut */
   background: #80c43e; /* grün gut */
   color: #ffffff;
   font-family: 'Ubuntu', sans-serif;
   font-size: 11pt;
   height: 65pt;
   line-height: 25pt;
   padding-top: 10pt;
}

div.navigation_public .logo {
   float: left;
   margin-left: 75pt;
   margin-top: 6pt;
}

div.navigation_public .stats {
   border-left: 1px solid #cccccc;
   height: 55pt;
   margin-left: 215pt;
   position: absolute;
   padding-left: 35pt;
}

div.navigation_public .stats tr {
   padding-left: 35pt;
}

div.navigation_public .stats tr td {
   color: #ffffff;
   font-family: 'Ubuntu', sans-serif;
   font-size: 10pt;
   line-height: 16pt;
   padding-left: 37pt;
   text-shadow: 1px 1px 0px #444;
}

div.navigation_public form.login {
   float: right;
   margin-right: 25pt;
}

div.navigation_public form.login a {
   color: #222222;
   float: right;
   text-decoration: none;
   font-size: 9pt;
   line-height: 30pt;
   margin-right: 10pt;
}

div.navigation_public form.login input {
   background-color: #f0f0f0;
   border: 1px solid #888888;
   border-radius: 2pt;
   font-size: 9pt;
   height: 25pt;
   padding: 0 3pt;
   width: 150pt;
}

div.navigation_public form.login button {
   background-color: #efefef;
   border: 1px solid #888888;
   border-radius: 2pt;
   float: right;
   font-size: 8pt;
   height: 22pt;
   line-height: 20pt;
   margin-top: 5pt;
}

div.content_wrap {
   background: #ffffff;
   min-height: 600px;
   width: 100%;
}

div.content {
   font-family: 'Ubuntu Light', sans-serif;
   font-weight: normal;
   font-size: 11pt;
   width: 1000px;
   padding-top: 20px;
   padding-bottom: 20px;
   margin: auto;
}
div.content a {
    text-decoration: none;
}

div.content h1 {
   font-size: 16pt;
   font-weight: normal;
   margin: 10pt 0pt;
}

div.content div.teaser_slideshow {
   border: 1px solid #aaaaaa;
   float: left;
   height: 350px;
   margin-bottom: 10pt;
   width: 650px;
}

div.content div.registration {
   float: right;
   width: 300px;
   
}

div.content div.registration h2 {
   color: #333333;
   font-size: 16pt;
   font-family: 'Ubuntu Light', sans-serif;
   font-weight: normal;
   margin-bottom: 20px;
}

div.content div.registration input {
   background: #eeeeee;
   border: 1px solid #888;
   border-radius: 2pt;
   display: block;
   font-family: 'Ubuntu Light', sans-serif;
   font-weight: normal;
   font-size: 11pt;
   line-height: 30pt;
   margin-bottom: 5pt;
   height: 30pt;
   padding: 3pt;
   width: 100%;
}

div.content div.registration button {
   background: #cccccc;
   border: 1px solid #888888;
   border-radius: 2pt;
   display: block;
   float: right;
   font-family: 'Ubuntu Light', sans-serif;
   font-weight: normal;
   font-size: 10pt;
   line-height: 20pt;
   margin-top: 5pt;
   padding: 3pt;
}

div.content div.registration button:hover {
   background: #dddddd;
}

div.content div.teaser_row {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
div.content div.teaser_row h2 {
   color: #333333;
   font-size: 16pt;
   font-family: 'Ubuntu Light', sans-serif;
   font-weight: normal;
   margin-bottom: 20px;
   text-decoration: none;
}
div.content div.teaser_row div.calculator {
   border-left: 1px solid #dddddd;
   width: 270px;
   padding: 10px 30px;
}
div.content div.teaser_row div.calculator:first-child {
    border-left: none;
    margin: 0;
}

div.content div.teaser_row div.calculator img {
    margin-right: 8px;
}
div.content div.teaser_row div.calculator p.text {
   color: #333333;
   font-size: 11pt;
   font-weight: normal;
   line-height: 16pt;
   padding-top: 10pt;
   text-align: justify;
}

div.content div.bitcoin_calculator h1 {
    display: inline-block;
}
div.content div.bitcoin_calculator div.ad_main {
    float: right;
}
div.content div.bitcoin_calculator .top .speed {
   float: left;
   display: inline-block;
   margin-top: 10pt;
   text-align: left;
}
div.content div.bitcoin_calculator .top .curr_select {
   display: inline-block;
   float: right;
   margin-top: 10pt;
   text-align: right;
}
div.content div.bitcoin_calculator .top .speed input {
   background: #f4f4f4;
   border: 1px solid #bbbbbb;
   display: inline-block;
   float: left;
   font-family: 'Ubuntu', sans-serif;
   font-size: 12pt;
   height: 40pt;
   margin-right: 5pt;
   padding: 0 5pt;
   text-align: right;
   width: 400px;
}
div.content div.bitcoin_calculator .top label {
   float: left;
   font-weight: normal;
   height: 40pt;
   line-height: 40pt;
   margin-right: 10pt;
}
div.content div.bitcoin_calculator .top select {
   background: #f4f4f4;
   display: inline-block;
   height: 41pt;
   line-height: 26pt;
   border: 1px solid #bbbbbb;
   font-family: 'Ubuntu', sans-serif;
   vertical-align: middle;
   padding: 12pt 0; 
}
.content .bitcoin_calculator .advanced {
   border-top: 1px solid #bbbbbb;
   margin-top: 20pt;
   padding-top: 20pt;
}
div.content div.bitcoin_calculator .advanced .row {
   display: block;
   float: left;
   margin-right: 25pt;
   padding-left: 30pt;
   width: 25%;
}
div.content div.bitcoin_calculator .advanced .row select {
/*   background: #f2ffe8;*/
   background: #f4f4f4;
   border: 1px solid #bbbbbb;
   float: right;
   height: 31pt;
   line-height: 30pt;
   margin: 0;
   margin-right: 3pt;
   margin-top: 8pt;
   padding: 8pt 0;
   width: 55px;
}
div.content div.bitcoin_calculator .advanced .row input {
/*   background: #f2ffe8; */
   background: #f4f4f4;
   border: 1px solid #aaaaaa;
   float: right;
   font-size: 8pt;
   height: 30pt;
   line-height: 30pt;
   margin: 0;
   margin-top: 8pt;
   padding: 0 3pt;
   text-align: right;
   width: 120px;
}
div.content div.bitcoin_calculator .advanced .row input.short {
   width: 60px;
}
div.content div.bitcoin_calculator .advanced h2 {
   color: #777777;
   font-size: 12pt;
   font-weight: normal;
   margin-bottom: 10pt;
}
div.content div.bitcoin_calculator .advanced label {
   display: block;
   float: left;
   font-size: 9pt;
   font-weight: normal;
   height: 18pt;
   line-height: 11pt;
   padding: 6pt 0pt;
   margin: 0;
   margin-top: 8pt;
   width: 110px;
}
div.content div.bitcoin_calculator p.disclaimer {
   display: inline-block;
   font-weight: normal;
   margin-top: 30pt;
   text-align: right;
}
div.content div.bitcoin_calculator textarea {
   font-weight: normal;
   font-size: 9pt;
}
div.content div.bitcoin_calculator button {
   float: right;
   font-family: 'Ubuntu', sans-serif;
   font-size: 11pt;
   height: 35pt;
   margin-top: 30pt;
   width: 140px;
}
div.content div.overlay {
    background: rgba(0,0,0,0.80);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.content div.bitcoin_calculator .result {
   background-color: #ffffff;
   box-shadow: 0px 0px 25px #000;
   border: 0px solid #dddddd;
   border-width: 40px 10px 10px 10px; 
   border-radius: 3px;
   position: fixed;
   margin: auto;
   padding: 15px;
   top: 120px;
   left: 0;
   right: 0;
   width: 750px;
   height: 400px;
}
div.content div.bitcoin_calculator .result .head {
   text-align: right;
   position: relative;
   bottom: 25px;
}
div.content div.bitcoin_calculator .result .head label {
   display: inline-block;
   font-weight: normal;
   font-size: 8pt;
    margin-bottom: 3px;
   width: 180px;
}
div.content div.bitcoin_calculator .result input {
   background: #f4f4f4;
   border: 1px solid #aaa;
    font-size: 8pt;
   height: 34px;
   padding: 0 3px;
   width: 180px;
   text-align: right;
}
div.content div.bitcoin_calculator p.hashrate {
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;
   font-size: 16pt;
   font-weight: normal;
   padding-bottom: 15px;
   padding-top: 15px;
   text-align: center;
}
div.content div.bitcoin_calculator .close {
   color: #111111;
   cursor: pointer;
   display: block;
   text-align: right;
   text-shadow: 1px 1px #eee;
   font-weight: normal;
   position: relative;
   bottom: 42px;
   left: 12px;
}
div.content div.bitcoin_calculator .result h2 {
   color: #111111;
   font-size: 11pt;
   font-weight: normal;
   position: relative;
   bottom: 56px;
   right: 12px;
   text-shadow: 1px 1px #ffffff;
}
div.content div.bitcoin_calculator .result .navigation {
   border-bottom: 1px solid #cccccc;
   line-height: 30px;
   margin-top: 20px;
   padding: 1px;
}
div.content div.bitcoin_calculator .result .navigation p {
   display: inline;
   font-weight: normal;
   font-size: 10pt;
}
div.content div.bitcoin_calculator .result .stats {
   display: block;
   margin-top: 15px;
}
div.content div.bitcoin_calculator .result .stats li {
   display: inline-block;
   font-size: 10pt;
   font-weight: normal;
   padding: 8px 8px;
   width: 350px;
}
div.content div.bitcoin_calculator .result .stats li .label {
   display: inline-block;
   width: 170px;
   text-align: left;
}
div.content div.bitcoin_calculator .result .stats li .value {
   color: #333333;
   display: inline-block;
   font-style: italic;
   width: 175px;
   text-align: right;
}
div.content div.bitcoin_calculator .result .txt {
   margin-top: 10px;
}
div.content div.bitcoin_calculator .result .txt table { margin-top: 25px; }
div.content div.bitcoin_calculator .result .txt table th.border-top,
div.content div.bitcoin_calculator .result .txt table td.border-top {
   border-top: 3px double #cccccc;
}
div.content div.bitcoin_calculator .result .txt table th {
   font-size: 10pt;
   padding: 8px 8px;
   width: 150px;
   text-align: left;
}
div.content div.bitcoin_calculator .result .txt table td {
   color: #333333;
   font-size: 10pt;
   font-style: italic;
   width: 145px;
   text-align: right;
}
div.content div.bitcoin_calculator .result .txt table td.short {
   width: 100px;
   padding-right: 65px;
}
div.content div.bitcoin_calculator .result ul,
div.content div.bitcoin_calculator .result ul li {
   display: inline;
}
div.content div.bitcoin_calculator .result .navigation ul li:last-child {
   float: right;
}
div.content div.bitcoin_calculator .result ul li a {
   border-color: #ffffff;
   border-width: 0px 0px 4px 0px;
   border-style: solid;
   color: #555555;
   font-size: 10pt;
   font-weight: normal;
   padding: 3px 10px;
   text-decoration: none;
}
div.content div.bitcoin_calculator .result ul.ui-tabs-nav li a:active,
div.content div.bitcoin_calculator .result ul.ui-tabs-nav li a:focus,
div.content div.bitcoin_calculator .result ul.ui-tabs-nav li a:hover,
div.content div.bitcoin_calculator .result .ui-tabs-active a {
   color: #000000;
   border-color: #80c43e;
}
div.content div.bitcoin_calculator .result textarea {
   display: block;
   width: 100%;
   max-width: 100%;
   height: 135px;
   resize: none;
}
div .content div.bitcoin_calculator .manual {
    border-top: 1px solid #aaaaaa;
    color: #333333;
    margin-top: 20pt;
}
div.content div.bitcoin_calculator .manual h3 {
    font-size: 11pt;
    margin-top: 16pt;
}
div.content div.bitcoin_calculator .manual p {
    font-size: 10pt;
    line-height: 13pt;
    margin-top: 11pt;
    text-align: justify;
}

div.footer {
   font-family: 'Ubuntu', sans-serif;
   font-size: 10pt;
   margin: auto;
   width: 1000px;
   height: 135pt;
}

div.footer a {
   color: #eeeeee;
   text-decoration: none;
}

div.footer div.links_block {
   float: left;
   width: 33%;
   line-height: 18pt;
}

div.footer div.links_block h3 {
   color: #999999;
   font-size: 12pt;
   font-family: 'Ubuntu Light', sans-serif;
   margin-top: 15pt;
   margin-bottom: 15pt;
}

div.footer div.links_inline {
   border-top: 1px solid #333333;
   display: block;
   float: right;
   margin-top: 15pt;
   padding-bottom: 15pt;
   padding-top: 15pt;
   padding-right: 8pt;
   text-align: right;
   width: 100%;
}

div.footer div.links_inline li {
   display: inline;
   margin-left: 20pt;
}

div.footer div.links_inline a {
   font-size: 8.5pt;
}