/*
// DOCUMENT: Layout f. JackTiger, Detail-Ansicht
// VERSION: $Revision: 2.2 $
// DATE: $Date: 2008-06-26 10:08:50 $
// AUTHOR: M.Beranek

*/

#container_center {
	float:left;
	margin-left:4px;
}

#container_center .detail_block {
	/*margin-top:8px;*/
	margin-bottom: 6px;
	padding-bottom: 3px; /* Bei "padding-bottom: 4px" radiert IE die letzte Zeile des Kastens aus, warum auch immer... */
	/*padding-top: 8px;*/
}
#container_center .additional_info {
	clear: both;
	font-size: 9px;
	color: #999;
	padding-top: 0px;
	margin-bottom: 4px;
}
#container_center .job_detail {
	font-size: 9px;
	padding-left: 8px;
	padding-right: 8px;
	/* NOTE: padding-top/-bottom verursachen den "Unterste-Linie-Nicht-Zeichen"-Bug im IE... */
	/*
	padding-top: 8px;
	padding-bottom: 1px;
	*/
}
#container_center .job_detail_hot {
	font-size: 9px;
	padding-left: 8px;
	padding-right: 8px;
	/* NOTE: padding-top/-bottom verursachen den "Unterste-Linie-Nicht-Zeichen"-Bug im IE... */
	/*
	padding-top: 22px;
	padding-bottom: 1px;
	*/
}
#container_center .job_detail_em {
	font-size: 9px;
	padding-left: 8px;
	padding-right: 8px;
	/* NOTE: padding-top/-bottom verursachen den "Unterste-Linie-Nicht-Zeichen"-Bug im IE... */
	/*
	padding-top: 22px;
	padding-bottom: 1px;
	*/
}
#container_center .job_detail_ultra {
	font-size: 9px;
	padding-left: 8px;
	padding-right: 8px;
	/* NOTE: padding-top/-bottom verursachen den "Unterste-Linie-Nicht-Zeichen"-Bug im IE... */
	/*
	padding-top: 32px;
	padding-bottom: 1px;
	*/
}
#container_center .job_title {
	font-size: 12px;
	font-weight: bold;
	color: #226699;
	padding-bottom:8px;
}
#container_center .job_title_v2 {
	font-size: 12px;
	font-weight: bold;
	color: #226699;
}

#container_center .job_detail_ultra .job_title {
	color: #9c0000;
}
#container_center .job_detail_hot .job_title {
	color: #9c0000;
}
#container_center .job_detail_em .job_title {
	color: #5e7936;
}
#container_center .job_detail_ultra .job_title_v2 {
	color: #9c0000;
}
#container_center .job_detail_hot .job_title_v2 {
	color: #9c0000;
}
#container_center .job_detail_em .job_title_v2 {
	color: #5e7936;
}

#container_center .job_description_short {
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	color: #333;   /* vorher: #000 */
	padding-bottom:15px;
}
#detail01{
	width:520px;
}
#detail02{
	width:520px;
}
#container_center .label{
	font-size: 10px;
	line-height: 13px;
	color: #226699;
	padding-top: 0px;
	padding-bottom:10px;
	font-weight: normal;
	vertical-align: top;
}
#container_center .userinput{
	font-size: 10px;
	line-height: 13px;
	color: #333;   /* vorher: #000 */
	padding-top: 0px;
	padding-left: 3px;
	padding-bottom:10px;
	font-weight: normal;
	vertical-align: top;
	/* Wenn wir im Raster bleiben wollen, m�ssen wir 346px nehmen... */
	/*width: 400px;*/
	width: 390px;
}
#container_center .userinput_big{
	font-size: 10px;
	line-height: 13px;
	color: #333;   /* vorher: #000 */
	padding-top: 0px;
	padding-left: 3px;
	padding-bottom:10px;
	font-weight: normal;
	vertical-align: top;
	/* Wenn wir im Raster bleiben wollen, m�ssen wir 346px nehmen... */
	/*width: 400px;*/
	width: 390px;
	/* NOTE: Kein CSS-Standard, aber im IE funktionierende Erweiterung... */
	word-wrap: break-word;


}
#container_center .userinput a{
	color: #333;   /* vorher: #000 */
	font-weight: normal;
	text-decoration:underline;
}
#container_center .userinput a:link{
	color: #333;   /* vorher: #000 */
	font-weight: normal;
	text-decoration:underline;
}
#container_center .userinput a:visited{
	color: #333;   /* vorher: #000 */
	font-weight: normal;
	text-decoration:underline;
}
#container_center .userinput a:hover{
	color: #333;   /* vorher: #000 */
	font-weight: normal;
	text-decoration:underline;
}
#container_center .userinput a:active{
	color: #333;   /* vorher: #000 */
	font-weight: normal;
	text-decoration:underline;
}

