/* default styles for extension "tx_cssstyledcontent" */
    /* Captions */
    div.csc-textpic-caption {
        width: 200px;
        font-size: 9px;
        font-weight: normal;
        text-align: left;
        color: #666;
    }
    DIV.csc-textpic-caption-c .csc-textpic-caption { width: 200px; text-align: center; }
    DIV.csc-textpic-caption-r .csc-textpic-caption { width: 200px; text-align: right; }
    DIV.csc-textpic-caption-l .csc-textpic-caption { width: 200px; text-align: left; }

.csc-textpic,
.csc-textpic-imagewrap,
.csc-textpic-image
{
    padding: 0;
    margin: 0;
    border: 0;
}

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

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

    
### edit jf begin
    DIV.csc-textpic-imagewrap { margin: 0; padding: 0; border: 0; }
### edit jf end

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

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

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

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

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

    /* Margins around images: */

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

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

    
    /* Pictures centered, add margin on left */
    DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
        display: inline; /* IE fix for double-margin bug */
        margin-left: 10px;
    }

### edit jf begin
### added: padding: 0;
### added: border: 0;
    DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; padding: 0; border: 0; }
### edit jf end

    DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

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

    /* No margins around the whole image-block */
    DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
    DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

    /* Add margin from image-block to text (in case of "Text w/ images") */
    DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
    DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
        margin-right: 10px !important;
    }
    DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
    DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
        margin-left: 10px !important;
    }

    /* Positioning of images: */

    /* Above */

    DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }
    

    ## Center (above or below)
    # IE-hack
### edit jf begin
    DIV.csc-textpic-center { text-align: center; margin: 0; padding: 0; border: 0; }
    DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0; padding: 0; border: 0; }
    DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; margin: 0; padding: 0; border: 0; }

    div.csc-textpic .csc-textpic-center .csc-textpic-below,
    div.csc-textpic .csc-textpic-center .csc-textpic-below div.csc-textpic-imagewrap,
    div.csc-textpic .csc-textpic-center .csc-textpic-below div.csc-textpic-imagewrap img
    { margin: 0; padding: 0; border: 0; }
### edit jf begin
    


    # remove IE-hack
    DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left;  }

    
    
### edit jf begin
    ## Right (above or below)
    DIV.csc-textpic-right DIV.csc-textpic-imagewrap
    {
        float: right; margin: 0; padding: 0; border: 0;
    }
    ## Left (above or below)
    DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; margin: 0; padding: 0; border: 0; }
### edit jf end


    ## Left (in text)
    DIV.csc-textpic-intext-left { float: left; margin: 0 10px 10px 0; padding: 0; }
    DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

    ## Right (in text)
    DIV.csc-textpic-intext-right
    {
        float: right; margin: 0 0 10px 10px; padding: 0;
    }
    DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

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

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