Results of the CSS crunched for pixelgenerator.de

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

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

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

Crunched CSS code:

html,body{height:100%;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:100}
BODY{background-image:url(../img/hg.jpg);height:auto;padding:0px;margin:0 auto}
#wrappa{background:#EFEFEF;width:950px;height:550px;padding:3px;border:0;position:absolute;top:20%;left:50%;margin-left:-478px}
#header{background:url(../img/header.jpg) repeat-x;width:950px;height:100px;position:relative}
#head2{background:url(../img/head2.png) no-repeat;width:283px;height:187px;left:70px;position:relative;bottom:0px;z-index:2;bottom:87px;float:left}
#logo{background:url(../img/logo.jpg) no-repeat;width:315px;height:100px;position:relative;float:right}
#menue{background:url(../img/menue.jpg) repeat-x;width:950px;height:30px;position:relative;clear:both;bottom:87px}
#content{background:url(../img/content.jpg) repeat;width:950px;height:370px;position:relative;font-size:12px;color:#FFF;bottom:87px}
#lcon{width:230px;height:350px;position:relative;float:left;margin:10px}
#rcon{width:680px;height:45px;position:relative;float:left;margin:10px;overflow:hidden}
#rcon2{width:680px;height:285px;position:relative;float:left;margin:10px;overflow:auto}
#cc{background:url(../img/cc.jpg) repeat-x;width:940px;height:15px;position:relative;text-align:right;color:#7f7e79;padding-right:10px;font-size:8px;line-height:15px;bottom:87px}
#footer{background:url(../img/footer.jpg) repeat-x;width:950px;height:35px;position:relative;bottom:87px;text-align:center}
A{text-decoration:none;color:#B7C730}{}
p{font-weight:100}
UL.leistlist{line-height:1.5;font-size:14px;list-style-image:url(../img/hacken.png);font-weight:600}
#menue UL{list-style-type:none;margin:0;padding:0;line-height:30px;font-size:12px;font-weight:bold}
#menue UL LI{float:left;width:auto}
#menue UL a{display:block;height:30px;text-decoration:none;color:#000;background:url(../img/mm_off.jpg) right;padding-right:10px;padding-left:10px}
#menue UL a:hover{color:#B7C730}
#start #mm .start a, #mich #mm .mich a, #leistung #mm .leistung a, #referenzen #mm .referenzen a, #links #mm .links a, #kontakt #mm .kontakt a, #impressum #mm .impressum a{color:#7f7e79;background:url(../img/mm_on.jpg) right;padding-right:10px;padding-left:10px}

» Show original CSS code

« Hide original CSS code

/*------------------------------------------------
= Basic Style Sheet

version:	0.4
author:		nico metzner, PIXELgenerator - Agentur fÃ¼r Print und Webdesign
email:		info@pixelgenerator.de
website:	http://www.pixelgenerator.de
------------------------------------------------*/
html,body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
}

/* Layout */
BODY {
	background-image: url(../img/hg.jpg);
	height: auto;
	padding: 0px;
	margin: 0 auto;	
	}

#wrappa {
	background:#EFEFEF;
	width:950px;
	height:550px;
	padding:3px;
	border: 0;
	position:absolute;
/*	top:20%; */
	top:20%;
	left:50%;
	margin-left:-478px;	
/*	margin-top:-319px;
	margin-top:-191px;		*/
	}

#header {
	background: url(../img/header.jpg) repeat-x;	
	width:950px;
	height:100px;
	position:relative;
	}
	
	#head2 {
		background: url(../img/head2.png) no-repeat;	
		width:283px;
		height:187px;	
		left:70px;
		position:relative;
		bottom:0px;
		z-index:2;
		/*top: -87px;*/
		bottom:87px;
		float:left;
		}		
	
	#logo {
		background: url(../img/logo.jpg) no-repeat;	
		width:315px;
		height:100px;	
		/*left:332px;*/
		position:relative;
		float:right;
		}

#menue {
	background: url(../img/menue.jpg) repeat-x;		
	width:950px;
	height:30px;
	position:relative;
	clear:both;
	bottom:87px;

}
	
#content {
	background: url(../img/content.jpg) repeat;	
	width:950px;
	height:370px;
	position:relative;
	font-size:12px;
	color:#FFF;
	bottom:87px;
	}
	
	#lcon {
		width:230px;
		height:350px;
		position:relative;
		float:left;
		margin:10px;
	}
	
	#rcon {
		width:680px;
		height:45px;
		position:relative;
		float:left;
		margin:10px;
		overflow:hidden;
	}
	
	#rcon2 {
		width:680px;
		height:285px;
		position:relative;
		float:left;
		margin:10px;
		overflow:auto;
	}
	
#cc {
	background: url(../img/cc.jpg) repeat-x;	
	width:940px;
	height:15px;
	position:relative;
	text-align:right;
	color:#7f7e79;
	padding-right:10px;
	font-size:8px;
	line-height:15px;
	bottom:87px;
	}
	
#footer {
	background: url(../img/footer.jpg) repeat-x;	
	width:950px;
	height:35px;	
	position:relative;
	bottom:87px;
	text-align:center;
	}
		
/* Links */
A {
	text-decoration:none;
	color:#B7C730;
	}

{}
/* Text */
p {
	font-weight:100;
	}
	
	
UL.leistlist{
	line-height:1.5;
	font-size: 14px;
	list-style-image: url(../img/hacken.png);
	font-weight: 600;
	}

/* Menue */

#menue UL {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	}

#menue UL LI{
	float:left;
	width:auto;
	}	
	
#menue UL a{
	display:block;
	height:30px;
	text-decoration:none;
	color:#000;
	background:url(../img/mm_off.jpg) right;
	padding-right:10px;
	padding-left:10px;	}	
	
#menue UL a:hover{
	color:#B7C730;
	}		
	
#start #mm .start a,
#mich #mm .mich a,
#leistung #mm .leistung a,
#referenzen #mm .referenzen a,
#links #mm .links a,
#kontakt #mm .kontakt a,
#impressum #mm .impressum a {
	color:#7f7e79;
	background:url(../img/mm_on.jpg) right;
	padding-right:10px;
	padding-left:10px;
	}