Results of the CSS crunched for www.workandjob.be

Let's see what we've done for www.workandjob.be

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

Crunched CSS code:

*{padding:0;margin:0;border:0px solid #eee}
html{}
html,body,#bg,#bg table,#bg td,#wrapper{width:100%;height:100%;overflow:hidden}
body{font-size:75%}
html>body{font-size:12px;color:#FFF;height:100%}
.gruen{color:#67A556}
ul{list-style:none}
.bd{font-weight:900}
a:link{color:#000;text-decoration:none}
a:visited{color:#FFF;text-decoration:none}
a:hover{color:#5FD33F;text-decoration:none}
a:focus{outline:none}
p{font:1.15em/1.5em "Trebuchet MS","Arial Narrow";letter-spacing:0.02em;margin:1.5em 0}
h1{font:3.3em/1.05em "Trebuchet MS","Arial Narrow";letter-spacing:0.02em;margin:0.9em 0}
h2{font:1.6em/1em "Trebuchet MS","Arial Narrow";letter-spacing:0.02em;margin:1em 0}
h3{font:1.33em/1.13em "Trebuchet MS","Arial Narrow";letter-spacing:0.02em;margin:1.13em 0}
.sub h4,.sub h3,.sub h2,.sub h1{color:#000}
h4{font:1.15em/1.29em "Trebuchet MS","Arial Narrow";letter-spacing:0.02em;font-weight:600;margin:1.29em 0}
.bd{font-weight:600}
img,a img{border:0}
.left{float:left;margin:0 0.5em 0.5em 0}
.right{float:right;margin:0 0 0.5em 0.5em}
.cl-left{clear:left;height:.1px;font-size:0;line-height:0}
.cl-right{clear:right;height:.1px;font-size:0;line-height:0}
.cl-both{clear:both;height:.1px;font-size:0;line-height:0}
hr{clear:both;height:.1px;font-size:0;line-height:0;background-color:#FFF}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg img{min-height:50%;min-width:50%;margin:0 auto;display:block}
#bg div.grau{background-color:#555}
#bg div.gruen{background-color:#4D883D}
#wrapper{height:100%;min-width:790px;position:absolute;top:10px;left:7px;z-index:70;overflow:auto;background:url(../bilder/scribble.png) 480px 100px no-repeat}
#site{width:790px;min-height:100%;margin:0 auto}
div#header{margin-left:35px}
#header_nav{width:100%;height:35px;padding-top:10px;font:1em "Trebuchet MS","Arial Narrow";letter-spacing:0.02em;color:#FFF;text-align:right}
#navigation{padding-top:10%;font:1.25em "Trebuchet MS","Arial Narrow";letter-spacing:0.02em;color:#FFF}
#maincontent{overflow:auto;padding-top:3%;padding-bottom:80px}
#leftcolumn{width:70%;min-height:265px;float:left}
#leftcolumn.hg_gruen{background:url(../bilder/pix_gruen07.png) left top repeat}
#leftcolumn.hg_weiss{background:url(../bilder/pix_weiss07.png) left top repeat}
#leftcolumn #inhalt{margin:2.5em 0 0 0;padding:0px 10px 10px 35px}
#leftcolumn #inhalt .sub{color:#000;padding-top:20px}
#leftcolumn #inhalt p{margin:.75em 0;padding:0;color:#000}
#leftcolumn .flash{padding:0;margin:0}
#leftcolumn .sub ul{font:1.15em "Trebuchet MS","Arial Narrow";color:#000}
#leftcolumn .sub li{display:inline-block;margin-bottom:.5em;background-color:#fff}
#leftcolumn .sub li a{color:#000}
#leftcolumn .sub li a:hover,#leftcolumn .sub li a.sfhover{color:#008934}
#rightcolumn{width:232px;height:188px;float:left;margin-left:4px}
#footer{width:790px;margin:0 auto}
#footer div{clear:both;width:100%;height:35px;position:relative;margin-top:-60px;background:url(../bilder/foerderung.png) left top no-repeat}
#header_nav,#navigation ul{margin:0;padding:0}
#navigation li,#navigation li a{height:1.2em;color:#FFF}
#navigation ul ul{visibility:hidden}
#navigation li a:hover,#navigation li a.sfhover,#navigation li.active{margin-left:.8em;color:#5FD33F}
#navigation li:hover ul,#navigation li.sfhover ul,#navigation li.active ul{visibility:visible}
#navigation ul li span,#navigation ul ul li span{font-weight:900;color:#5FD33F}
#navigation ul ul.ini,#navigation ul ul.ang,#navigation ul ul.wer{margin-top:-1.2em}
#navigation ul ul.ang{margin-left:5.8em}
#navigation ul ul.ini{margin-left:6.5em}
#navigation ul ul.wer{margin-left:7.8em}
#header_nav li,#header_nav li a:hover,#header_nav li a.sfhover,#navigation li li,#navigation li li a:hover,#navigation li li a.sfhover{display:inline;position:relative;margin:0;padding-right:.3em}

» Show original CSS code

« Hide original CSS code

/* CSS
Start: 02.06.2010
Letzte Aenderung: 01.11.2010
work+job eine Initiative der proaktiv vog
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (GrünLogo): #008934
Farbton (Grün): #37a750
Farbton (Grau): #696969
Farbton (GrünColumn): #67A556
Farbton (GrünNav): #5FD33F
Farbton (GrauStart): #555555
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
padding: 0;
margin: 0;
border: 0px solid #eee;
}

/* Globals und Typo 
--------------------------------------------------------------------------------------- */
html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: #fff url(bilder/grid.png) top left no-repeat;
*/
}

html,body,#bg,#bg table,#bg td,#wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
*/	
font-size: 75%;
}

html>body {
font-size: 12px;
color: #FFF;
height: 100%;
}

.gruen {
color: #67A556;
}

ul {
list-style: none;
}

.bd {
font-weight: 900;
}

a:link {
color: #000;
text-decoration: none;
}

a:visited {
color: #FFF;
text-decoration: none;
}

a:hover {
color:  #5FD33F;
text-decoration: none;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
outline: none;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
font: 1.15em/1.5em "Trebuchet MS", "Arial Narrow";
letter-spacing: 0.02em;
margin: 1.5em 0;
}

h1 {
font: 3.3em/1.05em "Trebuchet MS", "Arial Narrow";
letter-spacing: 0.02em;
margin: 0.9em 0;
}

h2 {
font: 1.6em/1em "Trebuchet MS", "Arial Narrow";
letter-spacing: 0.02em;
margin: 1em 0;
}

h3 {
font: 1.33em/1.13em "Trebuchet MS", "Arial Narrow";
letter-spacing: 0.02em;
margin: 1.13em 0;
}

.sub h4, .sub h3, .sub h2, .sub h1 {
color: #000;
}

h4 {
font: 1.15em/1.29em "Trebuchet MS", "Arial Narrow";
letter-spacing: 0.02em;
font-weight: 600;
margin: 1.29em 0;
}
.bd {
font-weight: 600;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.left {
float: left;
margin: 0 0.5em 0.5em 0;
}

.right {
float: right;
margin: 0 0 0.5em 0.5em;
}

.cl-left {
clear: left;
height: .1px;
font-size: 0;
line-height: 0;
}
.cl-right {
clear: right;
height: .1px;
font-size: 0;
line-height: 0;
}
.cl-both {
clear: both;
height: .1px;
font-size: 0;
line-height: 0;
}

hr {
clear: both;
height: .1px;
font-size: 0;
line-height: 0;
background-color: #FFF;
}

#bg div {
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
}

/* Hintergrund
--------------------------------------------------------------------------------------- */
#bg img {
min-height: 50%;
min-width: 50%;
margin: 0 auto;
display: block;
}

#bg div.grau {
background-color: #555;
}

#bg div.gruen {
background-color: #4D883D;
}

/* Layoutelemente
--------------------------------------------------------------------------------------- */
#wrapper {
height: 100%;
min-width: 790px;
position: absolute;
top: 10px;
left: 7px;
z-index: 70;
overflow: auto;
background: url(../bilder/scribble.png) 480px 100px no-repeat;
}

#site {
width: 790px;
min-height: 100%;
margin: 0 auto;
}

div#header {
margin-left: 35px;
}

