Results of the CSS crunched for www.ms-medienbuero.de

Let's see what we've done for www.ms-medienbuero.de

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

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

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

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

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

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

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

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

Warning level 1 on Line 43:
  Line : 43 Level : 1 Same colors for color and background-color in two contexts #Navi li a.on and h3
  Class:     1 Same colors for color and background-color in two contexts #Navi li a.on and h3
  Property:  
  Value:     

Warning level 1 on Line 43:
  Line : 43 Level : 1 Same colors for color and background-color in two contexts .button and h3
  Class:     1 Same colors for color and background-color in two contexts .button and h3
  Property:  
  Value:     

Warning level 1 on Line 43:
  Line : 43 Level : 1 Same colors for color and background-color in two contexts #Navi li a.on and h3
  Class:     1 Same colors for color and background-color in two contexts #Navi li a.on and h3
  Property:  
  Value:     

Warning level 1 on Line 43:
  Line : 43 Level : 1 Same colors for color and background-color in two contexts #Navi li a.on and h3
  Class:     1 Same colors for color and background-color in two contexts #Navi li a.on and h3
  Property:  
  Value:     

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

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

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

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

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

Warning level 1 on Line 81:
  Line : 81 Level : 1 Same colors for color and background-color in two contexts .button and #Navi li a
  Class:     1 Same colors for color and background-color in two contexts .button and #Navi li a
  Property:  
  Value:     

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

Warning level 1 on Line 81:
  You have no background-color with your color
  Class:     #Navi li a
  Property:  
  Value:     

Warning level 1 on Line 146:
  Line : 146 Level : 1 Same colors for color and background-color in two contexts .button and .error
  Class:     1 Same colors for color and background-color in two contexts .button and .error
  Property:  
  Value:     

Warning level 1 on Line 146:
  Line : 146 Level : 1 Same colors for color and background-color in two contexts #Navi li a.on and .error
  Class:     1 Same colors for color and background-color in two contexts #Navi li a.on and .error
  Property:  
  Value:     

Warning level 1 on Line 146:
  Line : 146 Level : 1 Same colors for color and background-color in two contexts #Navi li a.on and .error
  Class:     1 Same colors for color and background-color in two contexts #Navi li a.on and .error
  Property:  
  Value:     

Warning level 1 on Line 146:
  Line : 146 Level : 1 Same colors for color and background-color in two contexts #Navi li a.on and .error
  Class:     1 Same colors for color and background-color in two contexts #Navi li a.on and .error
  Property:  
  Value:     

Warning level 1 on Line 146:
  You have no background-color with your color
  Class:     .error
  Property:  
  Value:     

Warning level 1 on Line 158:
  You have no background-color with your color
  Class:     .infotxt
  Property:  
  Value:

Crunched CSS code:

