/*
 * 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 */ /* Oder ich kommentier dich einfach erstmal aus ... */
}
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.csi-textpic { margin: 0 0 1em 0; }
DIV.csi-textpic p { margin-top: 0; }

/* 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; }
#content DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { border-right:8px solid #FFF}
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; }

/* Und hier mit einem Rahmen ... */
DIV.csi-border DIV.csi-imagewrap DL.csi-image { margin:0 3px; }

/* 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; }*/
/* Mach ich top draus ... */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-top: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-textpic DIV.csi-imagewrap .csi-image { padding-bottom: 5px; }
/* End hide from IE5/mac */ 

/* 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; }
DIV.csi-intext-left DIV.csi-imagewrap .csi-image { margin-right: 5px; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left DIV.csi-imagewrap .csi-image { padding-right: 5px; }
/* End hide from IE5/mac */ 

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }
DIV.csi-intext-right DIV.csi-imagewrap .csi-image { margin-left: 5px; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right DIV.csi-imagewrap .csi-image { padding-left: 5px; }
/* End hide from IE5/mac */ 

/* 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 */
)