/* default styles for extension "tx_fdfx2cols_pi1" */ /* Layout 1 */.c2l1-left{ padding-top: 10px; padding-left: 22px; padding-right: 5px; vertical-align: top; white-space:normal;}.c2l1-middle{ white-space:normal; text-align:left;}/* Layout 2 */.c2l2-left{ padding-right: 5px; width:50%; white-space:normal;}.c2l2-middle{ background-color:#FFEDA8; padding-left: 5px; width:50%; white-space:normal;}/* Layout 2 */.c2l3-left{ padding-right: 5px; width:70%; white-space:normal;}.c2l3-middle{ background-color:#FFEDA8; border: 1px solid blue; padding-left: 5px; width:30%; white-space:normal;}/* Styles 2 Column DIV Section*/div.tx-fdfx2cols-pi1{ position:relative; left:0px; margin-bottom:10px;}/* Layout 1 */div.c2l1d-left{ position:absolute; left:0px; padding: 0px; width:380px; white-space:normal; border:1px solid red;}div.c2l1d-middle{ position:absolute; left:390px; padding: 0px; width:380px; border:1px solid blue; white-space:normal;}/* Layout 2 */div.c2l2d-left{ position:absolute; left:0px; padding: 0px; width:380px; border:1px solid blue; white-space:normal;}div.c2l2d-middle{ position:absolute; left:390px; padding: 0px; width:380px; white-space:normal; border:1px solid blue; background-color:#C0C0C0;}/* Layout 3 embedded*/div.c2l3d-left{ position:absolute; left:0px; padding: 0px; width:770px; white-space:normal; border:1px solid red;}div.c2l3d-middle{ float:right; margin:5px; padding: 0px; width: 200px; height: 100px; overflow:auto; white-space:normal; border:1px solid blue; background-color:#C0C0C0;} /* default styles for extension "tx_fdfx3cols_pi1" */ /* Layout 1 */.c3l1-left{ padding-left: 8px; padding-right: 5px; width:191px; white-space:normal;}.c3l1-middle{ padding-left: 5px; padding-right: 5px; width:116px; white-space:normal;}.c3l1-right{ padding-left: 5px; width:266px; white-space:normal;}/* Layout 2 */.c3l2-left{ padding-right: 5px; width:25%; white-space:normal;}.c3l2-middle{ border-right: 1px solid #FFEDA8; padding-left: 5px; padding-right: 5px; width:50%; white-space:normal;}.c3l2-right{ padding-left: 5px; width:25%; white-space:normal;}/* Layout 3 */.c3l3-left{ border-right: 1px solid #FFEDA8; padding-right: 5px; width:40%; white-space:normal;}.c3l3-middle{ border-right: 1px solid #FFEDA8; padding-left: 5px; padding-right: 5px; width:40%; white-space:normal;}.c3l3-right{ padding-left: 5px; width:20%; white-space:normal; background-color:#FFEDA8;}/* Styles 3 Column DIV Section*/div.tx-fdfx3cols-pi1{ position:relative; left:0px; }/* Layout 1 */div.c3l1d-left{ position:absolute; left:0px; padding: 0px; width:250px; white-space:normal; border:1px solid red;}div.c3l1d-middle{ position:absolute; left:260px; padding: 0px; width:250px; border:1px solid blue; white-space:normal;}div.c3l1d-right{ position:absolute; left:520px; padding: 0px; width:250px; border:1px solid green; white-space:normal;}/* Layout 2 */div.c3l2d-left{ position:absolute; left:0px; padding: 0px; width:380px; border:1px solid blue; white-space:normal;}div.c3l2d-middle{ position:absolute; left:390px; padding: 0px; width:380px; white-space:normal; border:1px solid blue; background-color:#C0C0C0;}/* Layout 3 embedded*/div.c3l3d-left{ position:absolute; left:0px; padding: 0px; width:770px; white-space:normal; border:1px solid red;}div.c3l3d-middle{ float:right; margin:5px; padding: 0px; width: 200px; height: 100px; overflow:auto; white-space:normal; border:1px solid blue; background-color:#C0C0C0;} /* default styles for extension "tx_cssstyledcontent" */ /* Captions */ DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; } DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; } DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; } /* Needed for noRows setting */ DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; } /* Border just around the image */ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: 2px solid black; padding: 0px 0px; } DIV.csc-textpic-imagewrap { padding: 0; } 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: 0px; } /* Pictures on right, add margin on left */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, 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: 0px; } /* 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: 0px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; } 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: 0px; } DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; 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: 0px !important; } DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 0px !important; } /* Positioning of images: */ /* Above */ DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; } /* Center (above or below) */ DIV.csc-textpic-center { text-align: center; /* IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; } DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ } /* Right (above or below) */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; } DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; } /* Left (above or below) */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; } DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; } /* Left (in text) */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; } /* Right (in text) */ DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ 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) */ 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 */