@import url('https://fonts.googleapis.com/css?family=Roboto:300|Roboto+Condensed:400');

* {
font-family: 'Roboto', sans-serif;
font-weight: 300 !important;
color: #444;
box-sizing: border-box;
}
html {
background-color:#fff;
}
body {
background-color:#fff;
}
.form-body {
background-color:#fff;
text-align:left;
border-top: 2px solid #009de0;
}
form {
padding:0;
margin:0;
}
fieldset { 
border: none;
padding:0;
margin:0 0 20px 0;
}
legend { 
display:none;
visibility:hidden;
}
select, input, label, p { 
font-size : 1em;
}
.form-control {
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.logo { width:174px; margin:1em 0 1em 0; }
strong {
font-family: 'Roboto Condensed', sans-serif;
}
.inline-block {
display:inline-block;
}
.margin-top {
margin-top:0.5em;
}
.margin-bottom {
margin-bottom:0.5em;
}
h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size:1.4em;
color:#009de0;
margin-bottom: 0;
}
h3 {
font-family: 'Roboto Condensed', sans-serif;
font-size:1.1em;
font-weight:bold;
color:#444;
padding:0;
margin-bottom:0.5em;
margin-top:1em;
}
h3.condensed {
margin-bottom:0;
}
p.condensed-top {
margin-top:0;
}
p.condensed-bottom {
margin-bottom:0;
}
.blue {
color:#289dd3;	
}
.btn-primary {
    color: #fff;
    background-color: #009de0;
    border-color: #2e6da4;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.footnote {
font-size:0.875em;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
div#back,
div#forward { width:49%; float:left; padding-top:10px; padding-bottom:10px;}
div#forward { text-align:right; }
.symInfo {
    width: 1em;
    height: 1em;
	margin: 0 0 0 0.2em;
	font-size: 16px;
}
#tooltip, #tooltip2 {
    margin:0.5em 0;
}
.showTooltip:hover {
    cursor: help;
}
table.rag {
width:400px;
border-collapse:collapse;
}
.rag th,
.rag td {
border:1px solid #fff;
text-align:center;	
}

.rag th {
background-color:#009de0;
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
}
.rag tr.even {
background-color:#ebebeb;
}
.rag tr.odd {
background-color:#ccc;	
}
@media print {
	.btn {
		display: none;
	}
	.textbox {
		border: none;
		padding: 5px;
		width: 85%;
		background-color: transparent;
	}
}
/* Kann maximal 768px darstellen. */

@media only screen and (min-width : 768px) {
    .form-body {max-width:40em;} 
}