/* default styles for extension "tx_thmailformplus_pi1" */
  .tx-thmailformplus-pi1 H2 { margin-top: 0px; margin-bottom: 0px; }
/* default styles for extension "tx_dropdownsitemap_pi1" */
		.tx-dropdownsitemap-pi1 A {
			font-weight: bold;
		}
		.tx-dropdownsitemap-pi1 LI.open OL {
			display: block;
		}
		.tx-dropdownsitemap-pi1 LI.closed OL {
			display: none;
		}
		.tx-dropdownsitemap-pi1 LI.open UL {
			display: block;
		}
		.tx-dropdownsitemap-pi1 LI.closed UL {
			display: none;
		}
		.tx-dropdownsitemap-pi1 DIV {
			border: solid 1px #DFE2E3;
			background: #FAFBFB;
			padding: 2px;
			margin-bottom: 5px;
		}
		.tx-dropdownsitemap-pi1 DIV.level_2 {
			background: #FFFFFF;
		}
		.tx-dropdownsitemap-pi1 DIV.level_2 A {
			font-weight: normal;
		}
		.tx-dropdownsitemap-pi1 DIV.level_3 {
			background: #FAFBFB;
		}
		.tx-dropdownsitemap-pi1 DIV.level_4 {
			background: #FFFFFF;
		}
		.tx-dropdownsitemap-pi1 DIV.level_5 {
			background: #FAFBFB;
		}
		.tx-dropdownsitemap-pi1 DIV.expAll {
			text-align: center;
			border: solid 1px #DFE2E3;
			background: #FAFBFB;
		}
