@charset "utf-8";
/* CSS Document */

#content a#aufloesung {
    color: #000;
}

#content .tx-pp-quiz-simple .quiz-wrapper .quiz-results p.quiz-from {
    color: #000;
    font-size: 16px;
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: normal;
    border: none;
    text-transform: none;
    border-top: 1px solid #000;
    padding-top: 1em;
}

#content .tx-pp-quiz-simple h3.error {
    font-family: DINWeb-Medium, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
}
#content .tx-pp-quiz-simple .error,
#content .tx-pp-quiz-simple .error a {
    color: #CC323D;
}

#content .tx-pp-quiz-simple ul {
    margin-bottom: 1.5em;
}
#content .tx-pp-quiz-simple ul li {
    list-style: disc;
}

.quiz-wrapper {
    width: auto;
    /*width:18.75em;*/
    clear: both;
}

.quiz-wrapper img {
    margin: 0 auto 20px auto;
    max-width: 440px;
    height: auto;
}

.quiz-wrapper form img {
    margin: 0;
}

.quiz-wrapper.quiz-checkbox,
.quiz-wrapper.quiz-radio {
    background: none;
}

.quiz-inner {
    text-align: center;
    font-size: 0.90875em;
}

.quiz-wrapper .contest {
    margin: 20px 0 30px 0;
    font-size: 12px;
}

.tx-pp-quiz-simple {
    text-align: left;
}

#content .quiz-inner .col-1 {
    width: 8.75em;
    padding-right: 0;
    margin-right: 1.25em;
    padding: 20px 0 20px 0;
    float: left;
}

#content .quiz-inner .col-2 {
    width: 8.75em;
    padding: 20px 0 20px 0;
    float: left;
    margin: 0;
}

#content .quiz-inner .col-1.backline,
#content .quiz-inner .col-2.backline {
    padding: 0;
}

#content .quiz-radio .backline,
#content .quiz-checkbox .backline,
#content .quiz-radio .quiz-inner .backline {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
}

#content .quiz-inner .quiz-inner .col-1.backline,
#content .quiz-inner .quiz-inner .col-2.backline,
#content .results .quiz-inner .col-1,
#content .results .quiz-inner .col-2 {
    padding: 32px 0 31px 0;
}

#content .results .quiz-inner .col-1.buttons,
#content .results .quiz-inner .col-2.buttons {
    padding: 20px 0 20px 0;
}

#content p.quiz-button,
#content .inner-row-right .csc-default p.quiz-button,
#content a.quiz-button {
    background: #CC323D;
    color: #fff;
    padding: 2px 40px 2px 40px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: block;
    text-align: center;
    font-family: DINWeb-Medium, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-transform: uppercase;
}

#content p.quiz-button.on,
#content .inner-row-right .csc-default p.quiz-button.on,
a.quiz-button.on {
    background: #006ab3 url(../Images/quizcheck_blue.html) no-repeat 93% 4px;
    -webkit-box-shadow: inset 5px 5px 5px 2px #04597d;
    -moz-box-shadow: inset 5px 5px 5px 2px #04597d;
    box-shadow: inset 5px 5px 5px 2px #04597d;
}

a.quiz-button:hover,
a.quiz-button:focus,
a.quiz-button:active {
    background: #006ab3;
    color: #fff;
    text-decoration: none;
}

a.quiz-button.on:hover,
a.quiz-button.on:focus,
a.quiz-button.on:active {
    background: #006ab3 url(../Images/quizcheck_blue.html) no-repeat 93% 4px;
}

.quiz-percent {
    font-family: DINWeb-Medium, Arial, Helvetica, sans-serif;
    color: #006ab3;
    font-size: 3em;
    padding: 20px 0 20px 0;
}

.quiz-radio .quiz-percent {
    font-family: DINWeb-Medium, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 0.875em;
    padding: 0 0 0 30px;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border-radius: 7px;
    line-height: normal;
    display: block;
    text-align: left;
    background: url(../Images/quiz_blue_mark_off.png) no-repeat left top;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    height: 23px;
}

.quiz-radio .quiz-percent.on {
    background: url(../Images/quiz_blue_mark.png) no-repeat left top;
}

.quiz-radio .quiz-percent span {
    font-family: DINWeb-Medium, Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 0;
    -moz-border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
    line-height: normal;
    display: block;
    text-align: left;
    background: #006ab3;
    overflow: visible;
    height: 23px;
}

