Results of the CSS crunched for eparo.de

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

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

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

Crunched CSS code:

ul,ol,dl{margin:0 0 1em 1em}
dt{}
dd{margin:0 0 1em 2em}
blockquote{margin:0 0 1em 1.5em}
td{padding:0}
img{border:0 solid;margin:0;padding:0}
html{height:100%;overflow:scroll;overflow-x:visible}
body{min-width:930px;height:100%;font-family:Arial,Georgia,Verdana,Helvetica,Geneva,"Lucida Grande",sans-serif;font-size:12px;margin:0;color:#676767;background:#DFDFDF;position:relative}
#page{width:100%;height:100%}
.eblue{color:#004276}
.egray{color:#676767}
h1,h2,h3,h4,h5{color:#004276}
h2,h3,h4,h5{margin:0;padding:0}
h1{font-size:26px;letter-spacing:0.05em}
h2{font-size:24px}
h3{font-family:Arial;font-weight:bold;font-size:12px;padding:0;margin-bottom:4px}
p{margin:0 0 9px 0;line-height:17px}
a{color:#767676}
a:hover, a.arrow:hover{color:#FF9900}
a:visited{color:#676767}
a.arrow,a.pdf{font-weight:bold;text-transform:uppercase;background:url(/images/linkarrow.gif) no-repeat top left;padding-left:20px;line-height:2.5em;color:#676767;text-decoration:none}
a.pdf{background:url(/images/pdf.gif) no-repeat top left;padding-left:25px;padding-top:10px}
.pagecenter{width:947px;margin:auto;padding:0px 25px 0px 25px;background:#fff}
#content.pagecenter{}
#header-wrapper{overflow:hidden;height:87px}
#header{background-color:#000;margin-bottom:0;height:87px}
#logo{position:relative;float:left;top:28px;left:8px;padding:0;margin:0}
#name-and-slogan{float:left}
#primary-navigation,#secondary-navigation{font-family:Arial,Verdana,Helvetica,Geneva,"Lucida Grande",sans-serif;font-size:12px;margin:65px 0 0 0;padding:0 0 1px 20px;float:right}
#primary-navigation{position:relative;text-align:right;top:-5px;width:700px;height:30px;overflow:hidden}
#primary-navigation ul, #secondary-navigation ul, #footer ul{padding:0;margin:0;list-style:none}
#primary-navigation ul.links li, #secondary-navigation ul.links li, #footer ul.links li{margin:0 10px 0 0;display:inline}
#primary-navigation a, #footer a{color:#fff;text-decoration:none}
#primary-navigation li.active, #primary-navigation li.active a, #secondary-navigation li.active, #secondary-navigation li.active a, #footer li.active, #footer li.active a{color:#ff9900;text-decoration:none;font-weight:bold}
#primary-navigation a:hover, #secondary-navigation a:hover, #footer a:hover{color:#ff9900}
#header-region{margin-bottom:0;overflow:auto}
#pageintro{margin:auto;margin-top:40px;width:922px}
#pageintro p{color:#676767}
#secondary-navigation{padding-left:12px;margin-left:15px;margin-top:20px;border-bottom:1px #676767 dotted;float:none}
* html #secondary-navigation{border-bottom:none;background:url(/images/dot-divider_trans.gif) repeat-x bottom}
#secondary-navigation a{font-size:100.01%;font-family:Verdana,Helvetica,Arial,Geneva,"Lucida Grande",sans-serif;color:#555;text-decoration:none}
#secondary-navigation li.active a{color:#dd7103;text-decoration:none;font-weight:bold}
#footer-wrapper{width:100%}
#footer{color:#fff;height:25px;padding-top:8px;background-color:#000}
#footer #linkbar{padding-right:2em;float:right}
#copyright{float:right}
#content div.content{width:920px;margin:auto;margin-bottom:0;padding:9px 0px 0px 0px;border-top:1px #676767 dotted;overflow:auto;clear:both}
* html #content div.content{border:none;background:url(/images/dot-divider_trans.gif) repeat-x top}
#content div.threecol{margin:0px 0px 8px 0;padding:0px 13px 0px 13px;_display:inline-block;overflow:auto;clear:both}
#content div.threecol img.header{margin-bottom:17px}
#content div.col1_left{width:215px;margin:0px 13px 0px 0px;float:left}
#content div.col1_right{width:215px;margin:0px 0px 0px 13px;font-style:italic;float:right}
#content div.col2{width:300px;margin:0 13px 0 13px;float:left}
#content div.col3{width:300px;margin:0px 0px 0px 13px;float:left}
p.cite{font-style:italic}
p.citeauthor{font-size:10px;margin-top:-5px;margin-bottom:20px;line-height:13px;font-weight:bold}
form{margin:0;padding:0}
label,input,button{margin:0px;padding:0;display:block}
input.button{margin-left:2px;padding:0 4px 0 4px;font-size:0.8em;line-height:normal;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;background-color:#BBB;background-image:none;background-repeat:repeat;background-attachment:scroll;color:#333;border-top-color:#CCC;border-right-color:#666;border-bottom-color:#666;border-left-color:#CCC}
fieldset{border:none;margin:0;padding:0}
form input{color:#666666}
form input:hover{color:#000066}
.validation-advice{color:#990000}
.centerad{margin:30px auto 10px auto;width:486px;height:60px;border:1px #676767 solid}
.clear{clear:both}
.clearsmall{clear:both;height:1px}
.left{float:left}
.highlight{background-color:#fdf267}
.note{font-size:0.6em}
.hidden{display:none}

» Show original CSS code

« Hide original CSS code

/* style-resets */
ul, ol, dl { margin: 0 0 1em 1em }
dt {  }
dd { margin: 0 0 1em 2em; }
blockquote { margin: 0 0 1em 1.5em; }
td { padding: 0; }

img {
	border: 0 solid;
	margin: 0;
	padding: 0;
}

/* BASICS */
html {
	height: 100%;
	/* force visible scrollbar */
	overflow: scroll;
	overflow-x: visible;	
}

body {
	min-width: 930px;
	height: 100%;
	font-family: Arial, Georgia, Verdana, Helvetica, Geneva, "Lucida Grande", sans-serif;
	/*font-size: 100.01%;
	line-height: 1.1em;*/
	font-size: 12px;
	margin: 0;
	color: #676767;
	/* background: url('/images/bg_gradient.jpg') repeat-x; */
	background: #DFDFDF;
	/* background: #B1B1B1; */
	position: relative; /* IE7 zoom bug/positioning bug workaround */
}

#page {
	width: 100%;
	height: 100%;
	/*font-size: 0.85em;*/	
}

.eblue {
	color: #004276;
}

.egray {
	color: #676767;
}

/* text layout (paragraphs, headers etc.) */
h1, h2, h3, h4, h5 {
	color: #004276;
}

h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

h1 {
	/*font-size: 1.4em;*/
	font-size: 26px;
	letter-spacing: 0.05em;
}

h2 {
	/* font-size: 1.2em; */
	font-size: 24px;
}

h3 {
	font-family: Arial;
	font-weight: bold;
	/*font-size: 0.9em;*/
	font-size: 12px;
	padding: 0;
	margin-bottom: 4px;
}

p {
	margin: 0 0 9px 0;
	line-height: 17px;
}

a {
	color: #767676;	
}

a:hover,
a.arrow:hover {
	color: #FF9900;	
}

a:visited {
	color: #676767;
}

a.arrow, a.pdf {
	font-weight: bold;
	text-transform: uppercase;
	background: url(/images/linkarrow.gif) no-repeat top left;
	padding-left: 20px;
	line-height: 2.5em;
	color: #676767;
	text-decoration: none;
}

a.pdf{
	background: url(/images/pdf.gif) no-repeat top left;
	padding-left: 25px;
	padding-top: 10px;
}

/*
#content div.col1 .linkblock ul li {
	background-image: url(/images/linkarrow.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 20px;
} */

/* MAIN ELEMENTS */
.pagecenter { /* used in main page elementes to center them */
	width: 947px;     /* width we effectively use */
	margin: auto; /* center the header */
	padding: 0px 25px 0px 25px;
	background: #fff;
}

#content.pagecenter {
}

#header-wrapper { /* the black stripe at the top, 100% width */
	overflow: hidden; /* clearing, see 1) */
	height: 87px;
}

#header {
	background-color: #000;
	margin-bottom: 0;
	height: 87px;
}

#logo {
	position: relative;
	float: left;
	top: 28px;
	left: 8px;
	padding: 0;
	margin: 0;
	/* height: 59px;
	width: 150px;
	margin: 11px 0 0 50px;
	background: #767676 url(./eparo_logo.jpg) no-repeat; */
}

#name-and-slogan {
	float: left;
}

/* main navigation */
#primary-navigation, #secondary-navigation {
	/* font-size: 100.01%; */
	font-family: Arial, Verdana, Helvetica, Geneva, "Lucida Grande", sans-serif;
	font-size: 12px;
	margin: 65px 0 0 0;
	padding: 0 0 1px 20px;
	float: right;
}

#primary-navigation {
	position: relative;
	text-align: right;
	top: -5px;
	width: 700px;
	height: 30px;
	overflow: hidden;
}

#primary-navigation ul,
#secondary-navigation ul,
#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#primary-navigation ul.links li,
#secondary-navigation ul.links li,
#footer ul.links li {
	margin: 0 10px 0 0;
	display: inline;
}

#primary-navigation a,
#footer a {
	color: #fff;
	text-decoration: none;
}

#primary-navigation li.active,
#primary-navigation li.active a,
#secondary-navigation li.active,
#secondary-navigation li.active a,
#footer li.active,
#footer li.active a {
	color: #ff9900;
	text-decoration: none;
	font-weight: bold;
}

#primary-navigation a:hover,
#secondary-navigation a:hover,
#footer a:hover {
	color: #ff9900;
}

#header-region {
	margin-bottom: 0;
	overflow: auto; /* clearing, see 1) */
}

#pageintro {
	margin: auto;
	margin-top: 40px;
	width: 922px;
}

#pageintro p {
	color: #676767;
}

