body{
	font-family:				arial; 
	font-size:					14px;
}

body:before {
    content: 					"";
	position: 					fixed;
    top: 						-10px;
    left: 						0;
    width: 						100%;
	height: 					10px;
    -webkit-box-shadow: 		0px 0px 5px rgba(0,0,0,.6);
	-moz-box-shadow: 			0px 0px 5px rgba(0,0,0,.6);
	box-shadow: 				0px 0px 5px rgba(0,0,0,.6);
	z-index: 					100;
}


#content{
	padding-left:				10px;
	position:					absolute;
	top:						0px;
	left:						205px;
	width:						calc(100% - 225px);
	min-height:					100%;
	background-color:			#FFFFFF;
	background-image: 			-moz-linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
	background-image: 			-webkit-linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
	background-image: 			-ms-linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
	background-image: 			-o-linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
	background-image: 			linear-gradient(bottom, #F6F6F6 0%, #FFFFFF 50%);
}

a:link, a:hover, a:active, a:focus, a:visited {
	text-decoration:			none;
	color:						#000000;
}

/* Kann es sein das hier alles betroffen ist??? */
.none_click a:active, a:focus{
	outline:					none;
}

ul{
	list-style-type: 			none;
	padding: 					0px;
	margin: 					0px;
}

/* Titel mit blauer Navigation und weißer Schrift */

h1{
	position:					relative;
	top:						-20px;
	left:						-15px;
	display:					block;
	background-color:			#125292;
	border-style:				none;
	border-width:				1px;
	width:						100%;
	height:						36px;
	padding-left:				25px;
	color:						#FFFFFF;
	font-family:				"Oxygen", sans-serif;
	font-weight:				700;
	font-size:					21px;
	padding-top:				18px;
	margin-bottom:				2px;	
}

.h1_title {				
	display:					block;
	font-size:					18px;
	margin-top:					-2px;
}

.h1_path{
	font-size:					12px;
	color:						#e9e9e9;
}
.h1_path a{
	display:					block;
	font-size:					12px;
	font-weight:				300;
	color:						#ffffff;
	margin-top:					-7px;
}

.h1_path a:hover{
	color:						#74baff;
	text-decoration:			underline;
}

.top_15{
	margin-top:					-15px;
}

h2{
	position:					relative;
	top:						0px;
	display:					block;
	height:						27px;
	padding-left:				10px;
	color:						#125292;
	font-size:					18px;
	font-family:				"Oxygen", sans-serif;
	font-weight:				300;
	margin-bottom:				14px;
}

/* Bildschirmweiten */
.max1280 {
	max-width:					1055px;
}

.max1440 {
	max-width:					1215px;
}


/* FORMS ----------------------------------------------------------------------------------------------------------*/
.form_text{
	width:						300px;
	font-size:					13px;
	border-radius:				4px;
	border:						1px solid #e4e4e4;
	height:						18px;
	background-color:			#ffffff;
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	
	-webkit-transition: 		all 0.30s ease-in-out;
	-moz-transition: 			all 0.30s ease-in-out;
	-ms-transition: 			all 0.30s ease-in-out;
	-o-transition: 				all 0.30s ease-in-out;
	outline: 					none;

}


.form_text:focus{
	background-color:			#f6f6f6;
	box-shadow: 				0 0 2px #e4e4e4;
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	border: 					1px solid #e4e4e4;
}

.form_text_error{
	width:						300px;
	font-size:					13px;
	border-radius:				4px;
	border:						1px solid #e4e4e4;
	height:						18px;
	background-color:			#a1d0ff;
	color:						#125292;
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	
	-webkit-transition: 		all 0.30s ease-in-out;
	-moz-transition: 			all 0.30s ease-in-out;
	-ms-transition: 			all 0.30s ease-in-out;
	-o-transition: 				all 0.30s ease-in-out;
	outline: 					none;

}

.form_text_error:focus{
	background-color:			#a1d0ff;
	box-shadow: 				0 0 2px rgba(81, 203, 238, 1);
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	border: 					1px solid rgba(81, 203, 238, 1);
}

