/* =========================== */
/* = LAYOUT / POSITIONIERUNG = */
/* =========================== */


.main_content_div{
	position: absolute;
	left: 270px; top: 122px;
	border: 0px solid #999;
	padding: 0px;
	width: 630px;
	height: 880px;
/*	overflow: auto;*/
}

.navigation{
	position: relative;
	left: 0px; top:40px;
	vertical-align:middle;
	margin-left:0px;	
	margin-right:0px;
}

/*
.timeline {
	position: absolute;
	left: 700px; top: 122px;
	border: 0px solid #999;
	padding: 0px;
	width: 80px;
	height: 300px;
	vertical-align:top;
}
*/



/* FORMULARFORMATIERUNGEN */

/*input.submit{
	border: 3px solid #999;
	color: #67C9F9;
	background-color: red;
}*/

select{
	border: 0px solid #999;
	color: #000000;
	background-color: #ffffff;
	/*background-image: url('/bilder/bewerbung/text_field_background.png');*/
}

.text_field{
  font-family: verdana,arial,sans-serif,helvetica;
	background-color: #ffffff;
	color: #000000;
	border-top-color:#474747; border-left-color:#474747; border-right-color:#131313; border-bottom-color:#131313; border-width:1px;	border-style:solid;
	font-size: 12px;
	width: 376px;
	height:16px;
	padding-top:2px;
	padding-left:4px;
}

.text_field_short{
  font-family: verdana,arial,sans-serif,helvetica;
	background-color: #ffffff;
	color: #000000;
	border-top-color:#474747; border-left-color:#474747; border-right-color:#131313; border-bottom-color:#131313; border-width:1px;	border-style:solid;
	font-size: 12px;
	width: 64px;
	height:16px;
	padding-top:2px;
	padding-left:4px;
}

.text_field_short2{
  font-family: verdana,arial,sans-serif,helvetica;
	background-color: #ffffff;
	color: #000000;
	border-top-color:#474747; border-left-color:#474747; border-right-color:#131313; border-bottom-color:#131313; border-width:1px;	border-style:solid;
	font-size: 12px;
	width: 280px;
	height:16px;
	padding-top:2px;
	padding-left:4px;
}

.field_selected{
  font-family: verdana,arial,sans-serif,helvetica;
	background-color: #ffffff;
	color: #000000;
	border-top-color:#474747; border-left-color:#474747; border-right-color:#131313; border-bottom-color:#131313; border-width:1px;	border-style:solid;
	font-size: 12px;
	width: 376px;
	height:16px;
	padding-top:2px;
	padding-left:4px;
}

.text_area{
  font-family: verdana,arial,sans-serif,helvetica;
	background-color: #ffffff;
	color: #000000;
	border-top-color:#474747; border-left-color:#474747; border-right-color:#131313; border-bottom-color:#131313; border-width:1px;	border-style:solid;
	font-size: 12px;
  line-height: 16px;
	width: 376px;
	height: 160px;
	padding-top:2px;
	padding-left:4px;
}

.field_for_filename{
	width: 376px;
	height:16px;
	color: #bebdbd;
	border: none;
	font-size: 12px;
	padding-top:2px;
	padding-left:0px;
	padding-right:5px;
}

.upload{
/*	background-color: transparent;	*/
	background-color: white;	
	/* background-image: url('/bilder/bewerbung/text_field_background.png'); */
	border: none;	
	/* height: 18px; rausgenommen wg. stauchung in div. browsern */
	width: 310px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 8px;
  font-family: verdana,arial,sans-serif,helvetica;
	color: #000000;
	font-size: 12px;

}

.radio_button{
	color:#ffffff;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.radio_button_p {
	vertical-align:middle;
	padding-left:6px;
}

.radio_button_p:hover{
	cursor:	pointer;
}




/* TEXTFORMATIERUNGEN */

.head_text{
	position: relative;
	font-size: 14px;
	line-height: 19px;
	left: 0px;
	width: 500px;
	font-weight:bold;
	padding-bottom:25px;
}

.grey_text{
	position: relative;
	left: -4px;
	color: #bebdbd;
}

h1 {
	font-size: 26px;
/*	color: #9DDFFB;*/
	line-height: 1.3em;
	}




/* BUTTONS */

/*.step_image{
	border: none;
	float: left;
	padding: 3px 3px;
	vertical-align: middle;
	background-color: #336600;
	width: 9px;
}*/

/*.step_image_aktiv{
	border: none;
	float: left;
	padding: 3px 3px;
	vertical-align: middle;
	background-color: #ffffff;
	width: 9px;
}*/

.next_step_button{
  display: block;
  background: transparent;
  color: #ffffff;
  border: 1px solid;
  border-color: transparent;
	background-color: transparent;
	background-image: url('/bilder/bewerbung/button_continue.png');
	background-repeat:no-repeat;
	background-position: center center;
	width: 82px;
	height: 20px;
}

/*.next_step_button:hover{
	background-color: #172600;	
	cursor: pointer;
    border: 1px solid;
    border-color: #99ff00 #99ff00 #99ff00 #99ff00;
}*/

