/*
 * CSS styles for typo3 extension 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)
 * additions by Marko Jung (mjung@linuxtag.org
 *
 */



/*    Captions    */

P.csc-caption { 
	margin: 0; 
}

P.csc-caption {
  	font-size: 80%; 
}

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   */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  	border: 2px solid black;
  	padding: 0px 0px;
}

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; 
}

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: 20px;
}

/* 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: 20px;
}

/* 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: 10px;
	margin-right: 10px;
}

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: 10px; 
}

DIV.csi-equalheight DIV.csi-imagerow { 
	margin-bottom: 10px; 
	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 */