/*	-------------------------------------------------------------
	FARBDEFINITIONEN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*rot*/
.ErrorSmall,
.Error{ 
							vertical-align: middle;	
							background-position: 12px !important;
							border-color: Red;
							color: #510000;
							}
.ErrorSmall{			background: #FFE3E3 url('/content/images/global/infoval-error-small.png') no-repeat left;	}
.Error{					background: #FFE3E3 url('/content/images/global/infoval-error-middle.png') no-repeat left;	}






/*gruen*/
.Success,
.SuccessSmall{ 
							vertical-align: middle;	
							background-position: 12px !important;
							border-color: #228B22;
							color: #364812;	}
.SuccessSmall{ 		background: #F0FFF0 url('/content/images/global/infoval-success-small.png') no-repeat;		}
.Success		{			background: #F0FFF0 url('/content/images/global/infoval-success-middle.png') no-repeat;	}
	







/*gelb und orange*/
.Attention,
.AttentionSmall{ 
							vertical-align: middle;	
							background-position: 12px !important;
							border-color: #FFD700;
							color: #665700;	}
.Attention a,
.AttentionSmall a{ 	text-decoration: underline;}						
							
.Attention{ 			background: #FFFFF0 url('/content/images/global/infoval-attention-middle.png') no-repeat;		}
.AttentionSmall{ 	background: #FFFFF0 url('/content/images/global/infoval-attention-small.png') no-repeat;		}







/*blau*/
.InformationSmall,
.Information { 
							vertical-align: middle;	
							background-position: 12px !important;
							border-color: #1E90FF;
							color: #000157;	
}
.InformationSmall a,
.Information a { 	
							color: #000157;	
							text-decoration: underline;
}
.InformationSmall{ 	background: #ADD8E6 url('/content/images/global/infoval-information-small.png') no-repeat;		}
.Information{ 			background: #ADD8E6 url('/content/images/global/infoval-information-middle.png') no-repeat;	}






.NeutralSmall{ /*schwarz* z.B. Notification auf der LoginSeite*/
	border-color: #141414;	
	color: #fff !important;
	border: none !important;
	vertical-align: middle;
	background-position: 12px !important;	
	background: #141414 url('/content/images/global/infoval-information-small.png') no-repeat;			
} 



/*	-------------------------------------------------------------
	INFOBOX - grosse Box mit viel Text
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.InfoBox{
	padding: 10px 10px 10px 60px;
	background-position: 10px 10px;
	border: 2px solid;
	margin-top: 15px;
	margin-bottom: 12px;
	width: 80%;
	}

.InfoBox p {
	line-height: 140%;
}	
	
.InfoBox ul{
	list-style: circle;	
}

.InfoBox span {
	font-weight: bold;
}

/*	-------------------------------------------------------------
	INFOLINE - kleine einzeilige Infobox
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.InfoLine{
	display: block;
	font-style: normal;
	line-height: 100%;
	padding: 5px 2px 5px 36px;	
	border: 1px solid;	
	text-align:left;
	width: 60%;
	min-width: 300px;
}


.InfoLine,
.InfoBox
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


/*	-------------------------------------------------------------
	VALIDATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.input-validation-error{
	background-color:#FFCCCC !important; 
	border:1px solid #FF0000 !important;
}

.field-validation-error{
	background: transparent url('/content/images/global/infoval-error-small.png') no-repeat left;
	color: #c20000;
	padding-left: 20px;
	/* darf nicht bold sein, sonst werden die schriften IN den inputs auch bold!*/
	font-weight: normal;
}

.ValidationMitZeilenumbruch .label-rightaligned-input .field-validation-error,
span.field-validation-error{
	display: inline;	
}

.ValidationMitZeilenumbruch .field-validation-error,
label.field-validation-error{
	display: block;
}




.ValidationMitZeilenumbruch {
	margin:0 0 8px 0;	
}







/* Fuer die Overlay Infoboxen Floating siehe jquery.message.css */






/* Validation Ende */