.quiz-radio .quiz-percent span span {
    display: block;
    padding: 5px 5px 0 5px;
    -moz-border-radius: 0 7px 7px 0;
    -webkit-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
    background: #006ab3;
    font-weight: normal;
    height: 18px;
    line-height: 1em;
}

.ie9 .quiz-radio .quiz-percent span span,
.ie .quiz-radio .quiz-percent span span {
    padding: 5px 5px 0 5px;
    height: 18px;
}

.quiz-people-wrapper {
    background: url(../Images/quiz_people_off.png) no-repeat 0 0;
    display: block;
    height: 30px;
}

.quiz-people {
    background: url(../Images/quiz_people_on.png) no-repeat 0 0;
    display: block;
    height: 30px;
}

#content .quiz-radio .quiz-inner {
    text-align: left;
}

#content .tx-pp-quiz-simple .backline p {
    padding: 10px 0 41px 0 !important;
}

#content .quiz-wrapper .quiz-form label {
    display: block;
    padding: 15px 35px 0 55px;
    height: 55px;
    font-size: 0.875em;
    font-family: wf-DINWeb, Arial,serif;
    margin-bottom: 10px;
    overflow: hidden;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-weight: bold;
}

#content .quiz-wrapper .quiz-form input[type="radio"]:checked ~ label,     /* clicked element */
#content .quiz-wrapper .quiz-form label:hover,
#content .quiz-wrapper .quiz-form label:focus {
    text-decoration: underline;
}
#content .quiz-wrapper input[type="radio"]:checked ~ label .count,     /* clicked element */
#content .quiz-wrapper .quiz-form label:hover .count,
#content .quiz-wrapper .quiz-form label:focus .count {
}

#content .quiz-wrapper .vregister label.fm {
    display: inline-block;
}

#content .quiz-wrapper .vregister form fieldset legend{
    font-size: 1.35em;
    line-height: 1.125em;
    margin: 0 0 5px 0;
}
#content .quiz-wrapper .vregister form fieldset label {
    font-family: wf-DINWeb, Arial, Helvetica, sans-serif;
    color: #000;
    /*float: left;*/
    font-size: 1.35em;
    padding: 0;
    /*width: 15em;*/
}

#content .quiz-wrapper .vregister form fieldset div {
    margin-bottom: 1em;
}

#content .quiz-wrapper .vregister .wide-2 {
    width: 20em;

    font-family: wf-DINWeb, Arial, Helvetica, sans-serif;
    font-size: 1.325em;
    color: #000;
    background: #fff;
    padding: 2px 5px 2px 5px;
}


#content .quiz-competiton-wrapper {
    border-bottom: 1px dotted #333;
    margin-bottom: 10px;
}

#content .inner-row-right .csc-default p strong.blue {
    color: #006ab3;
    font-weight: normal;
}

#content .quiz-competiton-wrapper label {
    display: block;
    font-size: 0.875em;
    float: left;
    padding-top: 5px;
    padding-right: 10px;
    color: #383838;
    width: 10em;
}

#content .quiz-competiton-wrapper input {
    display: block;
    font-size: 0.875em;
    float: left;
    margin-right: 10px;
    width: 280px;
    border: 1px solid #B1B0B0;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 4px 4px 10px -5px #E3E3E3 inset;
    float: left;
    margin-bottom: 10px;
    padding: 5px;
}

#content .quiz-competiton-wrapper label.check {
    width: auto;
    padding-top: 0;
}

#content .quiz-competiton-wrapper input.check {
    width: auto;
    margin-top: 2px;
}

#content .quiz-competiton-wrapper input.red {
    width: auto;
}

#content .quiz-wrapper label:hover,
#content .quiz-wrapper label:focus,
#content .quiz-wrapper label:active {
    /*background: url(../Images/quiz_back_label.png) repeat left top;*/
}

#content .quiz-competiton-wrapper label:hover,
#content .quiz-competiton-wrapper label:focus,
#content .quiz-competiton-wrapper label:active {
    background: none;
}

#content input.quiz-checkbox-field,
#content input.quiz-radio-field {
    position: absolute;
    left: 10px;
    bottom: 20px;
}

#content .inner-row-right .csc-default .quiz-results p {
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
    display: block;
}

.quiz-results-wrapper {
    /* border-bottom: 1px dotted #666; */
    margin-bottom: 30px;
}

#content .quiz-wrapper .quiz-results-item {
    display: block;
    padding: 15px 35px 0 55px;
    height: 55px;
    font-size: 0.875em;
    margin-bottom: 16px;
    font-family: wf-DINWeb, Arial,serif;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#content .quiz-wrapper .quiz-results-wrapper div p {
    padding: 30px 0;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