#secondary-navigation {
	padding-left: 12px;
	margin-left: 15px;
	margin-top: 20px;
	border-bottom: 1px #676767 dotted;
	float: none;
}

/* IE hack to have DOTS and not DASHS, see 2) */
* html #secondary-navigation {
	border-bottom: none;
	background: url(/images/dot-divider_trans.gif) repeat-x bottom;	
}

#secondary-navigation a {
  	font-size: 100.01%;
  	font-family: Verdana, Helvetica, Arial, Geneva, "Lucida Grande", sans-serif;
	color: #555;
	text-decoration: none;
}

#secondary-navigation li.active a {
	color: #dd7103;
	text-decoration: none;
	font-weight: bold;
}

/* FOOTER */
/* fixed footer at the bottom of the page */
/* #footer-wrapper {
	position: fixed;
	width: 100%;
	bottom: 0px;
	background-color: none;
} */

/* flexible footer */
#footer-wrapper {
	width: 100%;
}

#footer {
	color: #fff;
	height: 25px;
	padding-top: 8px;
	background-color: #000;
}

#footer #linkbar {
	padding-right: 2em;
	float: right;
}

#copyright {
	float: right;
}

/* CONTENT */
#content div.content {
	width: 920px;
	margin: auto;
	margin-bottom: 0;
	padding: 9px 0px 0px 0px;
	border-top: 1px #676767 dotted;
	overflow: auto; /* clearing, see 1) */
	clear: both;
}

