/* -- form validation */
/* Anmerkung: 
diese CSS dient zur Formatierung von Inhalten, 
die direkt vom Joomla-System erzeugt werden, 
wie z.B. Meldungen, Tooltips, der Editor, etc.
*/

.invalid {
	border-color:						#ff0000; 
}
label.invalid { 
	color: 									#ff0000; 
}

/* -- buttons */
#editor-xtd-buttons {
	padding: 								5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: 									left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: 								block;
	height: 								22px;
	float: 									left;
	font-size: 							11px;
	line-height: 						22px;
	color: 									#666666;
	cursor: 								pointer;
}

.button2-left span,
.button2-right span {
	color: 									#999999;
	cursor: 								default;
}

.button2-left .page a,
.button2-left .page span,
.button2-right .page a,
.button2-right .page span {
	padding: 								0 6px;
}

.page span {
	font-weight: 						bold;
	color: 									#000000;
}

.button2-left a:hover,
.button2-right a:hover {
	color: 									#0b55c4;
	text-decoration: 				none;
}

.button2-left a,
.button2-left span {
	padding: 								0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 								0 6px 0 24px;
}

.button2-left {
	float: 									left;
	margin-left: 						5px;
	background-image: 			url("../img/_general/j_button2_left.png");
  background-repeat:			no-repeat;
}

.button2-right {
	float: left;
	margin-left: 5px;
	background-image: 			url("../images_general/j_button2_right.png");
  background-position:		100% 0;
  background-repeat:			no-repeat;
}

.button2-left .image {
	background-image: 			url("../img/_general/j_button2_image.png");
  background-position:		100% 0;
  background-repeat:			no-repeat;
}

.button2-left .readmore {
	background-image: 			url("../img/_general/j_button2_readmore.png");
  background-position:		100% 0;
  background-repeat:			no-repeat;
}

.button2-left .pagebreak {
	background-image: 			url("../img/_general/j_button2_pagebreak.png");
  background-position:		100% 0;
  background-repeat:			no-repeat;
}

/* Tooltips */
div.tooltip {
	max-width: 							200px;
	float: 									left;
	border: 								1px solid #d4d5aa;
	padding: 								5px;
	background-color: 			#ffffcc;
}

div.tooltip h4 {
	margin: 								0;
	margin-top: 						-15px;
	padding: 								15px 0 5px;
	font-size: 							95%;
	font-weight: 						bold;
	background-image: 			url("../img/_general/selector-arrow.png");
  background-repeat:			no-repeat;
}

div.tooltip p {
	font-size: 							90%;
	margin: 								0;
}

/* Caption fixes */
.img_caption.left {
	float: 									left;
	margin-right: 					1em;
}

.img_caption.right {
	float: 									right;
	margin-left: 						1em;
}

.img_caption.left p {
	clear: 									left;
	text-align: 						center;
}

.img_caption.right p {
	clear: 									right;
	text-align: 						center;
}

/* Calendar */
a img.calendar {
	height: 								16px;
	width: 									16px;
	margin-left: 						3px;
	vertical-align: 				middle;
	cursor: 								pointer;
	background-image: 			url("../img/_general/calendar.png");
  background-repeat:			no-repeat;	
}