@media all {
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {}

body {
	text-align:left; 
	font:100.01%/1.231 Arial, sans-serif; color:#444;}


#container {
	font-size:1em;
	box-sizing:border-box;
	margin:0 auto;
	padding:0.5em;
	background-color:#ffffff;
}
h1, h2, h3 {
	font-family:Arial, sans-serif;
	font-weight:normal;
}
h1 {
    font-size: 1.750em;
	margin-top: 0;
    }
h2 {
	font-size: 1.438em;
	
}
h3 {
	font-size: 1.250em;
}

h4.ergebnis{font-size:.9em;}
.logo { width:30%; margin:1em 0 1em 0; }
p.intro { margin:2em 0; }
form { width:100%; }
.formContainer {
	background:#FFF;
	margin-bottom:2em;
	padding-top:2em;
	
	border-top:4px solid #009de0;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.inputrow {
	margin-bottom: 1.5em;
}
.inputrow:after {
	clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}
label {
	font-size:1em;
	display:inline-block;
	cursor: pointer;
	margin-right:.5em;
	vertical-align: middle;
	width: 160px;
}
input, textarea, select, button {
	font-family:Arial, sans-serif;
	font-size:1em;
}

input[type="text"],
textarea,
select {
    color: #666;
    border: 1px solid #E8E8E8;
}
input[type="text"]:focus,
textarea:focus,
select:focus {
    color: #111;
	border-color: #66afe9;
}
input[type="text"] {
    padding: 0.313em;
}
input#einkommen { width: 10em; }
input#personen { width: 12em; }
textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    
    padding-left: 0,188em;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    
    width: 100%;
}

.textbox {
    background-color: #fff;
    border: 1px solid #b1b1b1;
    width: 100%;
    height: 3em;
    padding: .5em;
}



/* checkbox */
.check input[type=checkbox] {
-moz-appearance: none;
-webkit-appearance: none;
display: block;
cursor: pointer;
height: 1.5em;
opacity: 0;
position: absolute;
margin-left: 2.5em;
z-index: 50;
}
.check label {
color: #444444;
line-height: 2em;
width: 70%;
text-align: left;
margin-left: 1.5em;
cursor: pointer;
}
.check label:before {
content: " ";
width: 1em;
height: 1em;
margin-left: -1.5em;
margin-top: .3em;
position: absolute;
display: inline-block;
border: 1px solid #444444;
background-color: #ffffff;
z-index: 30;
}
.check label:hover:before {
background: rgba(27,147,199,.1);
color: rgba(27,147,199,.1);
}
.check input[type=checkbox]:checked+label:before {
content: "\2713";
font-size: 1em;
color: rgba(27,147,199,1);
text-align: center;
line-height: 1.1em;
}

/* radio */
.radio { margin-top: 15px; }
.radio input[type=radio] {
-moz-appearance: none;
-webkit-appearance: none;
display: inline-block;
cursor: pointer;
height: 1.5em;
width: 0.1em;
width: 2em;
opacity: 0;
position: absolute;
left: 3em;
z-index: 50;
}
.radio label {
color: #444444;
line-height: 2em;
text-align: left;
margin-left: 2em;
display:initial;
cursor: pointer;
}
.radio label:before {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
content: " ";
width: 1em;
height: 1em;
margin-left: -1.5em;
margin-top: .35em;
position: absolute;
display: inline-block;
border: 1px solid #444444;
background-color: #ffffff;
z-index: 30;
}
.radio label:hover:before {
background: rgba(27,147,199,.1);
color: rgba(27,147,199,.1);
}
.radio input[type=radio]:checked+label:before {
content: "\2022";
font-size: 1em;
background: rgba(27,147,199,1);
color: rgba(27,147,199,1);
text-align: center;
line-height: 1.1em;
}

/* select */
.styled-select select {
   background: transparent;
   width: 12em;   
   height: 2em;
   line-height: 1;
}
.styled-select select.kostenart {
   width: 18.7em;
   padding-bottom:0;
}

.styled-select {
	width: 12em;
	height: 2em;
	display:inline-block;
	margin-bottom:-0.5em;
}

.styled-select select:focus {
    outline: none;
}

img { border:0; }

.btn {
    -webkit-transition: background 180ms ease-out 0ms;
    -moz-transition: background 180ms ease-out 0ms;
    -o-transition: background 180ms ease-out 0ms;
    transition: background 180ms ease-out 0ms;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;    
    border: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 12px 15px;
    outline: none;
    width: auto;
    letter-spacing: normal;
    width:12em;
}
.btn-primary {
    color: #fff;
    background: #E72242;
}
.btn-primary:before, #main button:before {

}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #000;
    border-color: #fff;
}






#printtitle {display:none;}
} /* end @media all */

/* key breakpoints */
/* Kann maximal 1280px darstellen. */
@media only screen and (min-width : 1280px) {
    #container {width:38.125em; min-width:20em;} /*610*/
}

@media print {
  .donotprint { visibility: hidden;display:none; }
  #container { margin-right:1.5em; }
  #printtitle {display:block; }
}