/* default styles for extension "tx_fdfx2cols_pi1" */
/*  Layout 1 */
.c2l1-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c2l1-middle{
   padding-left: 5px;
   width:50%;
   white-space:normal;
}
/*  Layout 2 */
.c2l2-left{
   border-right: 1px solid #FFEDA8;
   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{
   border-right: 1px solid #FFEDA8;
   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_flatmgr_pi1" */

/* calendar fontsize of rlmp_dateselectlib */
.calendar table td{
				font-size: 12px;
}

.calendar {
	z-index: 200;
}


.tx-flatmgr-pi1 .theYears td {
                font-family: arial;
                font-size: 10pt;
                color: black;
}
.tx-flatmgr-pi1 .theYears td.selected {
                font-family: arial;
                font-size: 10pt;
                font-weight: bold;
                color: blue;
}

.tx-flatmgr-pi1 {
                font-family: arial;
                font-size: 10px;
                color: black;
}
.tx-flatmgr-pi1 .listYear td {
                font-family: arial;
                font-size: 10px;
                border: 1px solid black;
                text-align: center;
				/* width didn't work
				 * size is determined
				 * by font size */
}

/* size of the calendar days*/
.tx-flatmgr-pi1 .listYear td div {
				width: 12px;
				height: 12px;
				padding: 0px;
				margin: 0px;
				text-align: center;
}



.tx-flatmgr-pi1 .listYear td.noDay {
                font-family: arial;
                font-size: 10px;
                border: 0px;
                text-align: center;

}
.tx-flatmgr-pi1 .listYear td.bookedWeekend {
                /*background-color: #66CCFF;*/
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookedWeekend.gif");
}
.tx-flatmgr-pi1 .listYear td.vacantWeekend {
                background-color: #99CC66;
}
.tx-flatmgr-pi1 .listYear td.bookedDay {
                background-color: #FFCC00;
}
.tx-flatmgr-pi1 .listYear td.overbookedDay {
                background-color: #FF0000;
}
.tx-flatmgr-pi1 .listYear td.vacantDay {
                background-color: #ffffff;
}

.tx-flatmgr-pi1 .calendarLegend td {
                font-family: arial;
                font-size: 10px;
                border: 1px solid black;
                width: 10px;
                text-align: center;
}

.tx-flatmgr-pi1 .calendarLegend td.bookedWeekend {
                /*background-color: #66CCFF;*/
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookedWeekend.gif");
}
.tx-flatmgr-pi1 .calendarLegend td.vacantWeekend {
                background-color: #99CC66;
}
.tx-flatmgr-pi1 .calendarLegend td.bookedDay {
                background-color: #FFCC00;
}
.tx-flatmgr-pi1 .calendarLegend td.overbookedDay {
                background-color: #FF0000;
}
.tx-flatmgr-pi1 .calendarLegend td.vacantDay {
                background-color: #ffffff;
}



.tx-flatmgr-pi1 .listYearTitle {
                font-size: 12px;
                font-weight: bold;
                margin: 10px 0;
}

.tx-flatmgr-pi1 .calendarLegend td.legend {
                width: 120px;
                font-family: arial;
                font-size: 10px;
                border: 0px;
                text-align: left;
}
.tx-flatmgr-pi1 .listYear td.month {
                background-color: #e0e0e0;
                border: 0px;
}

.tx-flatmgr-pi1 .listYear td.monthNoDisplay {
                background-color: transparent;
                border: 0px;
}



.tx-flatmgr-pi1 .listFlat {
				padding: 0;
				margin: 0;
				/*
				border: 1px solid green;
				*/
}

.tx-flatmgr-pi1 .listFlat td.flatName {
                font-size: 12px;
                font-weight: bold;
                margin: 10px 0;
                border: 0px;
}

.tx-flatmgr-pi1 .monthMultiRow {
				border: 0;
				background-color: #e0e0e0;


}

.tx-flatmgr-pi1 .tableMultiRow {
				border: 0;
				background-color: #e0e0e0;
}

.tx-flatmgr-pi1 td.monthNameMultiRow {
				border: 0;
				font-family: arial;
				font-weight: bold;
				font-size: 12px;
				background-color: #e0e0e0;
}

.tx-flatmgr-pi1 td.dayNames {
				border: 0;
				font-family: arial;
				font-weight: normal;
				font-size: 9px;
				text-align: center;
}

.tx-flatmgr-pi1 td.endDay {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookingEnd.gif");
}
.tx-flatmgr-pi1 td.startDay {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookingStart.gif");
}
.tx-flatmgr-pi1 td.endWeekend {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendEnd.gif");
}
.tx-flatmgr-pi1 td.bookerChangedDay {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookerChangedDay.gif");
}
.tx-flatmgr-pi1 td.bookerChangedWeekend {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/bookerChangedWeekend.gif");
}
.tx-flatmgr-pi1 td.startWeekend {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendStart.gif");
}
.tx-flatmgr-pi1 td.endWeekendNormal {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendEndNormal.gif");
}
.tx-flatmgr-pi1 td.startWeekendNormal {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/weekendStartNormal.gif");
}

.tx-flatmgr-pi1 td.overbookedStart {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedStart.gif");
}
.tx-flatmgr-pi1 td.overbookedEnd {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedEnd.gif");
}

.tx-flatmgr-pi1 td.overbookedAndBookedEnd {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedAndBookedEnd.gif");
}
.tx-flatmgr-pi1 td.overbookedStartWeekend {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedStartWeekend.gif");
}
.tx-flatmgr-pi1 td.overbookedEndWeekend {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedEndWeekend.gif");
}
.tx-flatmgr-pi1 td.overbookedAndBookedEndWeekend {
				background-image:url("/typo3conf/ext/flatmgr/pi1/static/overbookedAndBookedEndWeekend.gif");
}

.tx-flatmgr-pi1 {
				font-family: arial, helvetica, sans-serif;
				font-size: 10pt;
}


.tx-flatmgr-pi1 .adminFlatListInput input {
				margin: 10px 0px 10px 0px;
}

.tx-flatmgr-pi1 .availableFlat {
				font-weight: bold;
}

.tx-flatmgr-pi1 .availableFlatLink {
				margin-left: 10px;
				font-weight: normal;
}

.tx-flatmgr-pi1 .availabilityInputHeader {
				font-weight: bold;
				margin-bottom: 10px;
}
.tx-flatmgr-pi1 .availabilityInput, .tx-flatmgr-pi1 .availabilityInput input  {
				margin: 0px 5px 0px 5px;
}

.tx-flatmgr-pi1 .availableFlatsHeader {
				font-weight: bold;
				margin: 10px 0px 10px 0px;
				font-size: 10pt;
}
.tx-flatmgr-pi1 .availableFlatsFooter {
				margin: 0px 0px 10px 0px;
}

.tx-flatmgr-pi1 div.normalMessage {
				width: 90%;
				color: black;
				background-color: #FFFFCC;
				border: 1px solid #00FF33;
				padding: 5px;
				margin: 5px 0px 5px 0px;
				font-weight: normal;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}
.tx-flatmgr-pi1 div.errorMessage {
				width: 90%;
				color: black;
				background-color: #FFFF99;
				border: 1px solid red;
				padding: 5px;
				margin: 5px 0px 5px 0px;
				font-weight: normal;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}
.tx-flatmgr-pi1 div.warnMessage {
				width: 90%;
				color: black;
				background-color: #FFFFCC;
				border: 1px solid #FF9933;
				padding: 5px;
				margin: 5px 0px 5px 0px;
				font-weight: normal;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}
.tx-flatmgr-pi1 .noAvailableFlat {
				color: red;
				font-weight: bold;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}

.tx-flatmgr-pi1 .nextVacantPeriod {
				color: red;
				font-weight: bold;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}

.tx-flatmgr-pi1 .nextVacantPeriod td {
				padding-left: 5px;
}

.tx-flatmgr-pi1 .availableForeignFlat {
				font-weight: bold;
				color: blue;
				margin: 0px 0px 0px 0px;
}
.tx-flatmgr-pi1 .availableForeignFlat td {
				padding-left: 5px;
}

.tx-flatmgr-pi1 .nextForeignVacantPeriod {
				font-weight: bold;
				color: blue;
				margin: 0px 0px 0px 0px;
}
.tx-flatmgr-pi1 .nextForeignVacantPeriod td {
				padding-left: 5px;
}
.tx-flatmgr-pi1 .availabilityTable {
				border-collapse: collapse;
}
.tx-flatmgr-pi1 .availabilityTable td {
				/*
				border-bottom: 1px dashed gray;
				*/
}
.tx-flatmgr-pi1 .availabilityTable tr {

}

.tx-flatmgr-pi1 .availibilityTableHeader {
				color: red;
				font-weight: bold;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}

.tx-flatmgr-pi1 #formResult {
				margin-top: 10px;
}


.tx-flatmgr-pi1 .availableFlatsLegend table {

}


.tx-flatmgr-pi1 .availableFlatsLegend .legendText {
				font-family: arial, helvetica, sans-serif;
				font-size: 10pt;
}
.tx-flatmgr-pi1 .availableFlatsLegend td.availableFlat {
				width: 10px;
				background-color: #CCFF00;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .availabilityTable .availableFlat {
				background-color: #CCFF00;
}
.tx-flatmgr-pi1 .availabilityTable .availablePeriod {
				background-color: #CCFF00;
}

.tx-flatmgr-pi1 .availableFlat td {
				padding-left: 5px;
}

.tx-flatmgr-pi1 .availableFlatsLegend td.nextVacantPeriod {
				width: 10px;
				background-color: #CCFFCC;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .availabilityTable .nextVacantPeriod {
				background-color: #CCFFCC;
}



.tx-flatmgr-pi1 .availableFlatsLegend td.availableForeignFlat {
				width: 10px;
				color: ##0066FF;
				background-color: #99CC33;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .availabilityTable .availableForeignFlat {
				background-color: #99CC33;
}


.tx-flatmgr-pi1 .availableFlatsLegend td.nextForeignVacantPeriod {
				width: 10px;
				color: ##0066FF;
				background-color: #CCCC66;
				border: 1px solid black;
}
.tx-flatmgr-pi1 .availabilityTable .nextForeignVacantPeriod {
				background-color: #CCCC66;
}


.tx-flatmgr-pi1 #flatmgrTooltip {
				position: absolute;
				z-index: 200;
				top: 0px;
				display: none;
				background-color: #C0c0c0;
}

