
/*********************
 *  Stepmenue  *
 *********************/
 
div.stepMenue{
	 background: transparent url("/fileadmin/templates/media/images/englischtest/bg-stepnavi-right.jpg") no-repeat scroll left top ;
	 padding-left: 2px;
	 float: left;
	 margin-bottom: 40px;
	 width: auto;
}

div.stepMenue ul {
    color: #000000;
	 background: #EBEBEB url("/fileadmin/templates/media/images/englischtest/bg-stepnavi-left.jpg") no-repeat scroll right top ;
	 height: 38px;
	 padding: 3px 0px 2px 0px;
	 width: 100%;
	 float: left;
	 margin: 0px !important;
}

.stepMenue li {
    float: left;
    height: 20px;
    list-style: none outside none;
    margin: 0;
	 background: transparent url("/fileadmin/templates/media/images/englischtest/bg-stepnavi-point-right.jpg") no-repeat scroll right top;
	 height: 39px;
	 padding: 0px 10px 0px 4px;
	 font-family: 'Titilium_bold',sans-serif;
	 font-size: 14px;
	 color: #b2b2b2;
	 line-height: 38px;
	 float: left;
}

.stepMenue li.lastInactive {
   background: none;
}
.stepMenue li.active {
	 color: #004489;
	 background: transparent url("/fileadmin/templates/media/images/englischtest/bg-stepnavi-point-acitve-right.jpg") no-repeat scroll right top;
}

.stepMenue li.done {
	background: transparent url("/fileadmin/templates/media/images/englischtest/bg-stepnavi-point-done-right.jpg") no-repeat scroll right top;

}

.stepMenue li.lastActive {
	color: #004489;
	background: transparent url("/fileadmin/templates/media/images/englischtest/bg-stepnavi-point-lastacitve-right.jpg") no-repeat scroll right top;


}
.stepMenue li.lastDone {
	background: transparent url("/fileadmin/templates/media/images/englischtest/bg-stepnavi-point-lastacitve-right.jpg") no-repeat scroll right top;
}

/*********************
 *  Englischtest  *
 *********************/
 
.frage_nummer{
	margin-bottom: 34px;
}

.frage_head_left{
  	height:24px;
 	color:#fff;
}

.frage_head_right{
 	height:24px;
}

.frage_head_text{
	color: #004489;
    font-family: 'Titilium_bold',sans-serif;
    font-size: 1.565em;
    font-weight: normal;
    line-height: 1.333em;
    margin-bottom: 5px;
	width: 100%;
	float: left;
	display: block;
}

.frage_box{
	margin-bottom: 30px;
	float: left;
	width: 100%;
}

frage_box_links{
	float:left;

}

.frage_box_rechts{
	float:right;
	width:577px;
}

.frage_frage{
	color:#063467;
	font-size:16px;
	margin-bottom:30px;
}
.frage_answers{
	color:#2567b4;
	font-size:16px;
	margin-bottom: 25px;
}

.frage_answers LABEL{
	margin-left:10px;
	vertical-align:middle;
}
.frage_answers INPUT{
	vertical-align:middle;
}

.frage_image_container{
	float: left;
}

a.frage_zurueck,
a.frage_weiter{
	float: left;
	background: transparent url("/fileadmin/templates/media/images/englischtest/button-blue.jpg") no-repeat scroll right top;
	width: 59px;
	height: 17px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin-right: 10px;
	line-height: 15px;
}

/* FORMULAR */

.test_formular{
		width:628px;
		min-height:300px;
		margin-top:16px;
		float:left;
		margin-left:16px;
		position: relative
	}
	
.test_formular_linke_spalte{
	overflow:hidden;
	float:left;
	}

.test_formular_rahmen div.clearfix{
	margin-bottom: 11px;
}
.test_formular_label{
	width: 300px;
	display:block;
	float:left;
	clear:left;
	}

.test_formular_textfield, .test_formular_select{
	display:block;
	float:left;
	width:290px;
	border: 1px solid #B3B3B3;
	background: url("/fileadmin/templates/media/images/css/bg-input-300x20.jpg") no-repeat scroll left bottom transparent;
	color: #5A5A5A;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11.5px;
    height: 18px;
    padding: 0 0 0 5px;
    width: 295px;
	}
	
.test_formular_select{
	width:303px;
	 height: 20px;
}

.test_label_first{
		margin-top:10px;
	}

.test_input_first{
		margin-top:6px;
	}
	
.test_formular_pflichtfeld{
	display:block;
	}
	
.error_container{
	display: none !important;
	}
	
.test_formular label.error{
	display: none !important;
}

.test_formular .error{
	font-size:11.5px;
	color:#f00;
	display:block;
	background: none;
  	border: 1px solid #FF0000;
    border-radius: 0px;
    box-shadow: 0 0 3px #f98089;
}
.test_formular_disclaimer_container{
		clear:left;
		float:left;
		font-size:11px;
		margin-top:15px;
		width:601px;
	}
.test_formular_disclaimer_container INPUT{
		vertical-align:text-top;
		margin-right:5px;
		float:left;
	}
.test_formular_disclaimer_container  P{
	font-size: 11.5px;
	}


/* AUSWERTUNG */
.englischtest_auswertung_frage_container{
	margin-bottom:15px;
}
.auswertung_frage{
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
	
}

.auswertung_user_richtige_antwort{
	color: rgb(0,128,0);
	margin-bottom:3px;
}

.auswertung_richtige_antwort{
	color:#616264 ;
	margin-bottom:3px;
}

.auswertung_user_falsche_antwort{
	color:#f00;
	margin-bottom:3px;
}

.pfeil_btn_links a {
	background:transparent url(fileadmin/template/img/pfeil_btn_links.gif) no-repeat scroll left top;
	color:#C40F02;
	display:block;
	font-size:12px;
	height:16px;
	margin-right:20px;
	padding:6px 0px 4px 27px;
	text-decoration:none;
}
div.pfeil_btn2  {
	background: url("/fileadmin/templates/media/images/css/wsi-button-sprite.png") no-repeat scroll left -173px transparent;
    display: block;
    float: left;
    margin-top: 10px;
    padding-left: 6px;
}

input.test_abschicken{
 background: url("/fileadmin/templates/media/images/css/wsi-button-sprite.png") no-repeat scroll right -73px transparent !important;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 22px;
    margin: 0;
    padding: 0 10px 0 4px;
    width: 215px;
}

span.test_formular_pflichtfeld{
	width: 300px;
	font-size: 11px;
}


.cookiewarn{
	border: 1px solid #FF0000;
	display:none;
}

div.cookiewarn {
    background-color: #ce2734;
	border: 1px solid #a41f29;
	padding: 5px;
	position: relative;
	color: #FFFFFF;
	font-size: 1.0434em;
	text-align: center;
	margin-bottom: 0px;
	font-weight: bold;
}