#content .quiz-wrapper span.quiz-result-check {
    display: block;
    float: left;
    width: 36px;
    height: 70px;
    background: #868686;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

#content .quiz-wrapper .quiz-w span.quiz-result-check {
    background: #CC323D;
}

#content .quiz-wrapper .quiz-c span.quiz-result-check {
    background: #387a33 url(../Images/icon_checkbox_green.png) 6px 18px no-repeat;
}

.count {
    background: #0069B4;
    height: 56px;
    width: 27px;
    color: #fff;
    padding: 14px 5px 0 5px;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 1px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 30px;
}

#content .quiz-results span.count {
    background: #868686;
    top: 0px;
}

#content .quiz-wrapper .quiz-w span.count {
    background: #CC323D;
}

#content .quiz-wrapper .quiz-c span.count {
    background: #387a33;
    top: 0px;
}

.ui-radio-checked .count,
.ui-radio-hover .count {
    background: #CC323D;
}

#content .quiz-wrapper span.ui-checkbox,
#content .quiz-wrapper span.ui-radio {
    display: block;
    float: left;
    width: 36px;
    height: 70px;
    background-color: #0069B4;
    position: absolute;
    right: 0;
    top: 1px;
    cursor: pointer;
}

#content .quiz-wrapper span.ui-helper-hidden {
    display: none;
}

#content .quiz-wrapper span.ui-radio-state-hover,
#content .quiz-wrapper span.ui-checkbox-state-hover {
    background: #CC323D;
}

#content .quiz-wrapper span.ui-checkbox-state-checked,
#content .quiz-wrapper span.ui-checkbox-state-checked-hover {
    background: #CC323D url(../Images/icon_checkbox.jpg) 5px 10px no-repeat;
}

#content .quiz-wrapper span.ui-radio-state-checked-disabled-hover,
#content .quiz-wrapper span.ui-radio-state-checked-disabled,
#content .quiz-wrapper span.ui-radio-state-checked,
#content .quiz-wrapper span.ui-radio-state-checked-hover {
    background: #CC323D url(../Images/icon_checkbox.jpg) 5px 10px no-repeat;
}

#content .quiz-wrapper .ui-radio-disabled,
#content .quiz-wrapper .ui-checkbox-disabled {
    opacity: 0.7;
}

.quiz-image {
    text-align: center;
}

.quiz-soocial {
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
}

#content .inner-row-right .csc-default .quiz-soocial p {
    float: left;
    display: block;
    padding: 6px 0 0 0;
}

.quiz-soocial img {
    float: right;
    margin: 0 2px 0 0;
}

#content .quiz-wrapper a.red {
    padding: 4px 5px 0px 18px;
    height: 19px;
    clear: both;
    margin-bottom: 10px;
}

#content .quiz-wrapper input.red {
    clear: both;
    margin-bottom: 10px;
    margin-top: 5px;
}

.ie #content .quiz-wrapper input.red,
.ie9 #content .quiz-wrapper input.red {
    padding: 4px 5px 4px 18px;
}

#content .quiz-wrapper a.red:hover,
#content .quiz-wrapper a.red:focus,
#content .quiz-wrapper a.red:active,
#content .quiz-wrapper input.red:hover,
#content .quiz-wrapper input.red:focus,
#content .quiz-wrapper input.red:active {
    background: #a6271f url(../Images/more_arrow.png) no-repeat 5px 9px;
}

.quiz-send {
    margin-top: 10px;
    padding-top: 10px;
    width:100%;
}


/* hh 2.5.2012 ############## */
#content .quiz-wrapper .tx-pp-quiz.results {
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}

.condition-wrapper {
    padding: 10px 0 0 0;
}

.condition-wrapper a.mehr-link{
    font-size: 16px;
}

#content .quiz-wrapper a.red, #content .quiz-wrapper input.red {
    clear: none;
}

#content .quiz-wrapper a.conditions {
    margin-top: 5px;
    float: left;
}

#content .quiz-wrapper input.mehr-button {
    margin-right: 0;
}

/*
 * deaktiviertes JavaScript
 */
#content .quiz-wrapper input[type="radio"]:checked + span {
    background: url("../Images/icon_checkbox.jpg") no-repeat scroll 5px 10px #CC323D;
}
#content .quiz-wrapper input[type="radio"]:checked ~ label span {
    background: none repeat scroll 0 0 #CC323D;
}