Results of the CSS crunched for www.kainhofer.eu

Let's see what we've done for www.kainhofer.eu

CSSCruncher.com has crunched this CSS to
17.37 %Less Size! Woohooo!

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

Warning level 1 on Line 73:
  You have no color with your background-color
  Class:     #logo
  Property:  
  Value:     

Warning level 1 on Line 82:
  You have no color with your background-color
  Class:     #two
  Property:  
  Value:     

Warning level 1 on Line 87:
  You have no color with your background-color
  Class:     #three
  Property:  
  Value:     

Warning level 1 on Line 92:
  You have no color with your background-color
  Class:     #four
  Property:  
  Value:     

Warning level 1 on Line 97:
  You have no color with your background-color
  Class:     #five
  Property:  
  Value:     

Warning level 1 on Line 102:
  You have no color with your background-color
  Class:     #home
  Property:  
  Value:     

Warning level 1 on Line 124:
  Line : 124 Level : 1 Same colors for color and background-color in two contexts #home and a
  Class:     1 Same colors for color and background-color in two contexts #home and a
  Property:  
  Value:     

Warning level 1 on Line 124:
  You have no background-color with your color
  Class:     a
  Property:  
  Value:     

Warning level 1 on Line 124:
  Line : 124 Level : 1 Same colors for color and background-color in two contexts #two and a
  Class:     1 Same colors for color and background-color in two contexts #two and a
  Property:  
  Value:     

Warning level 1 on Line 124:
  Line : 124 Level : 1 Same colors for color and background-color in two contexts #three and a
  Class:     1 Same colors for color and background-color in two contexts #three and a
  Property:  
  Value:     

Warning level 1 on Line 124:
  Line : 124 Level : 1 Same colors for color and background-color in two contexts #four and a
  Class:     1 Same colors for color and background-color in two contexts #four and a
  Property:  
  Value:     

Warning level 1 on Line 124:
  Line : 124 Level : 1 Same colors for color and background-color in two contexts #logo and a
  Class:     1 Same colors for color and background-color in two contexts #logo and a
  Property:  
  Value:     

Warning level 1 on Line 124:
  Line : 124 Level : 1 Same colors for color and background-color in two contexts #five and a
  Class:     1 Same colors for color and background-color in two contexts #five and a
  Property:  
  Value:     

Warning level 1 on Line 130:
  You have no background-color with your color
  Class:     #copy h4
  Property:  
  Value:     

Warning level 1 on Line 152:
  You have no background-color with your color
  Class:     #footer address
  Property:  
  Value:     

Warning level 1 on Line 164:
  You have no background-color with your color
  Class:     #footer address a
  Property:  
  Value:     

Warning level 1 on Line 168:
  Line : 168 Level : 1 Same colors for color and background-color in two contexts #logo and #footer address a:hover
  Class:     1 Same colors for color and background-color in two contexts #logo and #footer address a:hover
  Property:  
  Value:     

Warning level 1 on Line 168:
  Line : 168 Level : 1 Same colors for color and background-color in two contexts #five and #footer address a:hover
  Class:     1 Same colors for color and background-color in two contexts #five and #footer address a:hover
  Property:  
  Value:     

Warning level 1 on Line 168:
  Line : 168 Level : 1 Same colors for color and background-color in two contexts #two and #footer address a:hover
  Class:     1 Same colors for color and background-color in two contexts #two and #footer address a:hover
  Property:  
  Value:     

Warning level 1 on Line 168:
  Line : 168 Level : 1 Same colors for color and background-color in two contexts #four and #footer address a:hover
  Class:     1 Same colors for color and background-color in two contexts #four and #footer address a:hover
  Property:  
  Value:     

Warning level 1 on Line 168:
  Line : 168 Level : 1 Same colors for color and background-color in two contexts #home and #footer address a:hover
  Class:     1 Same colors for color and background-color in two contexts #home and #footer address a:hover
  Property:  
  Value:     

Warning level 1 on Line 168:
  Line : 168 Level : 1 Same colors for color and background-color in two contexts #three and #footer address a:hover
  Class:     1 Same colors for color and background-color in two contexts #three and #footer address a:hover
  Property:  
  Value:     

Warning level 1 on Line 168:
  You have no background-color with your color
  Class:     #footer address a:hover
  Property:  
  Value:

Crunched CSS code:

