Results of the CSS crunched for kagelmann.net

Let's see what we've done for kagelmann.net

CSSCruncher.com has crunched this CSS to
13.61 %Less Size! Nice!

Crunched CSS code:

body{padding:0;margin:0;font:.74em Arial,sans-serif;line-height:1.5em;background:#fff url(images/top.jpg) repeat-x top;color:#454545}
a{color:#DA3B3B;background:inherit}
a:hover{color:#DA3B3B;background:inherit;text-decoration:underline}
p{margin:5px 0}
h1{font:bold 1.8em Arial,Sans-Serif;padding:8px 0 4px 0;margin:0;letter-spacing:-1px}
h2{font:bold 1.6em Arial,Sans-Serif;letter-spacing:-1px}
h3{padding:4px 0;margin:0}
ul{margin:0;padding:0;list-style:none}
img{border:1px solid #868686;padding:0;margin:0}
hr{height:1px;border-style:none;color:#d0d0d0;background-color:#C0C0C0;margin:10px 0}
.content{margin:0px auto;width:800px}
#top{padding-top:20px;background:transparent;height:101px}
#top h1{font:bold 1.8em Arial,Sans-Serif;padding:8px 0 4px 0;margin:0;letter-spacing:1px;color:#FFF}
#top a.title,a.title:hover{color:#FFF;text-decoration:none}
#top h2{font:1.0em Arial,Sans-Serif;letter-spacing:0px;color:#868686;margin:0;padding:0}
#top #icons{float:right;margin:20px 0;padding:0;text-align:right}
#top #icons img{padding-right:2px;border:0}
#top #icons img.lang{padding-right:3px;border:0}
#prec{height:220px;margin:0;padding:0;background:#F6F6F6;border-bottom:1px solid #DCDCDC;overflow:hidden;margin-bottom:15px}
#wrap{margin:0 auto;width:800px}
#wrap #pic{float:right;background:#FF0000 url(images/mainimg.jpg) no-repeat;height:199px;width:589px;overflow:hidden}
#wrap #pic #slogan{float:right;padding:25px 30px 10px 30px;text-align:right}
#wrap #pic #slogan h1{font:bold 1.4em Arial,Sans-Serif;color:#FFF;letter-spacing:1px;margin:0}
#wrap #pic #slogan h2{font:1.0em Arial,Sans-Serif;color:#FFF;letter-spacing:0px;margin:0;padding:10px 0}
#wrap #pic #slogan a{color:#FFF}
#wrap #menu{padding:0;margin:0;background:inherit}
#wrap #menu a{padding-left:25px;font:0.9em Arial,Sans-Serif;text-decoration:none;background:#F6F6F6 url(images/lm-li.gif) no-repeat left}
#wrap #menu ul{padding:10px 0}
#wrap #menu li{line-height:26px;background:#F6F6F6 url(images/li-line.gif) no-repeat bottom left;list-style:none}
#ad{background:#FFF url(images/download.jpg) no-repeat left;padding-left:95px;min-height:80px;margin-bottom:15px}
#ad a,#left_side a{background:#FFF;text-decoration:none}
#ad a:hover,#left_side a:hover{text-decoration:underline}
#main{}
#right_side{float:right;width:212px;background:#F6F6F6;padding:5px 10px 5px 10px;margin-bottom:10px}
#right_side ul,#sitemap ul{padding:3px 0 8px 0}
#right_side li,#sitemap li{line-height:18px;background:#F6F6F6 url(images/cat-li.gif) no-repeat 0 4px;list-style-type:none;padding-left:20px}
#right_side ul ul,#sitemap ul ul{padding:0 0 3px 0}
#right_side a,#sitemap a{background:#F6F6F6;text-decoration:none}
#right_side a:hover,#sitemap a:hover{text-decoration:underline}
#right_side h3{color:#404040;font:bold 1.2em Arial,Sans-Serif}
#left_side{background:#FFF;margin-bottom:10px;width:560px}
#left_side h3,#sitemap h3{background:#FFF url(images/hbg.gif) repeat-x;height:30px;padding:5px 0 0 0px;margin:0;font:bold 1.2em Arial,Sans-Serif}
#left_side h3 span,#sitemap h3 span{background:url(images/h-art.gif) no-repeat left;padding:1px 10px 0 23px;line-height:22px;margin:0}
#left_side p{color:#454545;padding:0 5px 0 5px;text-align:justify;overflow:hidden}
#left_side img{float:left;padding:0;margin:4px 5px 0 0;overflow:hidden}
#left_side a img:hover{border:1px solid #DA3B3B}
#left_side blockquote{padding-left:10px;border-left:2px solid #DA4040;margin:10px 0 10px 25px}
.date{border-top:1px dotted #ccc;padding:5px 0;margin:10px 0 25px 0;text-align:right}
#left_side .rs{float:right;margin:0 10px;border:1px solid #ddd;padding:5px;background:#f5f5f5}
#left_side ul{list-style-position:outside;margin-left:2px}
#left_side ul li{list-style-type:square;margin-left:15px}
#left_side ul ul li{list-style:none;margin-left:10px;list-style-type:lower-alpha;list-style-position:outside}
table{margin:0 15px 0 5px}
table td{padding-bottom:5px;vertical-align:top}
table td.l{text-align:right;font-weight:bold}
table td.r{padding-left:8px;text-align:justify}
#footer{clear:both;border-top:1px solid #DCDCDC;margin:0 0 3em 0;color:#777;background:#fff}
#footer .right{float:right;text-align:right;background:#FFF}
#footer a{text-decoration:none;background:#FFF}
#footer a:hover{text-decoration:underline;background:#FFF}

» Show original CSS code

« Hide original CSS code

/*
	StyleSheet by David Herreman
	http://www.free-css-templates.com
		
*/

body { 
	padding: 0; 
	margin: 0; 
	font: .74em Arial, sans-serif; 
	line-height: 1.5em; 
	background: #fff url(images/top.jpg) repeat-x top; 
	color: #454545; 
	}
	
a {color:#DA3B3B; background: inherit; }
a:hover {color: #DA3B3B; background: inherit; text-decoration: underline}
p {	margin: 5px 0;}
h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; }
h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { padding: 4px 0; margin:  0; }
ul { margin: 0; padding : 0; list-style: none; }
img { border: 1px solid #868686; padding:0; margin:0;}
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }

.content { margin: 0px auto; width: 800px; }

/* Top part */
#top { padding-top: 20px; background: transparent; height: 101px; }
	#top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFF;}
	#top a.title, a.title:hover {color:#FFF; text-decoration:none;}
	#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #868686; margin:0; padding: 0 }
	#top #icons {float:right;margin:20px 0;padding:0;text-align:right;}
	#top #icons img {padding-right:2px;border:0;}
	#top #icons img.lang {padding-right:3px;border:0;}

/* Second part */
#prec { 	height: 220px; 	margin:0; padding: 0; background: #F6F6F6; border-bottom: 1px solid #DCDCDC; overflow: hidden; margin-bottom: 15px }
	#wrap { margin: 0 auto; width: 800px; }
		#wrap #pic { float: right; background: #FF0000 url(images/mainimg.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}
			#wrap #pic #slogan { float: right; padding: 25px 30px 10px 30px; text-align: right }
			#wrap #pic #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFF; letter-spacing: 1px; margin:0 }
			#wrap #pic #slogan h2 { font:  1.0em Arial, Sans-Serif; color: #FFF; letter-spacing: 0px; margin:0; padding: 10px 0}
			#wrap #pic #slogan a { color: #FFF; }
			
		#wrap #menu { padding: 0; margin:0; background: inherit; }
		#wrap #menu a { padding-left: 25px; font:  0.9em Arial, Sans-Serif; text-decoration: none; background: #F6F6F6 url(images/lm-li.gif) no-repeat left;  }
		#wrap #menu ul { padding: 10px 0 }
		#wrap #menu li { line-height: 26px; background: #F6F6F6 url(images/li-line.gif) no-repeat bottom left; list-style: none }

/*  Advertising */
#ad { background: #FFF url(images/download.jpg) no-repeat left; padding-left: 95px; min-height: 80px; margin-bottom: 15px;}
#ad a, #left_side a { background: #FFF; text-decoration: none }
#ad a:hover, #left_side a:hover { text-decoration: underline }
		
/* main area */
#main { }
	#right_side {float:right;width:212px;background:#F6F6F6;padding:5px 10px 5px 10px;margin-bottom:10px;}
		#right_side ul, #sitemap ul {padding: 3px 0 8px 0} 
		#right_side li, #sitemap li {line-height: 18px; background: #F6F6F6 url(images/cat-li.gif) no-repeat 0 4px; list-style-type:none;padding-left: 20px;}
		#right_side ul ul, #sitemap ul ul {padding:0 0 3px 0;}
		#right_side a, #sitemap a {background:#F6F6F6;text-decoration:none;}
		#right_side a:hover, #sitemap a:hover {text-decoration:underline;}
		#right_side h3 { color: #404040; font:  bold 1.2em Arial, Sans-Serif; }
	
	#left_side { background: #FFF; margin-bottom: 10px; width: 560px;}
		#left_side h3, #sitemap h3 { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
		#left_side h3 span, #sitemap h3 span{ background: url(images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0}
		#left_side p {color: #454545; padding: 0 5px 0 5px; text-align:justify;overflow:hidden;}
		#left_side img {float:left;padding:0;margin: 4px 5px 0 0;overflow:hidden;}
		#left_side a img:hover {border:1px solid #DA3B3B;}
		#left_side blockquote {padding-left:10px;border-left:2px solid #DA4040;margin: 10px 0 10px 25px;}
		.date {border-top:1px dotted #ccc;padding:5px 0;margin:10px 0 25px 0;text-align:right;}		
		#left_side .rs {float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
		#left_side ul {list-style-position:outside; margin-left: 2px }
		#left_side ul li {list-style-type:square;margin-left:15px;}
		#left_side ul ul li {list-style:none;margin-left:10px;list-style-type:lower-alpha;list-style-position:outside;}
		table {margin:0 15px 0 5px;}
		table td {padding-bottom:5px;vertical-align:top;}
		table td.l {text-align:right;font-weight:bold;}
		table td.r {padding-left:8px;text-align:justify;}
	
/* The footer */
#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777;  background: #fff }
#footer .right  { float: right; text-align: right; background: #FFF; }
#footer a {text-decoration:none;background:#FFF;}
#footer a:hover {text-decoration:underline;background:#FFF;}

Some information about this website:

URL: http://kagelmann.net/
CSS URL: http://kagelmann.net/theme/style.css
Charset: UTF-8
Title: kagelmann.net
Meta-Description: Das virtuelle Heim von Kay Kagelmann
Meta-Keywords: Kay Kagelmann, Kay, Kagelmann, Berlin