/*
	 * css-styled-imgtext
	*/
	/*
	 Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
	 (c) the TYPO3 content rendering group
	 (c) Ernesto Baschny (ernst@cron-it.de)
	*/

	/* Captions */
	P.csc-caption {
		margin: 0;
	}
	P.csc-caption {
		font-size: 80%; /* Customize me */
	}
	DIV.csi-caption-c .csi-caption {
		text-align: center;
	}
	DIV.csi-caption-r .csi-caption {
		text-align: right;
	}
	DIV.csi-caption-l .csi-caption {
		text-align: left;
	}

	/* Needed for noRows setting */
	DIV.csi-textpic DIV.csi-imagecolumn {
		float: left;
		display: inline;
	}

	/* Border just around the image */
	{$styles.content.imgtext.borderSelector} {
		border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
		padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
	}

	DIV.csi-imagewrap {
		padding: 0;
	}

	DIV.csi-textpic IMG {
		border: none;
	}

	/* DIV: This will place the images side by side */
	DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image {
		float: left;
	}

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

	/* DL: This will place the images side by side */
	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image {
		float: left;
	}
	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT {
		float: none;
	}
	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD {
		float: none;
	}
	DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG {
		border: none; /* FE-Editing Icons */
	}
	DL.csi-image {
		margin:0 1em;
	}
	DL.csi-image DT {
		margin: 0;
		display: inline;
	}
	DL.csi-image DD {
		margin: 0;
	}

	/* Clearer */
	DIV.csi-clear {
		clear: both;
	}

	/* Margins around images: */

	/* Pictures on left, add padding on right */
	DIV.csi-left DIV.csi-imagewrap .csi-image,
	DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
	DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures on right, add padding on left */
	DIV.csi-right DIV.csi-imagewrap .csi-image,
	DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
	DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures centered, add padding left and right */
	DIV.csi-center DIV.csi-imagewrap .csi-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpaceHalf}px;
		margin-right: {$styles.content.imgtext.colSpaceHalf}px;
	}
	DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption {
		margin: 0;
	}
	DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG {
		margin: 0;
	}

	/* Space below each image (also in-between rows) */
	DIV.csi-textpic DIV.csi-imagewrap .csi-image {
		margin-bottom: 5px;
	}
	DIV.csi-equalheight DIV.csi-imagerow {
		margin-bottom: 5px;
		display: block;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csi-above DIV.csi-text {
		clear: both;
	}

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

	/* Right (above or below) */
	DIV.csi-right DIV.csi-imagewrap {
		float: right;
	}
	DIV.csi-right DIV.csi-text {
		clear: right;
	}

	/* Left (above or below) */
	DIV.csi-left DIV.csi-imagewrap {
		float: left;
	}
	DIV.csi-left DIV.csi-text {
		clear: left;
	}

	/* Left (in text) */
	DIV.csi-intext-left DIV.csi-imagewrap {
		float: left;
	}

	/* Right (in text) */
	DIV.csi-intext-right DIV.csi-imagewrap {
		float: right;
	}

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

	/* Left (in text, no wrap around) */
	DIV.csi-intext-left-nowrap DIV.csi-imagewrap {
		float: left;
		clear: both;
	}
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csi-intext-left-nowrap .csi-text {
		height: 1%;
	}
	/* End hide from IE5/mac */