*{margin:0;padding:0;border:0}
a:focus{outline:none}
html,body{height:100%}
body{font:0.8em Verdana,Arial,sans-serif}
ul#buttons{height:30px;width:50px;padding-top:5px;padding-left:5px}
ul#buttons li{list-style:none;text-indent:-9999px}
ul#buttons li#frontpage a{display:block;width:20px;height:20px;background:url(../images/home.gif) no-repeat bottom left;float:left}
ul#buttons li#frontpage a:hover{background:url(../images/home.gif) no-repeat bottom right}
ul#buttons li#print a{display:block;width:20px;height:20px;background:url(../images/print.gif) no-repeat bottom left;float:left}
ul#buttons li#print a:hover{background:url(../images/print.gif) no-repeat bottom right}
#logo,#two,#three,#four,#five,#home{position:absolute;top:50%;margin-top:-61px;display:block;width:13%;height:105px;text-indent:-9999px}
#logo a,#two a,#three a,#four a,#five a,#home a{position:absolute;display:block;width:99%;height:104px}
#logo{background:#000 url(../images/logo_kainhofer.jpg) no-repeat right bottom;left:0}
#logo_print{display:none}
#two{background:#000 url(../images/2.jpg) no-repeat left bottom;right:0}
#three{background:#000 url(../images/3.jpg) no-repeat left bottom;right:0}
#four{background:#000 url(../images/4.jpg) no-repeat left bottom;right:0}
#five{background:#000 url(../images/5.jpg) no-repeat left bottom;right:0}
#home{background:#000 url(../images/home.jpg) no-repeat left bottom;right:0}
#container{width:800px;position:absolute;left:50%;top:50%;margin-left:-390px;margin-top:-115px}
h1.hidden{display:none}
h1,h2,h3,h4{font-weight:normal}
a{text-decoration:underline;color:#000}
#copy h2{font-size:1.6em}
#copy h4{color:#333}
.row{width:240px;float:left;margin-left:20px}
.row p{margin-top:10px;font-size:85%;line-height:1.4em}
.row p sup{font-size:70%;line-height:.7em}
#footer_print{display:none}
#footer address{color:#999;width:100%;font-size:80%;font-style:normal;position:absolute;bottom:15px;left:50%;margin-left:-50%;text-align:center}
#footer address a{color:#999}
#footer address a:hover{color:#000}

» Show original CSS code

« Hide original CSS code

* {
	margin: 0;
	padding: 0;
	border: 0;
}

a:focus {
	outline: none;
	}

html, body {
	height: 100%;
}

body {
	font: 0.8em Verdana, Arial, sans-serif;
}

ul#buttons {
	height: 30px;
	width: 50px;
	padding-top: 5px;
	padding-left: 5px;
}

ul#buttons li {
	list-style: none;
	text-indent: -9999px;
}

ul#buttons li#frontpage a {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/home.gif) no-repeat bottom left;
	float: left;
}

ul#buttons li#frontpage a:hover {
	background: url(../images/home.gif) no-repeat bottom right;
}

ul#buttons li#print a {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/print.gif) no-repeat bottom left;
	float: left;
}

ul#buttons li#print a:hover {
	background: url(../images/print.gif) no-repeat bottom right;
}

#logo, #two, #three, #four, #five, #home {
	position: absolute;
	top: 50%;
	margin-top: -61px;
	display: block;
	width: 13%;
	height: 105px;
	text-indent: -9999px;
}

#logo a, #two a, #three a, #four a, #five a, #home a {
	position: absolute;
	display: block;
	width: 99%;
	height: 104px;
}

#logo {
	background: #000 url(../images/logo_kainhofer.jpg) no-repeat right bottom;
	left: 0;
}

#logo_print {
	display: none;	
}

#two {
	background: #000 url(../images/2.jpg) no-repeat left bottom;
	right: 0;
}

#three {
	background: #000 url(../images/3.jpg) no-repeat left bottom;
	right: 0;	
}

#four {
	background: #000 url(../images/4.jpg) no-repeat left bottom;
	right: 0;	
}

#five {
	background: #000 url(../images/5.jpg) no-repeat left bottom;
	right: 0;	
}

#home {
	background: #000 url(../images/home.jpg) no-repeat left bottom;
	right: 0;
}

#container {
	width: 800px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -390px;
	margin-top: -115px;
}
h1.hidden {
	display: none;
}
	
h1, h2, h3, h4 {
	/*font-family: Georgia, Times, serif;*/
	font-weight: normal;
}
a {
	text-decoration: underline;
	color: #000;
}
#copy h2 {
	font-size: 1.6em;
}
#copy h4 {
	color: #333;
}
.row {
	width: 240px;
	float: left;
	margin-left: 20px;
}
.row p {
	margin-top: 10px;
	font-size: 85%;
	line-height: 1.4em;
}
.row p sup {
	font-size: 70%;
	line-height: .7em;	
}

#footer_print {
	display: none;	
}

#footer address {
	color: #999;
	width: 100%;
	font-size: 80%;
	font-style: normal;
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -50%;
	text-align: center;	
}

#footer address a {
	color: #999;
}

#footer address a:hover {
	color: #000;
}