Results of the CSS crunched for www.clubmate.de

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

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

Crunched CSS code:

@import "http://www.clubmate.de/cws/tmpl/clearfix.css";@import "http://www.clubmate.de/cws/tmpl/iehacks.css";html,body,form,h1,h2,h3,h4,ul,li{padding:0;margin:0}
html,body{height:100%}
body{background:url(http://www.clubmate.de/cws/tmpl/imgs/bg.jpg) repeat-y center 0 #FFA71D}
#wrapper{width:950px;margin:0 auto;position:relative}
#navi div.StandLogoLinks p{margin-left:40px}
#navi div.StandLogoLinks p a{color:#000;font-weight:bold}
#navi div.StandLogoLinks p a:hover{color:#fff}
#navi{width:300px;position:absolute;top:0px;left:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000000}
#navi ul{margin-left:20px;padding-bottom:10px}
#navi li{list-style-type:none;padding-bottom:10px}
#navi ul li a{color:#000000;text-decoration:none;font-weight:bold}
#navi ul li a:hover{text-decoration:underline}
#navi ul li.aktiv a{color:#ffffff;text-decoration:none}
#navi ul ul{padding-top:10px}
#nav[id] ul ul{padding-top:0px}
#navi ul ul li{list-style-type:square}
#navi ul ul li a{color:#000000;text-decoration:none;font-weight:normal}
#navi ul ul li a:hover{text-decoration:underline}
#navi ul ul li.aktiv a{color:#ffffff;text-decoration:none}
#navi ul ul li.inaktiv a{color:#000000;text-decoration:none}
#navi ul ul ul{padding-top:10px}
#nav[id] ul ul ul{padding-top:0px}
#navi ul ul ul li{list-style-type:disc}
#navi ul ul ul li a{color:#000000;text-decoration:none;font-weight:normal}
#navi ul ul ul li a:hover{text-decoration:underline}
#navi ul ul ul li.aktiv a{color:#ffffff;text-decoration:none}
#navi ul ul ul li.inaktiv a{color:#000000;text-decoration:none}
#navi ul{padding-left:18px;margin-top:25px}
#navi ul ul{padding:0;margin-top:10px}
div.sociallinks{margin-top:20px;margin-left:40px}
div.sociallinks a{margin-right:10px}
#content{padding-left:330px;width:450px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#FFFFFF;line-height:16px}
#content h2{font-family:Arial,Helvetica,sans-serif;font-size:26px;line-height:30px;font-weight:normal;color:#DC3229;padding-bottom:20px;padding-top:30px}
#content h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:normal;color:#FFAA24;padding-bottom:15px;padding-top:25px}
#content h4{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;color:#ffffff;padding-bottom:15px;padding-top:20px}
#content a{color:#ffffff;font-style:italic;font-weight:bold}
#content a:hover{color:#DC3229}
#content ul{margin-left:20px}
#content li{padding-bottom:10px;list-style-type:square}
.links{float:left;padding-right:20px;padding-bottom:15px}
.rechts{float:right;padding-left:20px;padding-bottom:15px}
#content img a{border:0}
#content div.mod_gallery_object{float:left;height:100px;margin:0 10px 10px 0;width:100px}
#content div.mod_gallery_object img{border:0}
#content div.mod_gallery_nav{margin-top:25px}
#content .footer{color:#666;padding-top:100px;padding-bottom:30px}
#content .footer a{color:#666}
#content .oben{text-align:right}
#content .oben a{color:#fff}

» Show original CSS code

« Hide original CSS code

/* CSS Document */

@import "http://www.clubmate.de/cws/tmpl/clearfix.css";
@import "http://www.clubmate.de/cws/tmpl/iehacks.css";

html, body, form, h1, h2, h3, h4, ul, li {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	background: url(http://www.clubmate.de/cws/tmpl/imgs/bg.jpg) repeat-y center 0 #FFA71D;
}

#wrapper { 
	width: 950px;
	margin: 0 auto;
	position: relative;
}

/*	Layout-Container */

/* Sprachumschaltung */
#navi div.StandLogoLinks p { margin-left: 40px; }
#navi div.StandLogoLinks p a { color: #000; font-weight: bold; }
#navi div.StandLogoLinks p a:hover { color: #fff; }

/*	Navigations-Bereich ********************************************** */

#navi {
	width: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/*	Navigationsliste */
	
	#navi ul {
		margin-left: 20px;
		padding-bottom: 10px;
	}
	
	#navi li {
		list-style-type: none;
		padding-bottom: 10px;
	}
	
	/*	Erste Ebene */
	
	#navi ul li a {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
	}
	
	#navi ul li a:hover {
		text-decoration: underline;
	}	
	
	#navi ul li.aktiv a {
		color: #ffffff;
		text-decoration: none;
	}
	
	/*	Zweite Ebene */
	
	#navi ul ul {
		padding-top: 10px;
	}
	#nav[id] ul ul {
		padding-top: 0px;
	}	
	
	#navi ul ul li {
		list-style-type: square;
	}
	
	#navi ul ul li a {
		color: #000000;
		text-decoration: none;
		font-weight: normal;
	}
	
	#navi ul ul li a:hover {
		text-decoration: underline;
	}
	
	#navi ul ul li.aktiv a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#navi ul ul li.inaktiv a {
		color: #000000;
		text-decoration: none;
	}	
	
	/*	Dritte Ebene */
	
	#navi ul ul ul {
		padding-top: 10px;
	}
	#nav[id] ul ul ul {
		padding-top: 0px;
	}	
	
	#navi ul ul ul li {
		list-style-type: disc;
	}
	
	#navi ul ul ul li a {
		color: #000000;
		text-decoration: none;
		font-weight: normal;
	}
	
	#navi ul ul ul li a:hover {
		text-decoration: underline;
	}
	
	#navi ul ul ul li.aktiv a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#navi ul ul ul li.inaktiv a {
		color: #000000;
		text-decoration: none;
	}		
	
	/*	Abstaende */
	
	#navi ul {
		padding-left: 18px; margin-top: 25px;
	}

