Results of the CSS crunched for cashback24.de

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

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

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

Crunched CSS code:

*{margin:0;padding:0}
body{background-color:#FFFFFF;color:#868782;font-family:Arial,Verdana,Sans-Serif;font-size:12px}
fieldset{border:0}
ul{margin:0 0 10px 30px}
p{margin-bottom:10px}
a{color:#105f97;text-decoration:none}
a:hover{text-decoration:underline}
a img{border:0}
h1,h2,h3,h4,h5,h6{color:#0f5f9a;background-color:inherit;margin-bottom:10px}
h1{font-size:20px}
h2{font-size:16px}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:10px}
h6{font-size:8px}
input{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px}
input.text{border:1px solid #abadb3;height:18px;color:#105f9a;background-color:#ffffff}
input.submit{border:1px solid #abadb3;padding:1px 2px 1px 2px}
#container{margin:0 auto 10px auto;width:980px}
.bar{background:#e2e2e2 url(../images/barbg.gif) repeat-x;height:33px;color:#105386;float:left;width:100%}
.bar ul{list-style-type:none;margin:0}
.bar li{height:33px;float:left;padding:0 10px 0 10px}
.bar li .lastitem{height:33px;float:left;padding:10px 10px 0 10px}
.bar li p{margin-top:10px}
.bar span{font-weight:bold}
.bar .left{background:transparent url(../images/barleft.gif) no-repeat left;float:left;height:33px}
.bar .right{background:transparent url(../images/barright.gif) no-repeat right;height:33px;float:right}
#head{margin:10px 0 15px 0;height:105px}
#head #logo{float:left;margin-bottom:10px}
#head #headRight{text-align:right}
#head #headRight ul li{display:inline}
#head #headRight #slogan{margin-top:20px}
#head a{color:#564B47;font-size:11px;background-color:#ffffff;text-decoration:none}
#head a:hover{text-decoration:underline}
#head .bar{color:#000000;background-color:#e2e2e2}
#head .bar span{color:#105386;background-color:inherit}
#head .bar li{background:transparent url(../images/barspacer.gif) no-repeat right}
#head .bar li.lastitem{background:transparent}
#left{float:left;width:200px}
#left a{font-size:13px;text-decoration:none;color:#00387d;background-color:inherit}
#left a:hover{text-decoration:underline}
#left h3{background:#105f9a url(../images/boxhead.gif) no-repeat;height:19px;color:#FFFFFF;padding:5px 0 0 5px;width:180px;font-weight:lighter;margin:0}
#left h3 span{font-weight:bold}
#left .box{width:175px;padding:10px;margin-bottom:20px}
#left #top10{background-color:#ecf2f7;color:#00387d;width:165px}
#left #top10 ul{list-style-type:none;margin:0}
#left #search{background-color:#cfdfeb;width:165px;color:#00387d}
#left ul#shops{list-style-type:none;margin:0}
#left ul#shops li{height:15px;background:url(../images/navspacer.gif) no-repeat bottom;margin-bottom:3px;padding-bottom:3px}
#left #login{height:170px;background:url(../images/boxloginbg.gif) no-repeat}
#left #login a{font-size:10px}
#left #login input{margin-bottom:5px}
#left #login #username{width:160px}
#left #login #password{width:160px}
#left #login #submit{margin-bottom:10px}
#left #login .right{text-align:right;width:165px;padding-right:10px}
#left #login .content{padding:5px 0 0 5px}
#left #logout{height:90px;background:url(../images/boxlogoutbg.gif) no-repeat;margin-bottom:20px}
#left #logout span{font-weight:bold}
#left #logout a{font-size:10px}
#left #logout input{margin-bottom:5px}
#left #logout #submit{margin-bottom:10px}
#left #logout .right{text-align:right;width:165px;padding-right:10px}
#left #logout .boxcontent{padding:5px 0 0 5px}
#content{min-height:600px;float:left;width:500px}
#content #start{background:#8c261a url(../images/start.jpg) no-repeat;height:191px;width:385px;margin-bottom:15px;padding:75px 0 0 394px;color:#ffffff}
#content #start .errors{color:#ffcc00;font-weight:bold;margin-left:15px}
#content textarea#exception{width:800px;height:400px}
#shoplist{margin-left:80px}
#shoplist .shop{width:600px;margin-bottom:20px;background:#f5f5f5}
#shoplist .shop h2{background-color:#dedede;background-image:url(../images/shoptop.gif);height:23px;color:#105386;padding:2px 0 0 10px;margin:0}
#shoplist .shop div.content{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;height:120px;padding:10px 0 0 10px}
#shoplist .shop img.logo{float:left;border:2px solid #c0c0c0;opacity:0.9;filter:alpha(opacity=90)}
#shoplist .shop img.logo:hover{opacity:1.0;filter:alpha(opacity=100)}
#shoplist .shop p{margin-left:160px}
#shoplist .shop ul.bottomline{list-style-type:none;margin:0 0 0 160px}
#shoplist .shop ul.bottomline li{display:inline;margin-right:50px}
#right{width:200px;float:right}
#footer{height:30px;background-color:#f0f0f0;color:#676767;clear:both;text-align:center;font-size:11px}
#footer a{color:#676767;text-decoration:none;background-color:#f0f0f0}
#footer a:hover{text-decoration:underline}
#footer ul{padding-top:10px}
#footer ul li{display:inline;margin-left:20px}

» Show original CSS code

« Hide original CSS code

/**
* Caba Stylesheet
*
* Use valid CSS level 2.1 only!
*
* Tested with:
* - Firefox 2.0.0.16 (WIN)
* - Firefox 3.0.1 (WIN)
* - Opera 9.51 (WIN)
* - Internet Explorer 7.0 (WIN)
*
* @todo Check for IE6 compatibility
* @package Caba
* @author Kai Watermann
* @since 2008-08-04
* @version $Id: screen.css 161 2008-09-11 11:17:56Z nsenoucci $
*/

/*******************************************************************************
 * GENERAL
 ******************************************************************************/

* { margin: 0; padding: 0; }

body { background-color: #FFFFFF; color: #868782; font-family: Arial, Verdana,Sans-Serif; font-size: 12px; }

fieldset { border: 0; }

ul { margin: 0 0 10px 30px; }

p { margin-bottom: 10px; }

a { color: #105f97; text-decoration: none; }
a:hover { text-decoration: underline; }
a img {	border: 0; }

h1, h2, h3, h4, h5, h6 { color: #0f5f9a; background-color: inherit; margin-bottom: 10px; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }

input { font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 12px; }
input.text { border: 1px solid #abadb3; height: 18px; color: #105f9a; background-color: #ffffff; }
input.submit {	border: 1px solid #abadb3; padding: 1px 2px 1px 2px; }

#container { margin: 0 auto 10px auto; width: 980px; }

.bar { background: #e2e2e2 url(../images/barbg.gif) repeat-x; height: 33px; color: #105386; float: left; width:100%; }

.bar ul { list-style-type: none; margin: 0; }
.bar li { height: 33px; float: left; padding: 0 10px 0 10px; }
.bar li .lastitem { height: 33px; float: left; padding: 10px 10px 0 10px; }
.bar li p { margin-top: 10px; }

.bar span { font-weight: bold; }

.bar .left { background: transparent url(../images/barleft.gif) no-repeat left; float: left; height: 33px; }
.bar .right { background: transparent url(../images/barright.gif) no-repeat right; height: 33px; float: right; }

/*******************************************************************************
 * HEAD
 ******************************************************************************/

#head {	margin: 10px 0 15px 0; height: 105px; }

#head #logo { float: left; margin-bottom: 10px; }

#head #headRight { text-align: right; }
#head #headRight ul li { display: inline; }
#head #headRight #slogan { margin-top: 20px; }

#head a { color: #564B47; font-size: 11px; background-color: #ffffff; text-decoration: none; }
#head a:hover { text-decoration: underline; }

#head .bar { color: #000000; background-color: #e2e2e2; }
#head .bar span { color: #105386; background-color: inherit; }
#head .bar li { background: transparent url(../images/barspacer.gif) no-repeat right; }
#head .bar li.lastitem { background: transparent; }

/*******************************************************************************
 * LEFT
 ******************************************************************************/

#left {	float: left; width: 200px; }

#left a { font-size: 13px; text-decoration: none; color: #00387d; background-color: inherit; }
#left a:hover { text-decoration: underline; }

#left h3 { background: #105f9a url(../images/boxhead.gif) no-repeat; height: 19px; color: #FFFFFF; padding: 5px 0 0 5px; width: 180px; font-weight: lighter; margin: 0; }
#left h3 span { font-weight: bold; }

#left .box { width: 175px; padding: 10px; margin-bottom: 20px; }

#left #top10 { background-color: #ecf2f7; color: #00387d; width: 165px; }
#left #top10 ul { list-style-type: none; margin: 0; }
#left #search { background-color: #cfdfeb; width: 165px; color: #00387d; }
#left ul#shops { list-style-type: none; margin: 0; }
#left ul#shops li { height: 15px; background: url(../images/navspacer.gif) no-repeat bottom; margin-bottom: 3px; padding-bottom: 3px;}

#left #login { height: 170px; background: url(../images/boxloginbg.gif) no-repeat; }
#left #login a { font-size: 10px; }
#left #login input { margin-bottom: 5px; }
#left #login #username { width: 160px; }
#left #login #password { width: 160px; }
#left #login #submit { margin-bottom: 10px; }
#left #login .right { text-align: right; width: 165px; padding-right: 10px; }
#left #login .content { padding: 5px 0 0 5px; }

#left #logout { height: 90px; background: url(../images/boxlogoutbg.gif) no-repeat; margin-bottom: 20px; }
#left #logout span { font-weight: bold; }
#left #logout a { font-size: 10px; }
#left #logout input { margin-bottom: 5px; }
#left #logout #submit { margin-bottom: 10px; }
#left #logout .right { text-align: right; width: 165px; padding-right: 10px; }
#left #logout .boxcontent { padding: 5px 0 0 5px; }

/*******************************************************************************
 * CONTENT
 ******************************************************************************/

#content { min-height: 600px; float: left; width: 500px }
#content #start { background: #8c261a url(../images/start.jpg) no-repeat; height: 191px; width: 385px; margin-bottom: 15px; padding: 75px 0 0 394px; color: #ffffff; }
#content #start .errors { color: #ffcc00; font-weight: bold; margin-left: 15px;}
#content textarea#exception { width: 800px; height: 400px; }

#shoplist { margin-left: 80px; }
#shoplist .shop { width: 600px; margin-bottom: 20px; background: #f5f5f5; }
#shoplist .shop h2 { background-color: #dedede; background-image: url(../images/shoptop.gif); height: 23px; color: #105386; padding: 2px 0 0 10px;margin:0; }
#shoplist .shop div.content { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; height: 120px; padding: 10px 0 0 10px; }
#shoplist .shop img.logo { float: left; border: 2px solid #c0c0c0; opacity: 0.9; filter:alpha(opacity=90) }
#shoplist .shop img.logo:hover { opacity: 1.0; filter:alpha(opacity=100) }
#shoplist .shop p { margin-left: 160px; }
#shoplist .shop ul.bottomline { list-style-type: none; margin: 0 0 0 160px; }
#shoplist .shop ul.bottomline li { display: inline; margin-right: 50px; }

/*******************************************************************************
 * LEFT
 ******************************************************************************/

#right { width: 200px; float: right; }

/*******************************************************************************
 * FOOTER
 ******************************************************************************/

#footer { height: 30px; background-color: #f0f0f0; color: #676767; clear: both; text-align: center; font-size: 11px; }

#footer a { color: #676767; text-decoration: none; background-color: #f0f0f0; }
#footer a:hover { text-decoration: underline; }

#footer ul { padding-top: 10px; }
#footer ul li { display: inline; margin-left: 20px; }

Some information about this website:

URL: http://cashback24.de/
CSS URL: http://cashback24.de/styles/screen.css
Charset: utf-8
Title: Cashback