.ssquiz {
	 position:relative;
}
.ssquiz_header {
	width:100%;
	float:left;
}
.ssquiz_header h2 {
	display:none;
}

.ssquiz hr {
	background:#444;
}
.ssquiz_body {
	width:100%;
	float:left;
	padding-bottom:20px;
}
.ssquiz_body div {
    /*
	width:100%;
	float:left;
    */
}
.ssquiz div.alert {
	width:auto !important;
}
.ssquiz_footer {
	width:100%;
	float:left;
	padding-bottom:20px;
}
.ssquiz_exit {
	display:none !important;
}
.ssquiz_ok {
	width: 240px;
}

.quiz__start-btn {
    font-size: 20px;
}

.quiz__start-btn small {
    text-transform: none;
    font-size: 10px;
    line-height: 1em;
    display: block;
    padding-bottom: 6px;
}

@media screen and (max-width: 994px) {
    .ssquiz label {
        line-height: 32px;
    }
}



.ssquiz__question-head {
    font-size: 24px;
    font-weight: normal;
    display: block;
    margin-bottom: 0.5em;
}

.ssquiz .help-error {
	color: #B94A48;
    display: block;
}

.ssquiz .help-wrong {
	color: #B94A48;
	font-weight:bold;
}

.ssquiz .help-ok {
	color: #468847;
	font-weight:bold;
}


.ssquiz input {
    width:auto;
}



.ssquiz .ssquiz_timer {
	float: right;
	top: 5px;
	right: 10px;
	position: relative;
}

.ssquiz .time_alert {
	color:red;
}

.ssquiz hr {
	color: #999;
}
.ssquiz_finish {

}

.ssquiz_finish strong {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0.5em;
}

.ssquiz_finish_btn {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 18px;
	border: none;
	text-shadow: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #A84B3A;
	margin: 0 auto;
	display: block;
}

.ssquiz_timer img {
	width: 20px;
}

.ssquiz_loading {
	min-height: 200px;
	position: relative;
}

.history_list {
	margin-top:10px;
	margin-bottom:20px;
}

.history_list > .ssquiz_btn, .history_list > .ssquiz_btn:hover {
	display: inline-block;
   margin-bottom:2px;
    padding: 4px;
}

.history_list > .active {
	background: none;
	cursor: default;
}

.ssquiz .check_img {
	border-radius: 0px!important;
	box-shadow: none!important;
	position: relative;
	top: 10px;
	margin-right: 15px;
}

.ssquiz_timer .check_img {
	width: 20px;
	top: 5px;
	margin-right: 5px;
	opacity: 0.7;
}

.ssquiz_loading img{
	border-radius: 0px!important;
	box-shadow: none!important;
	position: relative;
	position: absolute!important;
	left: 47%!important;
	top: 40%!important;
}

.alert {
	margin-bottom: 5px;
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #FBEED5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert-success {
	float:none !important;
	color:#333333 !important;
	background: none #dff0d8 !important;
	border-color: #D6E9C6 !important;
	margin-right:2px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
}
.alert-success:hover {
	color:#333333 !important;
	background: none #dff0d8 !important;
	border-color: #D6E9C6 !important;
	margin-right:2px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
}
.alert-error {
	float:none !important;
	color:#333333 !important;
	background: none #F2DEDE !important;
	border-color: #EED3D7 !important;
	margin-right:2px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
}
.alert-error:hover {
	color:#333333 !important;
	background: none #F2DEDE !important;
	border-color: #EED3D7 !important;
	margin-right:2px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
}

.cf:before, .cf:after {content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both;}
/**For IE 6/7 only. Include this rule to trigger hasLayout and contain floats.*/
.cf { *zoom: 1;}

.titel_fuer_socialbuttons {
	float:left;
	width:245px !important;
	margin-top:20px;
	font-weight:bold;
}
.ssquiz_body .networks {
	font:123.08%/143.75% Georgia,serif;
	width:320px;
	margin:20px 0 20px 0;
	padding-bottom:10px;
}
.ssquiz_body .networks ul {
	float:left;
	padding:0;
}

.titel_fuer_nl_widget {
	font-weight:bold;
	margin-bottom:6px;
}

.ssquiz_body .right {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) )!important;
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811')!important;
	background-color:#77d42a;
}

.ssquiz_body .wrong {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) )!important;
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100')!important;
	background-color:#fe1a00;
}

.ssquiz_back {
	display:block;
	margin:20px auto 0 auto !important;
	text-align:center;
	width:50%;
}


div.teilnahmebedingungen {
	font: 75%/110% Arial,sans-serif;
	margin-top:30px;
	text-align:left;
}
.abstand_links {
	margin-left:160px;
}
.sponsorbilder {
	width: 140px !important;
	float: left;
	text-align: center;
	padding-top: 3px;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;display:none;
}
.preise {
	width: 426px !important;
	margin-bottom: 20px;
	margin-top: 20px;display:none;
}



.quiz__intro-form-row {
    margin-bottom: 4px;
    overflow: hidden;
}

.quiz__intro-form-label {
    float: left;
    width: 15%;
    margin-top: 10px;
}

@media screen and (max-width: 640px) {
    .quiz__intro-form-label {
        width: 25%;
    }
}

.quiz__intro-form-input-box {
    float: left;
    width: 85%;
}

@media screen and (max-width: 640px) {
    .quiz__intro-form-input-box {
        width: 75%;
    }
}

.quiz__intro-form-row--radio .quiz__intro-form-input-box {
    margin-top: 10px;
    margin-bottom: 10px;
}

.quiz__intro-form-row input[type="text"] {
    font-size: 16px;
    line-height: 1.5em;
    padding: 0.5em;
    width: 320px;
    max-width: 92%;
}