/* special for the MSIE 6 */

*html .tx-flatmgr-pi1 #flatmgrTooltip {
				position: absolute;
				display: none;
				background-color: #CCCC66;
}

/* special for the MSIE 7 */
*+html .tx-flatmgr-pi1 #flatmgrTooltip {
				position: absolute;
				display: none;
				background-color: #CCCC66;
}


/* special for the MSIE 6 and 7 */
* html .tx-flatmgr-pi1 .displayAdditionalFieldsTable, *+html .tx-flatmgr-pi1 .displayAdditionalFieldsTable  {
				display: block;
}

/* design of the tooltip */
html>body .tx-flatmgr-pi1 #flatmgrTooltip  {
				/*position: fixed;*/

}
.tx-flatmgr-pi1 #flatmgrTooltip  {
				font-weight: normal;
				color: black;
				font-size: 10pt;
				font-family: arial, helvetica, sans-serif;
}

.tx-flatmgr-pi1 #flatmgrTooltip .bookedBy {
				font-weight: bold;
				color: green;
}

.tx-flatmgr-pi1 #flatmgrTooltip .header {
				font-weight: bold;
				color: black;
				padding: 5px 5px 5px 5px;
}

.tx-flatmgr-pi1 #flatmgrTooltip .headerValue {
				font-weight: bold;
				color: black;
				padding: 5px 5px 5px 5px;
}
.tx-flatmgr-pi1 #flatmgrTooltip .field {
				font-weight: normal;
				color: black;
				padding: 0px 5px 5px 5px;
}