/* IE hack to have DOTS and not DASHS, see 2) */
* html #content div.content {
	border: none;
	background: url(/images/dot-divider_trans.gif) repeat-x top;	
}

#content div.threecol {
	margin: 0px 0px 8px 0;
	padding: 0px 13px 0px 13px;
	_display: inline-block; /* IE 6 needs it, Opera hates it */
	overflow: auto; /* clearing, see 1) */
	clear: both;
}

#content div.threecol img.header {
	margin-bottom: 17px;
}

#content div.col1_left {
	width: 215px;
	margin: 0px 13px 0px 0px;
	float: left;
}

#content div.col1_right {
	width: 215px;
	margin: 0px 0px 0px 13px;
	font-style: italic;
	float: right;
}

#content div.col2 {
	width: 300px;
	margin: 0 13px 0 13px;
	float: left;
}

#content div.col3 {
	width: 300px;
	margin: 0px 0px 0px 13px; 
	float: left;
}

p.cite {
	/* disabled
	background: url('/images/quoteon.gif') top left no-repeat; */	
	font-style: italic;
}

p.citeauthor {
	font-size: 10px;
	margin-top: -5px;
	margin-bottom: 20px;
	line-height: 13px;
	font-weight: bold;
}

/* FORM ELEMENTS */
form { margin: 0; padding: 0; }

label,input,button {
	margin: 0px;
	padding: 0;
	display: block;
}

input.button
{
margin-left: 2px;
padding: 0 4px 0 4px;
font-size: 0.8em;
line-height: normal;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: #BBB;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
color: #333;
border-top-color: #CCC;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #CCC;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

form input {
	color: #666666;
}

form input:hover {
	color: #000066;
}

/* Error / Form Error / Validation */
.validation-advice {
	color: #990000;
}

/* ADVERTISING */
.centerad {
	margin: 30px auto 10px auto;
	width: 486px;
	height: 60px;
	border: 1px #676767 solid;
}

/* TOOLS */
.clear {
	clear: both;
}

.clearsmall {
	clear: both;
	height: 1px;
}

.left {
	float: left;
}

.highlight {
	background-color: #fdf267;
}

.note {
	font-size: 0.6em;
}

.hidden {
	display: none;
}

/* URLs 
	1) http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats
	2) http://kalsey.com/2003/07/css_dotted_borders_in_ie/
	3) http://www.positioniseverything.net/explorer/doubled-margin.html
*/

Some information about this website:

URL: http://eparo.de/
CSS URL: http://eparo.de/stylesheets/eparo.css
Charset: utf-8
Title: eparo GmbH - user experience innovation