/* CSS fuer Darstellung der Formulare */

.required {
	color:#505050;
}

.error {
	border-color:#FF0000 ! important;
	background-color:#FFA4A4 ! important;
}

input {
	color:#505050;
	margin:0 0 0.5em 0;
}

select {
	color:#505050;
	width: 100%;
	margin:0 0 0.5em 0;
	padding: 0.1em;
	font-size: 11px;
}

input.menge, input.artikel {
	height: 20px;
	line-height: 20px;
}

input.text, input.fileupload {
	width:36em;
}

textarea {
	font-size: 12px;
    width: 36em;
}

input.text, input.fileupload, textarea, input.nw_text {	
	padding: 0.2em;
}

input.text, textarea, input.nw_text {
	float:left;
}

input.routenplaner-text {
	float:left;
    width: 260px;
	margin-right: 10px;
	padding: 2px;
}

input.plz {
    width: 40px;
}

input.ort {
    width: 202px;
}

#reiterContent input.text, #reiterContent textarea, #reiterContent input.fileupload  {
	width:31.8em;
	margin-bottom:0.2em ;

}

#rechteSpalteContent input.text {
	width:13.6em;
	padding: 2px 1px 0 1px;
	height: 16px;
	line-height: 12px;
}

#rechteSpalteContent input.menge {
	width:2em;
	padding: 2px 1px 0 1px;
	margin: 0 2px 0 0;
	height: 16px;
	line-height: 12px;
	float: left;
}

#rechteSpalteContent input.artikel {
	width:10.6em;
	padding: 2px 1px 0 1px;
	height: 16px;
	line-height: 12px;
	float: left;
}

input.checkbox {
	float:left;
	padding-top:0;
	margin-right:0.5em;	
}


input.radio {
	float:left;
	margin-right:0.5em;
}

select.select {
	float:left;
	width:40em;	
}

#reiterContent select.select {
	width:35.5em;
}

label {
	position: relative;
	float: left;
	width: auto;
	margin-right: 1em;
	top: 0;
	left: 0;
}

/* damit die Lablebezeichnung auf Schriftlinie des Eingabefelds steht */
label.inputtext {
	position: relative;
	float: left;
	width: auto;
	margin-right: 1em;
	top: 8px;
	left: -10px;
}
/* ENDE damit die Lablebezeichnung auf Schriftlinie des Eingabefelds steht */

label em {
	/*position: absolute;
	left: 14em;
	top: 0;*/
	display:none;
}

label strong {
	display: block;
	color: #C00;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
}

label strong img {
	position: absolute;
	left: 16em;
	top: 0.2em;
	color: #C00;
	font-weight: normal;
	text-transform: uppercase;
}

fieldset {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin: 0.5em 0 -1em 0;
	padding: 0 0 1em 0;
	border-style: none;

}

fieldset.bemerkunganfrage {
  margin-top:-1.8em;
}


legend {
	padding: 0;
	color: #505050;
	font-weight: bold;
}

legend span {
	position: relative;
	left: 0.74em;
	top: 0;
	margin-top: 1.5em;
	font-size: 100%;
	font-weight: bold;
}

legend span.normal {
	position: relative;
	left: 0.74em;
	top: 0;
	margin-top: 1.5em;
	font-size: 100%;
	font-weight: normal;
}

legend span  em {
	display:none;
}

fieldset ol {
	padding: 0.5em 0.4em 0 0em;
	list-style: none;
	margin: 0;
	top: 0;
}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.2em;	
}

fieldset fieldset {
	position: relative;
	border-style: none;
	background-image: none;
	margin:0.1em;
	margin-bottom: -1.4em;
	padding: 0.1em 0;
}

fieldset fieldset legend {
	margin-left: 0;
	font-weight: normal;
	padding:0;
}

fieldset fieldset ol {
	position: relative;
	
	float:left;
	/*	clear:both;*/
}

fieldset fieldset label {
	width: auto;
	margin-right: auto;
	margin-top:0;
}

fieldset fieldset ol.horizontal { 
	float:left;
	clear:both;
}

