body.header {
    background-color: #FFFFFF;
}

body.main {
    background-color: #FFFFFF;
    
}

a{
    color:#800000;    
	font-weight:bold;
	text-decoration:none;}

a:hover {color:#800000;    
	font-weight:bold;
	text-decoration: underline;
}


#messagePanel {
    border-top:1px solid #EFEFEF;
    padding-left:10px;
    padding-right:10px;
    border-bottom:1px solid #EFEFEF;
    margin-bottom:10px;
}
#messageNode {
    font-family:Verdana;
    font-size:10pt;
    font-color:#000000;
}
#dateNode {
    font-family:Verdana;
    font-size:10pt;
    font-color:#000000;
}

.reiter {
	height:20px;
	border: 1px solid #000000;    
    background-color: #EFEFEF;
    color: #000000;
    padding-left: 5px;
    padding-right: 2px;
    font-weight: bold;
    font-family: Verdana,Arial;
    font-size: 10px;
    white-space:nowrap;
    cursor:pointer;
}
.reiterEcke {
    background-color: #F3F3F3;
    border-bottom: 1px solid #000000;
}

.reiterAktiv {
height:20px;
    border: 1px solid #000000;   
    background-color: #800000;
    color: #F1F1F1;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-family: Verdana,Arial;
    font-size: 10px;
    white-Space:nowrap;
    cursor:pointer;
}
.reiterEckeAktiv {
    background-color: #FEA034;
    border-bottom: 1px solid #FEA034;
}

#leftMenuPanel {
    border:0px solid #C0C0C0;
    background-color:#FFFFFF;
    height:60%;
    padding:10px;
}

#leftMenuHeadLine {
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color:#000000;
    margin-bottom:10px;
}

.leftMenuHeadlineIcon {
    background-image: url("/web/images2/EuroPersonalLeasing/rechteck.gif");
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
}

.leftMenuItem {
    font-family:Verdana;
    font-size:7.5pt;
/*    color: #000000; */
}
.leftMenuItemIcon {
    background-image: url("/web/images2/EuroPersonalLeasing/pfeil.gif");     
    background-repeat: no-repeat;
    width: 20px;
    height: auto;
}
.leftSubMenuItemIcon {
    background-image: url(../images2/EuroPersonalLeasing/kreis.gif);
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
}

.leftMenuPapierkorb {
	background-image: url("/web/images2/common/trash_f3.gif");
    background-repeat: no-repeat; 
    width:20px;
	height:auto;
}

.leftMenuErinnerung {
	background-image: url("/web/images2/common/erinnerungen.gif");
    background-repeat: no-repeat; 
    width:20px;
	height:auto;
}

.leftMenuOrdner {
	background-image: url("/web/images2/common/folder_yellow_o.gif");
    background-repeat: no-repeat; 
    width:20px;
	height:auto;
}

.leftMenuSuche {
	background-image: url("/web/images2/common/lupe.jpg");
    background-repeat: no-repeat; 
    width:20px;
	height:auto;
}

.titlePanel {
    border:1px solid #EFEFEF;
    background-color:#FFFFFF;
    padding:7px;
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color:#000000;
}

#scrollPanel {
    border:1px solid #EFEFEF;
    height:200px;
    overflow:auto;
}

.panel {
    border:0px solid #CCCCCC;
    background-color:#EEEEEE;
    background-color:#FFFFFF;
}

.errorPanel {
    font-family:Verdana;
    font-size:9pt;
    font-weight:bold;
    padding:7px;
    margin-bottom:4px;
    color:red;
}

td {
    font-family:Verdana;
    font-size:7.5pt;
    color:#000000;
}

.tablePanel {
    table-layout:fixed;
    border-collapse:collapse;
}
.tablePanelohne {
    table-layout:fixed;
    border-collapse:collapse;
}
.tableCell {
    font-family:Verdana;
    font-size:7.5pt;
    color:#000000;
}
.tableCellDark {
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    background-color:#EFEFEF;
    font-family:Verdana;
    font-size:7.5pt;
    color:#000000;
    padding-left:5px;
    padding-right:5px;
	white-space: inherit;}

	
