Results of the CSS crunched for www.mn-webservice-plus.de

Let's see what we've done for www.mn-webservice-plus.de

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

Crunched CSS code:

*{padding:0;margin:0}
h2,p,ul,ol{margin-bottom:1em}
h5{margin-top:1em;margin-bottom:0.5em}
ol ul{margin-bottom:0.1em}
li{margin-left:2em}
* html #navibereich{height:1%}
html{height:101%}
body{background-color:white;color:white;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:small}
h1{font-size:150%}
h2{font-size:100%}
h3{font-size:85%;font-weight:normal;line-height:1.5em}
h4{font-size:80%;font-weight:normal;line-height:0.1em}
h5{font-size:80%;font-weight:bold;line-height:3.5em}
hr{color:#1b6eca;background:transparent;margin-top:14px;margin-right:6px;margin-bottom:20px;border:0;border-bottom:1px solid #1b6eca}
address{text-align:center;font-size:80%;font-style:normal;color:#17385F;letter-spacing:2px;line-height:1.5}
a{text-decoration:none;outline:none}
.skiplink{position:absolute;top:-5000px;left:-5000px;width:0;height:0;overflow:hidden;display:inline}
#wrapper{background-color:#1b6eca;color:black;min-width:910px;max-width:1050px;margin:auto}
#top{background-color:#ffffff;height:10px}
#kopfbereich{position:relative;background-color:#ffffff;padding:0 10px 0 0;margin-top:2px;height:110px}
#kopfbereich span{position:absolute;top:3px;right:20px}
#kopfbereich p{position:absolute;top:33px;left:162px;color:#17385f;font-size:180%;font-style:italic;letter-spacing:7px;line-height:1.5}
#navilinks{float:left;width:120px;padding-left:0;padding-top:16px}
.buttonscontainer{width:120px}
.buttons a{display:block;color:#000000;font:82% Verdana,sans-serif;text-align:left;text-decoration:none;background-color:transparent;padding:2px 2px 2px 3px;border-left:10px solid #1b6eca;margin-top:2px}
.buttons a:hover, .buttons a:active{background-color:#1b6eca;color:white;text-decoration:none;border-left:6px solid #17385F}
.standby{background-color:#A7C3DF;color:white;text-decoration:none;padding-left:0.1em;border-left:6px solid #17385F}
blockquote{background:#ffffff;padding-left:0.2em}
* html blockquote{height:1px}
#textbereich{padding-top:0}
#textbereich a{border-bottom:1px dotted #1b6eca}
#textbereich ul li{list-style-type:square}
#textbereich a:hover, #textbereich a:focus{background-color:#1b6eca;color:white;border-bottom:1px solid #1b6eca}
#textbereich p{padding-right:1px}
#main{background:#ffffff;margin-top:1px;padding-top:6px;padding-bottom:20px;border-top:1px solid #1b6eca}
#spalte01{float:left;width:126px;color:black;line-height:2.9em;margin-top:8px;padding:10px 8px 20px 16px;display:block;height:auto}
#spalte01 img{padding-top:20px;padding-left:1px}
#spalte01 h3{color:#17385F;text-align:center}
#spalte03{float:right;width:230px;color:black;text-align:center;line-height:2.9em;margin-top:8px;padding:10px 8px 0 14px;border-left:1px solid #1b6eca;display:block;height:auto}
#spalte03 h3{color:#17385F;text-align:center}
#spalte03 p{color:#17385F;text-align:center;line-height:1.2em}
#spalte02{overflow:hidden;width:54%;color:black;line-height:2.9em;margin:8px 0 10px 160px;padding:0 10px 20px 20px;border-left:1px solid #1b6eca;height:558px}
#startseite #spalte02{height:1210px}
#diverse_shops #spalte02{height:6330px}
#spruch #spalte02{height:720px}
#impressum #spalte02{height:1260px}
#spalte02 dl{display:inline}
#spalte02 dt{color:#17385F;font-size:100%;letter-spacing:0.1em;line-height:1.8em;padding:10px 0px 10px 2px;margin-bottom:20px}
#spalte02 dl img{overflow:hidden;margin-left:150px}
#spalte02 dt img{overflow:hidden;margin-top:1px;margin-right:0;margin-bottom:6px;margin-left:0;padding:3px;border:1px solid #17385F;border-right-color:#aaa;border-bottom-color:#aaa}
#spalte02 dt p{overflow:hidden;margin:-130px 0 0 140px}
#spalte02 dd{color:black;font-size:85%;line-height:1.8em;padding-right:10px;padding-left:4px}
#spalte02 dd h4{line-height:3.2em}
#spalte02 dd.alt{background:#A7C3DF;margin-top:10px;margin-right:20px;margin-bottom:8px;margin-left:6px;padding-left:10px;border:10px solid #A7C3DF;border-bottom:2px solid #B8B2B2;border-left:2px solid #B8B2B2}
#spalte02 dd img{overflow:hidden;margin:2px 0 0 2px;padding:4px;border:1px solid #d9e0e6;border-bottom-color:#c8cdd2;border-right-color:#c8cdd2;background:#fff}
#spalte02 dd ul li{font-size:100%;line-height:1.8em;color:black}
#spalte02 dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html #spalte02 dl{height:1%}
* html #spalte02{height:1%}
*:first-child+html #spalte02 dl{min-height:1px}
*:first-child+html #spalte02{min-height:1px}
#fussbereich{clear:both;background:#ffffff;padding:10px 20px 20px 20px;border-top:1px solid #1b6eca}
table{width:98%;border-collapse:separate;background:#ffffff;color:#17385F;margin-top:10px;margin-left:11px;padding:0 10px 5px 10px;border:1px solid #1b6eca}
table caption{font-weight:normal;text-align:center;color:#17385F;background-color:#A7C3DF;margin-top:16px;margin-left:1px;margin-right:2px;margin-bottom:0px;padding-left:2px;padding-right:2px;border-top:1px solid #1b6eca}
table th,table td{font-size:80%;font-weight:normal;line-height:1.8em;padding:0 0px 0 0px;text-align:left;border-bottom:1px solid #b5b5b5}
thead{background-color:#A7C3DF;color:#17385F;border-bottom:1px solid #999}
tfoot{border-top:1px solid #999}
tr.zebrastreifen{background-color:#A7C3DF;color:black}
tbody tr:hover{background-color:#A7C3DF;color:black}
.bildlinks{float:left;padding:3px;border:1px solid #3366ee;border-right-color:#aaa;border-bottom-color:#aaa;margin-top:1px;margin-right:10px;margin-bottom:15px}
.bildrechts{float:right;padding:1px;border:1px solid #3366ee;border-top-color:#aaa;border-left-color:#aaa;margin-top:10px;margin-right:1px;margin-left:15px;margin-bottom:15px}
.clearing{clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

» Show original CSS code

« Hide original CSS code

/* ===================================
Stylesheet mn-webservice-plus

Datum: 06. Dezember 2009

=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; } 
 
h2, p, ul, ol { margin-bottom: 1em; } 
h5 {margin-top: 1em; margin-bottom: 0.5em;}
ol ul { margin-bottom: 0.1em; }

li { margin-left: 2em; }    
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   
/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #navibereich { height: 1%; }
   
html { height: 101%; }    
   
body { 
  background-color: white; /* #d9d6ce, #b0b0b0, #353535, dunkles Grau - #1b6eca, #3e8ce5. #1c6dca kräftig mittelblau*/ 
  color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;   
}

h1 { font-size: 150%; }
h2 { font-size: 100%; }
h3 { font-size: 85%; font-weight: normal; line-height: 1.5em; }
h4 { font-size: 80%; font-weight: normal; line-height: 0.1em;}
h5 { font-size: 80%; font-weight: bold; line-height: 3.5em;}

hr {
    color: #1b6eca;
    background:transparent;
    margin-top: 14px;
    margin-right: 6px;
    margin-bottom: 20px;
    border:0;
    border-bottom: 1px solid #1b6eca; /* #8fabf5, ist blau oder #a7c2df */
  }
  
address {
  text-align: center; 
  font-size: 80%; 
  font-style: normal; 
  color: #17385F;
  letter-spacing: 2px;
  line-height: 1.5; 
}

/* ================
   Hyperlinks    */

a { 
  text-decoration: none; 
  outline: none; 
}

/* =====================
   Klassen und IDs    */

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */

#wrapper { 
  background-color: #1b6eca; 
  color: black; 
  min-width:910px; 
  max-width:1050px; 
  margin:auto;
}
#top { 
  background-color: #ffffff; 
  height: 10px;
}

#kopfbereich { 
  position: relative; 
  background-color: #ffffff; /* 1b6eca */ 
  padding: 0 10px 0 0; /* oben - rechts - unten - links */ 
  margin-top: 2px; 
  height: 110px;
}

#kopfbereich span {
    position: absolute;
    top: 3px;
    right: 20px;
}
#kopfbereich p {
    position: absolute;
    top: 33px;
    left: 162px;
    color: #17385f;
    font-size: 180%;
    font-style: italic;
    letter-spacing: 7px;
    line-height: 1.5; 
}   
#navilinks {
  float: left; 
  width: 120px; 
  padding-left: 0;
  padding-top: 16px; 
}
.buttonscontainer {width: 120px;}

.buttons a {
display: block;
color: #000000;
font: 82% Verdana, sans-serif;
text-align: left;
text-decoration: none;
background-color: transparent;
padding: 2px 2px 2px 3px;
border-left: 10px solid #1b6eca;
margin-top: 2px;
}
.buttons a:hover, 
.buttons a:active {
background-color: #1b6eca; 
color: white;
text-decoration: none;
border-left: 6px solid #17385F;
}
.standby {
   background-color: #A7C3DF; /* oder #cfcfcf oder #c8cdd2 oder #1b6eca oder #B5C9DF*/
   color: white; 
   text-decoration: none;
   padding-left: 0.1em;
   border-left: 6px solid #17385F;
}
blockquote {
	background: #ffffff;
	padding-left: 0.2em;
}
/* gegen Scroll-Farbverlust des IE6 */
* html blockquote { height: 1px; }

#textbereich {
    padding-top: 0;
}
#textbereich a {
      border-bottom: 1px dotted #1b6eca; 
}
#textbereich ul li { list-style-type: square; }
    
#textbereich a:hover,
#textbereich a:focus {
      background-color: #1b6eca; 
      color: white;
      border-bottom: 1px solid #1b6eca; 
}    
#textbereich p {padding-right: 1px;}
#main   {
    background: #ffffff;
    margin-top: 1px;
    padding-top: 6px;
    padding-bottom: 20px;
    border-top: 1px solid #1b6eca;
}
#spalte01 { 
       float: left; 
       width: 126px; 
       color: black; 
       line-height: 2.9em;
       margin-top: 8px; 
       padding: 10px 8px 20px 16px;
       display: block; 
       height: auto; 
}   
#spalte01 img {
       padding-top: 20px;
       padding-left: 1px;
}
#spalte01 h3 {
       color: #17385F;
       text-align: center;
}
#spalte03 { 
       float: right; 
       width: 230px; 
       color: black; 
       text-align: center;
       line-height: 2.9em;
       margin-top: 8px;
       padding: 10px 8px 0 14px;
       border-left: 1px solid #1b6eca;
       display: block; 
       height: auto; 
}  
#spalte03 h3 {
       color: #17385F;
       text-align: center;
} 
#spalte03 p {
       color: #17385F;
       text-align: center;
       line-height: 1.2em;
} 
#spalte02 { 
       overflow: hidden;
       width: 54%; 
       color: black;
       line-height: 2.9em;
       margin: 8px 0 10px 160px; 
       padding: 0 10px 20px 20px;
       border-left: 1px solid #1b6eca;    /* #c8cdd2 und #8c8c8c grau */
       height: 558px; 
}
 