.tx-flatmgr-pi1 #flatmgrTooltip .fieldValue {
				font-weight: bold;
				color: blue;
				padding: 0px 5px 5px 5px;
}
.tx-flatmgr-pi1 #flatmgrTooltip table {
				border-collapse: collapse;
}
.tx-flatmgr-pi1 #flatmgrTooltip table td{
}

.tx-flatmgr-pi1 #flatmgrTooltip table td{
				background-color:#cccccc;
}


/* utilisation */
.tx-flatmgr-pi1 .utilisationLegend  {
}

.tx-flatmgr-pi1 .utilisationLegend td {
				font: arial, helvetica, sans-serif;
				font-size: 10px;
				color: black;
				width: 80px;
				height: 10px;
				border-collapse: collapse;
				margin: 0;
				padding: 0;
}
.tx-flatmgr-pi1 .utilisationLegend div {
				width: 9px;
				height: 10px;
				margin: 0px 5px 0px 0px;
				padding: 0;
				float: left;
}
.tx-flatmgr-pi1 .utilisationLegend div.util0 {
                background-color: #FFFFFF;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util24 {
                background-color: #EFFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util25 {
                background-color: #E0FFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util49 {
                background-color: #DDFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util50 {
                background-color: #CCFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util74 {
                background-color: #CCFF99;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util75 {
                background-color: #CCFF00;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util99 {
                background-color: #8ECA86;
                border: 1px solid black;
}
.tx-flatmgr-pi1 .utilisationLegend div.util100 {
                background-color: #009933;
                border: 1px solid black;
}



.tx-flatmgr-pi1 table td.util0 {
                background-color: #FFFFFF;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util24 {
                background-color: #EFFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util25 {
                background-color: #E0FFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util49 {
                background-color: #DDFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util50 {
                background-color: #CCFFCC;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util74 {
                background-color: #CCFF99;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util75 {
                background-color: #CCFF00;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util99 {
                background-color: #8ECA86;
                border: 1px solid black;
}
.tx-flatmgr-pi1 table td.util100 {
                background-color: #009933;
                border: 1px solid black;
}

.tx-flatmgr-pi1 .effectiveUtilisation {
				margin: 10px 0px 10px 0px;
}

.tx-flatmgr-pi1 .effectiveUtilisation .value {
				font-weight: bold;
				padding: 0px 0px 0px 5px;
}



/* 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.csi-border DIV.csi-imagewrap .csi-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: 10px;
	}

	/* 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: 10px;
	}

	/* 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;
	}
	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: {$styles.content.imgtext.rowSpace}px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: {$styles.content.imgtext.rowSpace}px; 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: {$styles.content.imgtext.textMargin}px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: {$styles.content.imgtext.textMargin}px !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 */
/* default styles for extension "tx_croncssstyledimgtext" */
/*
 * 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 */
}
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 */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

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: 10px;
}

/* 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: 10px;
}

/* 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: 5px;
  margin-right: 5px;
}
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; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* 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; }

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