#header_nav {
width: 100%;
height: 35px;
padding-top: 10px;
font: 1em "Trebuchet MS", "Arial Narrow";
letter-spacing: 0.02em;
color: #FFF;
text-align: right;
}

#navigation {
padding-top: 10%;
font: 1.25em "Trebuchet MS", "Arial Narrow";
letter-spacing: 0.02em;
color: #FFF;
}

#maincontent {
overflow: auto;
padding-top: 3%;
padding-bottom: 80px;
}

#leftcolumn {
width: 70%;
min-height: 265px;
float: left;
}

#leftcolumn.hg_gruen {
background: url(../bilder/pix_gruen07.png) left top repeat;
}

#leftcolumn.hg_weiss {
background: url(../bilder/pix_weiss07.png) left top repeat;
}

#leftcolumn #inhalt {
margin: 2.5em 0 0 0;
padding: 0px 10px 10px 35px;
}

#leftcolumn #inhalt .sub {
color: #000;
padding-top: 20px;
}

#leftcolumn #inhalt p {
margin: .75em 0;
padding: 0;
color: #000;
}

#leftcolumn .flash {
padding: 0;
margin: 0;
}

#leftcolumn .sub ul {
font: 1.15em "Trebuchet MS", "Arial Narrow";
color: #000;
}