#container_center .userinput .phone {
	width: 150px;
	float: left;
}

#container_center .alternative{
	color: #999;
}

#container_center .introduction{
	font-size: 10px;
	line-height: 13px;
	color: #333;   /* vorher: #000 */
	padding-top: 4px;
	margin-bottom:0px;
	padding-bottom:0px;

}
#container_center .introduction_250{
	font-size: 10px;
	line-height: 13px;
	color: #333;   /* vorher: #000 */
	padding-top: 4px;
	width:432px;
	margin-bottom:30px;
}
#container_center .anrede{
	padding-top: 0px;
	padding-bottom: 5px;
	vertical-align: top;
}

#container_center .company{
	font-weight: bold;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 5px;
	color:#2c5970;
}

.logo{
	float:right;
	padding-top: 0px;
	margin-left: 30px;
}
.additional_info_nologin{
	float:right;
	padding-top: 0px;
	font-size: 9px;
	color: #999;
}

#container_right{
	position: absolute;
	top:175px;
	left: 734px;
	width: 170px;
	/*
	margin-right:4px;
	*/
}
#main_actions {
	width=170px;
	/*height:70px;*/
	/*height:35px;*/
	font-size: 9px;
	font-weight: normal;
	color: #999;
	display: block;
	/*border: 1px solid black;*/
}

/* Actions liegen �ber dem Marker */
#sub_actions {
	position: absolute;
	/*****************************************************************************************
		Achtung:
		Wenn top ge�ndert wird, mu� auch "sub_marker -> top" angepa�t werden...
	******************************************************************************************/
	/*top: 54px;*/
	top: 43px;
	left: 0px;
	width:170px;
	font-size: 9px;
	font-weight: normal;
	display: block;
	z-index: 15;
}


/* Marker liegt unter den Actions und scrollt bei Bedarf nach unten raus. */
#sub_marker {
	position: absolute;
	/*****************************************************************************************
		Achtung:
		"#sub_marker->top" = "#sub_actions->top" + 36
		Wenn top ge�ndert wird, mu� auch top im javascript in den Funktionen
		"scrollMarkerlistUp/Down" in der Datei "functions.js" angepa�t werden...
	******************************************************************************************/
	/*top: 80px;*/
	/*top: 54px;*/
	top: 43px;
	left: 0px;
	width:170px;
	font-size: 9px;
	font-weight: normal;
	display: block;
	z-index: 10;
	/*visibility: hidden;*/
	color: #2c5970;
}

#sub_marker .markerlist {
	/*padding-top: 17px;*/
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#sub_marker .markerlist a{
	color: #2c5970;
	/*text-decoration: underline;*/
}
#sub_marker .action {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

#sub_actions .actionlist {
	padding-top: 0px;
	padding-bottom: 3px;
	color:#2c5970;

}

#sub_actions .action {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

#sub_actions .action a{
	color: #2c5970;
	text-decoration: underline;
}
#sub_actions .action .fadeout{
	color: #ccc;
	text-decoration: underline;
}
#sub_actions .action .fadeout_noline{
	color: #ccc;
	text-decoration: none;
}
.action_disabled {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
	color: #ccc;
}
.action_disabled a {
	color: #ccc;
}
.action_disabled a:link {
	color: #ccc;
}
.action_disabled a:visited {
	color: #ccc;
}
.action_disabled a:hover {
	color: #ccc;
}
.action_disabled a:active {
	color: #ccc;
}

#main_actions .mainactionlist {
	/*
	padding-top: 8px;
	padding-bottom: 3px;
	*/
	padding-top: 0px;
	padding-bottom: 3px;
	color:#2c5970;
}
#main_actions .action {
	/*
	padding-top: 0px;
	padding-bottom: 5px;
	*/
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
	color:#2c5970;
}

