Results of the CSS crunched for timespin.de

Let's see what we've done for timespin.de

CSSCruncher.com has crunched this CSS to
31.02 %Less Size! I cant't believe it!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

ul.tx-imagecycle-pi1{display:none;position:relative;overflow:hidden;list-style:none;margin:0;padding:0}
ul.tx-imagecycle-pi1 img{display:block}
ul.tx-imagecycle-pi1 li{position:absolute;margin:0;padding:0}
ul.tx-imagecycle-pi1 li, ul.tx-imagecycle-pi1 a{display:block;position:relative}
ul.tx-imagecycle-pi1 a:hover{background:none;border:0! important}
ul.tx-imagecycle-pi1 span{position:absolute;left:0;bottom:0;width:100%;padding:5px;color:#fff;background:#000;opacity:0.8;white-space:nowrap;display:none}
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}
DIV.csc-textpic DIV.csc-textpic-imagecolumn{float:left;display:inline}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG,DIV.csc-textpic-border DIV.csc-textpic-single-image IMG{border:2px solid black;padding:0px 0px}
DIV.csc-textpic-imagewrap{padding:0}
DIV.csc-textpic IMG{border:none}
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image{float:left}
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}
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}
DL.csc-textpic-image{margin:0}
DL.csc-textpic-image DT{margin:0;display:inline}
DL.csc-textpic-image DD{margin:0}
DIV.csc-textpic-clear{clear:both}
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;margin-right:10px}
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;margin-left:10px}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image{display:inline;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;vertical-align:bottom}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:10px}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow{margin-bottom:10px;display:block}
DIV.csc-textpic DIV.csc-textpic-imagerow{clear:both}
DIV.csc-textpic DIV.csc-textpic-single-image IMG{margin-bottom:10px}
*+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image{margin-bottom:0}
*+html DIV.csc-textpic DIV.csc-textpic-imagerow{margin-bottom:10px}
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}
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:10px !important}
DIV.csc-textpic-above DIV.csc-textpic-text{clear:both}
DIV.csc-textpic-center{text-align:center}
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}
DIV.csc-textpic-center DIV.csc-textpic-text{text-align:left}
DIV.csc-textpic-right DIV.csc-textpic-imagewrap{float:right}
DIV.csc-textpic-right DIV.csc-textpic-text{clear:right}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap{float:left}
DIV.csc-textpic-left DIV.csc-textpic-text{clear:left}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{float:left}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap{float:right}
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap{float:right;clear:both}
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text{height:1%}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap{float:left;clear:both}
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text, * html .csc-textpic-intext-left ol, * html .csc-textpic-intext-left ul{height:1%}
DIV.csc-textpic DIV.csc-textpic-imagerow-last{margin-bottom:0}
.csc-textpic-intext-left ol,.csc-textpic-intext-left ul{padding-left:40px;overflow:auto}

» Show original CSS code

« Hide original CSS code

/* default styles for extension "tx_imagecycle_pi1" */
ul.tx-imagecycle-pi1 {
	display: none;
	position: relative;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tx-imagecycle-pi1 img {
	display: block;
}
ul.tx-imagecycle-pi1 li {
	position: absolute;
	margin: 0;
	padding: 0;
}
ul.tx-imagecycle-pi1 li,
ul.tx-imagecycle-pi1 a {
	display: block;
	position: relative;
}
ul.tx-imagecycle-pi1 a:hover {
	background: none;
	border: 0! important;
}
ul.tx-imagecycle-pi1 span {
	position: absolute;
	left: 0;
	bottom: 0;
	/* remove the below 'width' line if you want the caption
	background to be just the width of the caption text */
	width: 100%;
	padding: 5px;
	color: #fff;
	background: #000;
	opacity: 0.8;
	white-space: nowrap;
	display: none;
}
/* 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, DIV.csc-textpic-border DIV.csc-textpic-single-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; vertical-align:bottom; }

/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 10px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
	DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 10px; }

/* IE7 hack for margin between image rows */	
	*+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image { margin-bottom: 0; }
	*+html DIV.csc-textpic DIV.csc-textpic-imagerow { margin-bottom: 10px; }

/* 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: 10px !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,
	* html .csc-textpic-intext-left ol,
	* html .csc-textpic-intext-left ul { 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; }

Some information about this website:

URL: http://timespin.de/
CSS URL: http://timespin.de/typo3temp/stylesheet_4e299dff4e.css
Charset: utf-8
Title: Werbung - Grafikdesign - Internetlösungen - timespin
Meta-Description: Werbeagentur für Werbung, Grafik und Internet, TYPO3-Agentur. Mit dem richtigen Dreh ? zur richtigen Zeit und einem Team voller Ideen.
Meta-Keywords: Werbung, Grafik, Design, Internet, Web 2.0, Social Media Marketing, TYPO3, Werbeagentur, Jena, Thüringen