.tableCellLight {
    border-right:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    background-color:#FFFFFF;
    font-family:Verdana;
    font-size:7.5pt;
    color:#000000;
    padding-left:5px;
    padding-right:5px;
}
.tableCellDarkohne {
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    background-color:#EEEEEE;
    font-family:Verdana;
    font-size:7.5pt;
    color:#000000;
    padding-left:5px;
    padding-right:5px;
}
.tableCellLightohne {
    border-right:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    background-color:#EFEFEF;
    font-family:Verdana;
    font-size:7.5pt;
    color:#000000;
    padding-left:5px;
    padding-right:5px;
}
.tableCellAlert {
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    background-color:#FFEFDF;
    font-family:Verdana;
    font-size:7.5pt;
    font-weight:bold;
    color:#000000;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}

.tableCellColor {
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    background-color:#800000;
    font-family:Verdana;
    font-size:7.5pt;
    color:#ffffff;
    padding-left:5px;
    padding-right:5px;
	white-space: inherit;}


.tableHeader {
    font-weight:bold;
    white-space:normal;
}

.promptMain {
    font-weight:bold;
    font-size:7.5pt;
    white-space:normal;
}
    
.prompt {
    font-size:7.5pt;
    font-weight:normal;
    white-space:nowrap;}
    
.helptext {
    font-size:7pt;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:normal;}

.numberOfHits {
    color:#00EE00;
}

.inputRequiredFlag {
    color:#EE2200;
}


	
form {
    margin:0px;
    padding:0px;
}

input {
    font-family:Verdana;
    font-size:8pt;
    font-weight:normal;
    color:#000000;
    background-color:#f9f9f9;
    border:1px solid #C0C0C0;
}

.inputBoxText {
    width:65%;    
}

.inputBoxProzent {
    width:60px;
}

.inputBoxDatumTT {
    width:20px;    
}

.inputBoxDatumMM {
    width:20px;
}

.inputBoxDatumJJJJ {
    width:40px;
}

.inputBoxDatumTT_MM_JJJJ {
    width:80px;
}

.inputBoxOrt {
    width:200px;
    color:#000000;
}

.inputBoxEuro {
    width:55px;
    text-align:right;
}

.inputBoxCent {
    width:25px;
}

.inputBoxStunden {
    width:25px;
}

select {
    font-family:Verdana;
    font-size:8pt;
    font-weight:normal;
    width:65%;
}

select.small{
	font-family:Verdana;
    font-size:8pt;
    font-weight:normal;
    width:30%;}

textarea {
    font-family:Verdana;
    font-size:8pt;
    font-weight:normal;    
    background-color:#f9f9f9;
    border:1px solid #C0C0C0;
    width:65%;
} 
.button {
	background-color:#FEA034;
	font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
}
submit{
	background-color:#FEA034;
	font-family:Verdana;
    font-size:8pt;
    font-weight:bold;}
    
.addIcon {
    background-image: url("/web/images2/hinzu_schwarz.gif");
    background-repeat: no-repeat;
    width: 120px;
    height: 22px;
}

.removeIcon {
    background-image: url("/web/images2/enf_schwarz.gif");
    background-repeat: no-repeat;
    width: 120px;
    height: 22px;
}

.pflicht,input.pflicht {
	background-color:#FFF8EC;}
	
#pflicht{
background-color:#FFF8EC;
}	
/* #### ANGEBOTSERSTELLUNG ###### */

.content {	
    border-collapse:collapse;}

body{
background-color:#ffffff;}

.titlePanelangebot {
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    background-color:#800000;
    padding:5px;
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color: #ffffff;
}

.titel{
background-color:#800000;
font-size: 10pt;
font-weight:bold;
font-family: Verdana;
padding-top:5px;
padding-bottom:5px;
border:1px solid #888888;
color:#FFFFFF
}

.abstand {
height:10px;
border:none;
}

.abstand5 {
height:5px;
border:none;
}



/*Stellenanzeige- Detail 1*/

div.staScrollPanel{
	border:1px solid #800000;    
    overflow:auto;}

div.content {
	width:950px;
	height:650px;
	border:0px #FEA034 solid;}

div.contentleft {	
	width:400px;
	height:650px;
	background-color:#FFFFFF;
	border:0px #FFFFFF solid;}

div.contentright{	
	position: absolute;
	top:65px;
	left:430px;
	width:530px;
	height:500px;
	overflow:auto;	
	background-color:#ffffff;
	scrollbar-base-color:#ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #C0C0C0;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-darkshadow-color: #C0C0C0;
	scrollbar-shadow-color: #C0C0C0;
	scrollbar-arrow-color: #800000; /*Pfeile*/
	scrollbar-track-color: #ffffff;  /*Untergrund*/}
		
div.staLogo {
	position:relative;
	top:55px;
	width:400px;
	height:400px;
	background-Image:url("/web/images2/EuroPersonalLeasing/stellenangebot.jpg");
	background-repeat: no-repeat;}
	
div.kontaktdaten{	
	padding-top:100px;	
	width:350px;
	background-color:#ffffff;}

div.staTitel1{
	position: relative;
	top:0px;
	left:0px;
	width:500px;}

div.modul1_1,div.modul1_2, div.modul1_3, div.modul1_4, div.modul1_5 {	
	bottom:0px;
	padding:0px;	
	width:500px;}
	
div.modul1_2, div.modul1_3, div.modul1_4, div.modul1_5 {
	position:relative;	}
div.modul1_2 {top:-30px;}	
div.modul1_3 {top:-60px;}
div.modul1_4 {top:-90px;}
div.modul1_5 {top:-120px;}

p.modulTitel1, p.modulTitel2, p.modulTitel3, p.modulTitel4, p.modulTitel5 {	
	font-size:14px;
	font-weight:bold;
	color: #800000;
	text-decoration:underline;}	

p.modulText1, p.modulText2, p.modulText3, p.modulText4, p.modulText5 
{ 		
	position:relative;
	top:-30px;	
	font-size:12px;
	font-weight:normal;
	color:#000000;}	
	
h1.staTitel1{	
	font-size: 18px;
	font-weight: bold;
	color:#800000;}
	
div.jobInfo{
	position: relative;
	top:-80px;
	left:0px;
	width:450px;
	font-size:12px;
	font-weight:bold;}
	
h1.jobInfo {
	color:#800000;
	font-size:12px;
	font-weight:bold;
	text-decoration: underline;}
	
div.staBewerben{
	position: absolute;
	top:590px;
	left:430px;
	width:500px;
	text-align:center;}

p.staTitelFarbig {
	position:relative;
	left:10px;
	color:#800000;
	font-size:12px;
	font-weight:bold;}

p.pLinks{
	position:relative;
	left:10px;
	color:#000000;}

p.p{
	color:#000000;}	
	
.jobInfoTable {
	border:0px;
	table-layout:fixed;
	border-collapse:collapse;}

.jobInfoLinks {
	width:50%;
	border:0px;
	color:#000000;}

.jobInfoRechts {
	width:50%;
	border:0px;
	background-color:#ffffff;
	color:#000000;}

/* ################################################################### */
/* #####################  ab hier neue Version  ###################### */
/* ################################################################### */

/*
	------------------------------------------------------
	Box Elemente /stellenausschreibung/detail/detail.jsp
	------------------------------------------------------
*/

#StellenausschreibungDetail {
	position: absolute;

	top: 10px;
	left: 10px;

	width: 950px;
	height: 650px;
}

#StellenausschreibungDetailBody {
	position: relative;

	top: 0px;
	left: 0px;

	width: 950px;
	height: 600px;

	background-color: #ffffff;
	border: 1px solid #800000;
}

#StellenausschreibungDetailBodyStaLogo {
	position: absolute;
	top: 0px;
	left: 0px;

	width: 400px;
	height: 600px;

	background-image: url("/web/images2/EuroPersonalLeasing/stellenangebot.jpg");
	background-repeat: no-repeat;
}

#StellenausschreibungDetailBodyKontakt {
	position: absolute;
	bottom: 0px;
	left: 0px;

	width: 400px;
}

#StellenausschreibungDetailBodyContent {
	position: absolute;
	top: 0px;
	left: 400px;

	overflow: auto;

	width: 550px;
	height: 600px;

	background-color: #ffffff;
}

#StellenausschreibungDetailFooter {
	position: relative;
	top: 0px;
	left: 400px;

	width: 550px;
	height: 50px;
}
/*
	------------------------------------------------------
	Formate /stellenausschreibung/detail/detail.jsp
	------------------------------------------------------
*/
#StellenausschreibungDetail {
    font-family: Verdana, Arial, sans-serif;
    font-size: 9pt;
    color: #000000;
}

#StellenausschreibungDetail a:link,
#StellenausschreibungDetail a:visited,
#StellenausschreibungDetail a:hover,
#StellenausschreibungDetail a:focus,
#StellenausschreibungDetail a:active {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    color:#800000;
}

#StellenausschreibungDetail a:hover,
#StellenausschreibungDetail a:focus,
#StellenausschreibungDetail a:active {
    text-decoration: underline;
    color:#000000;
}

#StellenausschreibungDetailBodyKontakt {
    font-size: 0.8em;
}

#StellenausschreibungDetailBodyKontakt p{
	margin: 0px;
	padding: 0 10px 10px 10px;

	white-space: nowrap;
}

#StellenausschreibungDetailBodyKontakt h2{
	margin: 0em;
    padding: 0 10px 10px 10px;

	font-size: 1.2em;
	font-weight: bold;

	color: #800000;
}

