table tr.odd td, table tr.even td {
  border-right: 2px solid;
  border-color: #f7f7f7; }

table.big_radio_table td.result_spacer {
  border-right: 0; }

.mitgemacht {
  overflow: auto;
  width: 300px;
  height: 200px; }

.progress {
  margin-bottom: 10px; }

.radio_wrapper {
  height: 18px; }
  .radio_wrapper .radio_btn {
    width: 19px;
    float: left; }
    .radio_wrapper .radio_btn input {
      margin: 0;
      padding: 0; }
  .radio_wrapper .radio_option {
    width: 180px;
    float: left; }

.step_5 .radio_wrapper .radio_option {
  width: 200px;
  float: left; }

table.radio_question td.big {
  width: 300px; }
  table.radio_question td.big .radio_option {
    width: 278px; }

.result_button {
  float: right; }
  .result_button div.span {
    font-size: 13px; }

table.big_radio_table td.result_spacer {
  width: 10px; }
table.big_radio_table th.result_spacer {
  width: 10px; }
table.big_radio_table th.results {
  width: 120px; }
table.big_radio_table td.question_title {
  width: 220px;
  text-align: left;
  vertical-align: middle; }
table.big_radio_table td {
  text-align: center;
  vertical-align: middle; }
table.big_radio_table th {
  padding-bottom: 15px;
  vertical-align: bottom; }

table.radio_question td {
  text-align: left;
  padding-right: 20px;
  width: 220px; }

.progress .meter {
  height: 12px;
  display: block;
  margin-bottom: 5px;
  width: 80%;
  border: solid 1px;
  border-color: #252525;
  text-align: left; }
  .progress .meter span.value {
    position: absolute;
    margin-left: 40px;
    color: black; }

.current_step {
  text-align: center;
  margin-bottom: 20px; }

.hidden_result {
  display: none; }

.flash_error {
  width: 80%;
  padding: 15px;
  font-size: 120%;
  border: solid 1px red; }

#real_wrapper {
  background-image: url(/images/repeat_background.png);
  background-repeat: repeat-x; }

body {
  background-color: #ffffff;
  color: #252525;
  font-size: 12px; }

* {
  font-family: Trebuchet, Verdana, Tahoma;
  font-size: 100%; }

.result_button {
  padding-top: 10px; }

.for_error {
  color: red;
  margin-top: 10px; }

.question {
  margin-left: 15px;
  margin-top: 16px; }

.question_title {
  margin-top: 25px; }
  .question_title .number {
    padding: 8px;
    float: left;
    width: 35px;
    font-size: 110%;
    background-color: #ffe59b;
    margin-right: 4px;
    font-weight: bold; }
  .question_title .title {
    font-weight: bold;
    padding: 8px;
    float: left;
    width: 92%;
    background-color: #ffe59b;
    color: #663300;
    font-size: 110%; }

th.has_border {
  border: solid 1px black; }

.step_2 th {
  width: 55px; }

.step_3 th {
  width: 80px; }

td.result_spacer {
  background-color: #f7f7f7; }

td.for_error {
  height: 15px; }

.th_results_title {
  font-weight: bold; }

table th {
  width: 85px;
  text-align: center;
  vertical-align: bottom;
  font-weight: normal;
  padding: 5px 5px; }
table th.top {
  vertical-align: top; }
table th.left_column {
  width: 220px; }
table td {
  padding-left: 5px;
  text-align: center;
  height: 30px; }
table tr.odd {
  background-color: #fee396; }
  table tr.odd td {
    background-color: #fee396; }
table tr.even {
  background-color: #fef5ce; }
  table tr.even td {
    background-color: #fef5ce; }
table tr.td_error {
  background-color: #ff0000; }

.next_step {
  margin-top: 20px; }
  .next_step input {
    float: right; }

p {
  color: #252525; }

.arrow_button {
  background-image: url("/images/button.gif");
  border: 0;
  height: 38px;
  width: 242px;
  color: white;
  text-align: left;
  font-weight: bold;
  padding-left: 10px;
  padding-top: -5px; }

#wrapper {
  margin: 0 auto; }
  #wrapper #white_border {
    height: 100px;
    background-color: #ffffff; }
    #wrapper #white_border #white_wrapper {
      width: 940px;
      margin: 0 auto; }
    #wrapper #white_border .text {
      padding-top: 15px;
      float: left;
      margin-left: 60px;
      width: 600px;
      font-size: 13px;
      line-height: 17px;
      font-weight: bold;
      text-align: justify; }
  #wrapper #header {
    z-index: 10; }
    #wrapper #header #collage {
      background-color: #a30000;
      height: 180px; }
      #wrapper #header #collage .text {
        color: white;
        padding-top: 50px;
        width: 600px;
        margin-left: 80px;
        font-size: 20px;
        line-height: 30px;
        font-weight: bold; }
      #wrapper #header #collage #header_pic {
        width: 940px;
        margin: 0 auto;
        background-image: url("/images/red_header.png");
        height: 180px; }

#black_top_box {
  float: left;
  background-color: black;
  width: 220px;
  height: 130px;
  position: relative; }
  #black_top_box #content {
    padding: 20px;
    background-color: black;
    font-size: 20px;
    font-weight: bold; }
    #black_top_box #content h1 {
      background-color: black;
      font-size: 20px; }
    #black_top_box #content .white {
      color: #ffffff;
      margin-bottom: 10px; }
    #black_top_box #content .yellow {
      color: #ffe59b;
      margin-bottom: 10px; }

#content_wrapper {
  width: 920px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 0 10px 15px 10px; }
  #content_wrapper #content {
    margin: 0 auto;
    padding: 10px;
    width: auto;
    background-color: #f7f7f7; }

#footer {
  height: 50px;
  background-image: url(/images/footer_border.png);
  background-repeat: repeat-x;
  margin-top: 130px;
  text-align: left; }
  #footer #footer_wrapper {
    width: 920px;
    margin: 0 auto; }
    #footer #footer_wrapper #footer_content {
      margin-left: 300px;
      padding-left: 10px;
      margin-top: 10px;
      border-left: 1px solid #CCCCCC;
      line-height: 20px; }

#content {
  background-color: #ffffff;
  padding: 20px 0px;
  overflow: auto; }
  #content p {
    margin-bottom: 10px;
    line-height: 16px; }
  #content .radiobutton {
    width: 230px;
    float: left;
    display: inline;
    overflow: hidden; }

h1 {
  color: #9f2c0d;
  font-size: 120%;
  text-align: center;
  padding: 0;
  margin: 0; }

h1.title {
  font-size: 180%; }

h3.subtitle {
  text-align: center;
  margin-top: 10px;
  color: #252525;
  font-size: 100%;
  line-height: 14px; }

h2 {
  clear: both;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #252525;
  font-size: 120%; }