.form_textarea{
	font-family:				arial;
	resize:						none;
	width:						300px;
	font-size:					13px;
	border-radius:				4px;
	border:						1px solid #e4e4e4;
	height:						250px;
	background-color:			#ffffff;
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	
	-webkit-transition: 		all 0.30s ease-in-out;
	-moz-transition: 			all 0.30s ease-in-out;
	-ms-transition: 			all 0.30s ease-in-out;
	-o-transition: 				all 0.30s ease-in-out;
	outline: 					none;
}

.form_textarea_error{
	font-family:				arial;
	resize:						none;
	width:						300px;
	font-size:					13px;
	border-radius:				4px;
	border:						1px solid #e4e4e4;
	height:						250px;
	background-color:			#a1d0ff;
	color:						#125292;
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	
	-webkit-transition: 		all 0.30s ease-in-out;
	-moz-transition: 			all 0.30s ease-in-out;
	-ms-transition: 			all 0.30s ease-in-out;
	-o-transition: 				all 0.30s ease-in-out;
	outline: 					none;
}


.form_textarea:focus{
	background-color:			#f6f6f6;
	box-shadow: 				0 0 2px #e4e4e4;
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	border: 					1px solid #e4e4e4;
}


.form_textarea_error:focus{
	background-color:			#a1d0ff;
	box-shadow: 				0 0 2px rgba(81, 203, 238, 1);
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	border: 					1px solid rgba(81, 203, 238, 1);

}

.form_textarea2{
	font-family:				arial;
	resize:						none;
	width:						calc(100% - 25px);
	font-size:					11px;
	border-radius:				4px;
	border:						1px solid #e4e4e4;
	height:						15px;
	padding-left:				5px;
	margin:						1px 0px 1px 0px;
	
	-webkit-transition: 		all 0.30s ease-in-out;
	-moz-transition: 			all 0.30s ease-in-out;
	-ms-transition: 			all 0.30s ease-in-out;
	-o-transition: 				all 0.30s ease-in-out;
	transition: 				height 0.30s ease-out;
	outline: 					none;
}

.form_text_add{
	width:						370px;
	font-size:					13px;
	border-top-right-radius:	4px;
	border-bottom-right-radius:	4px;
	border:						1px solid #e4e4e4;
	height:						21px;
	background-color:			#ffffff;
	padding-left:				5px;
	margin-right:				15px;
	float:						left:
	-webkit-transition: 		all 0.60s ease-in-out;
	-moz-transition: 			all 0.60s ease-in-out;
	-ms-transition: 			all 0.60s ease-in-out;
	-o-transition: 				all 0.60s ease-in-out;
}

.form_text_add:focus{
	background-color:			#f6f6f6;
}

.form_select {
	width:						310px;
	font-size:					13px;
	border-radius:				4px;
	border:						1px solid #e4e4e4;
	height:						22px;
	background-color:			#ffffff;
	padding-left:				5px;
}

.form_checkbox {
	border:						1px dotted #e4e4e4;
	background:					#ffffff;
	padding-left:				5px;
}


.form_button{
	background-color:			#f6f6f6;
	font-weight:				bold;
	height:						25px;
	color:						#444444; 
	width:						205px; 
	border-radius:				4px;
	border:						1px solid #e4e4e4;
	font-size:					13px;
	-webkit-transition: 		all 0.30s ease-in-out;
	-moz-transition: 			all 0.30s ease-in-out;
	-ms-transition: 			all 0.30s ease-in-out;
	-o-transition: 				all 0.30s ease-in-out;
}

.form_button:hover{
	background-color:			#125292;
	color:						#ffffff; 
	border:						0px;
}

.form_button2{
	/* margin-top:				10px; */
	background-color:			#f6f6f6;
	font-weight:				bold;
	height:						25px;
	color:						#444444; 
	width:						205px; 
	border-radius:				4px;
	border:						1px solid #e4e4e4;
	font-size:					13px;
	margin:						10px 0px 1px 0px;
	
	-webkit-transition: 		all 0.30s ease-in-out;
	-moz-transition: 			all 0.30s ease-in-out;
	-ms-transition: 			all 0.30s ease-in-out;
	-o-transition: 				all 0.30s ease-in-out;
	outline: 					none;

}