#startseite #spalte02 { height: 1210px; } 
#diverse_shops #spalte02 { height: 6330px; } 
#spruch #spalte02 { height: 720px; } 
#impressum #spalte02 { height: 1260px;  }

#spalte02 dl { 
       display: inline;  /* fixt den Bug der Randverdopplung im IE/Win */
}
#spalte02 dt { 
       color: #17385F;   /* #627081 */
       font-size: 100%;
       letter-spacing: 0.1em;
       line-height: 1.8em;    
       padding: 10px 0px 10px 2px;
       margin-bottom: 20px;
}
#spalte02 dl img { 
       overflow: hidden;
       margin-left: 150px;
}
#spalte02 dt img { 
       overflow: hidden;
       margin-top: 1px;
       margin-right: 0; 
       margin-bottom: 6px; 
       margin-left: 0;
       padding: 3px; 
       border: 1px solid #17385F; 
       border-right-color: #aaa; 
       border-bottom-color: #aaa; 
}
#spalte02 dt p { 
       overflow: hidden;
       margin: -130px 0 0 140px;
}
#spalte02 dd { 
       color: black; 
       font-size: 85%;
       line-height: 1.8em;
       padding-right: 10px;
       padding-left: 4px; 
}
#spalte02 dd h4 {
       line-height: 3.2em;
}
#spalte02 dd.alt { 
       background: #A7C3DF;
       margin-top: 10px; 
       margin-right: 20px;
       margin-bottom: 8px;
       margin-left: 6px;
	   padding-left: 10px; 
       border: 10px solid #A7C3DF;
       border-bottom: 2px solid #B8B2B2;       
	   border-left: 2px solid #B8B2B2;     
}
#spalte02 dd img { 
       overflow: hidden;
       margin: 2px 0 0 2px;
       padding: 4px;
       border: 1px solid #d9e0e6;
       border-bottom-color: #c8cdd2;
       border-right-color: #c8cdd2;
       background: #fff; 
}
#spalte02 dd ul li { 
       font-size: 100%;
       line-height: 1.8em;
       color: black; 
}
#spalte02 dl:after { /* für Browser, die :after unterstützen */ 
       content: "."; 
       display: block; 
       height: 0; 
       clear: both; 
       visibility: hidden;
}

