@media all {
html {}


body, html {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    background-color: #fff;
    color: #212529;
    margin: 0;
    padding: 0;
}

.containers {
	font-size:1em;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	min-width:20.000em;
}

.formContainer {
	background:#fff;
	padding:1em 0;
}

h1, h2, h3 {
	font-family:"Open Sans", sans-serif;
	color: #0177a0;	
	font-weight:normal;
}
h1 {
	display:none;
}

.header {
	color: #ffffff;
	font-size: larger;
	font-weight: bold;
	width: auto;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0.2em 0.5em;
	background: #0177a0;
}

.header {
	text-align: left;
	text-transform:none;
}

img { border:0; }

a {
    color: #0177a0;
    text-decoration: none;
    background-color: transparent;
}
a:focus, a:hover {
    color: #01b0ec;
    text-decoration: underline;
}

.tblbg-odd { 
background-color: #ffffff;
padding:0.6em 0.8em 0.6em 0.6em; 
}
.tblbg-even { 
background-color: transparent; 
padding:0.6em 0.8em 0.6em 0.6em;
}
.bezWidth {
display:inline-block; 
width:6em;
font-weight:bold;
}
.arrows {
display:inline-block;
float:right;
}
.pfeil {
	width:1em;
	height:1em;
}
fieldset {
 padding: 0.5em 0 1em 0;
 text-align: center;
 margin: 0;
 border: none;
}
.inputfield {
	height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
}

h1#title {
  display: inline;
  position: relative;
  top: -1em;
}



.errormsg {
  border: 1px dashed red;
  margin: 1em 0;
  background-color: rgba(255, 26, 62,.15);
  padding: .25em .35em .15em .35em;
}

#messagebox {
  margin-bottom:1em;
  padding: .5em;
}

#messagebox h3 {
  font-style: italic;
  margin: -.5em 0 .5em 0;
}

#messagebox strong {
  white-space: nowrap;
}

legend {
  color:#b1b1b1;
}

#rowlft,
#rowrgt { vertical-align: top; }

div#lft,
div#rgt {
  width: 25%;
  padding: .4em;
}
div#lft { float: right; text-align:right;}
} /* end @media all */

/* key breakpoints */
/* Kann maximal 1280px darstellen. */
@media only screen and (min-width : 1280px) {
    .container { width:40%} /*320*/
}

@media print {
  .donotprint { visibility:hidden; }
}