Results of the CSS crunched for www.michaelpiel.de

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

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

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

Crunched CSS code:

body{padding:0px;font:70% Helvetica,hevetica,arial,sans-serif;color:#000000;background-color:#D6D6D6}
a:link{color:#000000}
a:visited{color:#594F37}
a:hover,a:active{color:#000000;background-color:#C5B693}
hr{color:black;height:1px}
h1{font-size:200%}
h2{font-size:150%}
img{border:1px solid #000000}
#Pagecontainer{margin:1em auto;width:760px;height:auto;text-align:left;background-color:white;border:1px solid black;position:relative;z-index:10}
#mainnav{padding:2px;height:auto;background-color:#E7F1F8;border-bottom:1px solid #000000}
#mainnav ul{margin:0 0 0 20px;padding:0;list-style-type:none;border-left:1px solid #000000}
#mainnav li{font-size:150%;font-weight:bold;display:inline;padding:0 20px;border-right:1px solid #000000}
#mainnav li a{text-decoration:none;color:#272900}
#mainnav li a:hover{text-decoration:none;color:#000;background-color:#8ec4eb}
#breadcrumb{padding:2px;height:auto;background-color:orange;border-bottom:1px solid #000000}
#breadcrumb ul{margin:0 0 0 5px;padding:0;list-style-type:none}
#breadcrumb li{font-size:100%;display:inline;padding:0 5px}
#submenu{padding-top:15px;padding-left:10px;padding-right:10px;float:right;width:300px;height:auto;text-align:left;background-color:#C0D9EB;margin-left:15px;margin-right:8px;border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000;position:relative;z-index:100}
#submenu li{line-height:200%}
#submenu p{line-height:200%}
#contents{margin:15px;width:auto;background-color:#FFFFFF}
#contents p{line-height:200%;position:relative;top:-5px}
#contents h3{font:106% verdana;sans-serif;font-weight:bold;margin-top:0}
.imagefloat{float:right;margin:0px 0px 0px 15px;text-align:left}
.imagefloatleft{float:left;margin:0px 15px 0px 0px;text-align:left}
#footer{clear:both;height:15px;padding:5px;background-color:orange;border-top:1px solid #000000;text-align:right}

» Show original CSS code

« Hide original CSS code

body
	{
		
		padding: 0px;
		font: 70% Helvetica, hevetica, arial, sans-serif;
				
		color: #000000;
		background-color: #D6D6D6;
	}

a:link { color: #000000; }
		a:visited { color: #594F37; }
	
		a:hover, a:active
	{
		color: #000000;
		background-color: #C5B693; /* #d4def1 */
	}
	
hr { color:black; height: 1px; }
	
h1 { font-size: 200% }
h2 { font-size: 150% }

img { border: 1px solid #000000; }

#Pagecontainer
	{
		margin: 1em auto;
		width: 760px;
		height: auto;
		text-align: left;
		background-color: white;
		border: 1px solid black;
	position:relative; z-index:10;

}

#mainnav
	{
		padding: 2px;
		height: auto;
		background-color: #E7F1F8;  /* #94d5ff */	
		border-bottom: 1px solid #000000;
	}

#mainnav ul
	{
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: none;
		border-left: 1px solid #000000;
	}
	
	#mainnav li
	{
		font-size: 150%;
		font-weight: bold;
		display: inline;
		padding: 0 20px;
		border-right: 1px solid #000000;
	}
	
	#mainnav li a
	{
		text-decoration: none;
		color: #272900;
	}
	
	#mainnav li a:hover
	{
		text-decoration: none;
		color: #000;
		background-color: #8ec4eb;
	}

#breadcrumb
	{
		padding: 2px;
		height: auto;
		background-color: orange;
		border-bottom: 1px solid #000000;
	}

#breadcrumb ul
	{
		margin: 0 0 0 5px;
		padding: 0;
		list-style-type: none;
		
	}
	
	#breadcrumb li
	{
		font-size: 100%;
		display: inline;
		padding: 0 5px;
		
	}

#submenu
	{
		padding-top: 15px;
		padding-left: 10px;
		padding-right: 10px;
		float: right; 
		width: 300px;
		height: auto;
		text-align: left;
		background-color: #C0D9EB;  /* #bfbfa9 #f0f0f0*/
		margin-left: 15px;
		margin-right: 8px;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		position:relative; z-index:100;

}

#submenu li { line-height: 200%; }
	#submenu p { line-height: 200%; }

#contents	
	{
		margin: 15px;
		width: auto;
		background-color: #FFFFFF;
		
	}
	
	#contents p { line-height: 200%; position: relative; top: -5px;
 }	/* gestaltet alle linebreak <p> innerhalb von "contents" */
	
	#contents h3 { font: 106% verdana; sans-serif; font-weight: bold; margin-top: 0; }

.imagefloat
	{
		float: right;
		margin: 0px 0px 0px 15px;
		text-align: left;
	}

.imagefloatleft
	{
		float: left;
		margin: 0px 15px 0px 0px;
		text-align: left;
		
	}
	
	
	
	
	
	#footer	
	{
		clear: both;
		height: 15px;
		padding: 5px;
		background-color: orange;
		border-top: 1px solid #000000;
		text-align: right;
	}

Some information about this website:

URL: http://www.michaelpiel.de/
CSS URL: http://www.michaelpiel.de/css/styles3.css
Charset: iso-8859-1
Title: Welcome to Michael Piel's homepage.
Meta-Description: de
Meta-Keywords: Michael Piel, Leben in Stockholm, Bilder, Schweden, Skandinavien