* html #spalte02 dl { height: 1%} /* für IE5+6 */
* html #spalte02 { height: 1%} /* für IE5+6 */
*:first-child+html #spalte02 dl { min-height: 1px;} /* für IE7 */
*:first-child+html #spalte02 { min-height: 1px;} /* für IE7 */

#fussbereich {
  clear: both; 
  background: #ffffff;   /* #E5ECF2 ganz hellblau */
  padding: 10px 20px 20px 20px; 
  border-top: 1px solid #1b6eca; /* #353535 */
}

/* ==================================== 
   4. Tabellen Styles 
   ==================================== */
   
table {
 /* position: relative; */
  width: 98%; 
  border-collapse: separate;        
  background: #ffffff; 
  color: #17385F; 
  margin-top: 10px;
  margin-left: 11px;
  padding: 0 10px 5px 10px;
  border: 1px solid #1b6eca; 
}
table caption {
  font-weight: normal;
  text-align: center; 
  color: #17385F; 
  background-color: #A7C3DF; 
  margin-top: 16px;
  margin-left: 1px; 
  margin-right: 2px;
  margin-bottom: 0px;
  padding-left: 2px;
  padding-right: 2px; 
  border-top: 1px solid #1b6eca; 
}
table th, table td {
  font-size: 80%;
  font-weight: normal; 
  line-height: 1.8em;
  padding: 0 0px 0 0px; 
  text-align: left; 
  border-bottom: 1px solid #b5b5b5; 
}
/* table tr { } */