#main_actions .action a{
	color: #2c5970;
	/*text-decoration: underline;*/
}
#backward_action{
	/*text-align:left;*/
}
#forward_action{
	text-align:right;
	float: right;
}
#listing_action {
	text-align: center;
}

#applicationform {
	margin-top: 6px;
	margin-bottom: 6px;  /* mu� gesetzt sein */
	padding-bottom: 4px; /* mu� gesetzt sein */
}

.application {
	/*
	padding-top:8px;
	padding-bottom:8px;
	*/
	padding-left:8px;
	padding-right:8px;
}
.application_intro {
	font-size: 9px;
	line-height: 13px;
	color: #333;
	margin-left: 130px;
}
.application_intro h4 {
	padding-top:8px;
}
.space_8v{
	padding-top:8px;
}
.application_done {
	font-size: 9px;
	line-height: 13px;
	margin-left: 130px;
	padding-top: 58px;
	margin-bottom:50px;

}

#applicationtable {
	width:520px;
}
#applicationtable .label {
	font-weight: bold;
}

.comment{
	font-size: 9px;
	line-height: 13px;
	color: #999;
	padding-top: 0px;
	padding-bottom:0px;
	padding-right: 10px;
	font-weight: normal;
}
.comment_nopad{
	font-size: 9px;
	line-height: 13px;
	color: #999;
	padding-top: 0px;
	padding-bottom:0px;
	padding-right: 0px;
	font-weight: normal;
}
#myapplication {
	display: block;
	margin-top: 4px;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 10px;
	line-height: 13px;
	width: 386px;
	height: 130px;
}

.input_std {
	width: 150px;
}


.foto {
	background-position: center center;
	background-color: #e8e8e8;
}

.space{
	width: 8px;
	height:8px;
}

#album {
	margin-top:8px;
	margin-bottom:8px;
}

.error {
	font-weight: bold;
}

.separator{
	font-size:5px;
	line-height: 5px;
	padding-top: 0px;
	padding-bottom:20px;
}

#container_infobox {

	position: absolute;
	top:50px;
	left: 735px;
	margin-left: 10px;

	/*
	position: relative;
	float:right;
	width: 170px;
	*/
}


#applicationform h4{
	color: #226699;
}

#job_detail_02 .userinput a{
	text-decoration: none;
}

#job_detail_02 .userinput a:link, #job_detail_02 .userinput a:visited {
	text-decoration: none;
}

#job_detail_02 .userinput a:hover, #job_detail_02 .userinput a:active {
	text-decoration: none;
}

#container_center .job_detailblock {
	margin-left:10px;
}

.phantomline {
	font-size:8px;
	line-height: 8px;
	font-family:Verdana;
}
.phantomline2 {
	font-size:22px;
	line-height: 22px;
	font-family:Verdana;
}
.phantomline3 {
	font-size:32px;
	line-height: 32px;
	font-family:Verdana;
}


#buttons {
	/*margin-bottom: 80px;*/
	margin-bottom: 0px;

}
/* Kopiert aus grundlayout_formular */
#buttons .smallbutton, #buttons .smallbutton_grey {
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	width:100px;
	font-size: 9px;
	line-height: 14px;
	height: 18px;
	color: #2C5970;
	background-color:#E9E9E9;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	margin-top:4px;
	margin-bottom:2px;
}

/* Kopiert aus grundlayout_formular */
#buttons .smallbutton_grey {
	color: #999;
}

#errorhead, #errormsg, #album_error{
	visibility: hidden;
	display:none;
}


.job_expiredblock{
	font-size: 9px;
	line-height:13px;
	padding-top: 15px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
}




/* ---------------------------------------------------------- */
/* Styles fuer die Abfrage der Daten bei Bewerbungsfiltern:   */
/* ---------------------------------------------------------- */

.missing_fields_box{
	padding: 8px;
	padding-bottom: 10px;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:13px;
}

#missing_table td{
	vertical-align:top;
}

