/*
 * 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 */
#content P.csc-caption, #content dd.csc-textpic-caption  { 
  margin: 0.5em 0 0 0; padding: 0 2em 0 0; 
  font-size:0.9em; line-height: 1.1em;
  white-space: normal;
  width: 120px;
}
.csc-textpic-left .csc-textpic-imagewrap {
	width:120px;
	/* max-width:120px; */
	font-weight:normal;
	line-height:12px;
	padding:0px 5px 10px 10px;	
	  font-size:0.9em; line-height: 1.1em;
  color: black;
}
.csc-textpic-intext-left-nowrap {
	padding:10px 0px 0px 10px;	
	margin-bottom: 25px;
}
.csc-textpic-intext-right .csc-textpic-imagewrap   {
  margin-left: 10px;
  margin-right: 0;
  float: right;

}

/* ---------------------------------------- */

DIV.csc-caption-c .csc-caption { text-align: center; padding: 0; }
DIV.csc-caption-r .csc-caption { text-align: right; padding: 0; }
DIV.csc-caption-l .csc-caption { text-align: left; padding: 0;}

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

/* Border just around the image */
DIV.csc-border DIV.csc-imagewrap .csc-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csc-imagewrap { padding: 0; }

/* hack */

DIV.csc-left {
	float: left;
}

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

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

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

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

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

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csc-left DIV.csc-imagewrap .csc-image,
DIV.csc-imagewrap .csc-image,
DIV.csc-intext-left-nowrap,
DIV.csc-intext-left DIV.csc-imagewrap .csc-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
  padding-left: 10px;
}


/* Pictures on right, add padding on left */
DIV.csc-right DIV.csc-imagewrap .csc-image,
DIV.csc-intext-right-nowrap DIV.csc-imagewrap .csc-image,
DIV.csc-intext-right DIV.csc-imagewrap .csc-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
  margin-right: 0;
  padding-right: 0;
}

/* Pictures centered, add padding left and right */
DIV.csc-center DIV.csc-imagewrap .csc-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csc-textpic DIV.csc-imagewrap .csc-image .csc-caption { 
	margin: 0.5em 0 0 0; padding: 0 0 0 0; 
	line-height: 1em; font-size:0.7em;
	 }
DIV.csc-textpic DIV.csc-imagewrap .csc-image .csc-caption .caption { padding: 0; color: gray;}
DIV.csc-textpic DIV.csc-imagewrap .csc-image IMG { margin: 0; }

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

/* Positioning of images: */

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

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

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

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

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

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

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

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