fieldset fieldset ol.horizontal   li{
	float:left;
	clear:none;
	width:auto;
	display:inline;
	list-style-type:none;
	margin:0 0.5em 0 0;
	padding:0.1pt 0.2em 0.1em 0;	
}

fieldset.breiteXXL fieldset ol.horizontal li.oneRow{
	width:33em;
	clear: both;
}
fieldset.breiteXXL fieldset ol.horizontal li.leftspace{
 margin-left:1.6em;

}



fieldset.submit {
	float: none;
	width: auto;
	padding-top: 0.5em;
	padding-left: 1em;
}

fieldset.breiteXXLsubmit {
	float: none;
	width: auto;
	clear: both;
	padding-top: 0.5em;
	padding-left: 14.85em;
	padding-right: 0.75em;
}

fieldset.breiteXXL label {
	width: 14em;
}

fieldset.breiteXXL fieldset legend.not_eingerueckt  {
		width: 14em ! important;
}

fieldset.breiteXXL fieldset legend.not_eingerueckt span.not_eingerueckt {
		width: 14em ! important;
}

td.breiteXXLc1{
	width:15em;
}

td.breiteXXLc1_zahlungsart{
	width:125px;
}


fieldset.breiteXXL legend span {
padding-left: 14.3em;
}

fieldset.breiteXXL fieldset legend {
	left: -2em;
}

fieldset.breiteXXL fieldset legend span {
	padding-left: 0;
	left: 0;
	font-weight: normal;
}

/* Diese Angabe stört die Darstellung des Dateiuploads im Bewerbungsformular */
/* fieldset.breiteXXL fieldset label {
	width:auto;	
} */

fieldset.breiteXXL fieldset.formatedL label {
	width:8em;	
}

fieldset.breiteXXL fieldset.formatedXL label {
	width:10.6em;	
}

fieldset.breiteXXL fieldset label.wXL {
	width:10.6em  ! important;	
}

fieldset.breiteXXL fieldset label.wXXL {
	width:30.6em  ! important;	
}


fieldset.breiteXXL fieldset label.wXLOhneCheck {
	width:8.9em  ! important;	
	margin-left:1.6em;
	
}

fieldset.breiteXXL fieldset label.wXLcheck {
	width:8.9em  ! important;	
}

fieldset.breiteXXL fieldset ol {
	position: relative;
	top: -1.3em;
	margin: 0 0 0 15em;
	padding: 0;

}

/*  Fieldset im Fieldset - optisch nicht sichtbar */

fieldset.breiteXXL fieldset.eingerueckt{
	padding: 0.3em 0 2em 0;
}

fieldset.breiteXXL fieldset.eingerueckt ol{
		margin: 0;
		top:0;
}

fieldset.breiteXXL fieldset.eingerueckt legend{
	display: none;
	visibility: hidden;
}

fieldset.breiteXXL fieldset.eingerueckt  label {
	width:13.9em;
	margin-right: 1em;
}

fieldset.breiteXXL fieldset.eingerueckt input.text {
	width:36em;
}

fieldset.breiteXXL fieldset.eingerueckt fieldset ol{
	margin: -1.3em 0 1.5em 15em  ;
}

fieldset.breiteXXL fieldset.eingerueckt fieldset legend{
	display: block;
	visibility: visible;
}

fieldset.breiteXXL fieldset.eingerueckt  fieldset label {
	width:auto;
}



p.breiteXXLc2{
	padding: 0.5em 0.6em 0 15.1em;
}

div.breiteXXLc2{
	margin-left: 15.1em;
	padding-right: 0.7em;
}

div.addmore{
	padding-right: 0.7em;
	margin-top:-0.7em;
	float:right;
}
/* ermoeglicht 2 Splaten innerhalb eines Formulars */

fieldset.breiteXXL li.col50_1 {
	width: 21em;		
	float:left;
	clear:left; 
}

fieldset.breiteXXL li.col50_2 {
	width: 30.8em;
	float:left;
	clear:none; 
}

