Results of the CSS crunched for www.hud-hud.de

Let's see what we've done for www.hud-hud.de

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

Crunched CSS code:

@charset "utf-8";body{margin:0;padding:0;text-align:center;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:80%;background-color:#999}
.twoColFixLtHdr #container{width:860px;text-align:left;background-color:#FFF9E3;margin-top:20px;margin-right:auto;margin-bottom:0;margin-left:auto;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}
.twoColFixLtHdr #container #mainContent h1{padding-bottom:10px;color:#5CA728;font-size:90%}
.twoColFixLtHdr #container #mainContent p{padding-bottom:3px;color:#993331;font-size:90%}
.hover{text-decoration:none;color:#999}
.twoColFixLtHdr #container #mainContent h2{padding-bottom:3px;color:#993331;font-size:90%}
.twoColFixLtHdr #header{background-color:#993331;height:121px}
.twoColFixLtHdr #container #header a img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;float:left}
.twoColFixLtHdr #header h1{margin:0;padding:10px 0}
.twoColFixLtHdr #sidebar1{float:left;width:190px;padding-top:5px;padding-right:5px;padding-bottom:20px;background-image:url(../img/newsbuttom.gif);background-repeat:no-repeat;background-position:left bottom;margin-left:20px;margin-bottom:20px}
.twoColFixLtHdr #mainContent{margin-right:0;margin-bottom:0;margin-left:202px;padding-top:5px;padding-right:20px;padding-bottom:0;padding-left:20px}
.twoColFixLtHdr #footer{background-color:#FFF9E3;padding-top:0;padding-right:10px;padding-bottom:0;padding-left:33px}
.fettgreen{color:#429C17}
.twoColFixLtHdr #container #sidebar1 p img{padding-top:7px;padding-bottom:7px;padding-right:7px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}
.twoColFixLtHdr #footer p{margin:0;font-size:90%;color:#993331;padding-top:10px;padding-right:0;padding-bottom:10px;padding-left:0;text-decoration:none}
.twoColFixLtHdr #container #footer p a{font-size:90%;text-decoration:none;color:#993331}
.fltrt{float:right;margin-left:4px}
.twoColFixLtHdr #container #navigation{text-align:right;position:relative;left:0px;top:-19px}
.twoColFixLtHdr #container #sidebar1 h3{color:#5AAF2E;background-image:url(../img/newstop.gif);background-repeat:no-repeat;padding-top:15px;padding-right:10px;padding-bottom:10px;padding-left:15px;font-size:90%}
.twoColFixLtHdr #container #sidebar1 p a{text-decoration:none;font-family:Verdana,Geneva,sans-serif;color:#993331;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}
.fett{font-weight:bold;color:#993331;text-decoration:none}
.twoColFixLtHdr #container #sidebar1 p{background-image:url(../img/newsmid.gif);background-repeat:repeat-y;padding-top:0px;padding-right:40px;padding-bottom:0px;padding-left:15px;color:#993331;font-size:90%}
*{margin:0px;padding:0px}
a:focus{outline:none}
.fltlft{float:left;margin-right:4px}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px}
.twoColFixLtHdr #container #mainContent img{margin-right:5px;margin-bottom:5px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;padding-top:3px}
.links{margin-left:30px}
.green{color:#429C17}
.twoColFixLtHdr #container #mainContent p .twoColFixLtHdr{color:#993331}
.twoColFixLtHdr #container #mainContent p strong green{color:#429C17}

» Show original CSS code

« Hide original CSS code

@charset "utf-8";
body  {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (AuffÃ¼llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #999;
}
.twoColFixLtHdr #container {
	width: 860px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element Ã¼berschrieben. */
	background-color: #FFF9E3;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
.twoColFixLtHdr #container #mainContent h1 {
	padding-bottom: 10px;
	color: #5CA728;
	font-size: 90%;
}
.twoColFixLtHdr #container #mainContent p {
	padding-bottom: 3px;
	color: #993331;
	font-size: 90%;
}
.hover {
	text-decoration: none;
	color: #999;
}
.twoColFixLtHdr #container #mainContent h2 {
	padding-bottom: 3px;
	color: #993331;
	font-size: 90%;
}

.twoColFixLtHdr #header {
	background-color: #993331;
	height: 121px;
} 
.twoColFixLtHdr #container #header a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}

.twoColFixLtHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, kÃ¶nnen Sie das Auftreten unerwarteter AbstÃ¤nde zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnÃ¶tig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der AuffÃ¼llung anstelle von RÃ¤ndern lÃ¤sst sich gewÃ¤hrleisten, dass das Element die Kanten des div nicht berÃ¼hrt. */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 190px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	background-image: url(../img/newsbuttom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 20px;
	margin-bottom: 20px;
}
.twoColFixLtHdr #mainContent {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 202px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
} 
.twoColFixLtHdr #footer {
	background-color: #FFF9E3;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 33px;
} 
.fettgreen {
	color: #429C17;
}
.twoColFixLtHdr #container #sidebar1 p img {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.twoColFixLtHdr #footer p {
	margin: 0; /* Durch die Verwendung der AuffÃ¼llung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size: 90%;
	color: #993331;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	text-decoration: none;
}
.twoColFixLtHdr #container #footer p a {
	font-size: 90%;
	text-decoration: none;
	color: #993331;
}
.fltrt { /* Mit dieser Klasse kÃ¶nnen Sie ein Element auf der Seite nach rechts flieÃŸen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 4px;
}
.twoColFixLtHdr #container #navigation {
	text-align: right;
	position: relative;
	left: 0px;
	top: -19px;
}
.twoColFixLtHdr #container #sidebar1 h3 {
	color: #5AAF2E;
	background-image: url(../img/newstop.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 90%;
}
.twoColFixLtHdr #container #sidebar1 p a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	color: #993331;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fett {
	font-weight: bold;
	color: #993331;
	text-decoration: none;
}
.twoColFixLtHdr #container #sidebar1 p {
	background-image: url(../img/newsmid.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #993331;
	font-size: 90%;
}
* {
	margin: 0px;
	padding: 0px;
}

a:focus {
	outline: none;
}

.fltlft { /* Mit dieser Klasse kÃ¶nnen Sie ein Element auf der Seite nach links flieÃŸen lassen. */
	float: left;
	margin-right: 4px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem SchlieÃŸen eines Containers sein, der wiederum einen vollstÃ¤ndigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColFixLtHdr #container #mainContent img {
	margin-right: 5px;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 3px;
}
.links {
	margin-left: 30px;
}
.green {
	color: #429C17;
}
.twoColFixLtHdr #container #mainContent p .twoColFixLtHdr {
	color: #993331;
}
.twoColFixLtHdr #container #mainContent p strong green {
	color: #429C17;
}

Some information about this website:

URL: http://www.hud-hud.de/
CSS URL: http://www.hud-hud.de/css/twoColFixLtHdr.css
Charset: iso-8859-1
Title: Hud-Hud • Zeitgenössische Arabische Kunst
Meta-Keywords: arabische Kunst, hud-hud, hood-hood, hudhud, hoodhood, Egypt, Kairo, Cairo, Kunst des Niltals, Ursula Schernig, Simone Schernig, Fürth, Fuerth, Art Agency, Kunstagentur, Fathi Ahmad, Hassaan Ali Ahmed, Eveline Ashamalla, Hazem Badawi, Mohamed Hassan Bischr, Sayed Amin Fayed, Gad Salama Gad, Abdul Hadi El-Gazzar, Maha George, Taj Elsir Hassan, Salah Hassouna, Hamed Nada, Rabab Nemr, Mai Refky, Munir Al Shaarani, Randa Shaat, Hassan El-Shark, Khamis Shehata, Hussein Sheriffe, Awad El-Shimy /> <meta name=