/* default styles for extension "tx_cssstyledcontent" */

	.image { 
		float: left;
		position: relative;
	}
	.image a div {
		position: absolute;
		height: 17px;
		width: 17px;
		right: 0px;
		bottom: 0px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	.image a:hover div {
		background-position: 0px -17px;
	}
	.image img {
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}

	/* Captions */
	DIV.captionAlignCenter .imageCaption { text-align: center; }
	DIV.captionAlignRight .imageCaption { text-align: right; }
	DIV.captionAlignLeft .imageCaption { text-align: left; }

	/* Needed for noRows setting */
	DIV.textImg DIV.imageColumn { float: left; display: inline; }

	/* Border just around the image */
	/* DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG */
	.imageBorder .imageBox .imageWrap IMG {
		border: 1px solid #CCCCCC;
		padding: 0px 0px;
	}

	DIV.imageBox { padding: 0; }
	
	DIV.textImg IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.textImg DIV.imageBox DIV.imageWrap { float: left; }

	/* UL: This will place the images side by side */
	DIV.textImg DIV.imageBox UL { list-style: none; margin: 0; padding: 0; }
	DIV.textImg DIV.imageBox UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.textImg DIV.imageBox DL.imageWrap { float: left; }
	DIV.textImg DIV.imageBox DL.imageWrap DT { float: none; }
	DIV.textImg DIV.imageBox DL.imageWrap DD { float: none; }
	DIV.textImg DIV.imageBox DL.imageWrap DD IMG { border: none; } /* FE-Editing Icons */
	DL.imageWrap { margin: 0; }
	DL.imageWrap DT { margin: 0; display: inline; }
	DL.imageWrap DD { margin: 0; }

	/* Clearer */
	DIV.imageClear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.imageLeft DIV.imageBox .imageWrap,
	DIV.imageLeftInTextNowrap DIV.imageBox .imageWrap,
	DIV.imageLeftInText DIV.imageBox .imageWrap {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.imageRight DIV.imageBox .imageWrap,
	DIV.imageRightInTextNowrap DIV.imageBox .imageWrap,
	DIV.imageRightInText DIV.imageBox .imageWrap {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.imageCenter DIV.imageBox .imageWrap {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.textImg DIV.imageBox .imageWrap .imageCaption { margin: 0; }
	DIV.textImg DIV.imageBox .imageWrap IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.textImg DIV.imageBox .imageWrap { }
	DIV.imageequalheight DIV.imageRow { padding-bottom: 5px; display: block; }
	DIV.textImg DIV.imageRow { clear: both; padding-bottom: 5px; }

	/* No margins around the whole image-block */
	.imageFirstCol { margin-left: 0px !important; }
	.imageLastCol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.imageLeftInText DIV.imageBox,
	DIV.imageLeftInTextNowrap DIV.imageBox {
		margin-right: 10px !important;
	}
	DIV.imageRightInText DIV.imageBox,
	DIV.imageRightInTextNowrap DIV.imageBox {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.imageAbove DIV.text { clear: both; }
	DIV.imageAbove DIV.imageBox { padding-bottom: 10px; }

	/* Center (above or below) */
	DIV.imageCenter { text-align: center; /* IE-hack */ }
	DIV.imageCenter DIV.imageBox { margin: 0 auto; }
	DIV.imageCenter DIV.imageBox .imageWrap { text-align: left; /* Remove IE-hack */ }
	DIV.imageCenter DIV.text{ text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.imageRight DIV.imageBox { float: right; }
	DIV.imageRight DIV.text { clear: right; }

	/* Left (above or below) */
	DIV.imageLeft DIV.imageBox { float: left; }
	DIV.imageLeft DIV.text { clear: left; }

	/* Left (in text) */
	DIV.imageLeftInText DIV.imageBox { float: left; }

	/* Right (in text) */
	DIV.imageRightInText DIV.imageBox { float: right; }

	/* Right (in text, no wrap around) */
	DIV.imageRightInTextNowrap DIV.imageBox { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.imageRightInTextNowrap .text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.imageLeftInTextNowrap DIV.imageBox { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.imageLeftInTextNowrap .text { height: 1%; }
	/* End hide from IE5/mac */
	
	DIV.textImg DIV.imageLastRow { padding-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.imageLeftInText ol, .imageLeftInText ul {padding-left: 40px; overflow: auto; height: 1%; }
