/*$font-stack: 'PT Sans', Arial, Helvetica, sans-serif;*/
/* css for a footer that always sticks to the page bottom

required structure:

...
<body>
	<div id="all">
		<div id="main" class="clearfix">
			...
		</div>
	</div>
	<div id="footer">
		...
	</div>
</body>	
...
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=PT+Sans");
html, body, #all {
  height: 100%; }

body > #all {
  height: auto;
  min-height: 100%; }

#main {
  padding-bottom: 80px; }

/* Muss genau so hoch sein wie der Footer */
/* CLEAR FIX */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Bereich nicht fuer IE-mac Anfang \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* Bereich nicht fuer IE-mac Ende */
#all {
  width: 90%;
  max-width: 600px;
  background-color: #ffffff;
  display: block;
  /*overflow: hidden;*/
  vertical-align: middle;
  margin: 0 auto; }

#footer, .footer {
  max-width: 600px;
  overflow: hidden;
  width: 90%;
  background-color: #fff;
  height: 80px;
  margin: -80px auto 0 auto;
  border-top: 1px solid #000;
  /* Negativer Wert der Footer-Hoehe */
  clear: both; }

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #000000; }

a, a:link, a:visited {
  color: #000;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-decoration: underline; }

a:hover {
  color: #000 !important;
  text-decoration: none !important; }

a.preheader, a.preheader:link, a.preheader:visited {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: font-size-preheader;
  color: #000000;
  text-decoration: none; }

a.preheader:hover {
  text-decoration: underline !important;
  color: #000000; }

.headline, h1 {
  color: #0091fa;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 0 20px;
}

#footer, .footer {
  color: #ffffff; }

a.footer:link {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #e4e8e6;
  text-decoration: none; }

a.footer:hover {
  text-decoration: underline !important;
  color: #ffffff; }

a.button:link {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
  text-decoration: none; }

a.button:hover {
  text-decoration: underline !important;
  color: #000000; }

.button,
input[type=button],
button {
  color: #ffffff;
  background-color: #fa280a;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  min-width: 120px;
  padding: 8px;
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-size: 12px;
  width: auto;
  font-weight:bold;
  border: none;
  text-transform:uppercase;
  -webkit-appearance: none; }

.button:hover,
.button:focus,
button:hover,
button:focus {
  background: #fe391d;
  outline: medium none;
  text-decoration: none; }

/*@import "../partials/radios-checkboxes"; // custom radios/checkboxes (responsive)*/
body {
  margin: 0;
  padding: 0;
  background-color: #fff; }

#content, #footer-content {
  padding: 20px; }

hr {
  height: 1px;
  border-width: 0;
  color: #989798;
  background-color: #989798; }

table {
  width: 100%;
  border-collapse: collapse; }

.pagination {
  color: #cccccc;
  font-size: 0.9em;
  margin: 5px 0 0;
  text-align: right; }

.abstand {
  height: 20px; }

.head label {
  font-weight: bold;
  display: block;
  padding: 5px; }

div.question div.html {
  padding: 5px 0; }

.checkbox_group label, .radiobutton_group label {
  text-align: left;
  display: block;
  padding: 0 5px 5px 5px;
  width: 90%; }

.radiobutton_group input,
.checkbox_group input {
  display: block;
  float: left;
  width: 10%; }

.checkbox_matrix input,
.polarity_matrix input,
.radiobutton_matrix input {
  display: block;
  margin: 0 auto; }

td.answer, td.question, label[for^="a_"] {
  font-size: 0.9em; }

td.answer {
  text-align: center; }

.gauge table {
  width: auto; }

.body td {
  padding: 3px 5px; }

.gauge td {
  text-align: center;
  padding: 0px;
  min-width: 24px; }

.body tr:nth-child(even) {
  background-color: #f8f8f7; }

input, select, textarea {
  border: #e4e4e4 solid 1px;
  padding: 2px 3px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px; }

input[type=text], textarea, select {
  width: 100%; }

.pflicht {
  padding-top:3px;
  color:#79797b;
  text-align: right;
}
.actions {
  margin-top:20px;
}
.msg_error {
  color:#e40715;
}
/*
.rounded_border_box { @include border-radius(10px, 1px, red); }
*/