thead {
  background-color: #A7C3DF;
  color: #17385F; 
  border-bottom: 1px solid #999; 
}
tfoot {
  border-top: 1px solid #999; 
}
tr.zebrastreifen {
  background-color: #A7C3DF; 
  color: black; 
}
tbody tr:hover {
  background-color: #A7C3DF;
  color: black; 
}

/* ==================================== 
   5. Sonstige Styles 
   ==================================== */

.bildlinks { 
  float: left; 
  padding: 3px; 
  border: 1px solid #3366ee; 
  border-right-color: #aaa; 
  border-bottom-color: #aaa; 
  margin-top: 1px;
  margin-right: 10px; 
  margin-bottom: 15px; 
} 
.bildrechts {
  float: right; 
  padding: 1px; 
  border: 1px solid #3366ee; 
  border-top-color: #aaa; 
  border-left-color: #aaa; 
  margin-top: 10px;
  margin-right: 1px; 
  margin-left: 15px;
  margin-bottom: 15px; 
}

.clearing {
  clear: both; 
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */

Some information about this website:

URL: http://www.mn-webservice-plus.de/
CSS URL: http://www.mn-webservice-plus.de/stylesheets/mn.css
Charset: iso-8859-1
Title: Webservice plus Büroservice in Balve im Sauerland - Startseite
Meta-Description: Webservice,Webdesign,Homepage,Website,HTML,Büroservice,Schreibservice,Bürodienstleistung,Schreibdienst,Schreibarbeit,Textverarbeitung,Datenbank,Datenbanken,Adressenpflege,Adressenerfassung,Preisliste,Preislisten,Balve,Märkischer Kreis,Sundern,Sauerland
Meta-Keywords: Webservice, Büroservice, Webdesign, Homepage, Website, HTML, Internetseiten, Schreibservice, Bürodienstleistung, Schreibdienst, Schreibarbeit, Textverarbeitung, Datenbank, Datenbanken, Adressenpflege, Adressenerfassung, Preisliste, Preislisten, Balve, Märkischer Kreis, Sundern, Hochsauerland Kreis, Region Sauerland