.form_button2:hover{
	background-color:			#e4e4e4;
	color:						#444444; 
	border:						0px;
	border-color:				#e4e4e4;
	
}

.form_button_data{
	margin-top:					0px;
	margin-left:				15px;
}

.button{
	font-family:				"Oxygen", sans-serif;
	font-weight:				400;
	font-size:					14px;
	background-color:			#ffffff;
	color:						#125292;
	border-style:				solid;
	border-color:				#dddddd;
	border-width:				1px;
	height:						28px;
	border-radius:				1px;
	margin-left:				10px;
}

.button:hover{
	-webkit-transition: 		all 0.60s ease-in-out;
	-moz-transition: 			all 0.60s ease-in-out;
	-ms-transition: 			all 0.60s ease-in-out;
	-o-transition: 				all 0.60s ease-in-out;
	outline: 					none;
	background-color:			#125292;
	color:						#ffffff;
}

.table_registration{
	padding-top:				20px;
	margin-left:				8px;
	font-size:					13px;
}

.table_registration tbody td:nth-child(1){
	font-weight:				bold;
	width:						180px;
	color:						#444444;
}

.table_registration tbody td:nth-child(3){
	color:						#125292;
	font-size:					11px;
	padding-left:				15px;
}

.table_registration tbody td:nth-child(3) a{
	color:						#125292;
	font-size:					11px;
	text-decoration:			underline;
}

.table_formular{
	margin-left:				8px;
	font-size:					13px;

}
.table_formular tbody td:nth-child(1){
	vertical-align:				top;
	font-weight:				bold;
	width:						170px;
	color:						#444444;
}
.table_formular tbody td:nth-child(3){
	color:						#125292;
	font-size:					11px;
	padding-left:				15px;
}

.table_formular2{
	margin-left:				8px;
	font-size:					13px;

}
.table_formular2 tbody td:nth-child(1){
	vertical-align:				top;
	font-weight:				bold;
	width:						230px;
	color:						#444444;
}

.table_formular2 tbody td:nth-child(2){
	vertical-align:				top;
}

.table_formular2 tbody td:nth-child(3){
	color:						#125292;
	font-size:					11px;
	padding-left:				15px;
}

/*-----------------------------------------------------------------------------------------------------------------*/


.timeformat{
	color:						#444444;
	font-size:					11px;
}

.excercise_name{
	color:						#125292;
	font-weight:				bold;
}

.table_top{
	margin-top:					15px;
}

.table_br{
	padding-bottom:				10px;
	vertical-align:				top;
}

.table_br15{
	padding-bottom:				15px;
	vertical-align:				top;
}

.table_br20{
	padding-bottom:				20px;
	vertical-align:				top;
}

/*-----------------------------------------------------------------------------------------------------------------*/

.table_login{
	padding-top:				0px;
	margin-left:				8px;
	font-size:					13px;
}

.login_1{
	width:						250px;
}

.login_2{
	width:						256px;
}

.login_3{
	display:					inline-block;
	margin-left:				30px;
	margin-top:					10px;
	font-size:					11px;
	color:						#444444;
}

.login_3:hover{
	color:						#125292; 
	text-decoration:			underline;
}

.table_login tbody td:nth-child(1){
	font-weight:				bold;
	width:						100px;
	color:						#444444;
}

.table_login_error{
	color:						#125292;
	font-size:					11px;
	padding-left:				10px;
}

.forgot_password_step{
	font-size:					17px;
	color:						#125292;
	font-weight:				bold;
	padding-left:				10px;
}

.forgot_password_description{
	font-size:					13px;
	padding-top:				5px;
	padding-bottom:				10px;
	padding-left:				10px;
	color:						#444444;
}



.text{
	margin-left:				10px;
}

.text13{
	margin-left:				10px;
	font-size:					13px;
}