#missing_table .label{
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	font-weight: bold;;
	line-height:13px;
	color: #2c5970;
	padding-right:10px;
	padding-left:0px;
	/*width:164px;*/
	width:172px;

}
#missing_table .label_err{
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	font-weight: bold;;
	line-height:13px;
	color: #9c0000;
	padding-right:10px;
	padding-left:0px;
	/*width:164px;*/
	width:172px;
}
#missing_table .label_thin{
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	font-weight: normal;
	line-height:13px;
	color: #2c5970;
	padding-right:10px;
	padding-left:0px;
	/*width:164px;*/
	width:172px;
}


#missing_table .userinput{
	padding-left:0px;
	font-size:9px;
	width:auto;
}

#missing_table .separator{
	height:18px;
}

#missing_table .last_separator{
	height:8px;
}


#missing_table .inp_select_wide{
	height:12px;
	width:270px;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:13px;
	height: auto;
}


#missing_table .inp_select_half{
	height:12px;
	width:130px;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:13px;
	margin-right:10px;
	height: auto;
}


#missing_table .inp_select_lang{
	height:12px;
	width:150px;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:13px;
	margin-right:10px;
	height: auto;
}
#missing_table .inp_select_lang_half{
	height:12px;
	width:70px;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:13px;
	margin-right:10px;
	height: auto;
}


#missing_table .inp_select_lang_qual{
	height:12px;
	width:150px;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:13px;
	height: auto;
}

#missing_table .inp_lang_hidden{
	display:none;
	visibility:hidden;
}
#missing_table .inp_lang_visible{
	height:10px;
	width:64px;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:12px;
	color:#333;
	display:inline;
	visibility:visible;
	margin-right:10px;
	vertical-align:1px;
}


#missing_table .inp_hair_oth{
	height:12px;
	width:126px;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:12px;
	color: #333;
	border-top: 1px solid #AAA;
	border-left:  1px solid #AAA;
	border-right:  1px solid #AAA;
	border-bottom:  1px solid #AAA;
	vertical-align:1px;
	display:none;
	visibility:hidden;
}

#missing_table .important_note{
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:13px;
	color: #9c0000;
	padding-right:10px;
	padding-left:0px;
	padding-bottom:10px;
}

#missing_table .introduction_note{
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:9px;
	line-height:13px;
	color: #333;
	padding:0px;
	margin-bottom:7px;
}

#pkw_kombi_label{
	line-height:13px;
	/*display: none;
	visibility:hidden;*/
}

#pkw_kombi_label .checkbox{
	width: 12px;
	vertical-align:-1px;
	margin-left:5px;
	margin-right:2px;
}

#pkw_kombi_label .checkbox_select_text{
	vertical-align:3px;
	color: #333;
}

#pkw_kombi_label .checkbox_select_text_disabled{
	vertical-align:3px;
	color: #999;
}


.disableiebug{
	font-size:1px;
	line-height:1px;
}

/*
Da ein Banner im SeitenKopf geladen wird, wird die Seite zun�chst bis zum Banner
gerendert. Wenn der Banner geladen wird, verzoegert sich der Seitenaufbau um einen
Augenblick. Zu diesem Zeitpunkt existiert noch kein Scrollbalken, da die Seite bis
zum Banner in das Browser-Fenster passt. Nachdem der Banner geladen wurde, wird
auch der Rest der Seite weiter gerendert. Dabei stellt der Browser fest, dass die
komplette Seite nicht mehr in das Fenster passt. Also wird ein Scrollbalken gezeichnet.
Das verkuerzt wiederum die verfuegbare Breite im Fenster. Da das Layout nun aber
zentriert angeleget ist, wird bei Erscheinen des Scrollbalkens den zentrierte Inhalt
um die halbe Breite des Scrollbalkens nach links verschoben (eben zentriert).
Das erzeugt visuell einen Huepfer waehrend des Ladens. Um diesen Huepfer zu vermeiden,
wird die Hoehe des Bodys hier auf einen Mindestwert von 1024 Pixeln gesetzt.
Im IE-6 hat diese Angabe keine Auswirkung, nur in Firefox et al. Da im IE-6 aber
immer ein Scrollbalken vorhanden ist (der deaktiviert ist, wenn er nicht benoetigt
wird) tritt der Huepfer dort eh nicht auf.
*/
body {
	min-height:1024px;
}

#add_ultrahot{
	/*
	margin-top:140px;
	margin-left:3px;
	*/
	position:absolute;
	left: 2px;
	top:175px;
	z-index:0;
}


.inprogress{
	color: #9c0000;
}