#reiterContent fieldset.breiteXXL li.col50_2 {
	width: 26.8em;
}

fieldset.breiteXXL li.col50_2 div.col50_2_label {
	width:10em;
	float:left;	
	text-align: right;	
}

#reiterContent fieldset.breiteXXL li.col50_2 div.col50_2_label {
	width:10.35em;
}

fieldset.breiteXXL li.col50_2 div.col50_2_feld {
	width:20.8em;		
	float:left;		
}

#reiterContent  fieldset.breiteXXL li.col50_2 div.col50_2_feld {
	width:16.2em;		
}

fieldset.breiteXXL li.col50_2 div label {
	width:auto;
	margin-left:0;
	margin-right: 0.4em;
	float:right;
}


#reiterContent li.col50_1 input.text, li.col50_1 input.text,
#reiterContent li.col50_1 textarea, li.col50_1 textarea,
#reiterContent li.col50_1 select.select, li.col50_1 select.select  {
	width:5em;
}

fieldset.breiteXXL li.col50_2 input.text,
fieldset.breiteXXL li.col50_2 textarea,
fieldset.breiteXXL li.col50_2 select.select  {
	width:20.2em;
	float:right;	
	margin-right:0em;
	position: relative;
}

#reiterContent li.col50_2 input.text,
#reiterContent li.col50_2 textarea, 
#reiterContent li.col50_2 select.select  {
	width:15.4em;
	margin-right:0em;
}

/* Label soll oberhalb des Feldes angezeigt werden */

fieldset.breiteXXL li.label_top {
		margin-left:15em;
		margin-bottom: 0.4em;
		width:auto;		
}

fieldset.breiteXXL li.label_top *{
		float:left;
		clear:both;
}

fieldset.breiteXXL li.label_top label{
		width:30em;
}


fieldset.breiteXXL legend.rowXXL  span {
padding-left: 0em;
}

fieldset.breiteXXL li.rowXXL  {
	padding-left: 0.7em;
}


fieldset.breiteXXL li.rowXXL li.subrowXXL {
	padding-left: 1.7em;
}

fieldset.breiteXXL li.rowXXL fieldset.eingerueckt {
	padding: 0;
	margin:0;
}

fieldset.breiteXXL li.rowXXL label {
	width: auto;
}

fieldset.breiteXXL li.rowXXL fieldset label {
	width: auto;
}

/* verschiedene Breiten */

.w2em {
	width:2em ! important;
}

.w4em {
	width:4em ! important;
}

.w6em {
	width:6em ! important;
}

.w10em {
	width:10em ! important;
}


.w15em {
	width:15em ! important;
}

.textBetween{
	margin-left:0.2em ! important;;	
	margin-right:0.2em ! important;;	
	margin-top: 0.5em ! important;;	
}


#newsletterarchiv, #artikelarchiv  {
  width:200px;
  margin-bottom:13px;
}

#artikelarchiv.stellenangebote {
  margin-top:-0.70em !important;
  margin-bottom:1.8em !important;
}

.stellenangebote_tabelle {
  margin-bottom:0.5em;
}


/* Home - Selectmenüs */


.home_button{
	margin:0;
	padding-top:-4px;
}

FIELDSET.breiteXXL FIELDSET.eingerueckt  ol.narrow LABEL {
	/*margin-right:0 ! important;
	margin-left:1em ! important;*/
}

/* Informationsmaterial - Flaggen */
ol.flaggen{
 	padding:0.8em 0 0.8em 1.6em !important;
}
 
ol.flaggen li{
 	padding-right:1em !important;
}
 
ol.flaggen li label{
	margin-right:0.2em ! important;
}

div.infomaterial img {
	float:left;
	margin: 0.3em 2em  2em 1.6em !important;
	/*border:1px solid #505050;*/
	
}

div.infomaterial p{
	padding: 0.5em 0.6em 0 14.1em;	
}

.labeleinheit {
 padding-left:8px;
}

div.col50_2_feld #pers_ort, div.col50_2_feld #ort   {
  width:20em;
}

.wk_menge_anzahl label {

margin-right:0;
}