.mrg_right{
	margin-right:				12px;
}

.text_grey{
	color:						#777777;
}
.supergrey{
	color:						#d3d3d3;
}
.br_little{
	padding-top:				5px;
}
.br_{
	padding-top:				10px;
}
.br2_{
	padding-top:				15px;
}
.br3_{
	padding-top:				20px;
}
.br4_{
	padding-top:				25px;
}
._br{
	padding-bottom:				10px;
}
._br2{
	padding-bottom:				15px;
}
._br3{
	padding-bottom:				20px;
}
._br4{
	padding-bottom:				25px;
}

.b{
	font-weight:				bold;
}

.unbold{
	font-weight:				normal;
}

.small{
	font-size:					13px;
	padding-top:				5px;
	padding-bottom:				10px;
	color:						#444444;
}

.small_2{
	font-size:					11px;
	color:						#444444;
}
/* LINKS ----------------------------------------------------------------------------------------------------------*/
.link a{
	color:						#444444;
	text-decoration:			underline;
	font-size:					13px;
}
.link a:hover{
	color:						#125292; 
	text-decoration:			underline;
}

/* LINK BOX */
.linkbox {
	margin-left:				10px;
	margin-top:					25px;
	margin-bottom:				10px;
	display:					inline-block;
	color:						#898989;
	font-size:					11px;
	height:						18px;
	padding-top:				3px;
	padding-left:				8px;
	border-radius:				5px;
	border-style:				solid;
	border-width:				1px;
	border-color:				#E4E4E4;
}
.linkbox:hover{
	background-color:			#F6F6F6;
	color:						#444444; 
}
.l_back{
	width:						42px;
}

.l_edit{
	width:						104px;
}

.l_bewertungsmodus{
	width:						157px;
}



.link_1 a{
	display:					inline-block;
	font-size:					12px;
	color:						#444444;
}

.link_1 a:hover{
	color:						#125292; 
	text-decoration:			underline;
}

.link_3 a{
	display:					inline-block;
	font-size:					11px;
	color:						#444444;
	text-decoration:			underline;
}

.link_3 a:hover{
	color:						#125292; 
	text-decoration:			underline;
}

.link_2 a{
	color:						#444444;
}
.link_2 a:hover{
	color:						#125292; 
	text-decoration:			underline;
}

.link_blue a{
	color:						#125292; 
	font-size:					13px;
	font-weight:				bold;
}
.link_blue a:hover{
	text-decoration:			underline;
}

.link_span  a{
	color:						#444444;
}

.link_span  a:hover{
	color:						#125292; 
	text-decoration:			underline;
}

/*-----------------------------------------------------------------------------------------------------------------*/

.warning{
	color:						#9a0101; 
}

.u{
	text-decoration:			underline;
}


.h{
	font-size:					17px;
	color:						#125292;
	font-weight:				bold;
	padding-left:				10px;
}

.h a{
	font-size:					17px;
	color:						#125292;
	font-weight:				bold;
}

.h a:hover{
	text-decoration:			underline;
}

.help_h{
	font-size:					14px;
	color:						#125292;
	font-weight:				bold;
	padding-left:				5px;
}

.help_small{
	font-size:					11px;
	padding-left:				5px;
	color:						#444444;
	font-weight:				normal;
}

.icon_plus{
	position:					relative;			
	background-color:			#e4e4e4;
	border-color:				#444444;
	border-width:				1px;
	border-top-left-radius:		4px;
	border-bottom-left-radius:	4px;
	height:						25px;
	width:						20px;
	float:						left;
	margin-top:					10px;
	color:						#444444;
	font-size:					20px;
	font-weight:				bold;
	padding-left:				8px;
}



.blue{
	color:						#125292;
}

.lh12{
	line-height: 				1.2;
}
.lh13{
	line-height: 				1.3;
}

.left{
	padding-left:				10px;
}

.left15{
	padding-left:				15px;
}

.left20{
	padding-left:				20px;
}

.abort{
	padding-left:				45px;
}
.abort a{
	font-size:					11px;
	color:						#969696;
}
.abort a:hover{
	text-decoration:			underline;
	color:						#444444;
}

