Results of the CSS crunched for www.rucksack-center.de

Let's see what we've done for www.rucksack-center.de

CSSCruncher.com has crunched this CSS to
22.12 %Less Size! That's Incredible!

Crunched CSS code:

html,body{padding:0;margin:0;height:100%}
body{font-family:Verdana,sans-serif;font-size:12px;color:#000;background-color:#fff;background-image:url( /img/hintergrund/bg2.gif )}
a{background-color:transparent;color:#000;font-weight:bold;text-decoration:none}
a:hover{background-color:transparent;color:#000;text-decoration:none}
a:focus{outline:none}
h1{background-image:url( /img/content/top.gif );height:32px;font-size:12px;padding-top:12px;padding-left:14px;font-weight:bold;margin:0;background-color:transparent;color:#ffffff;width:610px}
h2{margin:0px 0px 10px 0px;padding-top:20px;padding-bottom:5px;font-size:12px;border-bottom:2px dotted #000000;text-align:left}
h3{margin:14px 0px 20px 0px;font:8pt verdana;color:#000000;line-height:20px;text-align:left}
h4{background-image:url( /img/content/top.gif );height:32px;font-size:12px;padding-top:12px;padding-left:14px;font-weight:bold;margin:0;background-color:transparent;color:#ffffff;width:620px}
h5{font-size:12px;font-weight:normal;margin:0}
h6{font-size:10px;font-weight:bold;margin:0}
img{border:0}
p{padding:0;margin:0}
.clear{clear:both}
#outer{background-image:url( /img/hintergrund/bg1.gif );background-repeat:repeat-x;width:100%;height:100%}
#inner{margin:0 auto;width:858px;min-height:100%;background-color:#E8DED0;background-image:url( /img/hintergrund/bg3.gif );border-left:4px solid #fff;border-right:4px solid #fff}
#innervorteil{margin:0 auto;min-height:100%}
* html #inner{height:100%}
#header{width:858px;height:99px}
#head1{width:624px;height:99px;float:left;background-image:url( /img/shopheader/head1.gif )}
#head2{width:204px;height:99px;float:left;background-image:url( /img/shopheader/head3.gif )}
html > body #head2{padding-left:10px}
#head3{width:214px;height:79px;background-image:url( /img/shopheader/head3.gif )}
#head4{width:20px;height:99px;float:left;background-image:url( /img/shopheader/head4.gif )}
#navi{height:41px;background-color:#343434}
#navi a{float:left;margin-top:11px}
#content{padding-top:10px;padding-left:230px;padding-bottom:20px;text-align:justify}
html>body #content{padding-right:220px}
#contentbereich{background-color:transparent;background-image:url( /img/content/bg.gif );width:604px;padding:10px;text-align:justify}
#contentbereich_section{background-color:transparent;background-image:url( /img/content/bg.gif );width:604px;padding:10px;text-align:justify}
#pages{font-size:8pt}
#pages a{color:#000000;font-size:8pt;font-weight:normal;text-decoration:underline}
#pages a:hover{color:#000000;font-size:8pt;text-decoration:none}
#contentbereich2{background-color:transparent;background-image:url( /img/content/bg.gif );padding-left:10px;width:620px;text-align:justify}
#contentbereich_popup{background-color:transparent;width:397px;padding-left:10px;padding-right:10px;text-align:left;color:#000000;font-size:11px;line-height:14pt}
html>body #contentbereich{padding-bottom:30px}
#contentbereichTOP{background-image:url( /img/content/top.gif );width:610px;height:32px;padding-top:14px;padding-left:14px;font-weight:bold;background-color:transparent;color:#fff}
#contentbereichTOP a{color:#ffffff;font-size:8pt;font-weight:normal;text-decoration:underline}
#contentbereichTOP a:hover{color:#ffffff;font-size:8pt;text-decoration:none}
#contentbereichEND{background-image:url( /img/content/end.gif );width:624px;height:16px}
#contentbereichENDw{background-image:url( /img/content/abschluss_weiss.gif );width:624px;height:16px}
#rightnavi{float:left;width:220px;margin-bottom:50px}
#rightnavi p{margin-left:14px;margin-right:14px;text-align:justify}
#rightnavi a{background-color:transparent;color:#000;font-weight:bold;text-decoration:none}
#rightnavi a:hover{text-decoration:underline}
#footer{font-size:10px;font-weight:bold;color:#fff;background-color:#000;height:30px;margin:0 auto;width:858px;padding-top:16px;text-align:center;padding-right:10px;background-image:url( /img/main/footer.gif )}
#footer_preise{font-size:10px;font-weight:normal;width:520px;color:#000000;margin-left:40px;margin-right:40px;margin-top:10px;margin-bottom:10px;text-align:center}
#footer_preise a{font-weight:normal;text-decoration:none}
#footer a,#footer a:hover{color:#fff;background-color:transparent}
#subtitel{font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-align:left;color:#000000}
#article p{margin-bottom:15px}
form{display:inline}
.inputfull,.inputbig,.inputnormal,.inputsubnormal,.inputsmall,.inputsubsmall,.inputmini2,.inputmini,.inputsub,.inputsub2,.inputhalf{font-size:11px;font-family:Tahoma,Arial,Helvetica,Sans-Serif;border:1px solid #DFDFDD}
.inputfull{width:380px}
.inputbig{width:280px}
.inputnormal{width:280px}
.inputsubnormal{width:240px}
.inputhalf{width:200px}
.inputsmall{width:184px}
.inputsubsmall{width:150px}
.inputmini2{width:100px}
.inputmini{width:80px}
.inputsub2{width:40px}
.inputsub{width:25px}
.inputsubmit{font-size:11px;font-family:Tahoma,Arial,Helvetica,Sans-Serif;color:#000000;text-decoration:underline;border-color:#C8C8BF;border-width:1px;background-image:url(custom/button_dark.gif);background-repeat:repeat;height:24px}
.inputsubmit2{font-size:11px;font-family:Tahoma,Arial,Helvetica,Sans-Serif;color:#000000;text-decoration:underline;border-color:#C8C8BF;border-width:1px;background-image:url(custom/button_bright.gif);background-repeat:repeat;height:24px}
.inputsubmit3{font-size:1px;font-family:Tahoma,Arial,Helvetica,Sans-Serif;color:#000000;text-decoration:underline;cursor:pointer;border-color:#C8C8BF;border-width:0px}
.inputsubmit4{font-size:1px;font-family:Tahoma,Arial,Helvetica,Sans-Serif;color:#000000;text-decoration:underline;border-color:#C8C8BF;border-width:0px}
.tab{border:0;padding:4px;border-collapse:collapse}
.tab_head strong{margin-left:0.1cm;font-family:Verdana,sans-serif;font-size:12px;color:#fff}
.tab_head{background-color:#369;padding:10px;width:90px}
.tab_detail strong{font-weight:400;font-family:Verdana,sans-serif;font-size:12px;color:#000;line-height:14px}
.tab_detail{margin-top:1px;margin-bottom:1px;background-color:#547CE0;padding:5px}
.c_detail{background-color:#CBC2B6}
.c_main{background-color:#CBC2B6}
.c_head{background-color:#CBC2B6}
.tab_image{background-color:#fff;text-align:center;padding:10px 0 10px 0}
.tab_image img{border:0}
.tab_head_next strong{margin-left:0.1cm;font-family:Verdana,sans-serif;font-size:12px;color:#000;line-height:40px}
.tab_head_next{background-color:#369}
.vorteillink{margin-top:10px;font-weight:normal;font-size:9pt;color:#000000}
.vorteillink:hover{color:#708600}
.vorteilclose{margin-top:10px;font-weight:normal;font-size:9pt;color:#ffffff}
.vorteilclose:hover{color:#ffffff}
.xxbug img{width:50px}
.xxbug2 img{width:60px}
.details_rechts img{width:80px}
p.navigation_locator{font-size:10px;font-family:Verdana,sans-serif;text-align:left;margin:-13px 0px 10px 8px}
.vorteil{font-family:Verdana,sans-serif;font-size:11px;margin-right:60px;margin-left:40px;margin-bottom:20px;text-align:left;line-height:12pt}
#kurzbeschreibung{margin:14px 0px 20px 0px;font:8pt verdana;color:#000000;line-height:20px;text-align:left}
#lange_beschreibung{text-align:left;font-size:8pt;line-height:14pt;margin-bottom:20px}
#product_details{text-align:left;font-size:8pt;line-height:14pt;margin-bottom:20px}
#headliner{color:#8b9a3a;font-size:9pt;font-weight:bold}
#colour-choice{color:#8b9a3a;font-size:9pt;font-weight:bold;margin-top:30px}
#newsletter{display:block;width:233px;height:99px;background-image:url( /img/shopheader/header_sommer08.gif );float:left}
#warenkorb{font-size:11px;margin-top:10px;margin-left:17px}
.caption{color:#59670f;font-weight:bold;padding-left:14px}

» Show original CSS code

« Hide original CSS code

html, body
{
  padding:0;
  margin:0;

height: 100%;
}

body 
{
  font-family:  Verdana,sans-serif;
  font-size:12px;

color: #000;
  background-color: #fff;
  background-image: url( /img/hintergrund/bg2.gif );
}

a
{
  background-color: transparent;
  color: #000;

font-weight: bold;  
  text-decoration: none;
}

a:hover
{
  background-color: transparent;
  color: #000;

text-decoration: none;
}

a:focus { 
  outline: none; 
}

h1
{
  background-image:url( /img/content/top.gif );
  height: 32px;
  font-size: 12px;
  padding-top: 12px;
  padding-left: 14px;
  font-weight: bold;
  margin: 0;
  background-color: transparent;
  color: #ffffff;
  width: 610px;
}

h2
{
  margin: 0px 0px 10px 0px; 
  padding-top: 20px;
  padding-bottom: 5px; 
  font-size: 12px; 
  border-bottom: 2px dotted #000000;
  text-align: left;
}

h3
{
  margin: 14px 0px 20px 0px;   
  font: 8pt verdana;
  color: #000000; 
  line-height: 20px; 
  text-align: left;
}

h4
{
  background-image:url( /img/content/top.gif );
  height: 32px;
  font-size: 12px;
  padding-top: 12px;
  padding-left: 14px;
  font-weight: bold;
  margin: 0;
  background-color: transparent;
  color: #ffffff;
  width: 620px;
}

h5
{
  font-size: 12px; 
  font-weight: normal;
  margin: 0;
}

h6
{
  font-size: 10px; 
  font-weight: bold;
  margin: 0;
}

img
{
  border: 0;
}

p
{
  padding:0;
  margin: 0;
}

.clear
{
  clear: both;
}

#outer
{
  background-image: url( /img/hintergrund/bg1.gif );
  background-repeat: repeat-x;
  
  width: 100%;
  height: 100%;
}

#inner
{
  margin: 0 auto;
  width: 858px;
  min-height: 100%;
  background-color: #E8DED0;
  background-image: url( /img/hintergrund/bg3.gif );
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
}
#innervorteil
{
  margin: 0 auto;
  min-height: 100%;
}

* html #inner { height:100%; }

#header
{
  width: 858px;
  height: 99px;
}

#head1
{
  width: 624px;
  height: 99px;
  float: left;
  background-image: url( /img/shopheader/head1.gif );
}

#head2
{
  width: 204px;
  height: 99px;
  float: left;
  background-image: url( /img/shopheader/head3.gif );
}

html > body #head2 { padding-left: 10px; }

#head3
{
  width: 214px;
  height: 79px;
  background-image: url( /img/shopheader/head3.gif );
}

#head4
{
  width: 20px;
  height: 99px;
  float: left;
  background-image: url( /img/shopheader/head4.gif );
}

#navi
{
  height: 41px;
  background-color: #343434;
}

#navi a
{
  float:left;
  margin-top: 11px;
}

#content
{
  padding-top: 10px;
  padding-left: 230px;
  padding-bottom: 20px;
  text-align: justify;
}

html>body #content { padding-right: 220px; }

#contentbereich
{
  background-color: transparent;
  background-image: url( /img/content/bg.gif );
  width: 604px;
  padding: 10px;
  text-align: justify;
}
#contentbereich_section
{
  background-color: transparent;
  background-image: url( /img/content/bg.gif );
  width: 604px;
  padding: 10px;
  text-align: justify;
}
#pages
{
  font-size: 8pt;
}
#pages a
{
  color: #000000; 
  font-size:8pt; 
  font-weight: normal;
  text-decoration: underline;
}

#pages a:hover
{
  color: #000000; 
  font-size:8pt;
  text-decoration: none;
}

#contentbereich2
{
  background-color: transparent;
  background-image: url( /img/content/bg.gif );
  padding-left: 10px;
  width: 620px;
  text-align: justify;
}

#contentbereich_popup
{
  background-color: transparent;
  width: 397px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  color: #000000;
  font-size: 11px;
  line-height:14pt;  
}
html>body #contentbereich { padding-bottom:30px; }

#contentbereichTOP
{
  background-image:url( /img/content/top.gif );
  width: 610px;
  height: 32px;
  padding-top: 14px;
  padding-left: 14px;
  font-weight: bold;
  background-color: transparent;
  color: #fff;
}

#contentbereichTOP a
{
  color: #ffffff; 
  font-size:8pt; 
  font-weight: normal;
  text-decoration: underline;
}

#contentbereichTOP a:hover
{
  color: #ffffff; 
  font-size:8pt;
  text-decoration: none;
}

#contentbereichEND
{
  background-image:url( /img/content/end.gif );
  width: 624px;
  height: 16px;
}

#contentbereichENDw
{
  background-image:url( /img/content/abschluss_weiss.gif );
  width: 624px;
  height: 16px;
}

#rightnavi
{
  float: left;
  width: 220px;
  margin-bottom: 50px;
}

#rightnavi p
{
  margin-left: 14px;
  margin-right: 14px;
  text-align: justify;
}

#rightnavi a
{
  background-color: transparent;
  color: #000;

font-weight: bold;  
  text-decoration: none;
}

#rightnavi a:hover
{
  text-decoration: underline;
}

#footer	
{
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  height: 30px;
  margin: 0 auto;
  width: 858px;
  padding-top: 16px;
  text-align: center;
  padding-right: 10px;
  background-image: url( /img/main/footer.gif );
}
#footer_preise	
{
  font-size: 10px;
  font-weight: normal;
  width: 520px;
  color: #000000;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
#footer_preise a{
  font-weight: normal;
  text-decoration: none;
}
#footer a, #footer a:hover
{
  color: #fff;
  background-color: transparent;
}

#subtitel	
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

#article p
{
	margin-bottom: 15px;
}

form {
	display:inline;
}

.inputfull, .inputbig, .inputnormal, .inputsubnormal, .inputsmall, .inputsubsmall, .inputmini2, .inputmini, .inputsub, .inputsub2, .inputhalf {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	border: 1px solid #DFDFDD;
}

.inputfull { width: 380px; }
.inputbig { width: 280px; }
.inputnormal { width: 280px; }
.inputsubnormal { width: 240px; }
.inputhalf { width: 200px; }
.inputsmall { width: 184px; }
.inputsubsmall { width: 150px; }
.inputmini2 { width: 100px; }
.inputmini { width: 80px; }
.inputsub2 { width: 40px; }
.inputsub { width: 25px; }

.inputsubmit {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000000;
	text-decoration: underline;
	
	border-color: #C8C8BF;
	border-width: 1px;
	background-image: url(custom/button_dark.gif);
	background-repeat: repeat;
	height: 24px;
}

.inputsubmit2 {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000000;
	text-decoration: underline;
	
	border-color: #C8C8BF;
	border-width: 1px;
	background-image: url(custom/button_bright.gif);
	background-repeat: repeat;
	height: 24px;
}
.inputsubmit3 {
	font-size: 1px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
	border-color: #C8C8BF;
	border-width: 0px;

}
.inputsubmit4 {
	font-size: 1px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000000;
	text-decoration: underline;
	border-color: #C8C8BF;
	border-width: 0px;

}
.tab {
	border: 0;
	padding: 4px;
	border-collapse:collapse;
}

.tab_head strong {
	margin-left: 0.1cm;
	font-family: Verdana,sans-serif;
	font-size:12px;
	color:#fff;
}

.tab_head {
	background-color: #369;
	padding: 10px;
	 width: 90px;
}

.tab_detail strong {
	font-weight: 400;
	font-family: Verdana,sans-serif;
	font-size:12px;
	color:#000;
	line-height: 14px;
}

.tab_detail {
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #547CE0;
	padding: 5px;
}

.c_detail {
	background-color: #CBC2B6;
}

.c_main {
	background-color: #CBC2B6;
}

.c_head {
	background-color: #CBC2B6;
}

.tab_image {
	background-color: #fff;
	text-align:center;
	padding: 10px 0 10px 0;
}

.tab_image img {
	border: 0;
}

.tab_head_next strong {
	margin-left: 0.1cm;
	font-family: Verdana,sans-serif;
	font-size:12px;
	color:#000;
	line-height: 40px;
}

.tab_head_next {
	background-color: #369;
	
}

.vorteillink { margin-top: 10px;font-weight:normal; font-size:9pt; color: #000000; }
.vorteillink:hover { color: #708600;}

.vorteilclose { margin-top: 10px;font-weight:normal; font-size:9pt; color: #ffffff; }
.vorteilclose:hover { color: #ffffff;}
.xxbug img {
	  width: 50px;
}
.xxbug2 img {
	  width: 60px;
}
.details_rechts img {
	  width: 80px;
}
p.navigation_locator {
	  font-size: 10px;
	  font-family: Verdana,sans-serif;
	  text-align:left; 
	  margin: -13px 0px 10px 8px;
}
.vorteil {

font-family: Verdana,sans-serif;
	  font-size: 11px;
  	  margin-right: 60px;
	  margin-left: 40px;
	  margin-bottom: 20px;
	  text-align: left; 
	  line-height:12pt;
  	  
}

/*Artikel-Detailseite*/

#kurzbeschreibung {
	  margin: 14px 0px 20px 0px;   
	  font: 8pt verdana;
	  color: #000000; 
	  line-height: 20px; 
	  text-align: left;
}

#lange_beschreibung {
	  text-align: left;
	  font-size: 8pt;
	  line-height: 14pt;
	  margin-bottom: 20px;
}

#product_details {
	  text-align: left; 
	  font-size: 8pt; 
	  line-height: 14pt; 
	  margin-bottom: 20px;
}

#headliner {
	  color: #8b9a3a;
	  font-size: 9pt;
	  font-weight: bold;
}

#colour-choice {
	  color: #8b9a3a;
	  font-size: 9pt;
	  font-weight: bold;
	  margin-top: 30px;
}

/*Hauptseite*/
#newsletter {
	  display: block;
	  width: 233px;
	  height: 99px;
	  background-image: url( /img/shopheader/header_sommer08.gif );
	  float: left;
}
#warenkorb {
	  font-size: 11px;
	  margin-top: 10px;
	  margin-left:17px;
}

.caption {
	color: #59670f;
	font-weight: bold;
	padding-left: 14px;
}

Some information about this website:

URL: http://www.rucksack-center.de/
CSS URL: http://www.rucksack-center.de/shop/style.css
Charset: iso-8859-1
Title: Rucksäcke, Schulranzen und Taschen Online-Shop
Meta-Description: Taschen, Rucksäcke und Schulranzen von Eastpak, Deuter, Jansport, Tatonka, McNeill, Zipitbag, Timbuk2 und vielen weiteren angesagten Trendmarken. Bei rucksack-center bekommst Du top Qualität zu günstigen Preisen!
Meta-Keywords: Eastpak Reisetaschen, Deuter Rucksaecke, Eastpack Rucksack, McNeill Schulranzen, Mc Neill, Tatonka Wanderrucksäcke, Jansport Tasche, Timbuk2 Messenger, Zipitbag Taschen