.next_step_button:active{
	background-color: #ffffff;
	background-image: url('/bilder/bewerbung/button_continue.png');
	cursor: pointer;
  border: 1px solid;
/*  border-color: #ccff66 #ccff66 #ccff66 #ccff66;*/
  position: relative;
  top: 1px;
  left: 1px;
}

.prev_step_button{
  display: block;
  background: transparent;
  color: #ffffff;
  border: 1px solid;
  border-color: transparent;
	background-color: transparent;
	background-image: url('/bilder/bewerbung/button_back.png');
	background-repeat:no-repeat;
	background-position: center center;
	width: 47px;
	height: 20px;
}

/*.prev_step_button:hover{
	background-color: #172600;	
	cursor: pointer;
  border: 1px solid;
  border-color: #99ff00 #99ff00 #99ff00 #99ff00;
}*/

.prev_step_button:active{
	background-color: #ffffff;
	background-image: url('/bilder/bewerbung/button_back.png');
	cursor: pointer;
  border: 1px solid;
/*  border-color: #ccff66 #ccff66 #ccff66 #ccff66;*/
  position: relative;
  top: 1px;
  left: 1px;
}


.finish_button{
  display: block;
  background: transparent;
  color: #ffffff;
  border: 1px solid;
  border-color: transparent;
	background-color: transparent;
	background-image: url('/bilder/bewerbung/button_finish.png');
	background-repeat:no-repeat;
	background-position: center center;
	width: 183px;
	height: 20px;
}

/*.finish_button:hover{
	background-color: #172600;	
	cursor: pointer;
  border: 1px solid;
  border-color: #99ff00 #99ff00 #99ff00 #99ff00;
}*/

.finish_button:active{
	background-color: #ffffff;
	background-image: url('/bilder/bewerbung/button_finish.png');
	cursor: pointer;
  border: 1px solid;
/*  border-color: #ccff66 #ccff66 #ccff66 #ccff66;*/
  position: relative;
  top: 1px;
  left: 1px;
}


.print_button{
  display: block;
  background: transparent;
  color: #ffffff;
  border: 1px solid;
  border-color: transparent;
	background-color: transparent;
	background-image: url('/bilder/bewerbung/button_print.png');
	background-repeat:no-repeat;
	background-position: center center;
	width: 150px;
	height: 20px;
}

/*.print_button:hover{
	background-color: #172600;	
	cursor: pointer;
  border: 1px solid;
  border-color: #99ff00 #99ff00 #99ff00 #99ff00;
}*/

.print_button:active{
	background-color: #ffffff;
	background-image: url('/bilder/bewerbung/button_print.png');
	cursor: pointer;
  border: 1px solid;
/*  border-color: #ccff66 #ccff66 #ccff66 #ccff66;*/
  position: relative;
  top: 1px;
  left: 1px;
}


.prev_step{
	float: left;
}


.spinner{
 	display: block;
	float: left;
	padding: 5px 5px;
	vertical-align: middle;
}




/*div um jede inputzeile*/

.form_line{
	position: relative;
	left: 0px; top:0px;
	border: 0px;	
	margin: 0px;
	overflow: auto;
	padding-bottom:15px;
}


/* Fehlermeldungen im und um das Textfeld */

.fieldWithErrors{
	padding:						0px;
	border: 1px dotted #ff0000;
	display: 						table;
	float:							left;
}

.formError{
	padding: 0px;
	display: table;
	float: left;
	color: #ff0000;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	vertical-align: middle;
}

.check_box_error{
	padding: 0px;
	margin-top:-2px;
	border: 1px dotted #ff0000;
	width:20px;
	height:20px;
	float: left;
}

.check_box_div{
	padding: 0px;
	border:none;
	width:20px;
	height:20px;
	float: left;
}

.check_box_label{
	padding-left:5px;
}

.check_box_label:hover{
	cursor: pointer;
}
/* Error messages */
.radio_button_errors{
	padding: 0px;
	border: 1px dotted #ff0000;
	width:20px;
	height:20px;
	vertical-align:middle;
	float: left;
}

.upload_error{
	display: table;
	float: left;
	color: #ff0000;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	vertical-align:middle;
}

.general_error_msg{
	color: #ff0000;
	font-weight: bold;
	padding-bottom:18px;
}

.radiobuttontext_error_msg{
	color: #ff0000;
	font-weight: bold;
}


/* ============================================ */
/* = Iframe Grants of rights )in Step 4 rhtml = */
/* ============================================ */
.grants_of_rights_iframe{
	width: 600px;
	height:200px;
	border: 1px dotted;
	border-color: #9DDFFB;
	background-color: transparent;
/*	background*/
}

.grants_of_rights{
	margin:	0px;
	padding: 10px;
	color: white;
	font-size: 11px;
  line-height: 15px;
	font-family: arial, sans-serif, helvetica, verdana;
	padding-bottom:7px;
}

.grants_of_rights_headline {
	margin:	0px;
	padding:10px;
	color: white;
	font-size: 12px;
  line-height: 15px;
	font-family: arial, sans-serif, helvetica, verdana;
	padding-bottom:15px;
}


/* preloaden der hover-buttonzustände */
.hidepics {
  width:0px;
  height:0px;
  visibility:hidden;
}