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

body.main {
    background-color: #FFFFFF;

}

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

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

.a2 {color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
a:hover.a2{
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
}

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



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

.reiterAktiv {
height:20px;
border-right: 1px solid #fff;
    background-color: #EC7404;
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-family: Arial,Arial;
    font-size: 10px;
    whiteSpace=nowrap;
    cursor:pointer;
}
.reiterEckeAktiv {
    background-color: #fad3ac;
    border-bottom: 1px solid #fad3ac;
}

#leftMenuPanel {
    border:0px solid #FF6600;
    /*background-color:#FF6600;*/
    background-color:#ffffff;
    height:60%;
    padding:10px;
}

#leftMenuHeadLine {
    font-family:Arial;
    font-size:10pt;
    font-weight:bold;
    color:#000000;
    margin-bottom:10px;
}
.leftMenuHeadlineIcon {
    background-image: url("/web/images2/piening_rechteck.gif");
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
}

.leftMenuItem {
    font-family:Arial;
    font-size:7.5pt;
    /*color: #000000;*/
}
.leftMenuItemIcon {
    background-image: url("/web/images2/piening_pfeil.gif");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}
.leftSubMenuItemIcon {
    background-image: url("/web/images2/piening_pfeil.gif");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.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:0px solid #FF6600;
    background-color:#ffffff;
    padding:7px;
    font-family:Arial;
    font-size:10pt;
    font-weight:bold;
    color:#FF6600;
}

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

.panel {
    border:1px solid #FF9966;
    background-color:#FF6600;
}

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

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

.tablePanel {
    table-layout:fixed;
    border-collapse:collapse;
}
.tablePanelohne {
    table-layout:fixed;
    border-collapse:collapse;
}
.tableCell {
    font-family:Arial;
    font-size:7.5pt;
    color:#000000;
}
.tableCellDark {
    border-right:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    background-color:#FFCC99;
    font-family:Arial;
    font-size:7.5pt;
    color:#000000;
    padding-left:5px;
    padding-right:5px;
    white-space:nowrap;
	white-space: normal;
}
.tableCellLight {
    border-right:1px solid #FFCC99;
    border-bottom:1px solid #FFCC99;
    background-color:#FFFFFF;
    font-family:Arial;
    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:#FFCC99;
    font-family:Arial;
    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:#FFFFFF;
    font-family:Arial;
    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:#FFCC99;
    font-family:Arial;
    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:#FE5D02;
    font-family:Arial;
    font-size:7.5pt;
    color:#000000;
    padding-left:5px;
    padding-right:5px;
    white-space:nowrap;
	white-space: normal;
}

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

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

.numberOfHits {
    color:#000000;
}

.inputRequiredFlag {
    color:#EE2200;
}

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

input {
    font-family:Arial;
    font-size:8pt;
    font-weight:normal;
    color:#000000;
}

.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:Arial;
    font-size:8pt;
    font-weight:normal;
    width:65%;
}

textarea {
    font-family:Arial;
    font-size:8pt;
    font-weight:normal;
    color:#000000;
    width:65%;
}

submit{
	background-color:#FEA034;
	font-family:Arial;
    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;
}


/* #### ANGEBOTSERSTELLUNG ###### */

.content {
    border-collapse:collapse;}

body{
background-color:#ffffff;}

.titlePanelangebot {
    border-top:1px solid #FF6600;
    border-bottom:1px solid #FF6600;
    background-color:#FFCC99;
    padding:7px;
    font-family:Arial;
    font-size:10pt;
    font-weight:bold;
    color: #FF6600;
}

.titel{
height:40px;
background-color:#FF6600;
font-size: 10pt;
font-weight:bold;
font-family: Arial;
padding-top:20px;
padding-bottom:10px;
border:1px solid #FF6600;
width:800px;
color:#FFFFFF
}

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

/*Stellenanzeige- Detail 1*/

div.staScrollPanel{
	border:1px solid #FFCC99;
    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: #FFCC99;
	scrollbar-3dlight-color: #FFCC99;
	scrollbar-darkshadow-color: #FFCC99;
	scrollbar-shadow-color: #FFCC99;
	scrollbar-arrow-color: #FFCC99; /*Pfeile*/
	scrollbar-track-color: #ffffff;  /*Untergrund*/}

div.staLogo {
	position:relative;
	top:55px;
	width:400px;
	height:400px;
	background-Image:url("/web/images2/header/piening_sta.jpg");
	background-repeat: no-repeat;}

div.kontaktdaten{
	padding-top:100px;
	width:400px;
	background-color:#FE5D02;}

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;}

h1.staTitel1{
	font-size: 20px;
	font-weight: bold;
	color:#FF6600;}

div.jobInfo{
	position: relative;
	top:-80px;
	left:0px;
	width:450px;
	font-size:12px;
	font-weight:bold;}

h1.jobInfo {
	color:#FF6600;
	font-size:16px;
	font-weight:bold;
	text-decoration: underline;}

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

p.modulText1, p.modulText2, p.modulText3, p.modulText4, p.modulText5 {
	position:relative;
	top:-30px;
	font-size:14px;
	font-weight:normal;
	color:#000000;}

div.staBewerben{
	position: absolute;
	top:590px;
	left:430px;
	width:500px;
	text-align:center;}

p.staTitelFarbig {
	padding-left:15px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;}

p.pLinks{
	font-family:Arial;
	padding-left:15px;
	color:#000000;
	font-size:14px;}

p.p{
	color:#000000;}

.jobInfoTable {
	border:0px;
	table-layout:fixed;
	border-collapse:collapse;}

.jobInfoLinks {
	width:50%;
	border:0px;
	color:#000000;
	font-family:Arial;
	font-size:14px;}

.jobInfoRechts {
	width:50%;
	border:0px;
	background-color:#ffffff;
	color:#000000;
	font-family:Arial;
	font-size:14px;}



/* ################################################################### */
/* #####################  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: #fad3ac;
	border: 1px solid #fff;
}

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

	width: 232px;
	height: 600px;

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

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

	width: 232px;
}

#StellenausschreibungDetailBodyContent {
	position: absolute;
	top: 0px;
	left: 232px;
	border-top: 70px solid #ec7404;

	overflow: auto;

	width: 718px;
	height: 530px;

	background-color: #ffffff;
}

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

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

#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:#EC7404;
}

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

#StellenausschreibungDetailBodyKontakt {
    font-size: 0.8em;
}

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

	white-space: nowrap;
    color: #000;
}

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

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

	color: #000;
}

#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: #FE5D02;
}

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

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

    color: #FE5D02;
}

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

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

	color: #FE5D02;
}

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

    font-size: 0.8em;
}

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

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

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

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


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

.sucheHeader {
    font-size:1em;
    font-weight:bold;
    color:#FF6600;
}
.sucheActive {
    /*hier kann man noch sinnvolle Formatierungen pro Kunde eintragen, ist aber grundsätzlich nicht nötig*/
}
.sucheText {
    color:#FF6600;
    /*hier kann man noch sinnvolle Formatierungen pro Kunde eintragen, ist aber grundsätzlich nicht nötig*/
}
.sucheFound {
    color:#FF6600;
    /*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: #000000;
}

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

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

.overviewSectionHeader #li {
    font-family: Arial, Verdana, 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: Arial, Verdana, 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: Arial, Verdana, 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: Arial, Verdana, 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;
}