#leftcolumn .sub li {
display: inline-block;
margin-bottom: .5em;
background-color: #fff;
}

#leftcolumn .sub li a {
color: #000;
}

#leftcolumn .sub li a:hover, #leftcolumn .sub li a.sfhover {
color: #008934;
}

#rightcolumn {
width: 232px;
height: 188px;
float: left;
margin-left: 4px;
}

/* FooterStick
--------------------------------------------------------------------------------------- */
#footer {
width: 790px;
margin: 0 auto;
}

#footer div {
clear: both;
width: 100%;
height: 35px;
position: relative;
margin-top: -60px;
background: url(../bilder/foerderung.png) left top no-repeat;
}

/* Navigation
--------------------------------------------------------------------------------------- */
#header_nav, #navigation ul {
margin: 0;
padding: 0;
}

#navigation li, #navigation li a {
height: 1.2em;
color: #FFF;
}

#navigation ul ul {
visibility: hidden;
}

#navigation li a:hover, #navigation li a.sfhover, #navigation li.active {
margin-left: .8em;
color:  #5FD33F;
}

#navigation li:hover ul, #navigation li.sfhover ul, #navigation li.active ul {
visibility: visible;
}

#navigation ul li span, #navigation ul ul li span {
font-weight: 900;
color:  #5FD33F;
}

#navigation ul ul.ini, #navigation ul ul.ang, #navigation ul ul.wer {
margin-top: -1.2em;
}

#navigation ul ul.ang {
margin-left: 5.8em;
}

#navigation ul ul.ini {
margin-left: 6.5em;
}

#navigation ul ul.wer {
margin-left: 7.8em;
}

#header_nav li, #header_nav li a:hover, #header_nav li a.sfhover, #navigation li li, #navigation li li a:hover, #navigation li li a.sfhover {
display: inline;
position: relative;
margin: 0;
padding-right: .3em;
}

Some information about this website:

URL: http://www.workandjob.be/
CSS URL: http://www.workandjob.be/format/layout.css
Charset: UTF-8
Title: work+job – Eine Initiative der proaktiv VoG
Meta-Description: ...
Meta-Keywords: ...