Results of the CSS crunched for www.lemkewebdesign.de

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

CSSCruncher.com has crunched this CSS to
9.48 %Less Size! Yes!

Crunched CSS code:

body{margin:0;padding:0;background-color:#000;background-image:url('../images/background.jpg');background-repeat:repeat-x;background-position:left top;color:#FFF;font-size:0.7em;font-style:normal;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none}
#container{color:#000;background-color:transparent;width:990px;font-size:1em;line-height:1.6em;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:0}
#header{margin:0;padding:0;background-image:url('../images/damm.jpg');background-repeat:no-repeat;width:990px}
div.firmenname{margin:0;padding:20px 0 0 0;width:400px;height:200px;font-style:italic;font-size:120.01%;color:#3399FF;background-color:transparent;float:left}
a.firmenname,a:hover.firmenname,a:visited.firmenname,a:focus.firmenname,a:active.firmenname{color:#663300}
div.firmenlogo{margin:0;padding:0;width:250px;height:60px;float:right}
#inhalt{color:#000;background-color:#FFF;margin:0;padding:0}
#inhalt-content{background-color:#FFF;color:#000;margin:20px 0 20px 0;padding:0 20px 0 0;width:650px;float:left;min-height:232px}
#boxen{background-image:url('../images/erdkugel.jpg');background-repeat:no-repeat;background-position:20px 90%;color:#000;background-color:#FFF;margin:20px 0 20px 10px;padding:0 20px 0 10px;width:250px;border-left:2px dotted #CCCCCC;border-bottom:2px dotted #CCCCCC;min-height:420px;float:right}
#boxen strong{color:#330000}
#boxen a:link{color:#000;background-color:transparent;text-decoration:underline}
#boxen a:hover{color:#6699FF;background-color:transparent;text-decoration:none}
#boxen a:visited{color:#666666;background-color:transparent;text-decoration:none}
ul#Navigation{margin:0 auto 0 auto;padding:0;text-align:center}
ul#Navigation li{list-style:none;float:left;margin:0;padding:0;position:relative;width:165px}
ul#Navigation a{color:#FFFFFF;background-color:#000;display:block;padding:3px 0 3px 0;text-decoration:none}
ul#Navigation a:hover,ul#Navigation a:focus,ul#Navigation a:active{background-color:#330000;color:#FFF;padding:3px 0 3px 0}
#Footer{margin:0;padding:2px 0 2px 0;border-top:1px solid #4682B4;font-size:0.95em;text-align:center;color:#FFFFCC;height:40px}
#Footer ul{margin:0;padding:0;list-style-type:none;text-align:center}
#Footer ul li{display:inline;padding:2px 5px}
#Footerul li a,#footerlist li a:visited{color:#FFFFCC;text-decoration:none}
#Footerul li a:hover,#footerlist li a:focus,#footerlist li a:active{color:#FFFFCC;text-decoration:underline}
strong{color:#003366;background-color:transparent;font-weight:500}
p{margin:10px 0 20px 10px;padding:0}
div.center{text-align:center}
.clearer{clear:both;font-size:0.1em;line-height:1px;display:block;height:0px}
hr{border-top:solid 1px #000;width:100%;height:1px;text-align:left;margin:10px 0 10px 10px}
a:link{color:#006600;background-color:transparent;text-decoration:underline}
a:visited{color:#000033;background-color:transparent;text-decoration:underline}
a:active{color:#000099;background-color:transparent;text-decoration:none}
a:hover{color:#6699FF;background-color:transparent;text-decoration:none}
a:focus{color:blue;background-color:transparent;text-decoration:underline}
.img{border:0}
h1{font-size:130.01%;font-weight:500;padding:0;margin:0 0 0 10px;color:#02689b;background-color:transparent}
h2{font-size:130.01%;font-weight:500;padding:0;margin:0 0 0 10px;color:#02689b;background-color:transparent}
h2.top{margin:20px 0 0 10px;font-size:130.01%;font-weight:500;padding:0;color:#02689b;background-color:transparent}
h3{margin-top:15px;margin-left:20px;padding:0;font-size:110.01%;font-weight:500;color:#02689b;background-color:transparent}
form.suche{margin:20px 0 10px 10px}
label{cursor:pointer}
input.suche{border:1px solid #e0e0e0;background:white;color:#02548e;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;width:100px}
input:hover.suche,input:focus.suche{border:1px solid #990000}
.suchbutton{color:#FFFFFF;background-color:#4682B4;border:1px solid #3f3f3f;cursor:pointer;width:4em;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em}
.suchbutton:hover,.suchbutton:focus{background:#990000;border:1px solid #3f3f3f;color:white;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em}
div.bestellbutton{margin:0 0 0 10px;padding:0;width:14em;float:left}
div.bestellpreis{margin:0 0 0 10px;padding:1px;width:40%;float:left;font-size:1.2em;font-weight:bold;color:#FFF;background-color:#660000;text-align:center}
.button{color:#FFFFFF;background-color:#4682B4;border:1px solid #3f3f3f;cursor:pointer;width:10em}
.button:hover,.button:focus{background:#990000;border:1px solid #3f3f3f;color:white}

» Show original CSS code

« Hide original CSS code

body {
margin:0;padding:0;
background-color: #000;
background-image:url('../images/background.jpg'); background-repeat: repeat-x;
background-position:left top;
color:#FFF;
font-size: 0.7em;
font-style:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#container {
color:#000;
background-color:transparent;
width: 990px;
font-size:1em;
line-height:1.6em;
margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto;
padding:0;
}
#header {
margin:0; padding:0;
background-image:url('../images/damm.jpg'); background-repeat: no-repeat;
width: 990px;
}
div.firmenname {
margin:0; padding:20px 0 0 0;
width:400px; height:200px;
font-style:italic; font-size:120.01%;
color:#3399FF;
background-color:transparent;
float:left;
}
a.firmenname , a:hover.firmenname, a:visited.firmenname , a:focus.firmenname , a:active.firmenname {
color: #663300;
}
div.firmenlogo {
margin:0; padding:0;
width:250px; height:60px;
float:right;
}
#inhalt {
color:#000;
background-color:#FFF;
margin:0; padding:0;
}
#inhalt-content {
background-color:#FFF;
color:#000;
margin:20px 0 20px 0;padding:0 20px 0 0;
width:650px;
float:left;
min-height: 232px;
}
#boxen {
background-image:url('../images/erdkugel.jpg'); background-repeat: no-repeat; background-position:20px 90%;
color:#000;
background-color:#FFF;
margin:20px 0 20px 10px;
padding:0 20px 0 10px;
width:250px;
border-left: 2px dotted #CCCCCC;
border-bottom: 2px dotted #CCCCCC;
min-height: 420px;
float:right;
}
#boxen strong {
color: #330000;
}
#boxen a:link {
color: #000;
background-color:transparent;
text-decoration:underline;
}
#boxen a:hover {
color: #6699FF;
background-color:transparent;
text-decoration:none;
}
#boxen a:visited {
color: #666666;
background-color:transparent;
text-decoration:none;
}
ul#Navigation {
margin:0 auto 0 auto; padding:0;
text-align: center;
}
ul#Navigation li {
list-style: none;
float:left;
margin:0; padding: 0;
position: relative;
width:165px;
}
ul#Navigation a {
color: #FFFFFF;
background-color:#000;
display: block;
padding: 3px 0 3px 0;
text-decoration: none;
}
ul#Navigation a:hover , ul#Navigation a:focus , ul#Navigation a:active {
background-color: #330000;
color:#FFF;
padding: 3px 0 3px 0;
}
#Footer {
margin:0;
padding:2px 0 2px 0;
border-top:1px solid #4682B4;
font-size:0.95em;
text-align:center;
color: #FFFFCC; 
height: 40px;
}
#Footer ul { 
margin:0; 
padding:0; 
list-style-type:none; 
text-align:center; 
}
#Footer ul li {
display:inline; 
padding:2px 5px; 
}
#Footerul li a, #footerlist li a:visited { 
color:#FFFFCC; 
text-decoration:none; 
} 
#Footerul li a:hover , #footerlist li a:focus , #footerlist li a:active { 
color: #FFFFCC; 
text-decoration:underline; 
}
strong {
color: #003366;
background-color:transparent;
font-weight: 500;
}
p {
margin:10px 0 20px 10px;padding:0;
}
div.center {
text-align:center;
}
.clearer {
clear:both;
font-size:0.1em;
line-height:1px;
display:block;
height:0px;
}
hr {
border-top:solid 1px #000;
width:100%;
height:1px;
text-align:left;
margin:10px 0 10px 10px;
}
a:link {
color:#006600;
background-color:transparent;
text-decoration:underline;
}
a:visited {
color: #000033;
background-color:transparent;
text-decoration:underline;
}
a:active {
color: #000099;
background-color:transparent;
text-decoration:none;
}
a:hover {
color: #6699FF;
background-color:transparent;
text-decoration:none;
}
a:focus {
color:blue;
background-color:transparent;
text-decoration:underline;
}
.img {
border:0;
}
h1 {
font-size: 130.01%; font-weight:500;
padding:0;margin:0 0 0 10px;
color: #02689b;
background-color:transparent;
}
h2 {
font-size:130.01%; font-weight:500;
padding:0;margin:0 0 0 10px;
color:#02689b;
background-color:transparent;
}
h2.top {
margin:20px 0 0 10px;
font-size:130.01%; font-weight:500;
padding:0;
color:#02689b;
background-color:transparent;
}
h3 {
margin-top:15px;
margin-left:20px;
padding:0;
font-size:110.01%; font-weight:500;
color:#02689b;
background-color:transparent;
}
form.suche {
margin: 20px 0 10px 10px;
}
label {
cursor: pointer; 
}
input.suche { 
border: 1px solid #e0e0e0; 
background: white; 
color: #02548e; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em; 
width: 100px; 
}
input:hover.suche, input:focus.suche { 
border: 1px solid #990000; 
} 
.suchbutton { 
color: #FFFFFF;
background-color:#4682B4;
border: 1px solid #3f3f3f; 
cursor: pointer; 
width: 4em; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em; 
} 
.suchbutton:hover, .suchbutton:focus { 
background: #990000; 
border: 1px solid #3f3f3f; 
color: white; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1em; 
}
div.bestellbutton {
margin:0 0 0 10px;
padding:0;
width:14em;
float:left;
}
div.bestellpreis {
margin:0 0 0 10px;
padding:1px;
width:40%;
float:left;
font-size:1.2em;
font-weight:bold;
color:#FFF;
background-color:#660000;
text-align:center;
}
.button { 
color: #FFFFFF;
background-color:#4682B4;
border: 1px solid #3f3f3f; 
cursor: pointer; 
width: 10em; 
} 
.button:hover, .button:focus { 
background: #990000; 
border: 1px solid #3f3f3f; 
color: white; 
}