#StellenausschreibungDetailBodyContent p{
	margin: 0px;
    padding: 0 20px 10px 20px;
}

#StellenausschreibungDetailBodyContent h1{
	margin: 0em;
	padding: 10px 20px 10px 20px;

	font-size: 1.4em;
	font-weight: bold;

	color: #800000;
}

#StellenausschreibungDetailBodyContent h2{
	margin: 0em;
    padding: 0 20px 5px 20px;

	font-size: 1.2em;
	font-weight: bold;
    text-decoration: underline;

    color: #800000;
}

#StellenausschreibungDetailBodyContent h3{
	margin: 0em;
    padding: 0 20px 5px 20px;

	font-size: 1.1em;
	font-weight: bold;
    text-decoration: underline;

	color: #800000;
}

#StellenausschreibungDetailBodyInfos table {
	margin: 0px 20px 20px 20px;
    padding: 0px;

    font-size: 0.8em;
}

#StellenausschreibungDetailBodyInfos table td.Spalte1 {
	width: 250px;
}

#StellenausschreibungDetailBodyInfos table td.Spalte2 {
	width: 250px;
}

#StellenausschreibungDetailFooter p {
	margin: 0px;
	padding: 0px;

	padding-top: 10px;
	text-align: center;
}


/****************
*               *
*  NEUE SUCHE   *
*               *
****************/

