/*** Content styling ***/
a { color: red; text-decoration: none; }
a:hover { color: #5d5d5d; }
ol, ul { list-style-position: outside; padding-left: 16px; margin: 0; }
p { margin: 0; padding-bottom: 6px; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.tr-even { background: #ededed; }

/*** Remove blue border on input fields in Safari ***/
input[type=text]:focus,
input[type=password]:focus { outline: 0 none; }

/*** Sitemap ***/
.csc-sitemap a { color: #000000; text-decoration: none; }
.csc-sitemap a:hover { color: #5d5d5d; }

/*** TYPO3 mailform styling ***/
.csc-mailform label { float: left; width: 30%; }
.csc-mailform textarea,
.csc-mailform input { width: 65%; }
.csc-mailform #mailformformtype_mail { width: auto; margin-left: 30%; }

/*** Powermail styling ***/
fieldset.tx-powermail-pi1_fieldset { background: transparent; padding: 0 10px 10px 10px; margin-bottom: 15px; clear: both; }
fieldset.tx-powermail-pi1_fieldset div.even { background: transparent; }
.tx_powermail_pi1_fieldwrap_html { float: left; width: 100%; padding-bottom: 8px; }
.tx_powermail_pi1_form label { float: left; width: 30%; }
.tx_powermail_pi1_form select { width: 68%; } 
.tx_powermail_pi1_form textarea,
.tx_powermail_pi1_form input { width: 68%; }
.tx_powermail_pi1_form input.powermail_submit { width: auto; margin-left: 30%; }
.tx-powermail-pi1 .powermail_check_inner { float: left; width: 50%; }
span.powermail_mandatory { color: red; }
input.validation-failed,
textarea.validation-failed { background-color: #ffc2c2; }
.powermail_all_td { padding: 0 10px 8px 0; }
.tx_powermail_pi1_form input.jscalendar_cb { width: 20px; }
.tx_powermail_pi1_form input.jscalendar { width: 100px; } 

/*** Smoothgallery ***/
#extThumbsDiv { float: left; width: 100%; background: #ededed; }
#extThumbsDiv .thumbnail {
	float: left;
	padding-bottom: 10px;
}
.myGallery { float: left; }


/*** TYPO3 defaults ***/
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 */
{$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.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: {$styles.content.imgtext.colSpace}px;
}

/* 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: {$styles.content.imgtext.colSpace}px;
}

/* 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: {$styles.content.imgtext.colSpace}px;
}
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 */

DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }

.csc-textpic-intext-left-nowrap img { padding-right: 20px; }
.csc-textpic-intext-left img { padding: 4px 20px 20px 0; }
.csc-textpic-intext-right-nowrap img { padding-left: 20px; }
.csc-textpic-intext-right img { padding: 4px 0 20px 20px; }
.csc-textpic-above img { padding-bottom: 20px; }
.csc-textpic-below img { padding-top: 20px; }