*{margin:0;padding:0}
html{height:100%;font-size:100%}
body,div{font-family:Verdana,Arial,Helvetica,sans-serif;color:#333}
body{background:#fff url(img/hi.jpg);font-size:100%;text-align:left;position:relative;line-height:1.3em;height:100%;width:100%}
a{color:#780e10;font-weight:normal;text-decoration:none}
a:hover,a:active{}
h1{font-size:75%;text-transform:uppercase;padding-bottom:15px}
h2{font-size:75%}
h3{font-size:75%;text-transform:uppercase;color:#780e10}
p,dl{font-size:75%;padding-bottom:15px}
address{font-style:normal;font-size:75%;margin-bottom:20px}
#Page{position:relative;margin:8px auto 0 auto;width:990px}
#Wrapper{background:#f4f5ef url(img/bg-content.gif) repeat-y}
#Header{height:120px;background:#f4f5ef url(img/bg-top.gif) repeat-x}
#Logo{margin:20px 0 0 220px}
#ContentBox{height:100%}
#Navi{padding:25px 0 0 220px;line-height:0;margin-bottom:40px}
#Navi li{display:inline}
#Navi li a{color:#780e10;font-family:"Times New Roman",Times,serif;text-transform:uppercase;font-size:81.5%;padding:2px 10px;margin-left:-10px}
#Navi li a:hover,#Navi li a:active,#Navi li a.on{color:#fff;background:#780e10}
#ContentLeft{float:left;margin-left:15px}
#ContentLeft li{list-style-type:none}
#ContentLeft li a.facebook img{background-image:url(img/facebook_off.jpg)}
#ContentLeft li a:hover.facebook img{background-image:url(img/facebook_on.jpg)}
#ContentLeft li a.twitter img{background-image:url(img/twitter_off.jpg)}
#ContentLeft li a:hover.twitter img{background-image:url(img/twitter_on.jpg)}
#ContentMiddle{float:left;margin-left:155px;width:510px}
#ContentMiddle dt{font-weight:bold}
#ContentMiddle table{font-size:75%}
#ContentMiddle td{vertical-align:top}
.input{width:300px;height:16px;background:#fff;border:1px solid #780e10;color:#333;padding:2px 4px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:88.9%;margin-bottom:10px}
.button{width:75px;height:25px;background-color:#780e10;color:#fff;border:none;margin-bottom:20px}
.error{color:#780e10 !important}
#ContentRight{float:right;top:100px;width:230px;padding-right:20px}
.infotxt{margin-top:56px;font-size:77.7%;text-transform:uppercase;color:#666}
.infotxt dt{font-weight:bold}
.infotxt dd{list-style:inside circle}
#Clear{clear:both}
#Footer{font-family:"Times New Roman",Times,serif;font-size:63.6%;text-transform:uppercase;padding:10px 0 5px 220px}
#Footer a:hover,#Footer a:active{text-decoration:underline}

» Show original CSS code

« Hide original CSS code

/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	font-size: 100%;
}
body, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
body {
	background: #fff url(img/hi.jpg);
	font-size: 100%;
	text-align: left;
	position: relative; 
	line-height: 1.3em;
	height: 100%;
	width: 100%;
}
a {
	color: #780e10;
	font-weight: normal;
	text-decoration: none;	
}
a:hover, a:active {

}
h1 {
	font-size: 75%;
	text-transform: uppercase;
	padding-bottom: 15px;
}
h2 {
	font-size: 75%;
}
h3 {
	font-size: 75%;
	text-transform: uppercase;
	color: #780e10;		
}
p, dl {
	font-size: 75%;
	padding-bottom: 15px;	
}
address {
	font-style:normal;
	font-size: 75%;
	margin-bottom: 20px;
}
#Page {
	position: relative;
	margin: 8px auto 0 auto;
	width: 990px;
}
#Wrapper {
	background: #f4f5ef url(img/bg-content.gif) repeat-y;
}
#Header {
	height: 120px;
	background: #f4f5ef url(img/bg-top.gif) repeat-x;
}
#Logo {
	margin: 20px 0 0 220px;
}
#ContentBox {
	height: 100%;
}
#Navi {
	padding: 25px 0 0 220px;
	line-height: 0;
	margin-bottom: 40px;
}
#Navi li {
	display:inline;
}
#Navi li a {
	color: #780e10;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 81.5%;
	padding: 2px 10px;
	margin-left: -10px;
}
#Navi li a:hover, #Navi li a:active, #Navi li a.on {
	color: #fff;
	background: #780e10;
}
#ContentLeft {
	float: left;
	margin-left: 15px;
}
#ContentLeft li {
	list-style-type: none;
}
#ContentLeft li a.facebook img {
	background-image: url(img/facebook_off.jpg);
}
#ContentLeft li a:hover.facebook img {
	background-image: url(img/facebook_on.jpg);
}
#ContentLeft li a.twitter img {
	background-image: url(img/twitter_off.jpg);
}
#ContentLeft li a:hover.twitter img {
	background-image: url(img/twitter_on.jpg);
}
#ContentMiddle {
	float: left;
	margin-left: 155px;
	width: 510px;
}
#ContentMiddle dt {
	font-weight: bold;
}
#ContentMiddle table {
	font-size:75%;
}
#ContentMiddle td {
	vertical-align:top;
}
.input {
	width: 300px;
	height: 16px;
	background: #fff;
	border: 1px solid #780e10;
	color: #333;
	padding: 2px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 88.9%;
	margin-bottom: 10px;
}
.button {
	width: 75px;
	height: 25px;
	background-color: #780e10;
	color: #fff;
/*	padding: 5px 10px; */
	border: none;
	margin-bottom: 20px;	
}
.error {
	color: #780e10 !important;
}
#ContentRight {
	float: right;
	top: 100px;
	width: 230px;
	padding-right: 20px;
}
.infotxt {
	margin-top: 56px;
	font-size: 77.7%;
	text-transform: uppercase;
	color:#666;
}
.infotxt dt {
	font-weight: bold;
}
.infotxt dd {
	list-style: inside circle;
}
#Clear {
	clear: both;
}
#Footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 63.6%;
	text-transform: uppercase;
	padding: 10px 0 5px 220px;
}
#Footer a:hover, #Footer a:active {
	text-decoration: underline;
}