/*
Site:			www.mydomain.de
Author:			Firstname Lastname
Created:		01.01.2006
Modified:		01.01.2006
Editor:			Firstname Lastname
Usage:			styles for images from css_styled_content - 0.3.1

property order:
################
- cf. main.css

table of contents
#################
*/

/* 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-imagewrap a[href^="http://www"]{
	background: none;
	} */


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

/* 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: 15px;
}
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 0 0 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: 15px !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 */

/* CAG JR manual changes: ******************************************************************* */

/* Fix for having a straight margin also when text is higher than image */
div.csc-textpic-intext-left-nowrap div.csc-textpic-text {
	margin-left: 0.4em;
        padding-top: 0.3em;  
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	margin-right: 15px;
}

/* Let's style the caption and assign nice font size + margin (only works through padding...) */
dd.csc-textpic-caption {
        padding: 2px 0 0 5px;
        font-size: 0.7em;
}

/* Fix to align the beginning of the text and the top border of the image */
div.csc-textpic-imagewrap {
        margin-top: 0px;
}

/* Special fix for fineartgalerie not to touch the right border of content */
div.csc-textpic-intext-right,
div.csc-textpic-intext-right-nowrap {
        margin-right: 18px;
}

/******************************* Slideshow *******************************/

/* Basic style for js-disabled browsers */
.slideshow {
	height: 200px;
	overflow: auto;
	position: relative;
	border: 1px solid #CCCCCC;
	margin-bottom: 34px;
	background: white;
	}
	.slideshow li {
		height: 100%;
		}
		.slideshow li a {
			display: block;
			height: 100%;
			position: relative;
			}
			.slideshow li a span {
				background: url(../images/slideshow_legend_bg.png);
				display: block;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				padding: 10px 15px 11px 15px;
				color: white;
				min-height: 35px;
				}
				
				.slideshow li a span strong {
					color: white;
					font-size: 14px;
				}

/* Full featured style when slideshow enabled */
.slideshow-enabled {
	overflow: hidden;
	border: 0;
	}
	.slideshow-enabled li {
		position: absolute;
		}
		.slideshow-enabled li a {
			background: url(../images/slideshow_pulltab.png) repeat-y;
			padding-left: 50px;
			}
			.slideshow-enabled li a .slide-title {
				position: absolute;
				display: block;
				left: 1px;
				top: 1px;
				width: 48px;
				height: 198px;
				background: url(../images/slideshow_titles.png) no-repeat;
			}
			.slideshow-enabled li a .slide-number {
				position: absolute;
				display: block;
				left: 0;
				bottom: 0;
				width: 50px;
				height: 56px;
				background: url(../images/slideshow_number.png) repeat-x;
				font-size: 28px;
				line-height: 56px;
				text-align: center;
				color: #CCCCCC;
			}
			.slideshow-enabled li a span {
				left: 50px;
				}
	/*.slideshow-enabled li.news a .slide-title { background-position: 0 0; }
	.slideshow-enabled li.products a .slide-title { background-position: -48px 0; }
	.slideshow-enabled li.events a .slide-title { background-position: -96px 0; }
	.slideshow-enabled li.special a .slide-title { background-position: -144px 0; }*/
	
	.slideshow-enabled li.stepbystep a .slide-title { background-position: 0px 0; }
	.slideshow-enabled li.tipps a .slide-title { background-position: -48px 0; }
	.slideshow-enabled li.special a .slide-title { background-position: -96px 0; }
	.slideshow-enabled li.lessons a .slide-title { background-position: -144px 0; }

/* Wrapper enabling previous/next buttons */
.slideshow-wrapper {
	padding: 0;
	margin: 0;
	position: relative;
	}
	.slideshow-prev-button,
	.slideshow-next-button {
		display: block;
		position: absolute;
		height: 61px;
		width: 8px;
		top: 50%;
		margin-top: -30px;
		background-repeat: no-repeat;
		}
		.slideshow-prev-button {
			left: 1px;
			background-position: right top;
			background-image: url(../images/slideshow_left_tab.png);
		}
		.slideshow-prev-button:hover {
			background-position: right bottom;
		}
		.slideshow-next-button {
			right: 1px;
			background-image: url(../images/slideshow_right_tab.png);
		}
		.slideshow-prev-button:hover {
			background-position: left bottom;
		}