#navi ul ul { padding: 0; margin-top: 10px; }
	
	div.sociallinks { margin-top: 20px; margin-left: 40px; }
	div.sociallinks a { margin-right: 10px; }

/*	Content-Bereich ********************************************** */

#content {
	padding-left: 330px;
	width: 450px;
	/* background: url(http://www.clubmate.de/comon/tmpl/imgs/nav_bg.jpg) repeat-y; */
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
}

/*	Headlines */
	
	#content h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		line-height: 30px;
		font-weight: normal;
		color: #DC3229;
		padding-bottom: 20px;
		padding-top: 30px;
	}
	
	#content h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #FFAA24;
		padding-bottom: 15px;
		padding-top: 25px;
	}
	
	#content h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;
		padding-bottom: 15px;
		padding-top: 20px;
	}
	
	/*	Links */
	
	#content a {
		color: #ffffff;
		font-style: italic;
		font-weight: bold;
	}
	
	#content a:hover {
		color: #DC3229;
	}
	
	
	/*	Listen */
	
	#content ul {
		margin-left: 20px;
	}
	
	#content li {
		padding-bottom: 10px;
		list-style-type: square;
	}
	
	
	/*	Bilder */
	
	.links {
		float: left;
		padding-right: 20px;
		padding-bottom: 15px;
	}
	
	.rechts {
		float: right;
		padding-left: 20px;
		padding-bottom: 15px;
	}
	
	#content img a {
		border: 0;
	}
	
	
	#content div.mod_gallery_object { float: left; height: 100px; margin: 0 10px 10px 0; width: 100px; }
	#content div.mod_gallery_object img { border: 0; }
	#content div.mod_gallery_nav { margin-top: 25px; }
	
	
	/*	Fusszeile */
	
	#content .footer {
		color: #666;
		padding-top: 100px;
		padding-bottom: 30px;
	}
	
	#content .footer a {
		color: #666;
	}
	
	#content .oben {
		text-align: right;
	}
	
	#content .oben a {
		color: #fff;
	}

Some information about this website:

URL: http://www.clubmate.de/
CSS URL: http://www.clubmate.de/cws/data/css/1/1.css
Charset: UTF-8
Title: Der prickelnde Mate-Eistee - Club-Mate / Der prickelnde Mate-Eistee