/* default styles for extension "tx_redgallery_pi1" */
		.simple_overlay {
			display:none;
			z-index:10000;
			background-color:#333;
			width:500px;	
			min-height:100px;
			border:1px solid #666;
			-moz-box-shadow:0 0 90px 5px #000;
			-webkit-box-shadow: 0 0 90px #000;	
		}

		.simple_overlay .close {
			background-image:url('/typo3conf/ext/red_gallery/res/img/close.png');
			position:absolute;
			right:-15px;
			top:-15px;
			cursor:pointer;
			height:35px;
			width:35px;
		}

		.simple_overlay .next, .simple_overlay .prev {
			
			/* absolute positioning relative to the overlay */
			position:absolute;
			top:40%;	
			border:1px solid #666;	
			cursor:pointer;
			display:block;
			padding:10px 20px;
			color:#fff;
			font-size:11px;
			
			/* upcoming CSS3 features */
			-moz-border-radius:5px;
			-webkit-border-radius:5px;	
		}

		.simple_overlay .prev {
			left:0;
			border-left:0;
			-moz-border-radius-topleft:0;
			-moz-border-radius-bottomleft:0;
			-webkit-border-bottom-left-radius:0;
			-webkit-border-top-left-radius:0;
		}

		.simple_overlay .next {
			right:0;
			border-right:0;
			-moz-border-radius-topright:0;
			-moz-border-radius-bottomright:0;
			-webkit-border-bottom-right-radius:0;
			-webkit-border-top-right-radius:0;	
		}

		.simple_overlay .next:hover, .simple_overlay .prev:hover {
			text-decoration:underline;
			background-color:#000;
		}

		.simple_overlay .disabled {
			visibility:hidden;		
		}

		.simple_overlay .info {
			position:absolute;
			bottom:0;
			left:0;	
			padding:10px 15px;
			color:#fff;
			font-size:11px;
			border-top:1px solid #666;
		}

		.simple_overlay .info strong {
			color:#fff;
			display:block;	
		}

		.simple_overlay .progress {
			position:absolute;
			top:45%;
			left:45%;
			display:none;
		}

		.simple_overlay .next, .simple_overlay .prev, .simple_overlay .info {
			background:#333 !important;
			background:rgba(0, 0, 0, 0.6);		
		}

		.red-scrollable, .red-gallery  {
			clear:both;
		}
		.scrollable {
			position:relative;
			overflow:hidden;
		}

		.scrollable .items {
			width:20000em;
			position:absolute;
			clear:both;
		}

		.scrollable.vertical {  
			position:relative;
			overflow:hidden;	
		}

		.scrollable.vertical .items {
			width: 100%;
			padding: 0 auto;
			text-align:center;
			position:absolute;
			height:20000em;	
			margin: 0px;
		}



		.scrollable img {
		}

		.scrollable .active {
		}

		.scrollable .items img {
			margin:0;
		}

		.scrollable .items a {
			outline: 0 none;
			display:block;
			float:left;
			padding:2px;
			border:1px solid #ccc;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			margin:10px 5px;
		} 
		
		.scrollable.vertical .items a{	
			float: none;
		}

		#gallery .disabled {
			visibility:visible !important;
		}

		#gallery .inactive {
			visibility:hidden !important;
		}

		.gallery-image {
			display: block;
			margin: 0;
			padding 0 auto;
			text-align: center;
			border:1px solid #ccc;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		.gallery-image img{
			margin: 10px;
		}

		.red-scrollable a.browse, .red-gallery a.browse {
			background:url('/typo3conf/ext/red_gallery/res/img/btn_gallery.gif') no-repeat;
			display:block;
			width:24px;
			height:24px;
			float:left;
			margin:30px 5px 0px 5px;
			cursor:pointer;
			font-size:1px;
		}

		.red-scrollable a.right, .red-gallery a.right { background-position: 0 -24px; float:right; margin-right: 0px;}
		.red-scrollable a.right:hover, .red-gallery a.right:hover { background-position:-24px -24px; }


		.red-scrollable a.left, .red-gallery a.left { margin-left: 0px; } 
		.red-scrollable a.left:hover, .red-gallery a.left:hover { background-position:-24px 0; }

		.red-scrollable a.left.disabled, .red-gallery a.left.disabled {
			background-position:-48px 0;
		} 	

		.red-scrollable a.right.disabled, .red-gallery a.right.disabled {
			background-position:-48px -24px;
		} 
		
		.red-gallery .scrollable .active {
			border:2px solid #ce0f1a;
			z-index:9999;
			position:relative;
		}

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

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

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