.abort a:active, a:focus {
	outline:					none;
}

.invisible{
	display:					none;
}

.white{
	color:						#ffffff;
}




#labelForFileUpload{
	padding-left:				15px;
	padding-top:				10px;
	padding-bottom:				10px;
	font-size:					12px;
	color:						#125292;
}

#tdforSquares td{
	padding-top:				12px;
	padding-bottom:				12px;
}

.startseite_text{
	margin-left:				10px;
	color:						#444444;
	line-height: 				1.3;
	padding-top:				0px;
	padding-bottom:				20px;
	font-size:					12px;
}



/* Selektoren ----------------------------------------------------------------------------------------------------*/

.selector  a{
	font-size:					13px;
	color:						#444444;

	border-color:				#e4e4e4;
	border-style:				solid;
	border-width:				1px;
	border-bottom-width:		2px;
	margin-right:				10px;
	padding:					3px 15px 3px 15px;
	font-weight:				bold;
}

.selector  a:hover{	
	color:						#125292;
	border-bottom-color:		#125292;	
	background-color:			#f6f6f6;
	-webkit-transition: 		all 0.50s ease-in-out;
	-moz-transition: 			all 0.50s ease-in-out;
	-ms-transition: 			all 0.50s ease-in-out;
	-o-transition: 				all 0.50s ease-in-out;
}

.selected a{
	color:						#125292;
	border-bottom-color:		#125292;	
	background-color:			#f6f6f6;	
}

/* Buttons -------------------------------------------------------------------------------------------------------*/
.button1  a{
	float:						right;
	border-radius:				5px;
	font-size:					13px;
	color:						#444444;
	border-color:				#e4e4e4;
	background-color:			#f6f6f6;
	border-style:				solid;
	border-width:				1px;
	margin-right:				15px;
	padding:					3px 15px 3px 10px;
	font-weight:				bold;
	margin-top:					-4px;
}

.button1  a:hover{	
	color:						#125292;
	background-color:			#ffffff;
	border-color:				#125292;
	-webkit-transition: 		all 0.50s ease-in-out;
	-moz-transition: 			all 0.50s ease-in-out;
	-ms-transition: 			all 0.50s ease-in-out;
	-o-transition: 				all 0.50s ease-in-out;
}

.icon1 {
	padding-right:				5px;
}

.table_info{
	border-style:				none;
	border-spacing:				0px 0px;
	width:						calc(100% - 25px);
	margin-left:				10px;
	font-size:					11px;
	color:						#444444;
	vertical-align:				top;	
}

.table_info tbody td{
	padding-top:				7px;
	padding-bottom:				7px;
	border-top-style:			solid;
	border-top-width:			1px;
	border-top-color:			#e4e4e4;
	border-bottom-style:		solid;
	border-bottom-width:		1px;
	border-bottom-color:		#e4e4e4;
	display:					table-cell;
}

.table_info tbody td:nth-child(1){
	padding-left:				5px;
	vertical-align:				top;
}

.menu_button{
	font-family:				"Oxygen", sans-serif;
	font-weight:				400;
	position:					absolute;
	top:						0px;
	right:						5px;
	display:					inline-block;
	height:						21px;
	padding-top:				5px;
	float:						right;
	text-align:					center;
	font-size:					13px;
	border-left-style:			solid;
	border-right-style:			solid;
	border-left-width:			1px;
	border-right-width:			1px;
	border-left-color:			#316599;
	border-right-color:			#316599;
	padding-left:				20px;
	padding-right:				20px;
	padding-top:				14px;
	color:						#ffffff;
	height:						34px;
}

.menu_button:hover{
	-webkit-transition: 		all 0.50s ease-in-out;
	-moz-transition: 			all 0.50s ease-in-out;
	-ms-transition: 			all 0.50s ease-in-out;
	-o-transition: 				all 0.50s ease-in-out;
	background-color:			#198cff;
	border-left-color:			#b5d4f3;
	border-right-color:			#b5d4f3;

}