.sucheHeader {
    font-size:1em;
    font-weight:bold;
}
.sucheActive {
    /*hier kann man noch sinnvolle Formatierungen pro Kunde eintragen, ist aber grundsätzlich nicht nötig*/
}
.sucheText {
    /*hier kann man noch sinnvolle Formatierungen pro Kunde eintragen, ist aber grundsätzlich nicht nötig*/
}
.sucheFound {
    /*hier kann man noch sinnvolle Formatierungen pro Kunde eintragen, ist aber grundsätzlich nicht nötig*/
}
.sucheFoundNr {
    font-size:1.4em;
    font-weight:bold;
    color: #00FF00;
}

.overviewHeader {
    font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
    font-size:8.5pt;
    font-weight:bold;
    color:#333333;
}

.overviewSectionHeader {
    font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
    font-size:8pt;
    font-weight:bold;
    color:#666666;
}

.overviewSectionHeader #li {
    font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
    font-size:7pt;
    font-weight:bold;
    color:#666666;
}

.tableCellLightSuche {
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;
    background-color:#FFFFFF;
    font-family: Verdana,Arial,sans-serif;
    font-size:7.5pt;
    color:#6b6b6b;
    padding-left:5px;
    padding-right:5px;
}

.tableCellDarkSuche {
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;
    background-color:#EEEEEE;
    font-family: Verdana,Arial, sans-serif;
    font-size:9pt;
    color:#6b6b6b;
    padding-left:5px;
    padding-right:5px;
	white-space: inherit;
}

.tableCellKoSuche {
    border-bottom:1px solid #999999;
    background-color:#ffefdf;
    font-family: Verdana,Arial, sans-serif;
    font-size:7.5pt;
    font-weight:bold;
    color:#686e6d;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}

.tableCellImpSuche {
    border-bottom:1px solid #999999;
    background-color:#dffbdd;
    font-size:7.5pt;
    font-weight:bold;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}