/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html {background:url(../img/content/demo/bg-ctu-code.jpg) no-repeat top center fixed;-webkit-background-size:cover;
-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

body {
  padding-top:40px;
  padding-bottom:40px;
  background:transparent;
  color: #444;
}

.panel {background-color:rgba(255, 255, 255, 0.85);
    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;}

.navbar-default {background:transparent;}

.panel .container {width:100%;}

.distance-left {padding-left:0;}
.distance-right {padding-right:0;}

.panel .topnav {
    border-bottom: 1px solid #727272;
}

.panel .modal-title {margin:20px 0;}

.panel .box-gray, .panel .step-boxes div, .panel .step-boxes div.top:after, .panel .advantages-list {background-color:#ffffff;}
.panel .step-boxes div.top:after, .panel .step-boxes div.bottom:before {
    border-top:1px solid #ffffff;
    border-right:1px solid #ffffff;
}

.panel .step-boxes div {margin-bottom:0; border-bottom:4px solid #c1c1c1;}
.panel .step-boxes div div {border-bottom:none 0;}

.panel .step-boxes .end {border-bottom:none;}

.panel ..step-boxes div.top:after {bottom:-7px;}

.panel .step-boxes div.bottom:before {top:-17px;
    background-color:#c1c1c1;
}

.panel .footer {position:relative;}
.panel .footer a {text-decoration:none;}

.panel form {margin-bottom:20px; border-bottom: 1px solid #a4a4a4;}

.panel table {
    font-family:Verdana;
    font-size:13px;
    color:#1d1d1b;
    width:320px;
    border-collapse: collapse;
}

.panel td {
    padding:6px 0;
    text-align:left;
}

.panel label {background-color:rgba(255, 255, 255, 0.8); padding:10px; margin-left:-8px;}

.values {
    border:1px solid #999999;
    margin-bottom:14px;
    box-shadow: 3px 3px 5px #a3a3a3;
}

.values:hover, .input:focus {
    border:1px solid #25B8CA;
    background-color:#25B8CA;
}

.values .first {
    width:180px;
    padding-left:8px;
}

.values .second {
    width:76px;
}

select::-ms-expand { /* for IE 11 */
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float:left;
    width:70px;
    border:1px solid #e4e4e4;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background-color:#ffffff;
    box-shadow: 2px 2px 3px #a3a3a3;
    padding:4px 6px;
    background-image:url(../img/content/apps/select-arrow.png);
    background-position: right;
    background-repeat: no-repeat;
}

select:hover, select:focus {
    color:#ffffff;
    background-color:#b1b3b4;
    background-image:url(../img/content/apps/select-arrow-active.png);
    outline: none;
}

*:focus {
    outline: none;
}

.lt-ie10 select {
    background-image:none;
}

option {
    color:#1d1d1b;
    background-color:#ffffff;
    border-top:1px solid #e4e4e4;
    padding:4px 5px;
}

.output {
    margin-top:0;
}

.output .first {
    width:240px;
    padding-left:8px;
}

input {
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    border-radius: 0;
    width:60px;
    text-align: center;
}

.fontbold, .output .bordertop input, .output .borderbottom input {
    font-weight:bold;
}

/* Kleine Geräte (Tablets, 1026px und smaeller) */
@media (max-width: 1026px) {
.navbar-right {
    margin-right:0;
}
    
.navbar-default .navbar-form {
    border:0 none;
    width:100%;
}
    
}

/* Kleine Geräte (Smartphones Portrait) */
@media (max-width: 740px) {
.panel .box-gray, .panel h5, .panel .step-boxes, .panel .advantages-list {margin-left:-15px;}
.step-boxes h5 {margin-left:0;}
    
}