/**
 * d.vinci - Externer Bereich Projekt "Master"
 *
 * @copyright       Copyright 2012, delphi GmbH, Hamburg
 * @link            http://www.delphi-mb.de
 * @author			Christian Fuchs
 */

@charset "UTF-8";

@media all
{
	/*-----------------------------------------------------------------------------------*/
	/*------------------------------------ allgemein ------------------------------------*/
	/*-----------------------------------------------------------------------------------*/
	* {
		margin:0px;
		padding:0px;
	}
	
	body {
		text-align: left;
	}
	
	a, button, div, fieldset, form, h1, h2, h3, h4, img, input, select, textarea, label, legend, li, ol, option, p, table, tbody, td, tfoot, th, thead, tr, ul {
		color: #696969;
		font-family: Arial,Verdana,sans-serif;
		font-size: 12px;
	}
	
	input[type=submit]::-moz-focus-inner,
	input[type=button]::-moz-focus-inner,
	button::-moz-focus-inner {
		padding:0px;
		border:none;
	}
	
	h1, h2, h3, h4 {
		display: block;
		font-weight: normal;
		margin: 0 0 3px;
	}
	
	table {border-spacing: 0; border-collapse: collapse; border-top: 0px #888 solid; border-bottom: 0px #888 solid; width:100%; }

	input, select, textarea {background: #f4f4f4; border: 1px solid #bcbcbc; outline: none; vertical-align: middle; padding: 0 0 0 2px; }

	input[type='checkbox'], input[type='radio'] {background: #fff; border: none;}

	option {padding-left: 5px;}  /* Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */

	ul li { list-style-type: disc; }
	ul ul li { list-style-type: circle; }

	ol li { list-style-type: decimal; }
	ol ol li { list-style-type: lower-latin; }
	
	a { outline: none; color: #e2001a; background:transparent; text-decoration:none; }
	a:visited  { color: #e2001a; }
	a:focus,
	a:hover,
	a:active { text-decoration:underline; }
	
	em {font-style: italic;}
	img {border: 0 solid;}
	small {font-size: 11px; padding-left: 2px; vertical-align: middle;}
	strong {font-weight: bold;}
	
	/*--------------------------------------------------------------------------------------*/
	/*------------------------------------ seitenaufbau ------------------------------------*/
	/*--------------------------------------------------------------------------------------*/
	#page_margins {
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 854px;
		background: url("img/rheinenergie-logo.png") no-repeat scroll 15px 10px #FFFFFF;
	}
	
	#main {
	}
	
	/*------------------------ header ------------------------*/
	#header, #print_header {
		display:none;
	}
	
	/*----------------------------------------------------------------------------------------*/
	/*------------------------------------ content spalte ------------------------------------*/
	/*----------------------------------------------------------------------------------------*/
	#col3 {
		float:left;
		width: 610px;
	}
	
	#col3_content {

	}

	#col3_content h2 {
		color: #E2001A;
		font-size: 23px;
		font-weight: bold;
		margin: 10px 0 20px;
	}
	#col3_content h3 {
		color: #E2001A;
		font-size: 15px;
		font-weight: bold;
		margin: 0 0 9px;
	}

	#col3_content p {
		line-height: 20px;
		margin: 0 0 20px;
	}
	#col3_content p.float_left { 
		margin: 6px 20px 6px 0;
	}
	#col3_content div.row p {
		margin: 0;
	}
	#col3_content p a {
	}
	#col3_content p a:hover, #col3_content p a:active, #col3_content p a:focus {
	}

	#col3_content ul,
	#col3_content ol {
		margin: 0 0 20px 10px;
	}
	
	#col3_content ol {
		margin: 0 0 20px 18px;
	}
	#col3_content li {
		margin: 0 0 12px;	
		line-height: 20px;		
	}
	#col3_content ul li {
		background: url("img/list_dot.gif") left 7px no-repeat;
		margin: 0 0 1px;
		padding: 0 0 0 20px;
		list-style-type: none;
	}

	#col3_content fieldset {
		border: 1px solid #dbdbdb; 
		border-width:1px 0 0;
		padding: 13px 0 0 130px;
		display: block;
		margin: 0 0 20px;
		position: relative;
	}
	#col3_content legend {
		font-weight: bold;
		line-height: 20px;		
		position:relative;
	}
	
	#col3_content legend span {
		position:absolute;
		width: 130px;
		display: block;
		top: 14px;
		left: 50%;
		margin-left: -130px;
	}

	#col3_content .row {
		margin: 0 0 8px; 
		clear: both;
		/*overflow: hidden;*/
	}
	
	#col3_content label {
		display: block; 
		float: left; 
		margin-right: 5px; 
		width: 145px;
		vertical-align: top;
		line-height: 20px;
	}
	#col3_content div.nolabel label.radiolabel {
		vertical-align: top;
	}

	#col3_content input[type=text],
	#col3_content input[type=password] {
		background: url("img/input_back.gif") repeat-x scroll center top #FFFFFF;
		border-color: #E2E2E2;
		border-image: none;
		border-style: solid;
		border-width: 0 1px;
		height: 19px;
		padding: 2px 0 0 5px;
		width: 323px;
	}
	#col3_content input[type=file] {
		vertical-align: top; 
		width: 200px;
		padding:0;
	}
	#col3_content input.attachment_readonly { 
		background:none; 
		border:none;
		width: 200px;
		padding:0;		
	}
	#col3_content select {
		vertical-align: top; 
		width: 330px;
	}
	#col3_content textarea {
		background: url("img/input_back_textarea.gif") repeat-x scroll center top #FFFFFF;
		border-color: #E2E2E2;
		border-image: none;
		border-style: solid;
		border-width: 0 1px;
		padding: 2px 0 0 5px;
		width: 323px;
	}
	
	/* buttons unter formularen */
	#col3_content .buttons {
		margin: 20px 0 10px;
		text-align: right;
	}
	#col3_content .buttons.floatbox {
		overflow: visible!important;
	}

	#col3_content button {
		font-size: 11px;
	}
	#col3_content button img {
		margin-right: 2px;
	}

	#col3_content button.submit,
	#col3_content input.submit {
		background: url("img/button_back_red.jpg") repeat-x scroll center top transparent;
		border: 1px solid #E2001A;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 11px;
		margin: 2px 0 10px 10px;
		padding: 0 20px;
		width: auto;
		height: 18px;
	}
	#col3_content button.submit:hover, 
	#col3_content button.submit:focus, 
	#col3_content button.submit:active,
	#col3_content button.submit.active,
	#col3_content input.submit:hover, 
	#col3_content input.submit:active, 
	#col3_content input.submit:focus,
	#col3_content input.submit.active {
	}
	
	/* Tabellen */
	#col3_content table {
		font-size: 11px; 
		margin: 11px 0 11px 0;
	}
	#col3_content th,
	#col3_content td {
		padding: 2px 4px; 
	}
	#col3_content th {
		background: #eee; 
		border: 1px solid #DBDBDB;
	}
	#col3_content td {
		border: 1px solid #dbdbdb; 
		border-width: 0 1px 1px; 
		vertical-align: top;
	}
	#col3_content td.tab_subhead {
		font-weight: bold;
	}
	#col3_content td img {
		margin: 2px;
	}

	/*------------------------ jobsuche ------------------------*/
	#col3_content .job  p { 
		margin:0;
	}
	
	#col3_content #search_breadcrumb_trail { 
		margin: 10px 0 0;
		text-align: center;
	}
	
	#col3_content span.new_job {
		font-size: 9px;
		font-weight: bold;
		color: #FF0000;
		margin-left: 4px;
		vertical-align: text-top;
	}
	
	/*------------------------ aktuelle bewerbungen ------------------------*/
	#showapplication #col3_content td .float_left.link_label {
		padding-top:2px;
	}
	
	/*------------------------ bewerberbogen ------------------------*/
	#col3_content .row.summary .floatbox {
		line-height: 20px;
	}
	
	/* Scoring */
	#col3_content .scoring .scoring_box_vertical { float: left; }
	#col3_content .scoring .row .float_left .row { 
		margin: 0 0 8px;
	}
	#col3_content .scoring p {
		margin:0 0 10px;
	}

	/* Scoring-Katalog */
	#col3_content #dynscoring { background: #f5f5f5; border: 1px solid #dbdbdb; float: left; height: 250px; margin-top: 10px; position:relative; width: 47.5%; }
	#col3_content #dynscoring legend { margin-bottom: 10px; }
	#col3_content #dynscoring input { border: 0px; background: transparent none; width: auto; }
	#col3_content #dynscoring label { display: inline-block; float: none; margin-right: 0px; }
	#col3_content #dynscoring ul { list-style: none; list-style-type: none !important; margin: 0; padding: 0; }
	#col3_content #dynscoring ul li { list-style: none; list-style-type: none !important; margin: 2px 0 0 3px; }
	#col3_content #dynscoring ul ul { border: 1px solid #dbdbdb; display: none; margin-bottom: 0px; overflow: auto; overflow-x:hidden; width: 100%; }
	#col3_content #dynscoring ul li ul li { border-bottom: 1px solid #dbdbdb; width: 100%; }
	#col3_content #dynscoring ul li span { background: url(img/bg_plus.jpg) no-repeat left 3px; cursor: pointer; padding: 0 0 0 15px; }
	#col3_content #dynscoring ul li.show_row span { background: url(img/bg_minus.jpg) no-repeat left 3px; padding: 0 0 0 15px; }
	#col3_content #dynscoring ul li.show_row ul { background: #f5f5f5 none; display: block; height: 250px; position: absolute; left: 109%; top: -1px; }
	#col3_content #dynscoring ul li.show_row ul li { display: inline; float: left; margin: 0 !important; padding: 3px 0 3px 3px; }
	#col3_content #dynscoring ul li.show_row ul li input { float: left; margin: 3px 3px 0 0!important; }
	#col3_content #dynscoring ul li.show_row ul li label { display: inline; }
	#col3_content #dynscoring ul li.strong ul li { font-weight: normal !important; }
	#col3_content #dynscoring div.row div { margin: 5px 0px 0px 210px; }
	#col3_content #dynscoring .box_scoring { overflow: visible; }
	#col3_content fieldset.scoring .box_scoring { margin:8px 0; }
	
	/* hinzugefügte Loop-Blöcke */
	#col3_content .loop_added {
		border-top: 1px solid #DBDBDB;
		margin: 16px 0 0;
		padding: 16px 0 0;
	}
	#col3_content .loop_added p {
		margin: 0 20px 0 0;
	}
	#col3_content .loop_added .loop_add, 
	#col3_content .loop_added .loop_edit, 
	#col3_content .loop_added .loop_remove, 
	#col3_content .loop_added .loop_save, 
	#col3_content .loop_added .loop_cancel {
		margin-left:11px;
	}

	/* Loop-Buttons -> hinzufügen, bearbeiten, entfernen, speichern, abbrechen */	
	#col3_content input.loop_add, 
	#col3_content button.loop_add,
	#col3_content input.loop_edit, 
	#col3_content button.loop_edit, 
	#col3_content input.loop_remove, 
	#col3_content button.loop_remove, 
	#col3_content input.loop_save, 
	#col3_content button.loop_save, 
	#col3_content input.loop_cancel,
	#col3_content button.loop_cancel{ 
		float:right; 
		margin-left:11px;
		padding: 1px 11px 0 22px; 
		cursor: pointer;
		font-size:11px;
		vertical-align: middle; 
		width: auto; 
		font-weight: bold;
	}
	#col3_content fieldset.file_upload .loop_add, 
	#col3_content fieldset.file_upload .loop_remove { 
		margin-left:0; 
	}

	#col3_content input.loop_add  {
		background: #e4e4e4 url(img/button_add.gif) 6px 50% no-repeat;  
	}
	#col3_content input.loop_add:hover, 
	#col3_content input.loop_add:active, 
	#col3_content input.loop_add:focus {
		border-color: #ccc; 
		color: #509941;
	}

	#col3_content input.loop_edit  {
		background: #e4e4e4 url(img/button_edit.gif) 6px 50% no-repeat; 
	}
	#col3_content input.loop_edit:hover, 
	#col3_content input.loop_edit:active, 
	#col3_content input.loop_edit:focus {
		border-color: #ccc; 
		color: #d47d20;
	}

	#col3_content input.loop_remove  {
		background: #e4e4e4 url(img/button_remove.gif) 6px 50% no-repeat;  
	}
	#col3_content input.loop_remove:hover, 
	#col3_content input.loop_remove:active, 
	#col3_content input.loop_remove:focus {
		border-color: #ccc; 
		color: #c92116;
	}

	#col3_content input.loop_save  {
		background: #e4e4e4 url(img/button_save.gif) 6px 50% no-repeat; 
	}
	#col3_content input.loop_save:hover, 
	#col3_content input.loop_save:active, 
	#col3_content input.loop_save:focus {
		border-color: #ccc; 
		color: #4a79c6;
	}

	#col3_content input.loop_cancel  {
		background: #e4e4e4 url(img/button_cancel.gif) 6px 50% no-repeat; 
	}
	#col3_content input.loop_cancel:hover, 
	#col3_content input.loop_cancel:active, 
	#col3_content input.loop_cancel:focus {
		border-color: #ccc; 
		color: #c92116;
	}

	/* Breadcrumb-Trail im Bewerberbogen */	
	#col3_content #appl_form_nav {
		margin: 0 0 29px 0;
	}
	#col3_content #appl_form_nav input {
		background: url("img/btn-navigation_background-over.png") repeat-x scroll center top #E8E8E8;
		border: 1px solid #E2E2E2;
		cursor: pointer;
		font-weight: bold;
		height: 31px;
		margin: 0 -3px 0 0;
		padding: 0 10px;
		width: auto;
		font-size:13px;
		color: #696969;
	}	
	#col3_content #appl_form_nav input.active {
		background: url("img/btn-navigation_background-red.png") repeat-x scroll center top #E2001A;
		border-color: #E2001A;
		color: #FFFFFF;
	}

	/* Box mit der Datenschutzerklärung */
	#col3_content #privacy {
		background: url("img/input_back_textarea.gif") repeat-x scroll center top #FFFFFF;
		border-color: #E2E2E2;
		border-image: none;
		border-style: solid;
		border-width: 0 1px;
		height: 140px;
		overflow: auto;
		padding: 2px 0 5px 4px;
	}
	
	#col3_content #privacy p {
		padding: 0 0 12px;
	}

	#col3_content #privacy ol li {
  		font-weight: bold;
	}

	#col3_content #privacy ol li > * {
        font-weight: normal;
    }

	#col3_content #privacy ul li {
        font-weight: normal;
    }

    #col3_content #privacy ul {
        font-weight: normal;
        margin-bottom: 0em;
    }

	#col3_content #privacy h1 {
		font-weight: bold !important;
	}

	/* hilfsklassen */
	#col3_content .maxlength_error label small {
		background: #f00; 
		color: #fff; 
		padding: 1px 4px;
	}
	
	/*-------------------------------------------------------------------------------------*/
	/*------------------------------------ menü spalte ------------------------------------*/
	/*-------------------------------------------------------------------------------------*/
	#col1 {
		float: left;
		width: 228px;
		margin: 117px 16px 0 0;
	}
	#col1_content { 

	}
	#col1_content h2 {
		background: #6c8c77; 
		color: #fff; 
		font-size: 13px; 
		padding: 3px 12px;
	}
	#col1_content ul {
		list-style-type: none;
		width: 228px;
	}
	#col1_content li {
		list-style-type: none;
	}
	#col1_content li a,
	#col1_content li a:visited {
		color: #696969;
		padding:6px 0 6px 13px;
		display:block;
		background: url("img/btn-navigation_background-over.png") repeat-x scroll left top #E8E8E8;
		border: 1px solid #E2E2E2;
		font-weight: bold;
		height: 14px;
		line-height: 15px;
		margin-top: -1px;
		visibility: visible;
	}
	#col1_content li a:hover, 
	#col1_content li a:active, 
	#col1_content li a:focus,
	#col1_content li a.active {
		text-decoration:none;
		color: #FFFFFF;
		background: url("img/btn-navigation_background-red.png") repeat-x scroll left top #E2001A;
		border: 1px solid #E2001A;
	}
	#col1_content li a.active {
	}
	
	#col1_content .langlink {
		padding-left: 12px;
		margin: 12px 0;
	}
	
	/*--------------------------------------------------------------------------------------*/
	/*----------------------------------- geo koordinaten ----------------------------------*/
	/*--------------------------------------------------------------------------------------*/
	.loading_img_geo {
		left: 50%;
		margin:-18px 0 0 122px;
		position: absolute;
		display: block;
	}
	
	/*--------------------------------------------------------------------------------------*/
	/*------------------------------- jQuery-UI / Autocomplete------------------------------*/
	/*--------------------------------------------------------------------------------------*/
	.ui-autocomplete {
		border: 1px solid #BCBCBC !important;
		border-radius: 0 0 0 0 !important;
		font-size: 12px !important;
		max-height: 150px !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		padding-right: 0 !important;
		text-align: left !important;
		width: 334px !important;
	}	

	.ui-autocomplete.ui-menu {
		padding:0!important;
	}
	
	.ui-autocomplete.ui-menu .ui-menu-item a {
		line-height: 15px !important;
		padding: 0 5px 0 5px !important;
		border-radius: 0 0 0 0 !important;
		margin:0 !important;
	}
	
	.ui-autocomplete .ui-state-hover, 
	.ui-autocomplete .ui-widget-content .ui-state-hover, 
	.ui-autocomplete .ui-state-focus, 
	.ui-autocomplete .ui-widget-content .ui-state-focus { 
		border: none !important; 
		background: #06246a !important; 
		color: #fff !important;
		padding: 0 5px 0 5px !important;
	}

	.ui-autocomplete .ui-corner-all {
		border-radius: 0px !important;
	}
	
	/*--------------------------------------------------------------------------------------*/
	/*------------------------------- jQuery-UI / Datepicker -------------------------------*/
	/*--------------------------------------------------------------------------------------*/
	.ui-datepicker {
		padding: 3px 3px 0 !important;
		width: 170px !important;
	}
	
	.ui-datepicker .ui-datepicker-title {
		line-height: 15px !important;
		margin: 0 29px !important;
	}
	
	.ui-datepicker .ui-datepicker-title select {
		font-size: 12px !important;
	}
	
	.ui-datepicker table {
		font-size: 12px !important;
	}
	
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		height: 20px !important;
		width: 20px !important;
		top: 3px !important;
	}
	.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { 
		top: 2px !important; 
	}
	.ui-datepicker .ui-datepicker-prev { left:2px !important; }
	.ui-datepicker .ui-datepicker-next { right:3px !important; }
	.ui-datepicker .ui-datepicker-prev-hover { left:1px !important; }
	.ui-datepicker .ui-datepicker-next-hover { right:2px !important; }
		
	.ui-datepicker th {
		padding: 8px 3px !important;
	}

	/*--------------------------------------------------------------------------------------*/
	/*---------------------------------- jQuery Dropdowns ----------------------------------*/
	/*--------------------------------------------------------------------------------------*/
	/* Dropdowns in User-Daten */
	#gender_nr_title {width: 156px!important;}
	#gender_nr_child {height: 73px; width: 156px!important;}
	#gender_nr_msdd  {width:161px!important;}
	#gender_nr_msddHolder  {width:161px!important;}

	#person_country_title {background: url(../../img/rheinenergie/select_back_long.jpg) no-repeat top right; width: 318px!important;}
	#person_country_child {height: 73px; width: 319px!important;}

	#css_question_title {background: url(../../img/rheinenergie/select_back_long.jpg) no-repeat top right; width: 318px!important;}
	#css_question_child {height: 73px; width: 319px!important;}

	/* Dropdown bei Initiativ */
	#job_nr_title {background: url(../../img/rheinenergie/select_back_long.jpg) no-repeat top right; width: 345px!important;}
	#job_nr_child {height: 73px; width: 345px!important;}

	/* Dropdowns BW-Bogen */
	#cv_gender_m_title {width: 156px!important;}
	#cv_gender_m_child {height: 73px; width: 156px!important;}
	#cv_gender_m_msdd  {width:161px!important;}
	#cv_gender_m_msddHolder  {width:161px!important;}
	
	/*--------------------------------------------------------------------------------------*/
	/*------------------------------------ hilfsklassen ------------------------------------*/
	/*--------------------------------------------------------------------------------------*/
	/*------------------------ Eingabefelder/Label ------------------------*/
	.checkbox {
		background: transparent!important; 
		border: none!important; 
		margin: 0!important; 
		vertical-align: text-top!important; 
		width: auto!important;
		height: 19px!important;
	}
	.radio {
		background: none!important; 
		border: none!important; 
		margin: 0!important; 
		vertical-align: text-top!important; 
		width: auto!important;
		height: 19px!important;
	}
	.radiolabel {
		display: inline-block!important; 
		float: none!important; 
		margin-right: 10px!important; 
		width: auto!important;
	}
	
	.date_2 {
		width: 20px!important;
	}
	.date_4 {
		width: 40px!important;
	}

	.datepicker {
		width: 67px!important;	
	}
	
	.w90_10 {
		width: 269px !important;
	}
	.w10_90 {
		width: 43px!important;
	}
	
	.w10 {
		width: 43px!important;
	}

	.w50 {
		width: 158px !important;
	}

	.wide {
		width: 380px!important;
	}
	
	/*------------------------ Fehlermeldungen/Hinweise ------------------------*/
	.error {
		color: #E2001A!important;
	}
	.error label {
		color: #E2001A!important;
	}
	.error input {
		border-color: #E2001A!important;
	}
	.error select {
		border-color: #E2001A!important;
	}
	.errorbox {
		color: #E2001A!important;  
		margin: 0 0 14px!important;
	}
	.infobox {
		color: #696969!important; 
		margin: 0 0 14px!important;
		font-weight: bold;
		font-size: 18px; 
	}
	
	/*------------------------ Allgemein ------------------------*/
	.float_left {
		float: left!important;
	}
	.float_right {
		float: right!important;
	}
	.clearfix {
		clear: both!important; 
	}
	.floatbox {
		overflow: hidden!important;
	}
	
	.help {
		font-size: 11px!important; 
		text-transform: uppercase!important;
		padding:0!important;
		background:none!important;
	}
	.hint {
		border: 2px solid #dbdbdb!important; 
		padding: 2px 5px!important;
	}
	.maus {
		cursor: pointer!important;
	}
	.nolabel {
		margin: 6px 0 0 170px!important;
	}
	.phone {
		background: url(img/icon_phone.gif) left no-repeat!important; 
		padding-left: 20px!important;
	}	
	.small {
		font-size: 11px!important;
		vertical-align: text-top!important;
	}
	.small_text_form { 
		vertical-align: text-top!important;
	}
	.strong {
		font-weight: bold!important;
	}
	.text_center {
		text-align: center!important;
	}	
	.wauto {
		width: auto!important;
	}	
	.margin_0 {
		margin:0!important;
	}
	
}

@media print {

	body {background: #fff;}
	
	#print_header {visibility: visible; display: block;}
	
	#col1, #col1_content {display: none!important; visibility: hidden; width: 0;}
	
	#col3 {margin: 0;}
	
	.buttons {display: none;}
	
}

/*--------------------------------------------------------------------------------------*/
	/*------------------------------- jQuery-UI / Multiselect-------------------------------*/
	/*--------------------------------------------------------------------------------------*/
	.ui_dimension_multiselect {
		width: 500px !important; 
		height: 150px;
	}
	
	.ui-multiselect ul.selected,
	.ui-multiselect ul.available {
	    list-style: none outside none !important;
	    margin: 0 !important;
	}

	.ui-multiselect .ui-state-default {
	    margin-bottom: 1px !important;
	    padding-left: 20px !important;
	}

	.ui-multiselect ul.available li,
	.ui-multiselect ul.selected li {
	    padding-left: 10px !important;
	}

	.ui-multiselect input.search {
	    width: 100px !important;
	    padding: 1px !important;
	}

	.ui-multiselect .remove-all,
	.ui-multiselect .add-all {
    	font-size: 11px !important;
	}