/*
 * inline css moved to external stylesheet
 * fileadmin/templates/biocity/styles/cron_css_styled_imgtext.css
 */

/*
 * 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;
	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 */
/* typoscript removed */

div.csi-imagewrap { padding: 0 .2em .5em; }

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: 1em;
}

/* 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: 1em;
}

/* 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: .5em;
	margin-right: .5em;
}
div.csi-textpic div.csi-imagewrap .csi-image .csi-caption { margin: 0; }
div.csi-textpic div.csi-imagewrap .csi-image img { margin: 0; }

/* Fixed size 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; }

/* Centre (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 */
